|
@@ -118,6 +118,9 @@
|
|
|
<div class="box box-primary" >
|
|
|
<div class="box-header with-border">
|
|
|
<h3 class="box-title">基本信息</h3>
|
|
|
+ <button class="btn btn-success pull-right" onclick="addNewOption()">
|
|
|
+ 生成众审任务
|
|
|
+ </button>
|
|
|
<button class="btn btn-default pull-right" onclick="addNewOption()">
|
|
|
新建审查选项
|
|
|
</button>
|
|
@@ -129,7 +132,7 @@
|
|
|
<div class="form-group">
|
|
|
<label class="col-sm-2 control-label">名称</label>
|
|
|
<div class="col-sm-10">
|
|
|
- <input type="email" class="form-control" id="name" placeholder="请输入任务名称"/>
|
|
|
+ <input class="form-control" id="name" placeholder="请输入任务名称"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -219,14 +222,17 @@
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
<span aria-hidden="true">×</span></button>
|
|
|
- <h4 class="modal-title">Default Modal</h4>
|
|
|
+ <h4 class="modal-title">预览</h4>
|
|
|
</div>
|
|
|
- <div class="modal-body">
|
|
|
- <p>One fine body…</p>
|
|
|
+ <div class="modal-body" id="modalBody">
|
|
|
+ <form class="form-horizontal" id="formBody">
|
|
|
+
|
|
|
+ </form>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
- <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
|
|
|
- <button type="button" class="btn btn-primary">Save changes</button>
|
|
|
+ <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
|
|
|
+<!-- <button type="button" class="btn btn-primary"></button>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- /.modal-content -->
|
|
@@ -269,6 +275,7 @@
|
|
|
<script src="/static/AdminLTE/dist/js/demo.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
var ruleId ;
|
|
|
+ var ratioIndex;
|
|
|
$(document).ready(function(){
|
|
|
$('[data-toggle="tooltip"]').tooltip();
|
|
|
|
|
@@ -276,6 +283,7 @@
|
|
|
$('.select2').select2()
|
|
|
|
|
|
ruleId = 0;
|
|
|
+ ratioIndex =0 ;
|
|
|
|
|
|
//Datemask dd/mm/yyyy
|
|
|
$('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
|
|
@@ -430,37 +438,43 @@
|
|
|
' </div>\n' +
|
|
|
' </div>\n' +
|
|
|
' <div class="box-footer">\n' +
|
|
|
- ' <button type="button" class="btn btn-default">删除</button>\n' +
|
|
|
- ' <button type="button" class="btn btn-default" data-toggle="modal" data-target="#modal-default">\n' +
|
|
|
+ ' <button type="button" onclick="deleteRule(' +ruleId+
|
|
|
+ ')" class="btn btn-default">删除</button>\n' +
|
|
|
+ ' <button type="button" class="btn btn-default" onclick="showModal(' +ruleId+
|
|
|
+ ')">\n' +
|
|
|
' 预览\n' +
|
|
|
' </button>\n' +
|
|
|
- ' <button type="button" class="btn btn-info pull-right">继续添加</button>\n' +
|
|
|
+ ' <button type="button" onclick="addNewOption()" class="btn btn-info pull-right">继续添加</button>\n' +
|
|
|
' </div>\n' +
|
|
|
' </div>\n' +
|
|
|
' </div>');
|
|
|
ruleId++;
|
|
|
}
|
|
|
|
|
|
- addRatio = function (id) { // 添加文本框
|
|
|
+ addRatio = function (id) { // 添加文本框f
|
|
|
var table = $('#table'+id);
|
|
|
- table.append('<tr >\n' +
|
|
|
+ ratioIndex++;
|
|
|
+ table.append('<tr type="ratio">\n' +
|
|
|
' <td>\n' +
|
|
|
' <div class="form-group">\n' +
|
|
|
' <div class="radio">\n' +
|
|
|
' <label>\n' +
|
|
|
- ' <input type="radio" name="optionsRadios" value="option1" checked="checked"/>\n' +
|
|
|
+ ' <input type="radio" name="optionsRadios' + ratioIndex+
|
|
|
+ '" value="option1" checked="checked"/>\n' +
|
|
|
' Option one\n' +
|
|
|
' </label>\n' +
|
|
|
' </div>\n' +
|
|
|
' <div class="radio">\n' +
|
|
|
' <label>\n' +
|
|
|
- ' <input type="radio" name="optionsRadios" value="option2"/>\n' +
|
|
|
+ ' <input type="radio" name="optionsRadios' +ratioIndex+
|
|
|
+ '" value="option2"/>\n' +
|
|
|
' Option two\n' +
|
|
|
' </label>\n' +
|
|
|
' </div>\n' +
|
|
|
' <div class="radio">\n' +
|
|
|
' <label>\n' +
|
|
|
- ' <input type="radio" name="optionsRadios" value="option3" />\n' +
|
|
|
+ ' <input type="radio" name="optionsRadios' +ratioIndex+
|
|
|
+ '" value="option3" />\n' +
|
|
|
' Option three\n' +
|
|
|
' </label>\n' +
|
|
|
' </div>\n' +
|
|
@@ -473,8 +487,9 @@
|
|
|
' <input type="text" class="form-control" placeholder="选项数据 请用;将选项分隔"/>\n' +
|
|
|
' </td>\n' +
|
|
|
' <td>\n' +
|
|
|
- ' <button class="btn btn-default">上移</button>\n' +
|
|
|
- ' <button class="btn btn-default">下移</button>\n' +
|
|
|
+ ' <button onclick="upTr(this)" class="btn btn-default">上移</button>\n' +
|
|
|
+ ' <button onclick="downTr(this,' +id+
|
|
|
+ ')" class="btn btn-default">下移</button>\n' +
|
|
|
' <button onclick="deleteTr(this)" class="btn btn-warning">删除</button>\n' +
|
|
|
' </td>\n' +
|
|
|
' </tr>')
|
|
@@ -483,7 +498,7 @@
|
|
|
|
|
|
addText = function (id) { // 添加多选框
|
|
|
var table = $('#table'+id);
|
|
|
- table.append('<tr>\n' +
|
|
|
+ table.append('<tr type="text">\n' +
|
|
|
' <td>\n' +
|
|
|
' <input type="text" class="form-control" placeholder="请输入说明文字"/>\n' +
|
|
|
' </td>\n' +
|
|
@@ -493,16 +508,17 @@
|
|
|
' <td>\n' +
|
|
|
' </td>\n' +
|
|
|
' <td>\n' +
|
|
|
- ' <button class="btn btn-default">上移</button>\n' +
|
|
|
- ' <button class="btn btn-default">下移</button>\n' +
|
|
|
+ ' <button onclick="upTr(this)" class="btn btn-default">上移</button>\n' +
|
|
|
+ ' <button onclick="downTr(this,' +id+
|
|
|
+ ')" class="btn btn-default">下移</button>\n' +
|
|
|
' <button onclick="deleteTr(this)" class="btn btn-warning">删除</button>\n' +
|
|
|
' </td>\n' +
|
|
|
' </tr>')
|
|
|
}
|
|
|
|
|
|
- addCheck = function (id) { // 添加多选框
|
|
|
+ addSingleCheck = function (id) { // 添加多选框
|
|
|
var table = $('#table'+id);
|
|
|
- table.append('<tr>\n' +
|
|
|
+ table.append('<tr type="singleCheck">\n' +
|
|
|
' <td>\n' +
|
|
|
' <div class="form-group">\n' +
|
|
|
' <div class="checkbox">\n' +
|
|
@@ -520,16 +536,17 @@
|
|
|
' <input type="text" class="form-control" placeholder="请输入说明文字"/>\n' +
|
|
|
' </td>\n' +
|
|
|
' <td>\n' +
|
|
|
- ' <button class="btn btn-default">上移</button>\n' +
|
|
|
- ' <button class="btn btn-default">下移</button>\n' +
|
|
|
+ ' <button onclick="upTr(this)" class="btn btn-default">上移</button>\n' +
|
|
|
+ ' <button onclick="downTr(this,' +id+
|
|
|
+ ')" class="btn btn-default">下移</button>\n' +
|
|
|
' <button onclick="deleteTr(this)" class="btn btn-warning">删除</button>\n' +
|
|
|
' </td>\n' +
|
|
|
' </tr>')
|
|
|
}
|
|
|
|
|
|
- addSingleCheck = function (id) {
|
|
|
+ addCheck = function (id) {
|
|
|
var table = $('#table'+id);
|
|
|
- table.append('<tr>\n' +
|
|
|
+ table.append('<tr type="check">\n' +
|
|
|
' <td>\n' +
|
|
|
' <div class="form-group">\n' +
|
|
|
' <div class="checkbox">\n' +
|
|
@@ -561,8 +578,9 @@
|
|
|
' <input type="text" class="form-control" placeholder="选项数据"/>\n' +
|
|
|
' </td>\n' +
|
|
|
' <td>\n' +
|
|
|
- ' <button class="btn btn-default">上移</button>\n' +
|
|
|
- ' <button class="btn btn-default">下移</button>\n' +
|
|
|
+ ' <button onclick="upTr(this)" class="btn btn-default">上移</button>\n' +
|
|
|
+ ' <button onclick="downTr(this,' +id +
|
|
|
+ ')" class="btn btn-default">下移</button>\n' +
|
|
|
' <button onclick="deleteTr(this)" class="btn btn-warning">删除</button>\n' +
|
|
|
' </td>\n' +
|
|
|
' </tr>')
|
|
@@ -572,6 +590,119 @@
|
|
|
deleteTr = function(element){
|
|
|
element.parentNode.parentNode.remove();
|
|
|
}
|
|
|
+
|
|
|
+ upTr = function(element){
|
|
|
+ var $tr = $(element).parents("tr");
|
|
|
+ if ($tr.index() != 0) {
|
|
|
+ $tr.prev().before($tr);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ downTr = function (element,id) {
|
|
|
+ var length = $('#table'+id +' tr').length;
|
|
|
+ var $tr = $(element).parents("tr");
|
|
|
+ if ($tr.index() != length - 1) {
|
|
|
+ $tr.next().after($tr);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ deleteRule = function (id) {
|
|
|
+ $('#rule'+id).remove()
|
|
|
+ }
|
|
|
+
|
|
|
+ showModal = function (id) {
|
|
|
+ var body = $('#formBody');
|
|
|
+ var myTable = document.getElementById("table"+id);
|
|
|
+ body.html("");
|
|
|
+ var da1 = $('#fitlist'+id).val();
|
|
|
+ var selectedData = '<div class="form-group">\n' +
|
|
|
+ ' <label class="col-sm-2 control-label">适用试题</label>\n' +
|
|
|
+ ' <div class="col-sm-10">\n' +
|
|
|
+ getSpanHtml(getData(da1))+
|
|
|
+ ' </div>\n' +
|
|
|
+ ' </div>';
|
|
|
+ body.append(selectedData);
|
|
|
+ var rowNum = myTable.rows.length;
|
|
|
+ var tempdata = [];
|
|
|
+ var td0;
|
|
|
+ var tr;
|
|
|
+ var type;
|
|
|
+ for(var i = 0;i<rowNum;i++){
|
|
|
+ tr = myTable.rows[i];
|
|
|
+ type=tr.getAttribute("type");
|
|
|
+ if(type=="singleCheck"){
|
|
|
+ var singleCheckTip = myTable.rows[i].cells[1].children[0].value;
|
|
|
+ var singleCheckData = myTable.rows[i].cells[2].children[0].value;
|
|
|
+ console.log(singleCheckData,singleCheckTip)
|
|
|
+ var singleCheckTemp = '<div class="form-group">\n' +
|
|
|
+ ' <label class="col-sm-2 control-label">' +singleCheckTip+
|
|
|
+ '</label>\n' +
|
|
|
+ ' <div class="col-sm-10">\n' ;
|
|
|
+
|
|
|
+ singleCheckTemp+='<div class="checkbox">\n' +
|
|
|
+ ' <label>\n' +
|
|
|
+ ' <input type="checkbox"/>\n' +singleCheckData+
|
|
|
+ ' </label>\n' +
|
|
|
+ ' </div>';
|
|
|
+
|
|
|
+ singleCheckTemp+=
|
|
|
+ ' </div>\n' +
|
|
|
+ ' </div>';
|
|
|
+ body.append(singleCheckTemp);
|
|
|
+ }else if(type=="check"){
|
|
|
+ var checkTip = myTable.rows[i].cells[1].children[0].value;
|
|
|
+ var checkData = myTable.rows[i].cells[2].children[0].value;
|
|
|
+ var checkArr = checkData.split(';');
|
|
|
+ var checkTemp = '<div class="form-group">\n' +
|
|
|
+ ' <label class="col-sm-2 control-label">' +checkTip+
|
|
|
+ '</label>\n' +
|
|
|
+ ' <div class="col-sm-10">\n' ;
|
|
|
+ for( var checkJ = 0;checkJ<checkArr.length;checkJ++){
|
|
|
+ checkTemp+='<div class="checkbox">\n' +
|
|
|
+ ' <label>\n' +
|
|
|
+ ' <input type="checkbox"/>\n' +checkArr[checkJ]+
|
|
|
+ ' </label>\n' +
|
|
|
+ ' </div>';
|
|
|
+ }
|
|
|
+ checkTemp+=
|
|
|
+ ' </div>\n' +
|
|
|
+ ' </div>';
|
|
|
+ body.append(checkTemp);
|
|
|
+ }else if(type=="ratio"){
|
|
|
+ var ratioTip = myTable.rows[i].cells[1].children[0].value;
|
|
|
+ var ratioData = myTable.rows[i].cells[2].children[0].value;
|
|
|
+ var ratioArr = ratioData.split(';');
|
|
|
+ var ratioTemp = '<div class="form-group">\n' +
|
|
|
+ ' <label class="col-sm-2 control-label">' +ratioTip+
|
|
|
+ '</label>\n' +
|
|
|
+ ' <div class="col-sm-10">\n' ;
|
|
|
+
|
|
|
+ for( var ratioJ = 0;ratioJ<ratioArr.length;ratioJ++){
|
|
|
+ ratioTemp+='<div class="radio">\n' +
|
|
|
+ ' <label>\n' +
|
|
|
+ ' <input type="radio" name="optionsRadios' + i+
|
|
|
+ '" value="' +ratioArr[ratioJ]+
|
|
|
+ '"/>\n' +ratioArr[ratioJ]+
|
|
|
+ ' </label>\n' +
|
|
|
+ ' </div>';
|
|
|
+ }
|
|
|
+ ratioTemp+=
|
|
|
+ ' </div>\n' +
|
|
|
+ ' </div>';
|
|
|
+ body.append(ratioTemp);
|
|
|
+ }else if(type=="text"){
|
|
|
+ var textData = myTable.rows[i].cells[1].children[0].value;
|
|
|
+ body.append('<div class="form-group">\n' +
|
|
|
+ ' <label class="col-sm-2 control-label">' +textData+
|
|
|
+ '</label>\n' +
|
|
|
+ ' <div class="col-sm-10">\n' +
|
|
|
+ '<input class="form-control" placeholder="请输入"/>'+
|
|
|
+ ' </div>\n' +
|
|
|
+ ' </div>')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $('#modal-default').modal('show');
|
|
|
+ }
|
|
|
/*]]>*/
|
|
|
|
|
|
|