Merge branch 'dev_factory_new' into 'dev'

Dev factory new See merge request !271

Merge branch 'dev_factory_new' into 'dev'
Dev factory new See merge request !271
be024416 · wuqian · 839c1833 · 78e680e2 · be024416 · be024416
Commit be024416 authored Jul 20, 2026 by wuqian
Showing with 115 additions and 14 deletions

components.d.ts
+2 -10

src/api/factoryOrderNew.ts
+6 -0

src/types/api/factoryOrderNew/index.ts
+4 -1

src/types/api/order/factoryOrderNew.ts
+2 -0

src/views/order/factoryOrderNew/index.vue
+101 -3

No files found.
--- a/components.d.ts
+++ b/components.d.ts
@@ -12,16 +12,12 @@ declare module 'vue' {
    DatePicker: typeof import('./src/components/Form/DatePicker.vue')['default']
    DateRangePicker: typeof import('./src/components/Form/DateRangePicker.vue')['default']
    ElButton: typeof import('element-plus/es')['ElButton']
-    ElCard: typeof import('element-plus/es')['ElCard']
    ElCarousel: typeof import('element-plus/es')['ElCarousel']
    ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
-    ElCol: typeof import('element-plus/es')['ElCol']
    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
-    ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
-    ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
    ElDialog: typeof import('element-plus/es')['ElDialog']
    ElDrawer: typeof import('element-plus/es')['ElDrawer']
    ElDropdown: typeof import('element-plus/es')['ElDropdown']
@@ -33,15 +29,12 @@ declare module 'vue' {
    ElIcon: typeof import('element-plus/es')['ElIcon']
    ElImage: typeof import('element-plus/es')['ElImage']
    ElInput: typeof import('element-plus/es')['ElInput']
-    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
-    ElLink: typeof import('element-plus/es')['ElLink']
    ElOption: typeof import('element-plus/es')['ElOption']
    ElPagination: typeof import('element-plus/es')['ElPagination']
    ElPopover: typeof import('element-plus/es')['ElPopover']
    ElRadio: typeof import('element-plus/es')['ElRadio']
    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
-    ElRow: typeof import('element-plus/es')['ElRow']
    ElSelect: typeof import('element-plus/es')['ElSelect']
    ElSwitch: typeof import('element-plus/es')['ElSwitch']
    ElTable: typeof import('element-plus/es')['ElTable']
@@ -49,13 +42,12 @@ declare module 'vue' {
    ElTabPane: typeof import('element-plus/es')['ElTabPane']
    ElTabs: typeof import('element-plus/es')['ElTabs']
    ElTag: typeof import('element-plus/es')['ElTag']
-    ElTimeline: typeof import('element-plus/es')['ElTimeline']
-    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
    ElTooltip: typeof import('element-plus/es')['ElTooltip']
    ElTree: typeof import('element-plus/es')['ElTree']
-    ElUpload: typeof import('element-plus/es')['ElUpload']
+    ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
    Icon: typeof import('./src/components/Icon.vue')['default']
    ImageView: typeof import('./src/components/ImageView.vue')['default']
+    LeftRightLayout: typeof import('./src/components/leftRightLayout.vue')['default']
    LogList: typeof import('./src/components/LogList.vue')['default']
    NavMenu: typeof import('./src/components/NavMenu.vue')['default']
    NavMenuItem: typeof import('./src/components/NavMenuItem.vue')['default']

--- a/src/api/factoryOrderNew.ts
+++ b/src/api/factoryOrderNew.ts
@@ -11,6 +11,7 @@ import type {
  RestockData,
  SearchForm,
  StatusTreeNode,
+  StatusListNode,
 } from '@/types/api/factoryOrderNew'
 import { ResultInfoDataItem } from '@/types/api/order/common'
 import { ExportParams } from '@/types/api/order/factoryOrderNew'
@@ -37,6 +38,11 @@ export function getPodOrderStateGroupListApi() {
    'factory/podOrder/findStateGroupList',
  )
 }
+export function getStatusPushApi() {
+  return axios.get<never, BaseRespData<StatusListNode[]>>(
+    'factory/podOrderOperation/get-operation-order-status',
+  )
+}
 export function getFactoryOrderNewListApi(
  data: SearchForm,

--- a/src/types/api/factoryOrderNew/index.ts
+++ b/src/types/api/factoryOrderNew/index.ts
@@ -6,7 +6,10 @@ export interface StatusTreeNode {
  unit?: string // 数量单位
  children: StatusTreeNode[] | null
 }
+export interface StatusListNode {
+  status: string
+  statusName: string
+}
 export interface SearchForm {
  status?: string
  pauseReason?: number

--- a/src/types/api/order/factoryOrderNew.ts
+++ b/src/types/api/order/factoryOrderNew.ts
@@ -8,6 +8,7 @@ export interface StatusTreeNode {
 export interface SearchForm {
  status?: string
+  operationStatus?: string | string[]
  pauseReason?: number
  platform?: string
  craftCode?: string | string[]
@@ -104,6 +105,7 @@ export interface FactoryOrderNewListData {
  totalCustomsValue?: number
  pauseStatus?: number
  statusName?: string
+  finishTime?:string
  thirdOrderNumber?: string
  customTagList?: { id: string; name: string }[]
 }

--- a/src/views/order/factoryOrderNew/index.vue
+++ b/src/views/order/factoryOrderNew/index.vue
@@ -62,7 +62,7 @@
            class="search-form"
            :model="searchForm"
            :inline="true"
-            label-width="70px"
+            label-width="110px"
          >
            <ElFormItem v-if="status === 'ALL'" label="订单状态">
              <ElTreeSelect
@@ -178,7 +178,24 @@
                width="140px"
              />
            </ElFormItem>
+            <ElFormItem v-if="status === 'PICKING'" label="操作单状态">
+              <ElSelect
+                v-model="searchFormOperationStatusSelect"
+                placeholder="请选择"
+                clearable
+                multiple
+                collapse-tags
+                filterable
+                style="width: 170px"
+              >
+                <ElOption
+                  v-for="(item, index) in statusList"
+                  :key="index"
+                  :value="item.status"
+                  :label="item.statusName"
+                ></ElOption>
+              </ElSelect>
+            </ElFormItem>
            <ElFormItem label="数量">
              <el-radio-group v-model="searchForm.multi">
                <el-radio-button :value="false" @click="toggleMulti(false)"
@@ -1241,6 +1258,7 @@
 </template>
 <script setup lang="tsx">
+import dayjs from 'dayjs'
 import {
  ArrowDown,
  ArrowUp,
@@ -1298,6 +1316,7 @@ import {
  interceptUpdateApi,
  interceptSuccessApi,
  deliveryCompleteApi,
+  getStatusPushApi,
 } from '@/api/factoryOrderNew'
 import { getConfigApi } from '@/api/order'
 import { getLogisticsWayApi } from '@/api/podUsOrder'
@@ -1329,6 +1348,7 @@ import ChangeWayDialog from '@/views/order/podCN/components/ChangeWayDialog.vue'
 import { ResultInfoDataItem } from '@/types/api/order/common'
 import type { FactoryOrderSearchQueryVisibilityContext } from '@/types/api/factoryOrderNew/searchQueryVisibility'
 import type { StatusTreeNode } from '@/types/api/order/factoryOrderNew'
+import type { StatusListNode } from '@/types/api/factoryOrderNew'
 import { useOrderDictionaries } from './hooks/useOrderDictionaries'
 import { useOrderSearchForm } from './hooks/useOrderSearchForm'
 import { useOrderStatusTree } from './hooks/useOrderStatusTree'
@@ -1456,7 +1476,17 @@ const searchFormStatusSelect = computed({
    searchForm.value.status = arr.length ? arr.join(',') : undefined
  },
 })
+const searchFormOperationStatusSelect = computed({
+  get() {
+    const val = searchForm.value.operationStatus
+    if (!val) return []
+    return String(val).split(',').filter(Boolean)
+  },
+  set(val: string | string[] | undefined) {
+    const arr = Array.isArray(val) ? val : val ? [val] : []
+    searchForm.value.operationStatus = arr.length ? arr.join(',') : undefined
+  },
+})
 getFactoryOrderSearchVisibilityContext = () => ({
  status: searchForm.value.status ?? status.value,
  isCardLayout: isCardLayout.value,
@@ -1699,11 +1729,28 @@ const handleStatusNodeClick = (node: { status: string }) => {
  if (node.status !== 'CANCELLED') {
    cancelledSubTab.value = 1
  }
+  if (node.status === 'PICKING') {
+    getOrderStatus()
+  }
  clearTableState()
  if (!isSpecialLayout.value) {
    refreshCurrentView()
  }
 }
+const statusList = ref<StatusListNode[]>([])
+const getOrderStatus = async () => {
+  try {
+    const res = await getStatusPushApi()
+    if (res.code === 200) {
+      statusList.value = res.data
+    } else {
+      ElMessage.error(res.message)
+    }
+  } catch (error) {
+    console.error(error)
+    ElMessage.error('订单状态刷新失败')
+  }
+}
 const handlePendingAcceptTabClick = (
  tab: 'PENDING_RECEIVE' | 'ACCEPT_FAIL_OUT_OF_STOCK',
 ) => handlePendingAcceptTabClickRaw(tab, refreshTableList)
@@ -1896,6 +1943,29 @@ const mainColumns = computed(() => [
    width: 140,
    align: 'center',
  },
+  // 订单状态为已取消时隐藏延期时间列
+  ...(status.value === 'CANCELLED'
+    ? []
+    : [
+        {
+          prop: 'createTime',
+          label: '延期时间',
+          width: 140,
+          align: 'center',
+          render: (row: FactoryOrderNewListData) => {
+            const delayText = getOrderDelayText(
+              row.createTime ?? '',
+              row.finishTime ?? '',
+              row.status ?? '',
+            )
+            return (
+              <div style={{ color: 'red', fontWeight: 'bolder' }}>
+                {delayText}
+              </div>
+            )
+          },
+        },
+      ]),
  {
    prop: 'logisticsWayName',
    label: '物流类型',
@@ -2588,6 +2658,34 @@ const handleUpdateCustomsInfo = async () => {
  await nextTick()
  updateCustomsDialogRef.value?.resetForm()
 }
+// 值为空：待接单和已取消状态
+const NULL_STATUSES = ['PENDING_RECEIVE', 'CANCELLED']
+// 终态订单：已完成/已归档
+const TERMINAL_ORDER_STATUSES = ['COMPLETED', 'ARCHIVE']
+const getOrderDelayText = (
+  createTime?: string | null,
+  finishTime?: string | null,
+  statusValue?: string | null,
+) => {
+  if (!createTime) return ''
+  const currentStatus = statusValue ?? ''
+  if (TERMINAL_ORDER_STATUSES.includes(currentStatus) && !finishTime) return ''
+  const createAt = dayjs(createTime)
+  if (!createAt.isValid()) return ''
+  // 终态订单用 finishTime - createTime 的差值
+  // 其他状态用 当前时间 - createTime 的差值
+  const endTime =
+    TERMINAL_ORDER_STATUSES.includes(currentStatus) && finishTime
+      ? dayjs(finishTime)
+      : dayjs()
+  const diffMinutes = Math.max(0, endTime.diff(createAt, 'minute'))
+  const baseHours = Math.floor(diffMinutes / 60)
+  const remainMinutes = diffMinutes % 60
+  const hours = baseHours + (remainMinutes > 30 ? 1 : 0)
+  const result = !NULL_STATUSES.includes(currentStatus) ? `${hours}h` : ''
+  return result
+}
 const handleTransferToArrange = async () => {
  if (!ensureSelection('请选择订单')) return