From d87761a1b5a19dde7ec1718c2c19fefe091f41b1 Mon Sep 17 00:00:00 2001
From: elseif <else.switch@gmail.com>
Date: Mon, 18 Mar 2024 23:51:27 +0800
Subject: [PATCH 1/4] fix: update

---
 src/views/task/content/Content.vue      | 265 ++++++++++++------------
 src/views/worksheet/content/Content.vue |   2 +-
 2 files changed, 136 insertions(+), 131 deletions(-)

diff --git a/src/views/task/content/Content.vue b/src/views/task/content/Content.vue
index a6547d4..913f0d1 100644
--- a/src/views/task/content/Content.vue
+++ b/src/views/task/content/Content.vue
@@ -1,14 +1,5 @@
 <script lang="ts" setup>
-import { getAllfieldList, getfieldList } from '@/api/home/filter'
-import { audit } from '@/api/task/task'
-import { getTaskDetailInfo, getTaskDetailPictureList } from '@/api/work/work'
-import { useTask } from '@/store/modules/task'
-import { useUser } from '@/store/modules/user'
-import { isEmpty } from '@/utils'
-import { hideDownload } from '@/utils/image'
-import emitter from '@/utils/mitt'
-import _ from 'lodash'
-import { clone } from 'lodash-es'
+import { chunk, clone } from 'lodash-es'
 import { useDialog, useMessage } from 'naive-ui'
 import { computed, onUnmounted, reactive, ref, unref, watch } from 'vue'
 import BatchModal from '../modal/BatchModal.vue'
@@ -16,18 +7,18 @@ import ConfrimModal from '../modal/ConfrimModal.vue'
 import CustomSettingModal from '../modal/CustomSettingModal.vue'
 import PictureTable from './PictureTable.vue'
 import TaskTable from './TaskTable.vue'
-import { getAllfieldList } from '@/api/home/filter'
-import { audit } from '@/api/task/task'
-import { getTaskDetailInfo, getTaskDetailPictureList } from '@/api/work/work'
-import { useTask } from '@/store/modules/task'
-import { useUser } from '@/store/modules/user'
-import { isEmpty } from '@/utils'
-import { hideDownload } from '@/utils/image'
 import emitter from '@/utils/mitt'
+import { hideDownload } from '@/utils/image'
+import { isEmpty } from '@/utils'
+import { useUser } from '@/store/modules/user'
+import { useTask } from '@/store/modules/task'
+import { getTaskDetailInfo, getTaskDetailPictureList } from '@/api/work/work'
+import { audit } from '@/api/task/task'
+import { getAllfieldList, getfieldList } from '@/api/home/filter'
+
 import type { ApprovalParam, PictureSortParam } from '/#/api'
 import { formatToDateHMS } from '@/utils/dateUtil'
 
-
 const batch = ref(false)
 const selectItems = ref<any[]>([])
 const message = useMessage()
