工序逻辑调整

src/views/plant/resource/operationDefinition/addOrEdit.vue

@@ -20,7 +20,7 @@
             <el-input-number
               v-model="item['Process-PO']"
               placeholder="请输入"
-              :disabled="isAddOrEdit=='edit'"
+              :disabled="isAddOrEdit == 'edit'"
             ></el-input-number>
           </el-form-item>
         </el-col>
@@ -32,7 +32,7 @@
             <el-select
               v-model="item['Process-WorkLineId']"
               placeholder="请选择"
-              :disabled="isAddOrEdit=='edit'"
+              :disabled="isAddOrEdit == 'edit'"
             >
               <el-option
                 v-for="item in workLineList"
@@ -54,7 +54,7 @@
             ></el-input>
           </el-form-item>
         </el-col>
-        
+
         <el-col :span="8">
           <el-form-item
             :label="getColumnName('Process-Descr')"
@@ -66,29 +66,8 @@
             ></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="8">
-          <el-form-item
-            :label="getColumnName('Process-PrePO')"
-            prop="Process-PrePO"
-          >
-            <el-input
-              v-model="item['Process-PrePO']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item
-            :label="getColumnName('Process-NextPO')"
-            prop="Process-NextPO"
-          >
-            <el-input
-              v-model="item['Process-NextPO']"
-              placeholder="请输入"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
+
+        <el-col :span="6">
           <el-form-item
             :label="getColumnName('Process-HasDependOn')"
             prop="Process-HasDependOn"
@@ -101,7 +80,7 @@
             </el-switch>
           </el-form-item>
         </el-col>
-        <el-col :span="8">
+        <el-col :span="5">
           <el-form-item
             :label="getColumnName('Process-IsFirstPO')"
             prop="Process-IsFirstPO"
@@ -114,7 +93,7 @@
             </el-switch>
           </el-form-item>
         </el-col>
-        <el-col :span="8">
+        <el-col :span="5">
           <el-form-item
             :label="getColumnName('Process-IsLastPO')"
             prop="Process-IsLastPO"
@@ -129,6 +108,39 @@
         </el-col>
       </el-row>
     </el-form>
+
+    <el-form
+      :inline="true"
+      ref="formRef"
+      :model="formData"
+      label-width="120px"
+      class="demo-form-inline"
+    >
+      <el-row>
+        <div v-for="(item, index) in formData.data" :key="index" style="overflow: hidden;">
+          <el-col :span="8">
+            <el-form-item
+              :label="getColumnName('Process-PrePO')"
+              prop="Process-PrePO"
+            >
+              <el-input v-model="item['Process-PrePO']" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              :label="getColumnName('Process-NextPO')"
+              prop="Process-NextPO"
+            >
+              <el-input v-model="item['Process-NextPO']" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-button @click="addFormData">新增</el-button>
+          <el-button @click="removeFormData(index)" :disabled="formData.data.length<=1" type="danger">删除</el-button>
+          </el-col>
+        </div>
+      </el-row>
+    </el-form>
     <span slot="footer" class="dialog-footer">
       <el-button @click="handleClose">取 消</el-button>
       <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -163,10 +175,23 @@ export default {
           'Process-HasDependOn':[
             { required: true, message: '请选择', trigger: 'change' }
           ]
+        },
+        defaultItem:{
+          'Process-PrePO':undefined,
+          'Process-NextPO': undefined
+        },
+        formData:{
+          data:[{...this.defaultItem}]
         }
     }
   },
   methods:{
+    addFormData(){
+      this.formData.data.push({...this.defaultItem})
+    },
+    removeFormData(index){
+      this.formData.data.splice(index, 1)
+    },
     // 关闭界面
     handleClose(){
       this.$emit('setIsAddOrEdit', '')
@@ -189,7 +214,11 @@ export default {
     // 添加
     add(){
       this.loading=true;
-      add(this.item).then(({code, data})=>{
+      add({
+        ...this.item,
+        'Process-PrePO': this.formData.data.map(e=>e['Process-PrePO']).join(),
+        'Process-NextPO': this.formData.data.map(e=>e['Process-NextPO']).join(),
+      }).then(({code, data})=>{
         this.loading=false;
         if(code==200){
           this.msgSuccess('添加成功');
@@ -200,7 +229,11 @@ export default {
     // 编辑
     edit(){
       this.loading=true;
-      edit(this.item).then(({code, data})=>{
+      edit({
+        ...this.item,
+        'Process-PrePO': this.formData.data.map(e=>e['Process-PrePO']).join(),
+        'Process-NextPO': this.formData.data.map(e=>e['Process-NextPO']).join(),
+      }).then(({code, data})=>{
         this.loading=false;
         if(code==200){
           this.msgSuccess('编辑成功');
@@ -216,6 +249,17 @@ export default {
     }
   },
   created(){
+    if(this.item['Process-PrePO'] && this.item['Process-NextPO']){
+      const prePo = this.item['Process-PrePO'].split(',');
+      const nextPO = this.item['Process-NextPO'].split(',');
+      this.formData.data=prePo.map((e,index)=>{
+        return{
+          'Process-PrePO': e,
+          'Process-NextPO': nextPO[index]
+        }
+      })
+    }
+    
     this.getWorkLineList();
   }
 }