update 稽查流程完善

src/views/workCenter/inspectionExtensionRequestProcess/modules/ExtensionRequestTable.vue

@@ -28,7 +28,7 @@
         <!--  稽查联络人  -->
         <template v-slot:inspectionContactPerson="{text, record}">
           <div class="table-form" v-if="isInitiate">
-            <a-select v-model="record.liaisons" style="width: 100%" allowClear @change="changeRowData(record, 'liaisons')"
+            <a-select v-model="record.liaisons" style="width: 100%" allowClear
                       show-search :filter-option="filterOption"
                       :placeholder="$t('pleaseSelect')+$t('workCenter.incExtensionRequest.inspectionContactPerson')">
               <a-select-option v-for="item in userList" :key="item.id" :value="item.id">{{ item.realname + '(' + item.username + ')' }}</a-select-option>
@@ -51,9 +51,9 @@
       </j-table>
     </div>
     <!-- 新增 -->
-    <extension-request-table-modal ref="extensionRequestTableModal" @ok="modalFormOk"/>
+    <extension-request-table-modal ref="extensionRequestTableModal" @ok="handleAddCallback"/>
     <!-- 申请延期 -->
-    <request-extension-modal ref="requestExtensionModal" @ok="modalFormOk"/>
+    <request-extension-modal ref="requestExtensionModal" @ok="requestExtensionCallback"/>
   </div>
 </template>
 
@@ -66,7 +66,6 @@ import ExtensionRequestTableModal
 import RequestExtensionModal from '@views/workCenter/inspectionExtensionRequestProcess/modules/RequestExtensionModal'
 import { InspectionExtensionRequestProcess } from '@/enums/commonEnums'
 import { editInspectExtensionTable } from '@api/workCenter'
-import { getAction } from '@api/manage'
 export default {
   name: 'ExtensionRequestTable',
   components: { RequestExtensionModal, ExtensionRequestTableModal, JTable },
@@ -214,28 +213,23 @@ export default {
       })
     }
   },
-  watch: {
-    // 列表查询带上项目id
-    projectId: {
-      immediate: true,
-      handler (val) {
-        if (!val) {
-          return
-        }
-        this.filters.projectId = this.projectId
-        if (this.currentNode === InspectionExtensionRequestProcess.contactEvaluation.value) {
-          this.filters.nodeId = this.$route.query.nodeId
-        }
-        this.loadData()
-      }
-    }
-  },
   mounted () {
     if (this.isInitiate) {
       this.getUserList()
     }
   },
   methods: {
+    // 添加回调
+    handleAddCallback (rows) {
+      this.dataSource.push(...rows)
+    },
+    // 设置表格数据
+    setData (list) {
+      this.dataSource = list.map(item => {
+        item.liaisons = item.liaisons || undefined
+        return item
+      })
+    },
     // 修改：稽查联络人
     changeRowData (record, field) {
       editInspectExtensionTable({
@@ -250,8 +244,12 @@ export default {
       })
     },
     // 申请延期
-    handleRequestExtension (record) {
-      this.$refs.requestExtensionModal.edit(record)
+    handleRequestExtension (record, index) {
+      this.$refs.requestExtensionModal.edit(record, index)
+    },
+    // 申请延期回调
+    requestExtensionCallback (row, index) {
+      this.dataSource.splice(index, 1, row)
     },
     // 返回用户列表
     getUserList () {
@@ -288,40 +286,6 @@ export default {
         projectId: this.projectId
       })
     },
-    loadData (arg) {
-      if (!this.url.list) {
-        this.$message.warning('请设置url.list属性!')
-        return
-      }
-      // 加载数据 若传入参数1则加载第一页的内容
-      if (arg === 1) {
-        this.ipagination.current = 1
-      }
-      const params = this.getQueryParams()// 查询条件
-      this.loading = true
-      getAction(this.url.list, params).then((res) => {
-        if (res.success) {
-          // update-begin---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
-          const data = res.result.records || res.result
-          this.dataSource = data.map(item => {
-            return {
-              ...item,
-              liaisons: item.liaisons || undefined
-            }
-          })
-          if (res.result.total) {
-            this.ipagination.total = res.result.total
-          } else {
-            this.ipagination.total = 0
-          }
-          // update-end---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
-        } else {
-          this.$message.warning(res.message)
-        }
-      }).finally(() => {
-        this.loading = false
-      })
-    },
     filterOption (input, option) {
       return (
         option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0