订单CN、US代码复原

src/types/api/podCnOrder.ts

@@ -139,6 +139,7 @@ export interface ProductList {
   tagIds?: string
   tagIds?: string
   isProduction?: boolean
   isProduction?: boolean
   createTime?: string
   createTime?: string
+  startStockingTime?: string | null
   updateTime?: string
   updateTime?: string
   remark?: string | null
   remark?: string | null
   version?: number
   version?: number

src/types/api/podUsOrder.ts

@@ -138,6 +138,7 @@ export interface ProductList {
   tagIds?: string
   tagIds?: string
   isProduction?: boolean
   isProduction?: boolean
   createTime?: string
   createTime?: string
+  startStockingTime?: string | null
   updateTime?: string
   updateTime?: string
   remark?: string | null
   remark?: string | null
   version?: number
   version?: number

src/views/order/podCN/index.vue

@@ -1604,6 +1604,15 @@
                   {{ row.lanshouAddress }}
                   {{ row.lanshouAddress }}
                 </span>
                 </span>
               </div>
               </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>
             </div>
           </template>
           </template>
           <template #price="{ row }">
           <template #price="{ row }">
@@ -5463,7 +5472,10 @@ watch(
   },
   },
   { deep: true, immediate: true }, // 添加immediate确保初始化时执行
   { deep: true, immediate: true }, // 添加immediate确保初始化时执行
 )
 )
-
+// 当前时间响应式变量（每60秒更新一次）
+const currentTime = ref(new Date())
+// 定时器实例
+let timer: number | null = null
 onMounted(() => {
 onMounted(() => {
   loadTabData()
   loadTabData()
   getUserMark()
   getUserMark()
@@ -5471,8 +5483,45 @@ onMounted(() => {
   getCustomTagList()
   getCustomTagList()
   loadCraftList()
   loadCraftList()
   getlogisticsCompanyAllCodelist()
   getlogisticsCompanyAllCodelist()
+  // 每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 handleShipmentAreaCommand = (command: number) => {
 const handleShipmentAreaCommand = (command: number) => {
   shipmentArea.value = command
   shipmentArea.value = command
   search()
   search()
@@ -5843,6 +5892,10 @@ useEnterKeyTrigger({
     text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     white-space: nowrap;
   }
   }
+  .red-time {
+    color: red;
+    font-weight: bold;
+  }
 }
 }
 
 
 .card-list {
 .card-list {