瀏覽代碼

完善新建众审页面信息

insomniaLee 5 年之前
父節點
當前提交
728cb4d111
共有 1 個文件被更改,包括 158 次插入27 次删除
  1. 158 27
      src/main/resources/templates/addTask.html

+ 158 - 27
src/main/resources/templates/addTask.html

@@ -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">&times;</span></button>
-                    <h4 class="modal-title">Default Modal</h4>
+                    <h4 class="modal-title">预览</h4>
                 </div>
-                <div class="modal-body">
-                    <p>One fine body&hellip;</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');
+    }
     /*]]>*/