@@ -39,47 +30,54 @@ const CustomSettingModalRef = ref(null)
 const taskTableData = ref<any[]>([])
 
 const sortBy: PictureSortParam = {
-  orderbyname: "asc",
-  orderbyvalue: "fromuptime",
-};
+  orderbyname: 'desc',
+  orderbyvalue: 'pictureResult',
+}
 
 function setBatch(value: boolean) {
-  if (totalCount.value === 0) return;
+  if (totalCount.value === 0)
+    return
+
+  batch.value = value
 
-  batch.value = value;
   if (value === false) {
-    selectItems.value.forEach((item) => (item.checked = false));
-    selectItems.value.length = 0;
+    selectItems.value.forEach(item => (item.checked = false))
+    selectItems.value.length = 0
+    selectItems.value.length = 0
   }
 }
 
 function onCheckChange(checked: any, item: any) {
-  const index = selectItems.value.indexOf(item);
-  item.checked = checked;
+  const index = selectItems.value.indexOf(item)
+  item.checked = checked
 
-  if (index === -1 && checked) selectItems.value.push(item);
-  else selectItems.value.splice(index, 1);
+  if (index === -1 && checked)
+    selectItems.value.push(item)
+  else selectItems.value.splice(index, 1)
+
+  console.log(selectItems.value.map(item => item.id))
 }
 
 const showActions = computed(() => {
-  return selectItems.value.length > 0 && batch;
-});
+  return selectItems.value.length > 0 && batch
+})
 
 const taskpagination = reactive({
   pageNo: 1,
   pageSize: 10,
-});
-const taskStore = useTask();
-const overTask = ref<any>(null);
-const taskDetailInfo = ref<any>({});
-const taskDetailPictureList = ref<any[]>([]);
-const userStore = useUser();
-const imageRef = ref<ComponentElRef | null>();
-let processItems: any[] = [];
+})
+const taskStore = useTask()
+const overTask = ref<any>(null)
+const taskDetailInfo = ref<any>({})
+const taskDetailPictureList = ref<any[]>([])
+const userStore = useUser()
+const imageRef = ref<ComponentElRef | null>()
+let processItems: any[] = []
 
 // states:1未提交，2待审批，3通过，4不通过
 function validate(items: any[]) {
-  if (items.length === 0) return "至少选中一个任务";
+  if (items.length === 0)
+    return '至少选中一个任务'
 
   // const useInfo = userStore.getUserInfo
   // const username = useInfo.loginname
@@ -96,115 +94,118 @@ function validate(items: any[]) {
   //     return '审批人不一致'
   // }
 
-  return null;
+  return null
 }
 
 function approvalHandler(items?: any) {
-  let cloneItem: any;
+  let cloneItem: any
   if (batch.value) {
-    processItems = selectItems.value;
-  } else if (overTask.value) {
-    cloneItem = clone(overTask.value);
-    processItems = [cloneItem];
+    processItems = selectItems.value
+  }
+  else if (overTask.value) {
+    cloneItem = clone(overTask.value)
+    processItems = [cloneItem]
   }
 
   if (items !== undefined && !(items instanceof PointerEvent))
-    processItems = items;
+    processItems = items
 
-  const msg = validate(processItems);
+  const msg = validate(processItems)
 
   if (msg !== null) {
-    message.error(msg);
-    return;
+    message.error(msg)
+    return
   }
 
   dialog.info({
-    title: "确认提示",
-    content: "确认给该任务审批为【通过】吗?",
-    positiveText: "确定",
-    negativeText: "取消",
+    title: '确认提示',
+    content: '确认给该任务审批为【通过】吗?',
+    positiveText: '确定',
+    negativeText: '取消',
     onPositiveClick: () => {
-      approval();
+      approval()
     },
     onNegativeClick: () => {},
-  });
+  })
 }
 
 function rejectHandler(items?: any) {
-  let cloneItem: any;
+  let cloneItem: any
   if (batch.value) {
-    processItems = selectItems.value;
-  } else if (overTask.value) {
-    cloneItem = clone(overTask.value);
-    processItems = [cloneItem];
+    processItems = selectItems.value
+  }
+  else if (overTask.value) {
+    cloneItem = clone(overTask.value)
+    processItems = [cloneItem]
   }
 
   if (items !== undefined && !(items instanceof PointerEvent))
-    processItems = items;
+    processItems = items
 
-  const msg = validate(processItems);
+  const msg = validate(processItems)
 
   if (msg !== null) {
-    message.error(msg);
-    return;
+    message.error(msg)
+    return
   }
 
-  const modal = unref(confrimModalRef)! as any;
-  modal.showModal();
+  const modal = unref(confrimModalRef)! as any
+  modal.showModal()
 }
 
 function approval() {
-  const formIds: string[] = processItems.map((item) => item.id);
-  const taskIds: string[] = processItems.map((item) => item.taskId);
-  const tasknames: string[] = processItems.map((item) => item.taskname);
+  const formIds: string[] = processItems.map(item => item.id)
+  const taskIds: string[] = processItems.map(item => item.taskId)
+  const tasknames: string[] = processItems.map(item => item.taskname)
 
   const param: ApprovalParam = {
     formid: formIds,
     taskId: taskIds,
     approvd: true,
-    taskComment: "approval",
+    taskComment: 'approval',
     taskname: tasknames,
-  };
+  }
 
