2优化

itdmWeb/src/views/module-iTDM/itdmYeWu/itdmXqPingshen.vue

@@ -6,7 +6,7 @@
         <td class="title" style="width: 100px;">技术线</td>
         <td class="content" style="width: 440px;">
           <div>
-            <el-checkbox-group v-model="tableData.checkList">
+            <el-checkbox-group v-model="tableData.checkList" :disabled='disabled1'>
               <div class="jishuxian">
                 <el-checkbox label="气候环境"></el-checkbox>
                 <el-checkbox label="力学环境"></el-checkbox>
@@ -26,7 +26,7 @@
         </td>
         <td class="title white" style="width: 100px;">产品线</td>
         <td class="content" style="width: 440px;">
-          <el-checkbox-group v-model="tableData.checkList2">
+          <el-checkbox-group v-model="tableData.checkList2" :disabled='disabled1'>
             <div class="jishuxian" style="justify-content: center;">
               <el-checkbox label="检测试验"></el-checkbox>
               <el-checkbox label="研制试验"></el-checkbox>
@@ -38,7 +38,7 @@
         <td class="title" style="width: 100px;">试验分级</td>
         <td class="content" style="width: 440px;">
           <div style="display: flex;justify-content: center;color: red;align-items:center;">重要性系数：
-            <input v-model="tableData.factor"/>
+            <input v-model="tableData.factor" :disabled='disabled1'/>
           </div>
         </td>
         <td class="title white" style="width: 100px">重要性标准</td>
@@ -61,18 +61,20 @@
               </tr>
               <tr v-for="(item, index) in tableData.testDengji" :key="index">
                 <td>{{ index + 1 }}</td>
-                <td><input style="max-width: 100px; text-align: center" v-model="item.type" /></td>
-                <td><input style="max-width: 100px; text-align: center" v-model="item.neirong" /></td>
-                <td><input style="max-width: 100px; text-align: center" v-model="item.device" /></td>
-                <td><div class="delBtn" @click="delRow(index)" v-show="tableData.testDengji.length >= 2">删除</div></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.type" :disabled='disabled1'/></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.neirong" :disabled='disabled1'/></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.device" :disabled='disabled1'/></td>
+                <!-- <td><div class="delBtn" @click="delRow(index)" v-show="tableData.testDengji.length >= 2">删除</div></td> -->
+                <td><el-button class="delBtn" @click="delRow(index)" v-show="tableData.testDengji.length >= 2" :disabled='disabled1'>删除</el-button></td>
               </tr>
             </table>
-            <div class="addRow" style="margin-right:1.1%" @click="addRow">添加</div>
+            <!-- <div class="addRow" style="margin-right:1.1%" @click="addRow">添加</div> -->
+            <el-button class="addRow" style="margin-right:1.1%" @click="addRow" :disabled='disabled1'>添加</el-button>
           </div>
         </td>
         <td class="title white" style="width: 100px;">备注</td>
         <td class="content" style="width: 450px;">
-          <input v-model="tableData.shuruLeixing" style="text-align: center" />
+          <input v-model="tableData.shuruLeixing" style="text-align: center" :disabled='disabled1'/>
         </td>
       </tr>
       <tr>
@@ -90,11 +92,12 @@
               </tr>
               <tr v-for="(item, index) in tableData.demandSanwai" :key="index">
                 <td>{{ index + 1 }}</td>
-                <td><input style="max-width: 100px; text-align: center" v-model="item.leixing" /></td>
-                <td><input style="max-width: 100px; text-align: center" v-model="item.xiangmu" /></td>
-                <td><input style="max-width: 100px; text-align: center" v-model="item.danwei" /></td>
-                <td><input style="max-width: 100px; text-align: center" v-model="item.yusuan" /></td>
-                <td><div class="delBtn" @click="delRow2(index)" v-show="tableData.demandSanwai.length >= 2">删除</div></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.leixing" :disabled='disabled1'/></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.xiangmu" :disabled='disabled1'/></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.danwei" :disabled='disabled1'/></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.yusuan" :disabled='disabled1'/></td>
+                <!-- <td><div class="delBtn" @click="delRow2(index)" v-show="tableData.demandSanwai.length >= 2">删除</div></td> -->
+                <td><el-button class="delBtn" @click="delRow2(index)" v-show="tableData.demandSanwai.length >= 2" :disabled='disabled1'>删除</el-button></td>
               </tr>
               <tr>
                 <td style="font-weight: bold;">合计</td>
@@ -104,15 +107,16 @@
                 <td style="font-weight: bold;">{{ totalCleanPrice }}</td>
               </tr>
             </table>
-            <div class="addRow" @click="addRow2">添加</div>
-            <div class="btn" style="margin-right:1.1%" @click="addSubTable">提交</div>
+            <!-- <div class="addRow" @click="addRow2">添加</div> -->
+            <el-button class="addRow" @click="addRow2" :disabled='disabled1'>添加</el-button>
+            <div class="btn" style="margin-right:1.1%" @click="addSubTable1">保存</div>
           </div>
         </td>
       </tr>
       <tr>
         <td class="title" style="width: 100px;">评审结论</td>
         <td class="content" style="width: 360px;">
-          <el-radio-group v-model="tableData.radio">
+          <el-radio-group v-model="tableData22.radio" :disabled='disabled2'>
             <el-radio :label="1">可以满足</el-radio>
             <el-radio :label="2">部分满足</el-radio>
             <el-radio :label="3">不能满足</el-radio>
@@ -120,14 +124,17 @@
         </td>
         <td class="title white" style="width: 100px;">主审人</td>
         <td class="content" style="width: 450px;">
