us加订单延期时间

src/types/api/podUsOrder.ts

@@ -18,7 +18,7 @@ export interface SearchForm {
   endTime: string | null
   exceptionHandling: number | undefined
   platform: string
-  productionClient:string
+  productionClient: string
 }
 export interface PodUsOrderListData {
   id: number
@@ -92,6 +92,7 @@ export interface ProductList {
   tagIds?: string
   isProduction?: boolean
   createTime?: string
+  startStockingTime?: string | null
   updateTime?: string
   remark?: string | null
   version?: number

src/views/order/podUs/index.vue

@@ -670,6 +670,15 @@
                   {{ row.lanshouAddress }}
                 </span>
               </div>
+              <div
+                v-if="['TO_BE_CONFIRMED', 'STOCK_OUT'].includes(status)"
+                class="order-detail-item"
+              >
+                <span class="order-detail-item-label">订单延期时间:</span>
+                <span class="order-detail-item-value red-time">
+                  {{ calculateDelayTime(row) }}
+                </span>
+              </div>
             </div>
           </template>
           <template #price="{ row }">
@@ -2480,13 +2489,56 @@ const refreshMaterial = async () => {
     loading.close()
   }
 }
+// 当前时间响应式变量（每60秒更新一次）
+const currentTime = ref(new Date())
+
+// 定时器实例
+let timer: number | null = null
 onMounted(() => {
   loadTabData()
   getUserMark()
   loadProductionClient()
   loadWarehouseList()
+  // 每60秒更新一次当前时间
+  timer = window.setInterval(() => {
+    currentTime.value = new Date()
+  }, 60000)
 })
+// 计算时间差（小时数）并向上取整
+const calculateHoursDifference = (startDateString?: string): string => {
+  if (!startDateString) return '--'
+  try {
+    const startTime = new Date(startDateString)
+    const diffInMs = currentTime.value.getTime() - startTime.getTime()
+    // 转换为小时并取整:ceil向上或者round:四舍五入
+    const hours = Math.round(diffInMs / (1000 * 60 * 60))
+    return `${hours}小时`
+  } catch (error) {
+    console.error('日期解析错误:', error)
+    return '--'
+  }
+}
 
+// 根据订单状态计算延期时间
+const calculateDelayTime = computed(() => (row: ProductList) => {
+  switch (status.value) {
+    case 'TO_BE_CONFIRMED':
+      return row.createTime ? calculateHoursDifference(row.createTime) : '--'
+    case 'STOCK_OUT':
+      return row.startStockingTime
+        ? calculateHoursDifference(row.startStockingTime)
+        : '--'
+    default:
+      return '--'
+  }
+})
+onBeforeUnmount(() => {
+  // 组件卸载时清除定时器
+  if (timer) {
+    clearInterval(timer)
+    timer = null
+  }
+})
 const handleExceptionCommand = (command: number) => {
   exceptionStatus.value = command
   search()
@@ -2572,6 +2624,10 @@ const handleExceptionCommand = (command: number) => {
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .red-time {
+    color: red;
+    font-weight: bold;
+  }
 }
 
 .card-list {