问题进展组件修改

applications/dee-mes/src/privateComponents/components/ProblemProgressCom/index.vue

 <template>
   <div class="problemProgressCom">
     <el-form ref="form" class="processForm" :inline="true" :model="formData" label-width="40px">
-      <el-row v-for="(item, index) in formData.progresss" :key="index">
+      <el-row v-for="(item, index) in resultFormData" :key="index">
         <el-col :span="5">
           <el-form-item
             label="日期"
-            :prop="'progresss.' + index + '.createTime'"
+            :prop="'progresss.' + index + '.progressTime'"
           >
             <!-- :rules="{
             required: true, message: '该项必填', trigger: 'blur'
           }" -->
             <el-date-picker
-              v-model="item.createTime"
+              v-model="item.progressTime"
               size="small"
               type="date"
               value-format="yyyy-MM-dd HH:mm:ss"
@@ -28,15 +28,15 @@
             <!-- :rules="[
             {required: true, message: '该项必填', trigger: 'blur'},
           ]" -->
-            <el-input v-model="item.progressItem" autosize type="textarea" size="small" />
+            <el-input v-model="item.progressItem" autosize type="textarea" size="small" @change="changeVal" />
           </el-form-item>
         </el-col>
         <el-col :span="2">
           <el-form-item class="btn-box">
-            <span v-if="index+1 == formData.progresss.length" class="btn-item" title="新增" @click="addItem">
+            <span v-if="index+1 == resultFormData.length" class="btn-item" title="新增" @click="addItem" @change="changeVal">
               <img src="/icons/c-add.png" alt="">
             </span>
-            <span v-if="index !== 0" class="btn-item" title="删除" @click.stop="() => deleteItem(data)">
+            <span v-if="index !== 0" class="btn-item" title="删除" @click="deleteItem(item,index)">
               <img src="/icons/c-creatbackups.png" alt="">
             </span>
           </el-form-item>
@@ -76,7 +76,7 @@ export default {
       formData: {
         progresss: [
           {
-            createTime: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'),
+            progressTime: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'),
             progressItem: '',
             operator: 'ADD'
           }
@@ -85,31 +85,29 @@ export default {
 
     }
   },
-  computed: {},
+  computed: {
+    resultFormData() {
+      return this.formData.progresss.filter(item => item.operator !== 'REMOVE')
+    }
+  },
   watch: {
     value: {
       immediate: true,
       deep: true,
       handler(v) {
         if (v) {
-          // this.selVal = this.value
-          this.$set(this.formData, 'progresss', this.value)
+          this.$set(this.formData, 'progresss', this.value.map(item => {
+            if (!item.operator) {
+              if (item.id) {
+                item.operator = 'MODIFY'
+              } else {
+                item.operator = 'ADD'
+              }
+            }
+            return item
+          }))
         }
       }
-    },
-    formData: {
-      immediate: true,
-      deep: true,
-      handler() {
-        this.$emit('input', this.formData.progresss.map(item => {
-          if (item.id) {
-            item.operator = 'MODIFY'
-          } else {
-            item.operator = 'ADD'
-          }
-          return item
-        }))
-      }
     }
   },
   created() {
@@ -118,16 +116,18 @@ export default {
   methods: {
     addItem() {
       this.formData.progresss.push({
-        createTime: moment(new Date()).format('YYYY-MM-DD'),
+        progressTime: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'),
         progressItem: '',
         operator: 'ADD'
       })
+      this.changeVal()
     },
     deleteItem(item, index) {
-      this.formData.progresss.splice(index, 1)
+      item.operator = 'REMOVE'
+      this.changeVal()
     },
     changeVal() {
-      this.$emit('input', this.selVal)
+      this.$emit('input', this.formData.progresss)
     }
   }
 }