From ef187f22859d115b3c595c63a6981278d0d0da07 Mon Sep 17 00:00:00 2001
From: lizijiee <562949697@qq.com>
Date: Tue, 2 Apr 2024 12:19:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=A1=E6=A0=B8=E5=92=8C=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F=E5=90=8E=E9=87=8D=E6=96=B0layout=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Header/RecycleModal.vue | 55 +++++++++++++++++--
 1 file changed, 49 insertions(+), 6 deletions(-)

diff --git a/src/layout/components/Header/RecycleModal.vue b/src/layout/components/Header/RecycleModal.vue
index 7f66e7b..d3a551e 100644
--- a/src/layout/components/Header/RecycleModal.vue
+++ b/src/layout/components/Header/RecycleModal.vue
@@ -11,6 +11,7 @@ import { debounce } from 'lodash-es'
 
 import { audit } from '@/api/task/task'
 import NotPassed from '@/components/Approval/NotPassed.vue'
+import { formatToDateHMS } from '@/utils/dateUtil'
 import { off, on } from '@/utils/domUtils'
 import ConfrimModal from "./ConfrimModal.vue"
 
@@ -134,7 +135,7 @@ async function loadMore() {
 }
 
 onUpdated(() => {
-  console.log('onUpdated',onUpdated)
+  console.log('onUpdated', onUpdated)
   layout()
 })
 
@@ -243,6 +244,7 @@ async function showModal() {
   pagination.pageNo = 1
   const list = await featchList()
   listData.value = list
+  layout()
 }
 
 async function onChange() {
@@ -470,6 +472,23 @@ async function refreshHandler() {
                   <div :class="{ 'percent-red': item.similarityScore === 100 }" class="percent">
                     {{ item.similarityScore }}<span class="percent-unit">%</span>
                   </div>
+                  <div class="time" style="left: 25px;bottom: 15px;">
+                    <!-- <div class="time-item">
+                      <SvgIcon class="svg-time" color="#FFF" size="16" name="camera-time" />
+                      <span>{{ item?.photoDateTimestamp ?
+                        formatToDateHMS(Number(item.photoDateTimestamp)) : '-' }}</span>
+                    </div>
+                    <div class="time-item time-item2">
+                      <SvgIcon class="svg-time" color="#FFF" size="16" name="submit-time" />
+                      <span>{{ item.submitDateTimestamp ?
+                        formatToDateHMS(Number(item.submitDateTimestamp)) : '-' }}</span>
+                    </div> -->
+                    <div class="time-item">
+                      <SvgIcon class="svg-time" color="#FFF" size="16" name="time" />
+                      <span>{{ item.submitDateTimestamp ?
+                        formatToDateHMS(Number(item.submitDateTimestamp)) : '-' }}</span>
+                    </div>
+                  </div>
                 </div>
               </div>
               <!-- </n-scrollbar> -->
@@ -610,6 +629,9 @@ async function refreshHandler() {
       }
 
     }
+    .grid-item-selected {
+      background-color: #dae3ff;
+    }
 
     .percent {
       position: absolute;
@@ -632,13 +654,35 @@ async function refreshHandler() {
         margin-top: 4px;
       }
     }
+
     .percent-red {
       background: #ff4e4f;
     }
+    .time {
+        position: absolute;
+        z-index: 3;
+        left: 32px;
+        bottom: 32px;
+
+        .time-item {
+          display: flex;
+          align-items: center;
+          font-size: 14px;
+          font-family: PingFang SC, PingFang SC-Medium;
+          font-weight: 500;
+          color: #ffffff;
+          margin-bottom: 4px;
+        }
+
+        .time-item2 {
+          margin-bottom: 0;
+        }
+
+        .svg-time {
+          margin-right: 5px;
+        }
+      }
 
-    .grid-item-selected {
-      background-color: #dae3ff;
-    }
 
     .scroll {
       overflow-y: auto;
@@ -666,5 +710,4 @@ async function refreshHandler() {
     height: 100%;
     object-fit: cover;
   }
-}
-</style>
+}</style>