Merge branch 'dev' into 'master'

Dev

See merge request !204

components.d.ts

@@ -57,6 +57,7 @@ declare module 'vue' {
     ElTimePicker: typeof import('element-plus/es')['ElTimePicker']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElTree: typeof import('element-plus/es')['ElTree']
+    ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
     ElUpload: typeof import('element-plus/es')['ElUpload']
     Icon: typeof import('./src/components/Icon.vue')['default']
     ImageView: typeof import('./src/components/ImageView.vue')['default']

package-lock.json

@@ -47,7 +47,8 @@
         "unplugin-auto-import": "^0.17.5",
         "unplugin-icons": "^0.18.5",
         "unplugin-vue-components": "^0.26.0",
-        "vite": "^5.1.4"
+        "vite": "^5.1.4",
+        "vite-plugin-compression": "^0.5.1"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -4320,6 +4321,20 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -4509,6 +4524,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
+    },
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmmirror.com/graphemer/-/graphemer-1.4.0.tgz",
@@ -4842,6 +4863,18 @@
         "node": ">=6"
       }
     },
+    "node_modules/jsonfile": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmmirror.com/jsonfile/-/jsonfile-6.2.1.tgz",
+      "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
+      "dev": true,
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmmirror.com/keyv/-/keyv-4.5.4.tgz",
@@ -6201,6 +6234,15 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
     "node_modules/unplugin": {
       "version": "1.16.1",
       "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-1.16.1.tgz",
@@ -6516,6 +6558,20 @@
         }
       }
     },
+    "node_modules/vite-plugin-compression": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmmirror.com/vite-plugin-compression/-/vite-plugin-compression-0.5.1.tgz",
+      "integrity": "sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "debug": "^4.3.3",
+        "fs-extra": "^10.0.0"
+      },
+      "peerDependencies": {
+        "vite": ">=2.0.0"
+      }
+    },
     "node_modules/vscode-uri": {
       "version": "3.1.0",
       "resolved": "https://registry.npmmirror.com/vscode-uri/-/vscode-uri-3.1.0.tgz",

package.json

@@ -49,6 +49,7 @@
     "unplugin-auto-import": "^0.17.5",
     "unplugin-icons": "^0.18.5",
     "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.1.4"
+    "vite": "^5.1.4",
+    "vite-plugin-compression": "^0.5.1"
   }
 }

src/api/cancelOrderProcess.ts

+import axios from './axios'
+import type { BasePaginationData, BaseRespData } from '@/types/api'
+import type { CancelOrderProcessStateGroupMap } from '@/types/api/cancelOrderProcess'
+import type { operateOrderListData } from '@/types/api/factoryOrderNew'
+
+function normalizePodOrderQueryPayload(
+  data: Record<string, unknown>,
+): Record<string, unknown> {
+  const { receiverCountry, ...rest } = data
+  if (!Array.isArray(receiverCountry)) {
+    return data
+  }
+  return {
+    ...rest,
+    ...(receiverCountry.length
+      ? { receiverCountry: receiverCountry.join(',') }
+      : {}),
+  }
+}
+
+export function getCancelOrderProcessStateGroupMapApi() {
+  return axios.get<never, BaseRespData<CancelOrderProcessStateGroupMap>>(
+    'factory/podOrderOperationForReclaim/findStateGroupMap',
+  )
+}
+
+export function getCancelOrderProcessListApi(
+  data: Record<string, unknown>,
+  currentPage: number,
+  pageSize: number,
+  alreadyInStock: boolean,
+) {
+  const body = normalizePodOrderQueryPayload({ ...data })
+  return axios.post<never, BasePaginationData<operateOrderListData>>(
+    'factory/podOrderOperationForReclaim/list_page',
+    { ...body, currentPage, pageSize, alreadyInStock },
+  )
+}
+export function getOperationInfoByNoApi(operationNo: string) {
+  return axios.get<never, BaseRespData<operateOrderListData>>(
+    `factory/podOrderOperationForReclaim/getByOperationNo?operationNo=${operationNo}`,
+  )
+}
+export function completeDeliveryByCancelOrderProcessApi(data: {
+  operationNo: string
+  inboundType: number
+  warehouseId: number
+}) {
+  return axios.post<never, BaseRespData<never>>(
+    'factory/podOrderOperationForReclaim/storeAfterScan',
+    data,
+  )
+}

