表单表格功能优化

zjugis-business/src/main/resources/static/flow/css/formCommon.css

@@ -123,6 +123,7 @@
 .z-comp-date{
   background-color: #fff;
 }
+.form-title .form-btn button,
 .form-title .form-btn div {
   display: flex;
   align-items: center;
@@ -132,8 +133,20 @@
   padding: 0 10px;
   border: 1px solid #2e77e6;
   cursor: pointer;
+  background: none;
 }
 
+.form-title .form-btn button[disabled]{
+  border-color: #cbd1d6;
+}
+.form-title .form-btn button[disabled] span {
+  color: #cbd1d6;
+}
+.form-title .form-btn button[disabled] img {
+  filter: grayscale(100%);
+  opacity: 40%;
+}
+.form-title .form-btn button span,
 .form-title .form-btn div span {
   font-size: 16px;
   color: #2e77e6;
@@ -142,7 +155,24 @@
 .form-title img {
   margin-right: 10px;
 }
-
+.form-table-disable .z-comp-input,
+.form-table-disable .z-comp-inputsearch,
+.form-table-disable .z-comp-inputselect,
+.form-table-disable .z-comp-select,
+.form-table-disable .z-comp-selectsearch,
+.form-table-disable .z-comp-selecttree,
+.form-table-disable .z-comp-textarea,
+.form-table-disable .z-selecttree,
+.form-table-disable .z-comp-input,
+.form-table-disable .z-comp-date,
+.form-table-disable input {
+  border: 0px;
+  background: none !important;
+}
+.form-table-disable .z-inputselect-bar i,
+.form-table-disable .z-select-closebtn {
+  display: none;
+}
 .jbxx-box {
   background-color: #f7f8fb;
   padding: 20px 60px;

zjugis-business/src/main/resources/templates/CommonCost/index.ftl

@@ -168,10 +168,10 @@
             <span>单据详情</span>
           </div>
           <div class="form-btn">
-            <div id="addData" name="addData">
+            <button id="addData" name="addData">
               <img src="/imgs/addIcon.png" alt="">
               <span>新增</span>
-            </div>
+            </button>
           </div>
         </div>
         <div class="qjsjxx-box">

zjugis-business/src/main/resources/templates/CommonCost/js/index.js

@@ -1,4 +1,5 @@
 (function () {
+  var addDataThat = null;
   let isTimes = []
   let viewState = z.ui.comm.getUrlParam("_o");
   let read = z.ui.comm.getUrlParam("read");
@@ -9,6 +10,8 @@
     let timeObject = document.querySelector('#detailList')
     let arrays = JSON.parse(timeObject.value)
     $("#addData").click(function () {
+      addDataThat = $(this)
+      addDataThat.attr('disabled',"true");
       let obj = {
         amount: "",
         bz1: "",
@@ -133,6 +136,9 @@
           + '</div>'
           + '</td>'
           + '<td>'
+          + '<div id="editBtn_' + (i) + '" class="table-btn editBtn_' + (i) + '" data-index="' + (i) + '">'
+          + '<span>保存</span>'
+          + '</div>'
           + '<div id="delBtn_' + (i) + '" class="table-btn delBtn_' + (i) + '" data-index="' + (i) + '">'
           + '<span>删除</span>'
           + '</div>'
@@ -251,6 +257,9 @@
         + '</div>'
         + '</td>'
         + '<td>'
+        + '<div id="editBtn_' + (i) + '" class="table-btn editBtn_' + (i) + '" data-index="' + (i) + '">'
+        + '<span>保存</span>'
+        + '</div>'
         + '<div id="delBtn_' + (i) + '" class="table-btn delBtn_' + (i) + '" data-index="' + (i) + '">'
         + '<span>删除</span>'
         + '</div>'
@@ -267,6 +276,22 @@
       detailProjectIndex = i;
       selectProject(null, setProject);
     })
+    $("#editBtn_"+i).click(function(){
+        const span = $(this).find("span");
+        const html = span.html();
+        if(html === '编辑'){
+            span.html('保存')
+            addDataThat.attr('disabled',"true");
+            $("#qjsj_"+i).removeClass("form-table-disable")
+            return;
+        }
+        if(html === '保存'){
+            span.html('编辑')
+            addDataThat.removeAttr('disabled')
+            $("#qjsj_"+i).addClass("form-table-disable")
+            return;
+        }
+    })
     $("#delBtn_" + i).click(function () {
       z.ui.confirm("compid").init({
         content: "确定删除吗？",