From 200057d90bfacaf62d87f2175d68b81040ce5a48 Mon Sep 17 00:00:00 2001
From: lideqin <694785430@qq.com>
Date: Tue, 3 Sep 2024 11:49:32 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E4=BF=AE=E6=94=B9UAT=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=EF=BC=9A=E4=BC=81=E6=A0=87=E5=88=B6=E4=BF=AE=E8=AE=A2?=
 =?UTF-8?q?=E6=B5=81=E7=A8=8B=E9=83=A8=E6=89=80=E8=81=94=E7=BB=9C=E4=BA=BA?=
 =?UTF-8?q?=E6=B1=87=E6=80=BB=E6=95=B0=E6=8D=AE=E8=8A=82=E7=82=B9=E5=8F=AF?=
 =?UTF-8?q?=E4=BB=A5=E6=96=B0=E5=A2=9E=E6=84=8F=E8=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/DepartLiaisonCollectBaseInfo.vue  | 48 +++++++++++++++----
 1 file changed, 38 insertions(+), 10 deletions(-)

diff --git a/src/views/workCenter/enterpriseStandardRevision/modules/DepartLiaisonCollectBaseInfo.vue b/src/views/workCenter/enterpriseStandardRevision/modules/DepartLiaisonCollectBaseInfo.vue
index 54aea733..beb68d65 100644
--- a/src/views/workCenter/enterpriseStandardRevision/modules/DepartLiaisonCollectBaseInfo.vue
+++ b/src/views/workCenter/enterpriseStandardRevision/modules/DepartLiaisonCollectBaseInfo.vue
@@ -16,12 +16,19 @@
       </a-form-model-item>
     </div>
 
+    <!--  操作区域  -->
+    <div v-if="!disabled" class="table-operator">
+      <!--  新增  -->
+      <a-button icon="plus" type="primary" @click="handleAdd" :disabled="disabled">
+        {{ $t('newlyAdded') }}
+      </a-button>
+    </div>
     <div>
       <j-table
         :can-drag="true"
         :scroll="{x: '100%'}"
         ref="table"
-        rowKey="id"
+        rowKey="uid"
         :columns="columns"
         :dataSource="dataSource"
         :pagination="ipagination"
@@ -32,7 +39,7 @@
         <div slot="action" slot-scope="{record}" class="action-span-cell">
           <a v-if="!disabled" @click="handleEdit(record)" class="table-ope-btn" :disabled="disabled">{{ $t('edit') }}</a>
           <a-divider v-if="!disabled" type="vertical" />
-          <a v-if="!disabled" @click="handleDelete(record.id)" class="table-ope-btn" :disabled="disabled">{{ $t('delete') }}</a>
+          <a v-if="!disabled" @click="handleDelete(record.uid)" class="table-ope-btn" :disabled="disabled">{{ $t('delete') }}</a>
         </div>
 
       </j-table>
@@ -166,7 +173,15 @@ export default {
     // 拿到外面传进来的数据初始化，因为套了几层就不在外层初始化数据了
     initData (data) {
       // 给表格赋值,在线编辑不知道要怎么赋值？
-      this.dataSource = data.advices
+      this.dataSource = data.advices.map(item => {
+        const uidGenerator = () => {
+          return '-' + parseInt(Math.random() * 10000 + 1, 10)
+        }
+        return {
+          uid: uidGenerator(),
+          ...item
+        }
+      })
       this.formInline = Object.assign({}, data)
       this.onEditFile = data.onEditFile
       // 给表单赋值
@@ -204,34 +219,47 @@ export default {
     handleTableChange (pagination) {
       this.ipagination = pagination
     },
+    // 新增征求意见
+    handleAdd () {
+      // 左侧预览在线编辑的文件
+      const file = this.onEditFile
+      this.$refs.commentModal.title = this.$t('newlyAdded')
+      this.$refs.commentModal.add(file)
+    },
     // 征求意见的编辑
     handleEdit (record) {
       // 不知道左侧要预览哪个文件
       const file = this.onEditFile
       this.$refs.commentModal.title = this.$t('edit')
-      this.$refs.commentModal.edit(file, record, record.id)
+      this.$refs.commentModal.edit(file, record, record.uid)
     },
     // 征求意见的删除
-    handleDelete (id) {
+    handleDelete (uid) {
       this.$confirm({
         title: this.$t('confirmDeletion'),
         content: this.$t('areYouSure'),
         onOk: () => {
-          const dataIndex = this.dataSource.findIndex(item => item.id === id)
+          const dataIndex = this.dataSource.findIndex(item => item.uid === uid)
           this.dataSource.splice(dataIndex, 1)
         }
       })
     },
     // 征求意见新增编辑完成
-    modalFormOk (value, id) {
-      console.log(value, id)
-      if (id || id === 0) {
-        const dataIndex = this.dataSource.findIndex(item => item.id === id)
+    modalFormOk (value, uid) {
+      console.log(value, uid)
+      if (uid || uid === 0) {
+        const dataIndex = this.dataSource.findIndex(item => item.uid === uid)
         // 有下标，说明是编辑
         this.$set(this.dataSource[dataIndex], 'clauseNum', value.clauseNum)
         this.$set(this.dataSource[dataIndex], 'clauseName', value.clauseName)
         this.$set(this.dataSource[dataIndex], 'editAdvice', value.editAdvice)
         // this.dataSource.splice(index, 1, value)
+      } else {
+        // 没有下标， 是新增
+        const uidGenerator = () => {
+          return '-' + parseInt(Math.random() * 10000 + 1, 10)
+        }
+        this.dataSource.push({ uid: uidGenerator(), ...value })
       }
     },
     // 选择用户得到用户名