+          <div style="height:50px;width: 450px;text-align: center;line-height: 50px;">{{ fqUser }}　　时间 {{ shenheTime }}</div>
+          <!-- {{ fqUser }}　　时间 {{ shenheTime }} -->
           <!-- <input v-model="tableData.shuruLeixing" style="text-align: center" /> -->
         </td>
       </tr>
       <tr>
         <td class="title" style="width: 100px;" colspan="2">项目流转</td>
         <td class="title white" style="width: 100px;">工程技术部部长</td>
-        <td class="content" style="width: 450px;" >
-          <div class="btn" style="position: absolute;right: 3%;" @click="addSubTable">提交</div>
+        <td class="content" style="width: 450px;display:flex;border:0px;" >
+          <div style="height:50px;width: 450px;text-align: center;line-height: 50px;">{{ fqUser }}　　时间 {{ shenheTime }}</div>
+          <div class="btn" style="position: absolute;right: 3%; margin-top:1%;" @click="addSubTable2">保存</div>
           <!-- <input v-model="tableData.shuruLeixing" style="text-align: center" /> -->
         </td>
       </tr>
@@ -136,6 +143,7 @@
 </template>
 
 <script>
+import { runFlowPathSaveData } from '@/api/api'
 export default {
     name: 'itdmXqPingshen',
     props: {
@@ -143,7 +151,7 @@ export default {
       tableData2: {
         type: Array,
         default: false,
-        required: false
+        required: false,
       }
     },
     data() {
@@ -168,13 +176,49 @@ export default {
               checkList2: [],
               // 重要性系数
               factor: '',
+            },
+            tableData22: {
               // 评审结论
               radio: '',
             },
+            disabled1: true,
+            disabled2: true,
+            fqUser: '',
+            shenheTime: ''
         }
     },
     created(){
       console.log(22222,this.tableData2)
+      // if (this.tableData2[0].dangqian == true && this.tableData2[0].isUpdate == true) {
+      //   this.disabled1 = false
+      // }
+      // if (this.tableData2[1].dangqian == true && this.tableData2[1].isUpdate == true) {
+      //   this.disabled2 = false
+      // }
+    },
+    watch: {
+      tableData2: {
+        handler(newV, oldV){
+          if(newV){
+            if (newV[0].saveData != null) {
+              this.tableData = JSON.parse(newV[0].saveData)
+            }
+            if (newV[1].saveData != null) {
+              this.tableData22 = JSON.parse(newV[1].saveData)
+              this.fqUser = newV[1].fqUser
+              this.shenheTime = newV[1].shenheTime
+            }
+            if (newV[0].dangqian == true && newV[0].isUpdate == true) {
+              this.disabled1 = false
+            }
+            if (newV[1].dangqian == true && newV[1].isUpdate == true) {
+              this.disabled2 = false
+            }
+          }
+        },
+        deep: true,
+        immediate: true
+      }
     },
     computed: {
       totalCleanPrice() {
@@ -200,9 +244,54 @@ export default {
       delRow2(index) {
         this.tableData.demandSanwai.splice(index, 1)
       },
-      addSubTable() {
-        console.log(this.tableData.cleanPrice)
-        console.log(this.tableData)
+      addSubTable1() {
+        if (this.tableData2[0].dangqian == true && this.tableData2[0].isUpdate == true) {
+          console.log(this.tableData,this.tableData2[0].id)
+          const a = {
+            runFlowPathStep: this.tableData2[0].id,
+            saveData: JSON.stringify(this.tableData)
+          }
+          console.log(a)
+          runFlowPathSaveData(a).then((res) => {
+            console.log(res)
+            if (res.success) {
+              this.$message.success(res.message)
+            }
+          })
+        } else {
+          this.$message.error("无保存权限或当前节点不在进行中")
+        }
+
+
+        // console.log(this.tableData.cleanPrice)
+        // console.log(this.tableData,this.tableData2[0].id)
+        // const a = {
+        //   runFlowPathStep: this.tableData2[0].id,
+        //   saveData: JSON.stringify(this.tableData)
+        // }
+        // console.log(a)
+        // runFlowPathSaveData(a).then((res) => {
+        //   console.log(res)
+        //     this.$message.success(res.message)
+        // })
+      },
+      addSubTable2() {
+        if (this.tableData2[1].dangqian == true && this.tableData2[1].isUpdate == true) {
+          console.log(this.tableData22,this.tableData2[1].id)
+          const a = {
+            runFlowPathStep: this.tableData2[1].id,
+            saveData: JSON.stringify(this.tableData22)
+          }
+          console.log(a)
+          runFlowPathSaveData(a).then((res) => {
+            console.log(res)
+            if (res.success) {
+              this.$message.success(res.message)
+            }
+          })
+        } else {
+          this.$message.error("无保存权限或当前节点不在进行中")
+        }
       },
     }
 }
@@ -233,7 +322,11 @@ tr {
   background-color: #fff;
 }
 .addRow {
-  width: 60px;
+  padding: 6px 10px;
+  text-align: center;
+  font-size: 12px;
+  margin-left: 20px;
+  /* width: 60px;
   height: 24px;
   background-color: #fff;
   border-radius: 4px;
@@ -241,7 +334,7 @@ tr {
   line-height: 24px;
   font-size: 12px;
   margin-left: 20px;
-  cursor: pointer;
+  cursor: pointer; */
 }
 .btn {
   /* display: inline-block; */
@@ -256,7 +349,7 @@ tr {
   margin-left: 20px;
 }
 .delBtn {
-  padding: 3px 10px;
+  padding: 6px 10px;
   text-align: center;
   font-size: 12px;
 }