修改报产品管理页面

jeethink/jeethink-admin/src/main/resources/templates/crm/product/add.html

@@ -88,6 +88,52 @@
                         rows="3"></textarea>
                 </div>
 			</div>
+            <div>
+                <p onclick="tableChange()"><a href="javascript:;">添加</a></p>
+                <table class="table table-bordered" id="tables">
+                    <thead>
+                    <tr>
+                        <th>名称</th>
+                        <th>值</th>
+                        <th>操作</th>
+                    </tr>
+                    </thead>
+                    <tbody id="tbody">
+                    <tr>
+                        <td align="center">
+                            <input type="text" name="NO[]"  style="line-height: 24px;border-radius: 4px;border:none;border:1px solid #e5e6e7" />
+                        </td>
+                        <td align="center">
+                            <input type="text" name="serial_number[]" style="line-height: 24px;border-radius: 4px;border:none;border:1px solid #e5e6e7" />
+                        </td>
+                        <td>
+                            <input type="button" id="Button2" onClick="deltr(this)" value="删行">
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+                <script type="text/javascript">
+                    //添加表格
+                    function tableChange() {
+                        var tableHtml ="";
+                        tableHtml += '<tr>'
+                            +'<td align="center"><input type="text" name="NO[]" style="line-height: 24px;border:none;border-radius: 4px;border:1px solid #e5e6e7"/> </td>'
+                            +'<td align="center"><input type="text" name="serial_number[]" style="line-height: 24px;border-radius: 4px;border:none;border:1px solid #e5e6e7"/></td>'
+                            +'<td><input type="button" onClick="deltr(this)" value="删行"></td>'
+                            +'</tr>';
+                        $("#tbody").append(tableHtml) ;   //在表格后面添加一行
+
+                    }
+                    function deltr(opp) {
+                        var length = $("#tbody tr").length;
+                        if (length <= 1) {
+                            alert("至少保留一行");
+                        } else {
+                            $(opp).parent().parent().remove();//移除当前行
+                        }
+                    }
+                </script>
+            </div>
         </form>
     </div>
     <th:block th:include="include :: footer" />

jeethink/jeethink-admin/src/main/resources/templates/crm/product/edit.html

@@ -100,7 +100,6 @@
              </div>
             <div>
                 <p onclick="tableChange()"><a href="javascript:;">添加</a></p>
-<!--                <button onclick="tableChange()">Copy Text</button>-->
                 <table class="table table-bordered" id="tables">
                     <thead>
                         <tr>
@@ -112,10 +111,10 @@
                     <tbody id="tbody">
                         <tr>
                             <td align="center">
-                                <input type="text" name="NO[]" size="2" />
+                                <input type="text" name="NO[]" style="line-height: 24px;border-radius: 4px;border:none;border:1px solid #e5e6e7" />
                             </td>
                             <td align="center">
-                                <input type="text" name="serial_number[]" />
+                                <input type="text" name="serial_number[]" style="line-height: 24px;border-radius: 4px;border:none;border:1px solid #e5e6e7" />
                             </td>
                             <td>
                                 <input type="button" id="Button2" onClick="deltr(this)" value="删行">
@@ -128,8 +127,8 @@
                     function tableChange() {
                         var tableHtml ="";
                         tableHtml += '<tr>'
-                            +'<td align="center"><input type="text" name="NO[]" size="2" /> </td>'
-                            +'<td align="center"><input type="text" name="serial_number[]"/></td>'
+                            +'<td align="center"><input type="text" name="NO[]" style="line-height: 24px;border-radius: 4px;border:none;border:1px solid #e5e6e7"/> </td>'
+                            +'<td align="center"><input type="text" name="serial_number[]" style="line-height: 24px;border-radius: 4px;border:none;border:1px solid #e5e6e7"/></td>'
                             +'<td><input type="button" onClick="deltr(this)" value="删行"></td>'
                             +'</tr>';
                         $("#tbody").append(tableHtml) ;   //在表格后面添加一行