src/api/factoryOrderNew.ts

@@ -6,15 +6,15 @@ import type {
   LogListData,
   operateOrderListData,
   PickCompleteData,
-  PickFailData,
   ProductListData,
   RestockData,
   SearchForm,
   StatusTreeNode,
-} from '@/types/api/factoryOrderNew/factoryOrderNew'
+} from '@/types/api/factoryOrderNew'
 import { ResultInfoDataItem } from '@/types/api/order/common'
 import { ExportParams } from '@/types/api/order/factoryOrderNew'
 import type { OrderData } from '@/types/api/podMakeOrder'
+import type { LogisticsData } from '@/types/api/podCnOrder'
 import type { PrintData } from '@/types/api/podOrder'
 function normalizePodOrderQueryPayload(
   data: Record<string, unknown>,
@@ -44,6 +44,7 @@ export function getFactoryOrderNewListApi(
   status?: string,
   subStatus?: number,
   pauseReason?: number,
+  cancelSubType?: number,
 ) {
   const body = normalizePodOrderQueryPayload({ ...data } as Record<
     string,
@@ -58,6 +59,7 @@ export function getFactoryOrderNewListApi(
       status,
       acceptedStatus: subStatus,
       pauseReason,
+      cancelSubType,
     },
   )
 }
@@ -112,6 +114,14 @@ export function getFactoryOrderNewLogApi(id: number | string) {
     },
   )
 }