-  doAudit(param);
+  doAudit(param)
 }
 
 function doAudit(param: any) {
   audit(param).then((res) => {
-    const { code } = res;
-    processItems.length = 0;
-    if (code === "OK") emitter.emit("refresh");
-    else message.error(res.message);
-  });
+    const { code } = res
+    setBatch(false)
+    if (code === 'OK')
+      emitter.emit('refresh')
+    else message.error(res.message)
+  })
 }
 
 function reject(idOrDesc: string, backId: string, isOther: boolean) {
-  const formIds: string[] = processItems.map((item) => item.id);
-  const taskIds: string[] = processItems.map((item) => item.taskId);
-  const tasknames: string[] = processItems.map((item) => item.taskname);
+  const formIds: string[] = processItems.map(item => item.id)
+  const taskIds: string[] = processItems.map(item => item.taskId)
+  const tasknames: string[] = processItems.map(item => item.taskname)
 
   const param: ApprovalParam = {
     formid: formIds,
     taskId: taskIds,
     approvd: false,
     taskComment: idOrDesc,
-    taskname: isOther ? tasknames : ["其他"],
-  };
+    taskname: isOther ? tasknames : ['其他'],
+  }
 
-  doAudit(param);
+  doAudit(param)
 }
 
 function showModal(modalRef: any) {
-  const modal = unref(modalRef)! as any;
-  modal.showModal();
+  const modal = unref(modalRef)! as any
+  modal.showModal()
 }
 
 function forwardHandler() {
-  taskStore.forward();
+  taskStore.forward()
 }
 
 function backHandler() {
-  taskStore.back();
+  taskStore.back()
 }
 
 watch(
@@ -213,27 +214,28 @@ watch(
     const packageid = taskStore.getPackageid
     const taskId = taskStore.getActiveId
 
-    if (isEmpty(taskId)) return;
-    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;
-    res = await getfieldList(reviewType, useInfo.id);
-    let userFieldList = (res as any)?.data.userFieldFixed;
-    console.log(userFieldList,'userFieldList')
+    if (isEmpty(taskId))
+      return
+    const useInfo = userStore.getUserInfo
+
+    const listData = []
+    taskDetailInfo.value = await getTaskDetailInfo(taskId, packageid)
+    const reviewType = 3 // 类型
+    let res = await getAllfieldList(reviewType)
+    const fieldList = (res as any)?.data
+    res = await getfieldList(reviewType, useInfo.id)
+    const userFieldList = (res as any)?.data.userFieldFixed
+    console.log(userFieldList, 'userFieldList')
     fieldList.map((v) => {
-      if (userFieldList.indexOf(v.name) > -1) {
-        let item = {
+      if (userFieldList.includes(v.name)) {
+        const item = {
           label: v.fieldDesc,
           value: taskDetailInfo.value.ocrPicture[v.name],
           key: v.name,
-        };
-        listData.push(item);
+        }
+        listData.push(item)
       }
-    });
+    })
     // TODO mock备份 确认逻辑无误后删除
     // let showFieldData = taskDetailInfo.value.ocrPicture;
     // let showFieldKeys = Object.keys(showFieldData);
@@ -254,7 +256,7 @@ watch(
     //     }
     //   }
     // }
-    taskTableData.value = _.chunk(listData, 2);
+    taskTableData.value = chunk(listData, 2)
     if (!isEmpty(packageid)) {
       const { data, total } = await getTaskDetailPictureList(
         packageid,
@@ -264,56 +266,57 @@ watch(
       taskDetailPictureList.value = data
       totalCount.value = total
     }
-  }
-);
+  },
+)
 
 const currentTaskId = computed(() => {
-  const index = taskStore.getCurrentIndex;
-  return taskStore.getApprovalList[index]?.formid || "";
-});
+  const index = taskStore.getCurrentIndex
+  return taskStore.getApprovalList[index]?.formid || ''
+})
 
 function overTaskHandle() {
-  const item = taskDetailInfo.value;
+  const item = taskDetailInfo.value
 
-  if (validate([item]) == null && batch.value === false) overTask.value = item;
+  if (validate([item]) == null && batch.value === false)
+    overTask.value = item
 }
 
 function leaveTaskHandler() {
-  overTask.value = null;
+  overTask.value = null
 }
 
 function showActionsModal() {
-  const modal = unref(CustomSettingModalRef)! as any;
-  modal.showModal();
+  const modal = unref(CustomSettingModalRef)! as any
+  modal.showModal()
 }
 
 onUnmounted(() => {
-  taskStore.reset();
-});
+  taskStore.reset()
+})
 
 const mark = computed(() => {
-  return taskDetailInfo.value.iztrueorfalse === null ? "未标记" : "已标记";
-});
+  return taskDetailInfo.value.iztrueorfalse === null ? '未标记' : '已标记'
+})
 
 function immersionHandler() {
-  taskStore.updateImmersion();
+  taskStore.updateImmersion()
 }
 
 function previewHandler(event: MouseEvent) {
-  event.stopImmediatePropagation();
-  event.stopPropagation();
+  event.stopImmediatePropagation()
+  event.stopPropagation()
 
   if (imageRef.value && (imageRef.value as any).src)
     (imageRef.value as any).mergedOnClick()
 }
 
 function getPercent(pictureid: string) {
-  const { ocpictureid, pictureresult } = taskDetailInfo.value;
-  const index = ocpictureid.split(",").indexOf(String(pictureid));
-  const results = pictureresult.split(",");
-  const percent = results[index] || "0";
-  const val = Number.parseFloat(percent);
-  return `${val}%`;
+  const { ocpictureid, pictureresult } = taskDetailInfo.value
+  const index = ocpictureid.split(',').indexOf(String(pictureid))
+  const results = pictureresult.split(',')
+  const percent = results[index] || '0'
+  const val = Number.parseFloat(percent)
+  return `${val}%`
 }
 </script>
 
