feat: POD订单(CN)新增收件国家筛选 #1002558

src/types/api/statistic.ts

@@ -27,11 +27,17 @@ export interface statisticData {
   outOfStockSkuNum: number
   outOfStockProductNum: number
   yesterdayOverTimeShipmentOrderNum: number
+  notShipmentProductNum: number
+  overTimeNotShipmentProductNum: number
+  yesterdayShipmentProductNum: number
 }
 export interface trendType {
   confirmNum: number // 接单数
   produceNum: number // 生产数
   shipmentNum: number // 发货数
+  confirmProductNum?: number // 新接数（件）
+  producedProductNum?: number // 生产数（件）
+  shipmentProductNum?: number // 发货数（件）
   shipmentRateOf24Hour: number // 24小时发货率
   shipmentRateOf48Hour: number // 48小时发货率
   overtimeShipmentRate: number // 超48小时发货率

src/views/order/orderTracking/index.vue

@@ -757,19 +757,6 @@ const handleSelectionChange = (val: PodUsOrderListData[]) => {
   selection.value = val
 }
 
-// 修改行样式方法
-const getRowStyle = ({ row }: { row: PodUsOrderListData }) => {
-  // 如果行被选中，设置背景色为 #fdf6ec
-  if (selection.value.some((item) => item.id === row.id)) {
-    return {
-      backgroundColor: '#fdf6ec',
-    }
-  }
-  return {
-    backgroundColor: '',
-  }
-}
-
 // 获取行类名方法
 const getRowClassName = ({ row }: { row: PodUsOrderListData }) => {
   return selection.value.some((item) => item.id === row.id)
@@ -1156,7 +1143,6 @@ onMounted(() => {
                   :serial-numberable="true"
                   :selectionable="true"
                   :paginated-data="tableData"
-                  :row-style="getRowStyle"
                   :row-class-name="getRowClassName"
                   @row-click="rowClick"
                   @selection-change="handleSelectionChange"
@@ -1385,11 +1371,22 @@ onMounted(() => {
   }
 }
 
-// 确保选中行的背景色在 hover 时也保持
+// 设置选中行的背景色
 :deep(.el-table__body) {
+  .el-table__row:hover {
+    td {
+      background-color: #e1ebf5 !important;
+    }
+  }
+  .el-table__row.row-selected {
+    td {
+      background-color: #faecd8 !important;
+    }
+  }
+  // 确保选中行的背景色在 hover 时也保持
   .el-table__row.row-selected:hover {
     td {
-      background-color: #fdf6ec !important;
+      background-color: #faecd8 !important;
     }
   }
 }

src/views/order/orderTracking/indexcn.vue

@@ -772,20 +772,6 @@ const handleSelectionChange = (val: PodCnOrderListData[]) => {
   selection.value = val
 }
 
-// 修改行样式方法
-const getRowStyle = ({ row }: { row: PodCnOrderListData }) => {
-  // 如果行被选中，设置背景色为 #fdf6ec
-  if (selection.value.some((item) => item.id === row.id)) {
-    return {
-      backgroundColor: '#fdf6ec',
-    }
-  }
-
-  return {
-    backgroundColor: '',
-  }
-}
-
 // 获取行类名方法
 const getRowClassName = ({ row }: { row: PodCnOrderListData }) => {
   return selection.value.some((item) => item.id === row.id)
@@ -1246,7 +1232,6 @@ onMounted(() => {
                   :serial-numberable="true"
                   :selectionable="true"
                   :paginated-data="tableData"
-                  :row-style="getRowStyle"
                   :row-class-name="getRowClassName"
                   @row-click="rowClick"
                   @selection-change="handleSelectionChange"
@@ -1482,11 +1467,22 @@ onMounted(() => {
   }
 }
 
-// 确保选中行的背景色在 hover 时也保持
+// 设置选中行的背景色
 :deep(.el-table__body) {
+  .el-table__row:hover {
+    td {
+      background-color: #e1ebf5 !important;
+    }
+  }
+  .el-table__row.row-selected {
+    td {
+      background-color: #faecd8 !important;
+    }
+  }
+  // 确保选中行的背景色在 hover 时也保持
   .el-table__row.row-selected:hover {
     td {
-      background-color: #fdf6ec !important;
+      background-color: #faecd8 !important;
     }
   }
 }

src/views/order/podCN/index.vue

@@ -5524,15 +5524,8 @@ const getRowStyle = ({ row }: { row: PodCnOrderListData }) => {
       color: '#67c23a',
     }
   }
-  // 如果行被选中，设置背景色为 #fdf6ec
-  if (selection.value.some((item) => item.id === row.id)) {
-    return {
-      backgroundColor: '#fdf6ec',
-    }
-  }
-  return {
-    backgroundColor: '',
-  }
+  // 选中状态通过 CSS 类名控制，这里不再处理
+  return {}
 }
 
 // 获取行类名方法
@@ -6541,11 +6534,22 @@ const onUpdateCustomsDeclarationInfo = () => {
   }
 }
 
-// 确保选中行的背景色在 hover 时也保持
+// 设置选中行的背景色
 :deep(.el-table__body) {
+  .el-table__row:hover {
+    td {
+      background-color: #e1ebf5 !important;
+    }
+  }
+  .el-table__row.row-selected {
+    td {
+      background-color: #faecd8 !important;
+    }
+  }
+  // 确保选中行的背景色在 hover 时也保持
   .el-table__row.row-selected:hover {
     td {
-      background-color: #fdf6ec !important;
+      background-color: #faecd8 !important;
     }
   }
 }

src/views/order/podUs/index.vue

@@ -6176,15 +6176,8 @@ const getRowStyle = ({ row }: { row: PodUsOrderListData }) => {
       color: '#67c23a',
     }
   }
-  // 如果行被选中，设置背景色为 #fdf6ec
-  if (selection.value.some((item) => item.id === row.id)) {
-    return {
-      backgroundColor: '#fdf6ec',
-    }
-  }
-  return {
-    backgroundColor: '',
-  }
+  // 选中状态通过 CSS 类名控制，这里不再处理
+  return {}
 }
 
 // 获取行类名方法
@@ -7327,11 +7320,22 @@ useRouter().beforeEach((to, from, next) => {
   }
 }
 
-// 确保选中行的背景色在 hover 时也保持
+// 设置选中行的背景色
 :deep(.el-table__body) {
+  .el-table__row:hover {
+    td {
+      background-color: #e1ebf5 !important;
+    }
+  }
+  .el-table__row.row-selected {
+    td {
+      background-color: #faecd8 !important;
+    }
+  }
+  // 确保选中行的背景色在 hover 时也保持
   .el-table__row.row-selected:hover {
     td {
-      background-color: #fdf6ec !important;
+      background-color: #faecd8 !important;
     }
   }
 }