处理提交数据

src/api/processManagement/inPlantProcess.js

@@ -12,4 +12,11 @@ export const getList = (current, size, params) => {
     },
   });
 };
-
+// 处理提交数据
+export const submitBatchData = (data)=>{
+  return request({
+    url: '/blade-desk/dsTaskBill/list',
+    method: 'get',
+    data:data
+  });
+}

src/views/processManagement/components/inPlantProcessHandle.vue

@@ -1,45 +1,37 @@
 <template>
-  <el-dialog title="新增" append-to-body :modelValue="openShow" width="70%" @close="closeDialog">
+  <el-dialog title="处理" append-to-body :modelValue="openShow" width="70%" @close="closeDialog">
     <div style="margin-bottom: 12px" v-if="moldAddMore">
       <el-button type="primary" @click="addTable">插入一行</el-button>
       <el-button type="danger" @click="delTable">删除选中行</el-button>
     </div>
 
     <!-- 单个 Form 包裹整个表格 -->
-    <el-form 
-      ref="tableForm" 
-      :model="form"  
-      :rules="formRules"
-      label-width="0px"
-    >
+    <el-form ref="tableForm" :model="form" :rules="formRules" label-width="0px">
       <!-- 全局错误提示 -->
-      <div v-if="formError" class="error-message" style="color: #f56c6c; margin-bottom: 10px;">
+      <div v-if="formError" class="error-message" style="color: #f56c6c; margin-bottom: 10px">
         {{ formError }}
       </div>
 
       <el-table :data="form.tableData" @select="selectChange" border>
         <el-table-column type="selection" width="55"></el-table-column>
-        
+
         <!-- 作业中心（绑定数组字段） -->
-        <el-table-column align="center" label="事项" width="200">
+        <el-table-column align="center" label="事项">
           <template #header>
             <span><i style="color: red">*</i>事项</span>
           </template>
           <template #default="scope">
             <!-- prop 格式：数组名[索引].字段名 -->
             <el-form-item :prop="`tableData[${scope.$index}].matter`" :rules="formRules.matter">
-                <el-input 
-                v-model="scope.row.matter" 
+              <el-input
+                v-model="scope.row.matter"
                 placeholder="请输入"
                 style="width: 100%"
-                type="textarea"
-                :rows="2"
               ></el-input>
             </el-form-item>
           </template>
         </el-table-column>
 
-
         <!-- 描述 -->
         <el-table-column align="center" label="描述">
           <template #header>
@@ -47,12 +39,10 @@
           </template>
           <template #default="scope">
             <el-form-item :prop="`tableData[${scope.$index}].process`" :rules="formRules.process">
-              <el-input 
-                v-model="scope.row.process" 
+              <el-input
+                v-model="scope.row.process"
                 placeholder="请输入"
                 style="width: 100%"
-                type="textarea"
-                :rows="2"
               ></el-input>
             </el-form-item>
           </template>
@@ -70,15 +60,15 @@
 </template>
 
 <script>
-import { getWorkCenterList } from '@/api/processManagement/addQuantity.js';
-// import { submitBatchData } from '@/api/processManagement/periodical.js'; // 实际提交接口
+// import { getWorkCenterList } from '@/api/processManagement/addQuantity.js';
+import { submitBatchData } from '@/api/processManagement/inPlantProcess.js'; // 实际提交接口
 
 export default {
   props: {
     showDialog: { type: Boolean, default: false },
     moldAddMore: { type: Boolean, default: false },
     tabPosition: { type: String, default: '' },
-    rowData: { type: Object, default: () => ({}) }
+    rowData: { type: Object, default: () => ({}) },
   },
   data() {
     return {
@@ -88,18 +78,18 @@ export default {
 
       // 单个表单模型：包含表格所有行数据
       form: {
-        tableData: [] // 表格数据数组（直接绑定到 Form 模型）
+        tableData: [], // 表格数据数组（直接绑定到 Form 模型）
       },
 
       // 统一校验规则：支持数组项校验
       formRules: {
         // 表格数据数组的整体校验（可选：如最少1行数据）
         tableData: [
-          { 
-            required: true, 
-            message: '请至少添加一行数据', 
+          {
+            required: true,
+            message: '请至少添加一行数据',
             trigger: 'submit',
-            type: 'array' // 明确类型为数组
+            type: 'array', // 明确类型为数组
           },
           {
             validator: (rule, value, callback) => {
@@ -109,37 +99,28 @@ export default {
                 callback();
               }
             },
-            trigger: 'submit'
-          }
+            trigger: 'submit',
+          },
         ],
 
         // 数组中每一项的 wcId 字段校验
-        matter: [
-          { required: true, message: '请输入', trigger: ['change', 'submit'] }
-        ],
+        matter: [{ required: true, message: '请输入', trigger: ['change', 'submit'] }],
 
         // 数组中每一项的 preserveContent 字段校验
-        process: [
-          { required: true, message: '请输入', trigger: ['blur', 'submit'] },
-        ]
-      }
+        process: [{ required: true, message: '请输入', trigger: ['blur', 'submit'] }],
+      },
     };
   },
   mounted() {
     this.openShow = this.showDialog;
-    this.getWorkCenterList();
+    console.log(898989, this.showDialog);
+    // this.getWorkCenterList();
     // 初始添加一行（可选）
     if (this.moldAddMore && this.form.tableData.length === 0) {
       this.addTable();
     }
   },
   methods: {
-    getWorkCenterList() {
-      getWorkCenterList().then(res => {
-        this.wcData = res.data.data || [];
-      });
-    },
-
     selectChange(list, row) {
       row._select = !row._select;
     },
@@ -150,7 +131,7 @@ export default {
         _select: false, // 选择状态
         wcId: '', // 作业中心ID
         batchNo: '', // 槽号/检查项
-        preserveContent: '' // 维护内容
+        preserveContent: '', // 维护内容
       });
     },
 
@@ -161,7 +142,7 @@ export default {
 
     closeDialog() {
       this.openShow = false;
-      this.$emit('closeDialog',true);
+      this.$emit('closeDialog', true);
       // 重置表单
       this.form.tableData = [];
       this.formError = '';
@@ -177,7 +158,7 @@ export default {
         if (!isValid) {
           // 校验失败：显示提示并滚动到第一个错误字段
           this.formError = '存在未完善的字段，请检查表格中的红色提示';
-          
+
           this.$nextTick(() => {
             // 找到第一个错误字段并滚动到视图
             const firstError = document.querySelector('.el-form-item.is-error');
@@ -214,7 +195,7 @@ export default {
           console.error('提交失败：', err);
         }
       });
-    }
+    },
   },
 };
 </script>

src/views/processManagement/inPlantProcess.vue

@@ -28,6 +28,7 @@
     <inPlantProcessHandle
       v-if="showHandle"
       :showDialog="showHandle"
+      :moldAddMore="moldAddMore"
       :rowData="rowData"
       @closeDialog="cancel()"
     ></inPlantProcessHandle>
@@ -211,7 +212,9 @@ export default {
         currentPage: 1,
         total: 0,
       },
-      rowData:{}
+      rowData:{},
+      showHandle:false,
+      moldAddMore:true,
     };
   },
   methods: {
@@ -227,6 +230,7 @@ export default {
       }).then(() => {});
     },
     handle(row) {
+      
       this.rowData = row;
       this.showHandle = true;
     },
@@ -256,7 +260,7 @@ export default {
         this.data = res.data.data.records;
         this.loading = false;
         this.page.total = res.data.data.total;
-        this.selectionClear();
+        // this.selectionClear();
       });
     },
   },