@@ -501,7 +504,9 @@ function getPercent(pictureid: string) {
 
     <div class="info-header">
       <div class="left_box">
-        <div class="title">填报信息</div>
+        <div class="title">
+          填报信息
+        </div>
         <SvgIcon size="12" name="collapse" />
       </div>
       <div class="right_box" @click="showActionsModal">
@@ -511,7 +516,7 @@ function getPercent(pictureid: string) {
     </div>
     <n-tabs type="line" animated>
       <n-tab-pane name="task-info" tab="任务信息">
-        <TaskTable :data="taskDetailInfo" :taskTableData="taskTableData" />
+        <TaskTable :data="taskDetailInfo" :task-table-data="taskTableData" />
       </n-tab-pane>
       <n-tab-pane name="picture-info" tab="图片信息">
         <PictureTable :data="taskDetailInfo" />
diff --git a/src/views/worksheet/content/Content.vue b/src/views/worksheet/content/Content.vue
index 7de6186..69e8f94 100644
--- a/src/views/worksheet/content/Content.vue
+++ b/src/views/worksheet/content/Content.vue
@@ -248,7 +248,7 @@ const layout = debounce(() => {
   _imagesload.on('done', (instance) => {
     if (!el.value)
       return
-    loading.value = false
+     loading.value = false
   })
 
   _imagesload.on('fail', (instance) => {

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 2/4] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E5=88=B7?=
 =?UTF-8?q?=E6=96=B0=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({

From 5022d82e5659dbbf3b19564c3e64979484952f37 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Tue, 19 Mar 2024 09:35:48 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat:=20=E5=90=88=E5=B9=B6=E5=86=B2?=
 =?UTF-8?q?=E7=AA=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/task/content/Content.vue | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/views/task/content/Content.vue b/src/views/task/content/Content.vue
index a6547d4..244bfc2 100644
--- a/src/views/task/content/Content.vue
+++ b/src/views/task/content/Content.vue
@@ -5,6 +5,7 @@ import { getTaskDetailInfo, getTaskDetailPictureList } from '@/api/work/work'
 import { useTask } from '@/store/modules/task'
 import { useUser } from '@/store/modules/user'
 import { isEmpty } from '@/utils'
+import { formatToDateHMS } from '@/utils/dateUtil'
 import { hideDownload } from '@/utils/image'
 import emitter from '@/utils/mitt'
 import _ from 'lodash'
@@ -16,16 +17,7 @@ import ConfrimModal from '../modal/ConfrimModal.vue'
 import CustomSettingModal from '../modal/CustomSettingModal.vue'
 import PictureTable from './PictureTable.vue'
 import TaskTable from './TaskTable.vue'
-import { getAllfieldList } from '@/api/home/filter'
-import { audit } from '@/api/task/task'
-import { getTaskDetailInfo, getTaskDetailPictureList } from '@/api/work/work'
-import { useTask } from '@/store/modules/task'
-import { useUser } from '@/store/modules/user'
-import { isEmpty } from '@/utils'
-import { hideDownload } from '@/utils/image'
-import emitter from '@/utils/mitt'
 import type { ApprovalParam, PictureSortParam } from '/#/api'
-import { formatToDateHMS } from '@/utils/dateUtil'
 
 
 const batch = ref(false)

From 557e09ad5bbddc1fc3ed5165bbe33961ce8d80cd Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Tue, 19 Mar 2024 10:01:39 +0800
Subject: [PATCH 4/4] =?UTF-8?q?feat:=20=E5=AE=A1=E6=89=B9=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E5=B1=95=E7=A4=BA=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/task/aside/ListItem.vue | 43 +++++++++++++++++++++++++++----
 1 file changed, 38 insertions(+), 5 deletions(-)

diff --git a/src/views/task/aside/ListItem.vue b/src/views/task/aside/ListItem.vue
index ec51369..cf73df8 100644
--- a/src/views/task/aside/ListItem.vue
+++ b/src/views/task/aside/ListItem.vue
@@ -36,9 +36,17 @@ const svgName = computed(() => {
     </div>
     <ul class="list-item-detail">
       <li>
-        审批状态：<span class="list-item-status">{{
-          listItem.statshisText
-        }}</span>
+        审批状态：<span
+          class="list-item-status"
+          :class="
+            listItem.statshisText == '通过'
+              ? 'list-item-success'
+              : listItem.statshisText == '不通过'
+              ? 'list-item-error'
+              : 'list-item-watting'
+          "
+          >{{ listItem.statshisText }}</span
+        >
       </li>
       <li>审批节点：{{ listItem.tasknamehis }}</li>
       <li>
@@ -80,12 +88,37 @@ const svgName = computed(() => {
     display: inline-block;
     display: flex;
     align-items: center;
-
+  }
+  &-error {
+    &:before {
+      content: "";
+      width: 6px;
+      height: 6px;
+      background: #e45656;
+      border-radius: 50%;
+      display: inline-block;
+      margin-left: 8px;
+      margin-right: 4px;
+    }
+  }
+  &-success {
+    &:before {
+      content: "";
+      width: 6px;
+      height: 6px;
+      background: #53c21d;
+      border-radius: 50%;
+      display: inline-block;
+      margin-left: 8px;
+      margin-right: 4px;
+    }
+  }
+  &-watting {
     &:before {
       content: "";
       width: 6px;
       height: 6px;
-      background: #fe9800;
+      background: #398ade;
       border-radius: 50%;
       display: inline-block;
       margin-left: 8px;