+export function getOperationOrderByIdApi(id: number | string) {
+  return axios.get<never, BaseRespData<operateOrderListData[]>>(
+    'factory/podOrderOperation/getByPodOrderId',
+    {
+      params: { podOrderId: id },
+    },
+  )
+}
 
 export function refreshProductInfoApi(data: {
   orderIds?: number | string
@@ -257,13 +267,6 @@ export function replenishmentCompleteApi(ids: (number | string)[]) {
   )
 }
 
-export function pickFailApi(ids: (number | string)[]) {
-  return axios.post<never, BaseRespData<PickFailData[]>>(
-    'factory/podOrderOperation/listByIds',
-    { ids },
-  )
-}
-
 export function getCardLayoutListApi(
   data: Record<string, unknown>,
   currentPage: number,
@@ -308,6 +311,23 @@ export function getSuspendStatisticsApi(
   )
 }
 
+/** 已取消列表子 tab 数量统计（与挂起 suspendStatistics 用法一致） */
+export function getCancelledOrderStatisticsApi(
+  data: SearchForm,
+  currentPage: number,
+  pageSize: number,
+  cancelSubType?: number,
+) {
+  const body = normalizePodOrderQueryPayload({ ...data } as Record<
+    string,
+    unknown
+  >)
+  return axios.post<never, BaseRespData<Record<string, number>>>(
+    'factory/podOrder/cancelledStatistics',
+    { ...body, currentPage, pageSize, cancelSubType },
+  )
+}
+
 export function getSuspendDetailApi(id: number | string) {
   return axios.get<never, BaseRespData<ProductListData[]>>(
     'factory/podOrderPauseControl/get',
@@ -467,6 +487,26 @@ export function syncReceiverAddress(data: number[]) {
   )
 }
 
+export function getLogisticsCalculation(id: number) {
+  return axios.get<never, BaseRespData<never>>(
+    'factory/podOrder/getLogisticsCalculation',
+    { params: { id } },
+  )
+}
+
+export function changeLogisticsApi(params: {
+  updateByIdParam: {
+    id: string | number
+    dataVersion: number
+  }
+  logisticsTrialCalculation: LogisticsData
+}) {
+  return axios.post<never, BaseRespData<never>>(
+    'factory/podOrder/changeLogistics',
+    params,
+  )
+}
+
 export function updateReceiverAddressApi(data: object) {
   return axios.post<never, BaseRespData<never>>(
     'factory/podOrder/updateReceiverAddress',
@@ -590,3 +630,19 @@ export function exportFactoryOrderInfo(data: ExportParams) {
     data,
   )
 }
+
+export function interceptUpdateApi(ids: (string | number)[]) {
+  return axios.post<never, BaseRespData<ResultInfoDataItem[]>>(
+    'factory/podOrder/factoryOrderUnblock',
+    ids,
+  )
+}
+
+export function interceptSuccessApi(
+  data: { factoryOrderNumber: string; suspendSussessType: number }[],
+) {
+  return axios.post<never, BaseRespData<ResultInfoDataItem[]>>(
+    'factory/podOrder/factoryOrderBlockSuccess',
+    data,
+  )
+}

src/api/podUsOrder.ts

@@ -66,6 +66,24 @@ export function getOrderList(
     },
   )
 }
+
+export function getOrderTrackingList(
+  params: SearchForm,
+  currentPage: number,
+  pageSize: number,
+  orderTracking?: boolean,
+) {
+  return axios.post<never, BasePaginationData<PodUsOrderListData>>(
+    '/factory/podJomallOrderUs/get-order-tracking-list',
+    {
+      ...params,
+      currentPage,
+      pageSize,
+      orderTracking,
+    },
+  )
+}
+
 export function handleExceptionOrderApi(orderIds: number[]) {
   return axios.post<never, BaseRespData<never>>(
     'factory/podJomallOrderUs/processExceptionOrders',

src/router/index.ts

@@ -107,6 +107,14 @@ const router = createRouter({
             import('@/views/order/factoryOrderNew/index.vue'),
         },
         {
+          path:'/order/cancel-order-process',
+          meta: {
+            title: '取消后订单处理',
+          },
+          component: () =>
+            import('@/views/order/cancelOrderProcess/index.vue'),
+        },
+        {
           path: '/pod-cn-order/orderTracking',
           meta: {
             title: 'POD(CN)订单跟踪',

src/router/menu.ts

@@ -151,6 +151,11 @@ const menu: MenuItem[] = [
         id: 12,
         label: '工厂订单(NEW)',
       },
+      // {
+      //   index: '/order/cancel-order-process',
+      //   id: 13,
+      //   label: '取消后订单处理',
+      // },
     ],
   },
   {

src/types/api/cancelOrderProcess.ts

+export interface CancelOrderProcessStateGroupMap {
+  alreadyInStock: number
+  NotInStock: number
+}

src/types/api/factoryOrderNew/factoryOrderNew.ts → src/types/api/factoryOrderNew/index.ts

+import type { PaginationData } from '@/types/api'
 export interface StatusTreeNode {
   status: string
   statusName: string
@@ -271,3 +272,9 @@ export interface PickFailData {
   afterOutOccupied?: number
   afterOutAvailable?: number
 }
+
+export type CardLayoutListFetcher = (
+  payload: Record<string, unknown>,
+  currentPage: number,
+  pageSize: number,
+) => Promise<PaginationData<operateOrderListData>>

src/types/api/order/factoryOrderNew.ts

@@ -92,6 +92,8 @@ export interface FactoryOrderNewListData {
   source?: string
   logisticsCompanyName?: string
   logisticsCompanyCode?: string
+  logisticsWayId?: number | string
+  logisticsWayName?: string
   selfOwned?: boolean
   createTime?: string
   updateTime?: string

src/views/order/components/CreateLogisticDialog.vue

@@ -85,7 +85,7 @@ import {
 } from '@/api/logistics'
 
 import { createLogisticsOrdersApi } from '@/api/podCnOrder'
-import { FactoryOrderNewListData } from '@/types/api/factoryOrderNew/factoryOrderNew'
+import { FactoryOrderNewListData } from '@/types/api/factoryOrderNew'
 
 const createLogisticDialogVisible = ref(false)
 const props = defineProps<{

src/views/order/components/UpdateCustomDeclarationInfoDialog.vue

@@ -57,7 +57,7 @@
 </template>
 <script setup lang="ts">
 import { updateCustomDeclarationInfoApi } from '@/api/podCnOrder'
-import { FactoryOrderNewListData } from '@/types/api/factoryOrderNew/factoryOrderNew'
+import { FactoryOrderNewListData } from '@/types/api/factoryOrderNew'
 import {
   CustomDeclarationInfoForm,
   PodCnOrderListData,

src/views/order/factoryOrderNew/component/BatchManageTable.vue

@@ -196,7 +196,7 @@ import {
   printPickPdfByBatchNumberApi,
   printProductionPdfByBatchNumberApi,
 } from '@/api/factoryOrderNew'
-import type { BatchManageData } from '@/types/api/factoryOrderNew/factoryOrderNew'
+import type { BatchManageData } from '@/types/api/factoryOrderNew'
 import type { PaginationData } from '@/types/api'
 import TableView from '@/components/TableView.vue'
 import ArrangeDialog from './ArrangeDialog.vue'

src/views/order/factoryOrderNew/component/CardLayout.vue

@@ -293,19 +293,32 @@ import {
   getFactoryOrderNewLogApi,
 } from '@/api/factoryOrderNew'
 import type { PaginationData } from '@/types/api'
+import type { CardLayoutListFetcher } from '@/types/api/factoryOrderNew'
 import usePageList from '@/utils/hooks/usePageList'
-import { operateOrderListData } from '@/types/api/factoryOrderNew/factoryOrderNew'
+import { operateOrderListData } from '@/types/api/factoryOrderNew'
 import type { LogListData } from '@/types/api/order'
 import LogList from '@/components/LogList.vue'
 import RightClickMenu from '@/components/RightClickMenu.vue'
 import platformJson from '../../../../json/platform.json'
 
 const props = defineProps<{
-  status: string
-  queryPayload: Record<string, unknown>
+  status?: string
+  queryPayload?: Record<string, unknown>
   initPageSize?: number
+  fetchList?: CardLayoutListFetcher
 }>()
 
+const buildListPayload = () => {
+  const payload = { ...props.queryPayload }
+  if (props.fetchList || props.status === undefined) {
+    return payload
+  }
+  return {
+    ...payload,
+    status: props.status === 'ALL' ? undefined : props.status,
+  }
+}
+
 const emit = defineEmits<{
   'selection-change': [items: operateOrderListData[]]
   'view-detail': [item: operateOrderListData]
@@ -324,9 +337,9 @@ const {
   initPageSize: props.initPageSize || 100,
   initLoad: false,
   query: async (current, size) => {
-    const payload = {
-      ...props.queryPayload,
-      status: props.status === 'ALL' ? undefined : props.status,
+    const payload = buildListPayload()
+    if (props.fetchList) {
+      return props.fetchList(payload, current, size)
     }
     const res = await getCardLayoutListApi(payload, current, size)
     return res.data as unknown as PaginationData<operateOrderListData>
@@ -411,13 +424,20 @@ const rightChange = (code: string) => {
 
 const openLogDialog = async (item: operateOrderListData) => {
   if (!item.podOrderId) return
+  const loading = ElLoading.service({
+    fullscreen: true,
+    text: '加载中...',
+    background: 'rgba(0, 0, 0, 0.3)',
+  })
   try {
     const res = await getFactoryOrderNewLogApi(item.podOrderId as number)
-    logList.value = (res.data || []) as unknown as LogListData[]
-    logVisible.value = true
-  } catch (e) {
-    // ignore
-  }
+      logList.value = (res.data || []) as unknown as LogListData[]
+      logVisible.value = true
+    } catch (e) {
+      // ignore
+    } finally {
+      loading.close()
+    }
 }
 
 const clearSelection = () => {

src/views/order/factoryOrderNew/component/OperateDetailsDialog.vue

@@ -257,7 +257,7 @@ import platformJson from '../../../../json/platform.json'
 import type {
   operateOrderListData,
   PickCompleteData,
-} from '@/types/api/factoryOrderNew/factoryOrderNew'
+} from '@/types/api/factoryOrderNew'
 const emit = defineEmits(['adjustPickOrderSuccess'])
 
 const props = defineProps<{

src/views/order/factoryOrderNew/component/PickCompleteDialog.vue

@@ -123,7 +123,7 @@ import {
   replenishmentCompleteApi,
   markStockOutOfApi,
 } from '@/api/factoryOrderNew'
-import type { PickCompleteData } from '@/types/api/factoryOrderNew/factoryOrderNew'
+import type { PickCompleteData } from '@/types/api/factoryOrderNew'
 import type { BaseRespData } from '@/types/api'
 import type {
   InterProductList,

src/views/order/factoryOrderNew/component/PickFailDialog.vue

@@ -71,7 +71,7 @@ import { ref } from 'vue'
 import { ElMessage, ElMessageBox, ElLoading } from 'element-plus'
 import BigNumber from 'bignumber.js'
 import { pickCompleteByIdsDataApi } from '@/api/factoryOrderNew'
-import type { PickCompleteData } from '@/types/api/factoryOrderNew/factoryOrderNew'
+import type { PickCompleteData } from '@/types/api/factoryOrderNew'
 import TableView from '@/components/TableView.vue'
 import _ from 'lodash'
 import CreateOutboundDialog from './CreateOutboundDialog.vue'

src/views/order/factoryOrderNew/component/SuspendDialog.vue

@@ -63,7 +63,7 @@ const formRef = ref<FormInstance>()
 const orderIds = ref<(number | string)[]>([])
 
 const suspendReasons = [
-  { label: '客户拦截', value: 1 },
+  // { label: '客户拦截', value: 1 },
   { label: '地址异常', value: 2 },
   { label: '素材异常', value: 3 },
   { label: '其他', value: 4 },

src/views/order/factoryOrderNew/component/WaitingRestockTable.vue

@@ -63,7 +63,7 @@
 import { reactive } from 'vue'
 import { ElMessage } from 'element-plus'
 import { getRestockListApi, restockCheckApi } from '@/api/factoryOrderNew'
-import type { RestockData } from '@/types/api/factoryOrderNew/factoryOrderNew'
+import type { RestockData } from '@/types/api/factoryOrderNew'
 import TableView from '@/components/TableView.vue'
 import usePageList from '@/utils/hooks/usePageList'
 

src/views/order/factoryOrderNew/hooks/useOrderBatchActions.ts

@@ -50,8 +50,11 @@ export function useOrderBatchActions(options: UseOrderBatchActionsOptions) {
       const res = await action.api(ids)
       if (res.code !== 200) return
       if (action.successText) ElMessage.success(action.successText)
-      if (action.onSuccess) await action.onSuccess(res)
-      await refreshCurrentView({ isRefreshTree: !!action.refreshTree })
+      if (action.onSuccess) {
+        await action.onSuccess(res)
+      } else {
+        await refreshCurrentView({ isRefreshTree: !!action.refreshTree })
+      }
       if (action.onAfter) await action.onAfter()
     } catch (e) {
       console.error(e)

src/views/order/factoryOrderNew/hooks/useOrderDictionaries.ts

@@ -141,8 +141,6 @@ export function useOrderDictionaries() {
       getUserMark(),
       getCustomTagList(),
       getLogisticsCompanyAllCodelist(),
-      getReceiverCountryList(),
-      loadWarehouseList(),
     ])
   }
 

src/views/order/factoryOrderNew/hooks/useOrderListAndDetail.ts

@@ -5,8 +5,9 @@ import {
   getFactoryOrderNewDetailApi,
   getFactoryOrderNewListApi,
   getFactoryOrderNewLogApi,
+  getOperationOrderByIdApi,
 } from '@/api/factoryOrderNew'
-import type { SearchForm } from '@/types/api/factoryOrderNew/factoryOrderNew'
+import type { SearchForm } from '@/types/api/factoryOrderNew'
 import type {
   FactoryOrderNewListData,
   LogListData,
@@ -23,6 +24,7 @@ interface UseOrderListAndDetailOptions {
   getQueryPayload: () => Record<string, unknown>
   getListPageAcceptedSubStatus: () => number | undefined
   suspendedSubTab: Ref<number>
+  cancelledSubTab: Ref<number>
 }
 
 export function useOrderListAndDetail(options: UseOrderListAndDetailOptions) {
@@ -34,11 +36,13 @@ export function useOrderListAndDetail(options: UseOrderListAndDetailOptions) {
     getQueryPayload,
     getListPageAcceptedSubStatus,
     suspendedSubTab,
+    cancelledSubTab,
   } = options
 
   const subLoading = ref(false)
-  const activeTab = ref<'product' | 'log'>('product')
+  const activeTab = ref<'product' | 'operation' | 'log'>('product')
   const productList = ref<ProductListData[]>([])
+  const operationOrderList = ref<operateOrderListData[]>([])
   const logList = ref<LogListData[]>([])
   const tableRef = ref()
   const currentRow = ref<FactoryOrderNewListData | null>(null)
@@ -73,6 +77,7 @@ export function useOrderListAndDetail(options: UseOrderListAndDetailOptions) {
   } = usePageList<FactoryOrderNewListData>({
     query: (page, size) => {
       const isSuspendTree = treeStatus.value === 'SUSPEND'
+      const isCancelled = status.value === 'CANCELLED'
       return getFactoryOrderNewListApi(
         buildListQueryBody(),
         page,
@@ -80,6 +85,7 @@ export function useOrderListAndDetail(options: UseOrderListAndDetailOptions) {
         status.value === 'ALL' ? undefined : status.value,
         getListPageAcceptedSubStatus(),
         isSuspendTree ? suspendedSubTab.value : undefined,
+        isCancelled ? cancelledSubTab.value : undefined,
       ).then(async (res) => {
         const records = res.data.records || []
         await nextTick(() => {
@@ -101,6 +107,7 @@ export function useOrderListAndDetail(options: UseOrderListAndDetailOptions) {
     selectedRows.value = []
     cardSelectList.value = []
     productList.value = []
+    operationOrderList.value = []
     logList.value = []
     currentRow.value = null
     listSortProp.value = null
@@ -160,9 +167,12 @@ export function useOrderListAndDetail(options: UseOrderListAndDetailOptions) {
     cardSelectList.value = items
   }
 
-  const getOrderDetailsById = async (tabName?: 'product' | 'log') => {
+  const getOrderDetailsById = async (
+    tabName?: 'product' | 'operation' | 'log',
+  ) => {
     if (!currentRow.value) {
       productList.value = []
+      operationOrderList.value = []
       logList.value = []
       return
     }
@@ -181,6 +191,11 @@ export function useOrderListAndDetail(options: UseOrderListAndDetailOptions) {
         productList.value = Array.isArray(productRes.data)
           ? productRes.data
           : []
+      } else if (effectiveTab === 'operation') {
+        operationOrderList.value = []
+        const opRes = await getOperationOrderByIdApi(id)
+        if (opRes.code !== 200) return
+        operationOrderList.value = opRes.data
       } else {
         logList.value = []
         // const logRes = isSuspend
@@ -200,6 +215,7 @@ export function useOrderListAndDetail(options: UseOrderListAndDetailOptions) {
   watch(currentRow, (row) => {
     if (!row) {
       productList.value = []
+      operationOrderList.value = []
       logList.value = []
       return
     }
@@ -217,7 +233,7 @@ export function useOrderListAndDetail(options: UseOrderListAndDetailOptions) {
 
   const handleTabClick = (tab: TabsPaneContext) => {
     if (!currentRow.value) return
-    const name = tab?.props?.name as 'product' | 'log' | undefined
+    const name = tab?.props?.name as 'product' | 'operation' | 'log' | undefined
     void getOrderDetailsById(name)
   }
 
@@ -225,6 +241,7 @@ export function useOrderListAndDetail(options: UseOrderListAndDetailOptions) {
     subLoading,
     activeTab,
     productList,
+    operationOrderList,
     logList,
     tableRef,
     currentRow,

src/views/order/factoryOrderNew/hooks/useOrderStatusTree.ts

 import { computed, ref, nextTick } from 'vue'
 import {
+  getCancelledOrderStatisticsApi,
   getPodOrderAcceptedStatisticsApi,
   getPodOrderStateGroupListApi,
   getSuspendStatisticsApi,
 } from '@/api/factoryOrderNew'
 import type { StatusTreeNode } from '@/types/api/order/factoryOrderNew'
+import type { SearchForm } from '@/types/api/factoryOrderNew'
 
 interface UseOrderStatusTreeOptions {
   getQueryPayload: () => Record<string, unknown>
   currentPage: { value: number }
   pageSize: { value: number }
-  onClearTableState: () => void
-  onRefreshCurrentView: () => void
 }
 
 export function useOrderStatusTree(options: UseOrderStatusTreeOptions) {
@@ -19,8 +19,6 @@ export function useOrderStatusTree(options: UseOrderStatusTreeOptions) {
     getQueryPayload,
     currentPage,
     pageSize,
-    onClearTableState,
-    onRefreshCurrentView,
   } = options
 
   const cardLayoutStatuses = [
@@ -46,12 +44,19 @@ export function useOrderStatusTree(options: UseOrderStatusTreeOptions) {
     acceptedOutOfStockCount: 0,
   })
   const suspendedTabs = ref([
-    { label: '客户拦截', key: 'customerInterceptCount', value: 1, count: 0 },
+    { label: '客户拦截-取消订单', key: 'customerInterceptCount', value: 1, count: 0 },
     { label: '地址异常', key: 'addressExceptionCount', value: 2, count: 0 },
     { label: '素材异常', key: 'materialExceptionCount', value: 3, count: 0 },
     { label: '其他', key: 'otherReasonCount', value: 4, count: 0 },
   ])
   const suspendedSubTab = ref(1)
+  /** 已取消：子 tab 与 list_page 的 cancelSubType 取值 1/2/3 对应 */
+  const cancelledTabs = ref([
+    { label: '客户拦截', key: 'customerInterceptCount', value: 1, count: 0 },
+    { label: '协商取消', key: 'mutualAgreeCancelCount', value: 2, count: 0 },
+    { label: '其他', key: 'otherReasonCount', value: 3, count: 0 },
+  ])
+  const cancelledSubTab = ref(1)
   const treeRef = ref()
 
   const isCardLayout = computed(() => cardLayoutStatuses.includes(status.value))
@@ -107,6 +112,25 @@ export function useOrderStatusTree(options: UseOrderStatusTreeOptions) {
     }
   }
 
+  const getCancelledCounts = async () => {
+    try {
+      const res = await getCancelledOrderStatisticsApi(
+        getQueryPayload() as SearchForm,
+        currentPage.value,
+        pageSize.value,
+        cancelledSubTab.value,
+      )
+      if (res.code !== 200 || !res.data) return
+      const data = res.data || {}
+      cancelledTabs.value = cancelledTabs.value.map((tab) => ({
+        ...tab,
+        count: data[String(tab.key)] ?? 0,
+      }))
+    } catch (e) {
+      console.error(e)
+    }
+  }
+
   const loadStatusTreeCounts = async () => {
     try {
       const res = await getPodOrderStateGroupListApi()
@@ -121,22 +145,6 @@ export function useOrderStatusTree(options: UseOrderStatusTreeOptions) {
     }
   }
 
-  const handleStatusNodeClick = (node: StatusTreeNode) => {
-    status.value = node.status
-    if (node.status !== 'PENDING_RECEIVE') {
-      pendingAcceptSubTab.value = 'PENDING_RECEIVE'
-    }
-    if (node.status !== 'SUSPEND') {
-      suspendedSubTab.value = 1
-    }
-    onClearTableState()
-    if (!isSpecialLayout.value) {
-      onRefreshCurrentView()
-    }
-    if (node.status === 'SUSPEND') {
-      void getSuspendCounts()
-    }
-  }
 
   const handlePendingAcceptTabClick = (
     tab: 'PENDING_RECEIVE' | 'ACCEPT_FAIL_OUT_OF_STOCK',
@@ -160,6 +168,8 @@ export function useOrderStatusTree(options: UseOrderStatusTreeOptions) {
     pendingAcceptCounts,
     suspendedTabs,
     suspendedSubTab,
+    cancelledTabs,
+    cancelledSubTab,
     treeRef,
     isCardLayout,
     isSpecialLayout,
@@ -167,9 +177,9 @@ export function useOrderStatusTree(options: UseOrderStatusTreeOptions) {
     getListPageAcceptedSubStatus,
     getPendingReceiveCounts,
     getSuspendCounts,
+    getCancelledCounts,
     loadStatusTreeCounts,
-    handleStatusNodeClick,
     handlePendingAcceptTabClick,
-    toggleExpand,
+    toggleExpand
   }
 }

src/views/order/orderTracking/index.vue

@@ -13,7 +13,7 @@ import {
 import {
   getListCraftApi,
   getProductionClientApi,
-  getOrderList,
+  getOrderTrackingList,
   getOperationLogApi,
   getOrderTabData,
   getfaceSimplexFileApi,
@@ -44,7 +44,7 @@ import { convertToChinaTime } from '@/utils/index'
 import { useEnterKeyTrigger } from '@/utils/hooks/useEnterKeyTrigger.ts'
 
 import { useValue } from '@/utils/hooks/useValue'
-
+const tabName = ref<string>('1')
 const [searchForm, resetSearchForm] = useValue<SearchForm>({
   timeType: 1,
   shopNumber: '',
@@ -539,7 +539,7 @@ const getOrderListFn = async () => {
   })
   const { currentPage, pageSize } = pagination.value
   try {
-    const { data } = await getOrderList(
+    const { data } = await getOrderTrackingList(
       {
         ...searchForm.value,
         startTime:
@@ -711,6 +711,12 @@ function changeChinaTime(zone: string) {
   })
 }
 
+const tabChange = () => {
+  if(tabName.value==='2'){
+    operationLog()
+  }
+}
+
 const handleRadioGroupClick = (event: Event) => {
   const target = event.target as HTMLElement
   const radioButton = target.closest('.el-radio-button')
@@ -790,14 +796,6 @@ useEnterKeyTrigger({
   },
 })
 
-watch(
-  () => currentRowId.value,
-  (newValue, oldValue) => {
-    if (newValue !== oldValue) {
-      operationLog()
-    }
-  },
-)
 loadTabData()
 loadProductionClient()
 getUserMark()
@@ -1198,8 +1196,8 @@ onMounted(() => {
     </template>
     <template #other>
       <div class="bottom-table">
-        <el-tabs>
-          <el-tab-pane label="商品明细">
+        <el-tabs v-model="tabName" @tab-change="tabChange">
+          <el-tab-pane name="1" label="商品明细">
             <TableView
               ref="goodsRef"
               v-loading="goodsLoading"
@@ -1212,7 +1210,7 @@ onMounted(() => {
               </template>
             </TableView>
           </el-tab-pane>
-          <el-tab-pane label="操作日志" @tab-click="operationLog">
+          <el-tab-pane name="2" label="操作日志" >
             <div>
               <el-button
                 :type="zoneType === 'Asia/Shanghai' ? 'primary' : ''"

src/views/order/podCN/components/ChangeWayDialog.vue

@@ -65,7 +65,14 @@
 </template>
 
 <script lang="ts" setup>
-import { PodCnOrderListData, LogisticsData } from '@/types/api/podCnOrder'
+import { LogisticsData } from '@/types/api/podCnOrder'
+
+export interface ChangeWayRowData {
+  id?: number | string
+  version?: number
+  logisticsWayId?: number | string | null
+  logisticsWayName?: string
+}
 const isChangeWay = ref(false)
 const isChangeWayLoading = ref(false)
 const changeWayRow = ref<LogisticsData>({} as LogisticsData)
@@ -76,13 +83,13 @@ const wayDialogTitle = ref('')
 
 const props = withDefaults(
   defineProps<{
-    rowData: PodCnOrderListData | null
+    rowData: ChangeWayRowData | null
     getTableFn?: (...args: any[]) => any
     submitFn?: (...args: any[]) => any
     changeLogisticsApi?: (...args: any[]) => any
   }>(),
   {
-    rowData: () => ({} as PodCnOrderListData),
+    rowData: () => ({} as ChangeWayRowData),
     getTableFn: () => {},
     submitFn: () => {},
     changeLogisticsApi: () => {},

vite.config.ts

@@ -4,13 +4,27 @@ import Components from 'unplugin-vue-components/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
-
-// https://vitejs.dev/config/
+import compression from 'vite-plugin-compression'
 export default defineConfig({
   base: '/',
+  server:{
+    proxy: {
+      '/api/': {
+        target: 'http://172.16.17.244:8060',
+      },
+    },
+  },
 
   plugins: [
     vue(),
+    compression({
+      ext: '.gz', // 生成的文件扩展名
+      compressionOptions: { level: 9 }, // 压缩级别，1-9，越高压缩率越大
+      algorithm: 'gzip', // 压缩算法，可选 'gzip' | 'brotli'
+      threshold: 51200, // 阈值：小于100kb的文件不压缩（压缩后反而可能变大）
+      filter:/\.(js|css|html|svg|json)$/i , // 排除已经压缩过的文件（图片、视频、压缩包本身）
+      deleteOriginFile: false, // 不要删除原始源文件，默认false，避免回退问题
+    }),
     vueJsx(),
     AutoImport({
       imports: ['vue', 'vue-router', 'pinia'],