style:材料明细

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-07-31 13:59:45
+ * @LastEditTime: 2023-08-01 09:41:01
 -->
 -->
 <template>
 <template>
   <div class="clxx">
   <div class="clxx">
@@ -68,6 +68,16 @@
     created () {
     created () {
       this.clmlInitList(1)
       this.clmlInitList(1)
     },
     },
+    computed: {
+      ...mapGetters(['workFresh'])
+    },
+    watch: {
+      workFresh: {
+        handler (newVal, oldVal) {
+          if (newVal) this.clmlInitList(1)
+        }
+      }
+    },
     mounted () {
     mounted () {
       this.ableOperation = this.$parent.ableOperation
       this.ableOperation = this.$parent.ableOperation
     },
     },
@@ -254,7 +264,8 @@
       viewDetail () {
       viewDetail () {
         this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", {
         this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", {
           data: this.tableData,
           data: this.tableData,
-          unitData: this.$parent.unitData
+          unitData: this.$parent.unitData,
+          ableOperation: this.$parent.ableOperation
         }, "60%")
         }, "60%")
       },
       },
       //设置tableData
       //设置tableData

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-07-31 14:27:07
+ * @LastEditTime: 2023-08-01 09:43:19
 -->
 -->
 <template>
 <template>
   <div class="clmlmx-box">
   <div class="clmlmx-box">
@@ -10,6 +10,7 @@
     </lb-table>
     </lb-table>
     <div class="text-center">
     <div class="text-center">
       <el-button @click="$popupCacel">取消</el-button>
       <el-button @click="$popupCacel">取消</el-button>
+      <el-button type="primary" @click="handleSubmit" v-if="formData.ableOperation">确定</el-button>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>
@@ -58,16 +59,28 @@
           {
           {
             prop: "sjmc",
             prop: "sjmc",
             label: "材料名称",
             label: "材料名称",
+            render: (h, scope) => {
+              return (
+                <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
+              )
+            }
           },
           },
           {
           {
             prop: "sjlx",
             prop: "sjlx",
             label: "材料类型",
             label: "材料类型",
-            width: "80",
+            width: "110",
             render: (h, scope) => {
             render: (h, scope) => {
               return (
               return (
-                <div>
-                  <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
-                </div>
+                <el-select value={scope.row[scope.column.property]}
+                  onChange={(val) => { scope.row[scope.column.property] = val }}>
+                  {
+                    store.getters.dictData['A40'].map(option => {
+                      return (
+                        <el-option label={option.dname} value={option.dcode}></el-option>
+                      )
+                    })
+                  }
+                </el-select>
               )
               )
             }
             }
           },
           },
@@ -127,7 +140,7 @@
           },
           },
           {
           {
             label: "操作",
             label: "操作",
-            width: "80",
+            width: "100",
             render: (h, scope) => {
             render: (h, scope) => {
               return (
               return (
                 <div>
                 <div>
@@ -149,10 +162,13 @@
                   >
                   >
                     下移
                     下移
                   </el-button>
                   </el-button>
-                </div>
-              );
-            },
-          },
+                  <i v-show={scope.row.isrequired != '1' && formData.ableOperation} onClick={() => {
+                    this.handleDelete(scope.$index, scope.row);
+                  }} class="el-icon-delete pointer" style="color:#409EFF;margin-left:5px;position: relative;top: 1px;"></i>
+                </div >
+              )
+            }
+          }
         ],
         ],
         key: 0,
         key: 0,
         tableData: []
         tableData: []
@@ -168,6 +184,12 @@
       }
       }
     },
     },
     methods: {
     methods: {
+      handleSubmit () {
+        // saveClml(this.tableData).then(res => {
+        //   console.log(res, '11111111111111');
+        // })
+        //  store.dispatch('user/reWorkFresh', true)
+      },
       /**
       /**
        * @description: 材料目录明细初始化
        * @description: 材料目录明细初始化
        * @author: renchao
        * @author: renchao
@@ -187,7 +209,6 @@
               } else {
               } else {
                 this.tableData = []
                 this.tableData = []
               }
               }
-              console.log(this.tableData, 'this.tableData');
             } else {
             } else {
               this.$message.error(res.message)
               this.$message.error(res.message)
             }
             }
@@ -248,7 +269,6 @@
           }
           }
         })
         })
       },
       },
-      // 材料目录删除
       /**
       /**
        * @description: 材料目录删除
        * @description: 材料目录删除
        * @param {*} index
        * @param {*} index
@@ -268,7 +288,7 @@
               if (res == 200) {
               if (res == 200) {
                 that.$message({
                 that.$message({
                   message: "删除成功",
                   message: "删除成功",
-                  type: "success",
+                  type: "success"
                 })
                 })
               }
               }
             }
             }