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() {
{{ item.similarityScore }}%
+
+ +
+ + {{ item.submitDateTimestamp ? + formatToDateHMS(Number(item.submitDateTimestamp)) : '-' }} +
+
@@ -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; } -} - +}