From 4e9ee6eaa6dac8ae78b9c4699edf96643455ca15 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Tue, 19 Mar 2024 09:33:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E5=88=B7=E6=96=B0?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/task/aside/ListItem.vue           | 35 ++++++++++++---------
 src/views/task/content/Content.vue          | 27 +++++++++-------
 src/views/task/modal/CustomSettingModal.vue |  8 ++---
 3 files changed, 40 insertions(+), 30 deletions(-)

diff --git a/src/views/task/aside/ListItem.vue b/src/views/task/aside/ListItem.vue
index 2f05272..ec51369 100644
--- a/src/views/task/aside/ListItem.vue
+++ b/src/views/task/aside/ListItem.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { format } from 'date-fns';
-import { computed } from 'vue';
+import { format } from "date-fns";
+import { computed } from "vue";
 
-defineOptions({ name: 'ListItem' })
+defineOptions({ name: "ListItem" });
 
 const props = defineProps({
   selected: {
@@ -13,30 +13,38 @@ const props = defineProps({
     type: Object as PropType<any>,
     required: true,
   },
-})
+});
 
 const svgName = computed(() => {
-  return props.selected ? 'task-select' : 'task'
-})
+  return props.selected ? "task-select" : "task";
+});
 </script>
 
 <template>
   <div class="list-item" :class="{ 'list-item-selected': selected }">
     <div class="list-item-header">
-      <div style="display: flex;">
+      <div style="display: flex">
         <SvgIcon :name="svgName" size="28" />
-        <span class="list-item-header-name" :class="{ 'list-item-header-selected': selected }">
+        <span
+          class="list-item-header-name"
+          :class="{ 'list-item-header-selected': selected }"
+        >
           任务ID:{{ listItem.fromtaskname }}
         </span>
       </div>
       <SvgIcon v-show="selected" size="14" name="more-ver" />
     </div>
     <ul class="list-item-detail">
-      <li>审批状态：<span class="list-item-status">{{ listItem.statshisText }}</span></li>
+      <li>
+        审批状态：<span class="list-item-status">{{
+          listItem.statshisText
+        }}</span>
+      </li>
       <li>审批节点：{{ listItem.tasknamehis }}</li>
-      <li>提交时间：{{ format(new Date(), 'yyyy-MM-dd HH:mm:ss') }}</li>
+      <li>
+        提交时间：{{ format(listItem.createdate, "yyyy-MM-dd HH:mm:ss") }}
+      </li>
       <li>提报人：{{ listItem.fromUserName }}</li>
-
     </ul>
     <div class="list-item-divider" />
   </div>
@@ -60,7 +68,7 @@ const svgName = computed(() => {
     }
 
     &-selected {
-      color: #507AFD;
+      color: #507afd;
     }
   }
 
@@ -74,7 +82,7 @@ const svgName = computed(() => {
     align-items: center;
 
     &:before {
-      content: '';
+      content: "";
       width: 6px;
       height: 6px;
       background: #fe9800;
@@ -104,7 +112,6 @@ const svgName = computed(() => {
     position: absolute;
     bottom: 0px;
   }
-
 }
 </style>
 ../types
diff --git a/src/views/task/content/Content.vue b/src/views/task/content/Content.vue
index b5ddfa7..c30dc08 100644
--- a/src/views/task/content/Content.vue
+++ b/src/views/task/content/Content.vue
@@ -198,17 +198,9 @@ function backHandler() {
   taskStore.back();
 }
 
-watch(
-  () => [taskStore.activeId],
-  async (newValue, oldValue) => {
-    const packageid = taskStore.getPackageid
-    const taskId = taskStore.getActiveId
-
-    if (isEmpty(taskId)) return;
-    const useInfo = userStore.getUserInfo;
-
+async function getTableData(){
+  const useInfo = userStore.getUserInfo;
     let listData = [];
-    taskDetailInfo.value = await getTaskDetailInfo(taskId, packageid);
     const reviewType = 3; //类型
     let res = await getAllfieldList(reviewType);
     let fieldList = (res as any)?.data;
@@ -225,6 +217,18 @@ watch(
         listData.push(item);
       }
     });
+    taskTableData.value = _.chunk(listData, 2);
+}
+
+watch(
+  () => [taskStore.activeId],
+  async (newValue, oldValue) => {
+    const packageid = taskStore.getPackageid
+    const taskId = taskStore.getActiveId
+
+    if (isEmpty(taskId)) return;
+    taskDetailInfo.value = await getTaskDetailInfo(taskId, packageid);
+    getTableData();
     // TODO mock备份 确认逻辑无误后删除
     // let showFieldData = taskDetailInfo.value.ocrPicture;
     // let showFieldKeys = Object.keys(showFieldData);
@@ -245,7 +249,6 @@ watch(
     //     }
     //   }
     // }
-    taskTableData.value = _.chunk(listData, 2);
     if (!isEmpty(packageid)) {
       const { data, total } = await getTaskDetailPictureList(
         packageid,
@@ -503,7 +506,7 @@ function getPercent(pictureid: string) {
       @reject="rejectHandler"
       @approval="approvalHandler"
     />
-    <CustomSettingModal ref="CustomSettingModalRef" :review-type="3" />
+    <CustomSettingModal ref="CustomSettingModalRef" :review-type="3" @onOk="getTableData"/>
   </div>
 </template>
 
diff --git a/src/views/task/modal/CustomSettingModal.vue b/src/views/task/modal/CustomSettingModal.vue
index fd30069..5674e08 100644
--- a/src/views/task/modal/CustomSettingModal.vue
+++ b/src/views/task/modal/CustomSettingModal.vue
@@ -2,7 +2,7 @@
 import { getAllfieldList, getfieldList, savefield } from "@/api/home/filter";
 import { ReportInfoConfig } from "@/config/workorder";
 import { useUser } from "@/store/modules/user";
-import { defineProps, onMounted, ref } from "vue";
+import { defineEmits, defineProps, onMounted, ref } from "vue";
 
 const props = defineProps({
   reviewType: {
@@ -95,6 +95,7 @@ function showModal() {
 function closeModal() {
   show.value = false;
 }
+const emit = defineEmits(['onOk'])
 
 async function handleSumbit(e: MouseEvent) {
   const userStore = useUser();
@@ -109,9 +110,8 @@ async function handleSumbit(e: MouseEvent) {
   savefield(props.reviewType, userInfo.id, userField);
   e.preventDefault();
   closeModal();
-  setTimeout(()=>{
-    window.location.reload();
-  },3000)
+  emit('onOk')
+
 }
 
 defineExpose({