轮胎商城出库工单明细改成行编辑 2023-11-28

src/views/tirePartsMall/salesManagement/outboundWorkOrder/detailsPage.vue

@@ -35,9 +35,13 @@
                 <el-button type="primary" icon="el-icon-printer" size="small" @click="handlePrint">打印</el-button>
               </template>
               <template slot-scope="{type,size,row,index,disabled}" slot="menu">
-                <el-button :size="size" :disabled="disabled || isAddDisabled" :type="type"
-                  :icon="row.$cellEdit ? 'el-icon-plus' : 'el-icon-edit'" @click="rowEdit(row, index)">编辑
-                </el-button>
+                <!--<el-button :size="size" :disabled="disabled || isAddDisabled" :type="type"-->
+                <!--  :icon="row.$cellEdit ? 'el-icon-plus' : 'el-icon-edit'" @click="rowEdit(row, index)">编辑-->
+                <!--</el-button>-->
+                  <el-button :size="size" :disabled="disabled" :type="type"
+                             :icon="row.$cellEdit ? 'el-icon-plus' : 'el-icon-edit'" @click="rowEdit(row, index)">
+                      {{row.$cellEdit?'保存':'编辑'}}
+                  </el-button>
                 <el-button icon="el-icon-delete" :size="size" :disabled="disabled || isDisabled" :type="type"
                   @click="rowDelBox(row, index)">删除
                 </el-button>
@@ -258,6 +262,8 @@ export default {
         dialogTop: 25,
         dialogWidth: "80%",
         showSummary: true,
+          saveBtn:false, // 表格弹窗保存按钮
+          cellBtn:false, // 行编辑
         sumColumnList: [
           {
             name: 'goodsNum',
@@ -319,6 +325,7 @@ export default {
         }, {
           label: '批次号',
           prop: 'dot',
+            cell:true,
           type: 'select',
           disabled: true,
           dicData: [],
@@ -346,6 +353,7 @@ export default {
         }, {
           label: '实际数量',
           prop: 'sendNum',
+            cell:true,
           disabled: false,
         }, {
           label: '备注',
@@ -503,7 +511,12 @@ export default {
       }).then(res => {
         this.findObject(this.optionContactsBack.column, "dot").dicData = res.data.data
       })
-      this.$refs.formContacts.rowEdit(row, index)
+        if (row.$cellEdit) {
+            this.$set(row,'$cellEdit',false)
+        }else {
+            this.$set(row,'$cellEdit',true)
+        }
+      // this.$refs.formContacts.rowEdit(row, index)
     },
     complete() {
       console.log(this.form.id);