From 951d9a9e462402716e2484e074f65b0a70743083 Mon Sep 17 00:00:00 2001
From: lizijiee <562949697@qq.com>
Date: Thu, 28 Mar 2024 14:51:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20ai=E5=B7=A5=E5=8D=95=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=AD=97=E6=AE=B5=EF=BC=8C=E4=B8=8D=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8search=E4=B8=AD=E8=BF=94=E5=9B=9E=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/worksheet/aside/ListItem.vue      | 55 ++++++++++++++-------
 src/views/worksheet/aside/WorkSheetList.vue |  2 +-
 2 files changed, 38 insertions(+), 19 deletions(-)

diff --git a/src/views/worksheet/aside/ListItem.vue b/src/views/worksheet/aside/ListItem.vue
index 81127bc..f90a318 100644
--- a/src/views/worksheet/aside/ListItem.vue
+++ b/src/views/worksheet/aside/ListItem.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
+import { format } from 'date-fns';
 import { computed, onMounted } from "vue";
 import type { PackageListItem } from "/#/workorder";
-
 defineOptions({ name: "ListItem" });
 
 const props = defineProps({
@@ -14,7 +14,7 @@ const props = defineProps({
     required: true,
   },
   showFieldList: {
-    type: Array,
+    type: Array as any,
     default: () => [],
   },
   dicts: {
@@ -40,29 +40,30 @@ onMounted(async () => {
 
 <template>
   <div class="list-item" :class="{ 'list-item-selected': selected }">
-    <div>
-      <div class="list-item-header">
-        <div style="display: flex">
+    <div v-for="(item, index) in showFieldList" :key="index">
+      <div v-if="item.id === 'name'" class="list-item-header">
+        <div class="id-wrap">
           <SvgIcon :name="svgName" size="28" />
           <span class="list-item-header-name" :class="{ 'list-item-header-selected': selected }">
             {{ listItem.name }}
           </span>
-          <span class="list-item-header-selected">({{ listItem.pictureCount }})</span>
         </div>
-        <!-- <SvgIcon v-show="selected" size="14" name="more-ver" /> -->
       </div>
-      <ul class="list-item-detail">
-        <li v-for="(key, index) in Object.keys(listItem.search)" :key="index" v-if="listItem.search">
-          <div v-if="getValueByLabel(key)">
-            {{
-              getValueByLabel(key)
-            }}：{{
-              listItem.search[key]
-            }}
-          </div>
+      <ul v-else class="list-item-detail">
+        <li v-if="item.id === 'statshisText'">
+          审批状态：<span class="list-item-status" :class="listItem.statshisText === '通过'
+            ? 'list-item-success'
+            : listItem.statshisText === '不通过'
+              ? 'list-item-error'
+              : 'list-item-watting'
+            ">{{ listItem.statshisText }}</span>
+        </li>
+        <li v-else-if="item.id === 'createdate'">
+          提交时间：{{ format(listItem.createdate, "yyyy-MM-dd HH:mm:ss") }}
+        </li>
+        <li v-else class="ellipsis">
+          <span class="label">{{ item.name }}：</span>{{ listItem[item.id] }}
         </li>
-        <!-- <li>筛选时间：{{ listItem.createTime }}</li>
-        <li>执行人：{{ listItem.createBy }}</li> -->
       </ul>
     </div>
     <!-- <div class="list-item-header">
@@ -92,6 +93,24 @@ onMounted(async () => {
     display: flex;
     align-items: center;
 
+    .id-wrap {
+      display: flex;
+      align-items: center;
+      margin-bottom: 6px
+    }
+
+    .list-item-header-name {
+      width: 226px;
+      font-size: 16px;
+      font-family: PingFang SC, PingFang SC-Medium;
+      font-weight: 700;
+      color: #333333;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      margin-bottom: 0 0 8px 8px;
+    }
+
     &-name {
       font-size: 16px;
       font-weight: bold;
diff --git a/src/views/worksheet/aside/WorkSheetList.vue b/src/views/worksheet/aside/WorkSheetList.vue
index 98c8b40..39cb0b7 100644
--- a/src/views/worksheet/aside/WorkSheetList.vue
+++ b/src/views/worksheet/aside/WorkSheetList.vue
@@ -64,7 +64,7 @@ async function loadMore() {
     const more = await fetchList()
     more.forEach(ele=>{
       ele.search = JSON.parse(ele.search)
-      ele.search.createTime = ele.search.submit_date_timestamp
+      // ele.search.createTime = ele.search.submit_date_timestamp
     })
     data.value.push(...more)
   }