style:材料明细

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-08-01 09:43:19
+ * @LastEditTime: 2023-08-01 10:01:19
 -->
 -->
 <template>
 <template>
   <div class="clmlmx-box">
   <div class="clmlmx-box">
@@ -57,22 +57,22 @@
             }
             }
           },
           },
           {
           {
-            prop: "sjmc",
             label: "材料名称",
             label: "材料名称",
             render: (h, scope) => {
             render: (h, scope) => {
               return (
               return (
-                <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
+                this.formData.ableOperation ?
+                  <el-input value={scope.row.sjmc} onInput={(val) => { scope.row.sjmc = val }}></el-input> : <span>{scope.row.sjmc}</span>
               )
               )
             }
             }
           },
           },
           {
           {
-            prop: "sjlx",
             label: "材料类型",
             label: "材料类型",
             width: "110",
             width: "110",
             render: (h, scope) => {
             render: (h, scope) => {
               return (
               return (
-                <el-select value={scope.row[scope.column.property]}
-                  onChange={(val) => { scope.row[scope.column.property] = val }}>
+                this.formData.ableOperation ?
+                  <el-select value={scope.row.sjlx}
+                    onChange={(val) => { scope.row.sjlx = val }}>
                     {
                     {
                       store.getters.dictData['A40'].map(option => {
                       store.getters.dictData['A40'].map(option => {
                         return (
                         return (
@@ -80,7 +80,7 @@
                         )
                         )
                       })
                       })
                     }
                     }
-                </el-select>
+                  </el-select> : <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
               )
               )
             }
             }
           },
           },
@@ -146,7 +146,7 @@
                 <div>
                 <div>
                   <el-button
                   <el-button
                     type="text"
                     type="text"
-                    disabled={scope.$index == 0}
+                    disabled={scope.$index == 0 || !this.formData.ableOperation}
                     onClick={() => {
                     onClick={() => {
                       this.moveUpward(scope.$index, scope.row);
                       this.moveUpward(scope.$index, scope.row);
                     }}
                     }}
@@ -155,7 +155,7 @@
                   </el-button>
                   </el-button>
                   <el-button
                   <el-button
                     type="text"
                     type="text"
-                    disabled={scope.$index + 1 == this.tableData.length}
+                    disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation}
                     onClick={() => {
                     onClick={() => {
                       this.moveDown(scope.$index, scope.row);
                       this.moveDown(scope.$index, scope.row);
                     }}
                     }}