Procházet zdrojové kódy

fix(时间显示): 根据状态控制计时器显示逻辑

当订单状态不为1时停止计时器,并优化复审状态显示方式
ylong před 1 měsícem
rodič
revize
1af8d177fd

+ 2 - 2
src/views/recycleOrder/components/order-page-all.vue

@@ -17,10 +17,10 @@
                 <template #status="{ row }">
                     <template v-if="permissionKey === 'review'">
                         <span>
-                            {{ row.reviewStatus === 1 ? '未复审' : row.reviewStatus === 2 ? '已复审' : '-' }}
+                            {{ ['未复审', '已复审', '复审终止'][row.reviewStatus - 1] || '-' }}
                         </span>
                         <div style="font-size: 12px;display: flex;">
-                            已用时长: <time-clock :start-time="row.applyTime" :end-time="row.finishTime" />
+                            已用时长: <time-clock :start-time="row.applyTime" :end-time="row.finishTime" :status="row.reviewStatus" />
                         </div>
                     </template>
                     <template v-else>

+ 5 - 1
src/views/recycleOrder/components/time-clock.vue

@@ -29,6 +29,10 @@ const props = defineProps({
             const date = new Date(value)
             return !isNaN(date.getTime())
         }
+    },
+    status: { //只有 status 1 才进行计时
+        type: Number,
+        default: 0
     }
 })
 
@@ -61,7 +65,7 @@ const initTime = () => {
     }
 
     // 有结束时间:计算开始到结束的总秒数,定格显示
-    if (endDate) {
+    if (endDate || props.status !== 1) {
         const diffMs = endDate - startDate
         totalSeconds.value = Math.max(0, Math.floor(diffMs / 1000)) // 避免负数
         return