From e2e5e6dec36973ee9c662d2b7f3622267b17dc30 Mon Sep 17 00:00:00 2001
From: raofuzi <2641346316@qq.com>
Date: Mon, 8 Apr 2024 20:41:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Header/RecycleModal.vue | 14 +++++++++++---
 src/views/home/content/Content.vue            |  3 ++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/layout/components/Header/RecycleModal.vue b/src/layout/components/Header/RecycleModal.vue
index e090478..2e7b32d 100644
--- a/src/layout/components/Header/RecycleModal.vue
+++ b/src/layout/components/Header/RecycleModal.vue
@@ -579,7 +579,7 @@ async function refreshHandler(filtersearchId?: any) {
                   <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" >
                     <!-- <div class="time-item">
                       <SvgIcon class="svg-time" color="#FFF" size="16" name="camera-time" />
                       <span>{{ item?.photoDateTimestamp ?
@@ -590,6 +590,11 @@ async function refreshHandler(filtersearchId?: any) {
                       <span>{{ item.submitDateTimestamp ?
                         formatToDateHMS(Number(item.submitDateTimestamp)) : '-' }}</span>
                     </div> -->
+                    <div class="time-item" style="margin-bottom: 4px;">
+                      <SvgIcon color="#FFF" size="16" name="camera" style="margin-right: 4px;" />
+                      <span class="time-value">{{ item?.photoDateTimestamp ? 
+                        formatToDateHMS(Number(item.photoDateTimestamp)) : '-' }} </span>
+                    </div>
                     <div class="time-item">
                       <SvgIcon class="svg-time" color="#FFF" size="16" name="time" />
                       <span>{{ item.submitDateTimestamp ?
@@ -769,9 +774,12 @@ async function refreshHandler(filtersearchId?: any) {
     }
     .time {
         position: absolute;
+        width: 182px;
+        padding-left: 10px;
         z-index: 3;
-        left: 32px;
-        bottom: 32px;
+        left: 16px;
+        bottom: 16px;
+        background: linear-gradient(180deg,rgba(6,0,0,0.01),rgba(0, 0, 0, 0.44) 100%);
 
         .time-item {
           display: flex;
diff --git a/src/views/home/content/Content.vue b/src/views/home/content/Content.vue
index 5e5de99..4b840f0 100644
--- a/src/views/home/content/Content.vue
+++ b/src/views/home/content/Content.vue
@@ -525,7 +525,8 @@ function previewHandler(index: number, event: MouseEvent) {
   event.stopImmediatePropagation();
   event.stopPropagation();
   if (imageRef.value?.[index] && (imageRef.value[index] as any).src)
-    (imageRef.value?.[index] as any).mergedOnClick();
+    // (imageRef.value?.[index] as any).mergedOnClick();
+    (imageRef.value?.[index] as any).click();
 }
 
 const timer = ref();