addPaper中添加image审查项

src/main/resources/static/js/add_paper.js

@@ -62,6 +62,8 @@ addNewOption = function () {
         ')" class="btn btn-success pull-right">新建文本框</button>\n' +
         '                    <button type="submit" onclick="addUpload(' +ruleId+
         ')" class="btn btn-success pull-right">新建文件上传</button>\n' +
+        '                    <button type="submit" onclick="addImage(' +ruleId+
+        ')" class="btn btn-success pull-right">新建图片</button>\n' +
         '                </div>\n' +
         '                <!-- /.box-header -->\n' +
         '                <!-- form start -->\n' +
@@ -182,9 +184,32 @@ addText = function (id) { // 添加文字
         '                                    </tr>')
 }
 
+addImage = function(id){// add upload input
+    var table = $('#table'+id); //
+    table.append('<tr type="image">\n' +
+        '                                        <td>\n' +
+        '<div class="form-group">\n' +
+        '                  <label for="exampleImage' +id+
+        '">File input</label>\n' +
+        '                  <input type="file" id="exampleImage' +id+
+        '">\n' +
+        '                </div>'+
+        '                                        </td>\n' +
+        '                                        <td>\n' +
+        '                                            <input onchange="showExampleImage(this)" type="text"  class="form-control" placeholder="请输入说明文字"/>\n' +
+        '                                        </td>\n' +
+        '                                        <td>\n' +
+        '                                        </td>\n' +
+        '                                        <td>\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>')
+}
 addUpload = function(id){// add upload input
     var table = $('#table'+id); //
-
     table.append('<tr type="file">\n' +
         '                                        <td>\n' +
         '<div class="form-group">\n' +
@@ -402,6 +427,17 @@ showModal = function (id) {
                 '                                <!--                               <p class="help-block">Example block-level help text here.</p>-->\n' +
                 '                            </div>\n' +
                 '                        </div>');
+        }else if( type == "image"){
+            // when the check item is file upload input
+            var imageData = myTable.rows[i].cells[1].children[0].value;
+            body.append('<div class="form-group">\n' +
+                '                            <label for="testApplication"  class="col-sm-2 control-label">'+imageData+
+                '</label>\n' +
+                '                            <div class="col-sm-10">\n' +
+                '                                <input  type="file" />\n' +
+                '                                <!--                               <p class="help-block">Example block-level help text here.</p>-->\n' +
+                '                            </div>\n' +
+                '                        </div>');
         }
     }
     $('#modal-default').modal('show');
@@ -462,7 +498,17 @@ checkNull = function (event) {
         event.target.parentElement.parentElement.setAttribute("class","form-group has-error")
     }
 }
-
+showExampleImage = function (element) {
+    var td = $(element).parents("td").prev("td"); // 获取示例
+    var data = $(element).val();
+    td.html('<div class="form-group">\n' +
+        '                            <label   class="col-sm-3 control-label">' + data +
+        '</label>\n' +
+        '                            <div class="col-sm-9">\n' +
+        '                                <input  type="file" />\n' +
+        '                            </div>\n' +
+        '                        </div>')
+}
 
 showExampleFile = function (element) {
     var td = $(element).parents("td").prev("td"); // 获取示例
@@ -712,6 +758,15 @@ generateJson = function( type ){
                 // var optionF = new Object();
                 // optionF.option = ""
                 // options.push("")
+            }else if( type == "image"){
+                var fileData = myTable.rows[i].cells[1].children[0].value;
+                itemTemp.description = fileData;
+                // itemTemp.is_multiple = "0"
+                itemTemp.type="Image"
+                itemTemp.originData=fileData;
+                // var optionF = new Object();
+                // optionF.option = ""
+                // options.push("")
             }
             itemTemp.options= options
             item_list.push(itemTemp)

src/main/resources/templates/add_paper.html

@@ -293,7 +293,7 @@
                 <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">从已有任务家在数据</h4>
+                    <h4 class="modal-title">从已有任务加载数据</h4>
                 </div>
                 <div class="modal-body" >
                     <form class="form-horizontal" >

src/main/resources/templates/changePaper.html

@@ -340,6 +340,25 @@
                                                 <button onclick="deleteTr(this)" class="btn btn-warning">删除</button>
                                             </td>
                                         </tr>
+                                        <tr th:if="${item.get('type')=='Image'}" type="image">
+                                            <td>
+                                                <div class="form-group">
+                                                    <label class="col-sm-3 control-label" th:text="${item.get('description')}"></label>
+                                                    <div class="col-sm-9">
+                                                        <input type="file"/>
+                                                    </div>
+                                                </div></td>
+                                            <td>
+                                                <input onchange="showExampleImage(this)" th:value="${item.get('originData')}" type="text" class="form-control" placeholder="请输入说明文字"/>
+                                            </td>
+                                            <td>
+                                            </td>
+                                            <td>
+                                                <button onclick="upTr(this)" class="btn btn-default">上移</button>
+                                                <button th:onclick="'downTr(this,'+${ruleStat.index}+')'" class="btn btn-default">下移</button>
+                                                <button onclick="deleteTr(this)" class="btn btn-warning">删除</button>
+                                            </td>
+                                        </tr>
                                         <tr th:if="${item.get('type')=='Description'}" type="text">
                                             <td><div class="form-group">
                                                 <label class="col-sm-3 control-label" th:text="${item.get('description')}"></label>