Merge branch 'dev' into 'master'

Dev

See merge request !96

components.d.ts

@@ -54,6 +54,7 @@ declare module 'vue' {
     ElTag: typeof import('element-plus/es')['ElTag']
     ElTimeline: typeof import('element-plus/es')['ElTimeline']
     ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
+    ElTimePicker: typeof import('element-plus/es')['ElTimePicker']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElTree: typeof import('element-plus/es')['ElTree']
     ElUpload: typeof import('element-plus/es')['ElUpload']

src/api/podUsOrder.ts

@@ -626,3 +626,11 @@ export function getCustomTagListApi() {
     `factory/podJomallOrderUs/getCustomTagList`,
   )
 }
+
+// 普货拣货
+export function printNormalPickPdfApi(ids: string) {
+  return axios.get<never, BaseRespData<string>>(
+    'factory/podJomallOrderUs/printNormalPickPdf',
+    { params: { ids } },
+  )
+}

src/api/podUsSchedulingRules.ts

+import axios from '@/api/axios.ts'
+import { BasePaginationData, BaseRespData } from '@/types/api'
+
+// 新增规则
+interface BaseForm {
+  id?: number
+}
+type ParamKey = `param${number}`
+type ParamValue = string | number | boolean | null | undefined
+type PostData = BaseForm & Record<ParamKey, ParamValue>
+export function usArrangeRuleApi(data: PostData) {
+  return axios.post<never, BasePaginationData<never>>(
+    'factory/podJomallOrderUs/usArrangeRule',
+    data,
+  )
+}
+
+// 编辑规则
+export function updateRuleByIdApi(data: PostData) {
+  return axios.post<never, BasePaginationData<never>>(
+    'factory/podJomallOrderUsArrangeRule/updateRuleById',
+    data,
+  )
+}
+
+// us规则列表
+export function getByFactoryNoApi(data: { factoryNo: number }) {
+  return axios.get<never, BaseRespData<never>>(
+    '/factory/podJomallOrderUsArrangeRule/getByFactoryNo',
+    { params: data },
+  )
+}

src/router/index.ts

@@ -88,7 +88,15 @@ const router = createRouter({
           },
           component: () => import('@/views/order/orderTracking/index.vue'),
         },
-         {
+        {
+          path: '/pod-us-order/podUsSchedulingRules',
+          meta: {
+            title: 'POD(US)排单规则',
+          },
+          component: () =>
+            import('@/views/order/podUsSchedulingRules/index.vue'),
+        },
+        {
           path: '/pod-cn-order/orderTracking',
           meta: {
             title: 'POD(CN)订单跟踪',

src/router/menu.ts

@@ -137,6 +137,11 @@ const menu: MenuItem[] = [
         id: 10,
         label: 'POD(US)订单跟踪',
       },
+      {
+        index: '/pod-us-order/podUsSchedulingRules',
+        id: 11,
+        label: 'POD(US)排单规则',
+      },
     ],
   },
 

src/types/api/podCnOrder.ts

@@ -38,7 +38,7 @@ export interface SearchForm {
   thirdSkuCode?: string
   supplierProductNo?: string
   batchArrangeNumber?: string
-  craftCode?: string
+  craftCode?: string[] | string
   thirdStockSku?: string
   exceptionHandling?: number | undefined
   interceptStatus?: number | string
@@ -221,6 +221,7 @@ export interface LogisticsFormData {
 export interface CraftListData {
   craftName: string
   craftCode: string
+  craftType: string
 }
 export interface PackingData {
   podProductionNo?: string // 生产单号（PSCD 开头）

src/types/api/podUsOrder.ts

@@ -34,7 +34,7 @@ export interface SearchForm {
   thirdSkuCode?: string
   supplierProductNo?: string
   batchArrangeNumber?: string
-  craftCode?: string
+  craftCode?: string | string[]
   craftCodeArr?: string[]
   thirdStockSku?: string
   interceptStatus?: number | string
@@ -141,6 +141,7 @@ export interface ProductList {
   batchArrangeNumber?: string | null
   interceptStatus?: number | null
   sizeType?: number | null
+  productMark?: string | null
   customTagList?: { name: string }[]
 }
 export interface cardImages {
@@ -216,6 +217,7 @@ export interface LogisticsFormData {
 export interface CraftListData {
   craftName: string
   craftCode: string
+  craftType: string
 }
 
 export interface InterceptStateGroupData {
@@ -226,3 +228,8 @@ export interface InterceptStateGroupData {
     [key: string]: number
   }
 }
+export interface IAllList {
+  id: string
+  name: string
+  warehouseName?: string
+}

src/views/logistics/components/LogisticsWaySelect.tsx

@@ -43,7 +43,7 @@ interface IwayList {
 }
 interface IAllList {
   factoryId?: number
-  id: number
+  id: number | string
   name: string
   serviceCode?: string
   siteUrl?: string
@@ -83,6 +83,18 @@ export default defineComponent({
       type: String,
       default: 'id',
     },
+    searchPlaceholder: {
+      type: String,
+      default: '请搜索承运商',
+    },
+    startPlaceholder: {
+      type: String,
+      default: '请选择物流方式',
+    },
+    startWidth: {
+      type: String,
+      default: '100%',
+    },
   },
   emits: ['update:modelValue'],
   setup(props, { emit }) {
@@ -161,7 +173,20 @@ export default defineComponent({
       },
       { deep: true, immediate: true },
     )
-
+    const handleClearSelection = () => {
+      /* 1. 清空显示文本 */
+      waysName.value = ''
+      /* 2. 清空双向绑定结果 */
+      if (props.isRadio) {
+        selectedRadioList.value = '' // 单选
+        emit('update:modelValue', '')
+      } else {
+        selectedList.value = [] // 多选
+        emit('update:modelValue', [])
+      }
+      /* 3. 可选：把搜索框也重置 */
+      searchName.value = ''
+    }
     function setCheckAll(company: ICompanyList, event: boolean) {
       if (event) {
         selectedList.value = [
@@ -252,8 +277,10 @@ export default defineComponent({
           reference: () => (
             <ElInput
               modelValue={waysName.value}
-              style={{ width: '100%' }}
-              placeholder="请选择物流方式"
+              style={{ width: props.startWidth }}
+              placeholder={props.startPlaceholder}
+              clearable
+              onClear={handleClearSelection}
             />
           ),
         }}
@@ -271,7 +298,7 @@ export default defineComponent({
           }}
           clearable
           style={{ width: '200px', padding: '10px' }}
-          placeholder="请搜索承运商"
+          placeholder={props.searchPlaceholder}
         />
         <ElScrollbar
           class="scroll-container"

src/views/order/components/dialog.tsx

+import { defineComponent, ref } from 'vue'
+import { ElDialog } from 'element-plus'
+
+export default defineComponent({
+  name: 'CustomizeForm',
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false,
+    },
+
+    title: {
+      type: String,
+      default: '',
+    },
+    dialogWidth: {
+      type: String,
+      default: '600px',
+    },
+  },
+  emits: ['update:modelValue', 'close'],
+  setup(props, { emit, attrs, slots }) {
+    const formRef = ref<InstanceType<typeof ElDialog> | null>(null)
+    const isShow = ref(false)
+    watch(
+      () => props.modelValue,
+      (val) => {
+        isShow.value = val
+      },
+      { immediate: true },
+    )
+
+    return () => {
+      return (
+        <ElDialog
+          ref={formRef}
+          v-model={isShow.value}
+          title={props.title}
+          width={props.dialogWidth}
+          onClose={() => {
+            emit('close')
+          }}
+          destroy-on-close={true}
+          close-on-click-modal={false}
+          {...attrs}
+        >
+          <div class="dialog-form">
+            {slots.default?.()}
+            {slots.footer?.()}
+          </div>
+        </ElDialog>
+      )
+    }
+  },
+})

src/views/order/podCN/index.vue

@@ -52,20 +52,13 @@
         </ElFormItem>
 
         <ElFormItem label="工艺">
-          <ElSelect
+          <LogisticsWaySelect
             v-model="searchForm.craftCode"
-            clearable
-            filterable
-            placeholder="请选择工艺"
-            style="width: 150px"
-          >
-            <el-option
-              v-for="item in craftList"
-              :key="item.craftCode"
-              :label="item.craftName"
-              :value="item.craftCode"
-            ></el-option>
-          </ElSelect>
+            :company-list="craftList"
+            :start-width="'150px'"
+            search-placeholder="搜索工艺名称"
+            start-placeholder="请选择工艺名称"
+          ></LogisticsWaySelect>
         </ElFormItem>
         <ElFormItem label="库存SKU">
           <ElInput
@@ -2476,6 +2469,7 @@
 </template>
 <script setup lang="ts">
 import { getUserMarkList } from '@/api/common'
+import LogisticsWaySelect from '../../logistics/components/LogisticsWaySelect.tsx'
 // import { AnyObject } from '@/types/api/warehouse'
 import {
   InfoFilled,
@@ -2544,7 +2538,7 @@ import { BaseRespData } from '@/types/api'
 import UpdateAddress from './components/updateAddress.vue'
 
 import { getAllCountryApi } from '@/api/logistics.ts'
-import { InterceptStateGroupData } from '@/types/api/podUsOrder'
+import { InterceptStateGroupData, IAllList } from '@/types/api/podUsOrder'
 import TableView from '@/components/TableView.vue'
 import {
   LogListData,
@@ -2776,7 +2770,7 @@ const [searchForm, resetSearchForm] = useValue<SearchForm>({
   thirdSkuCode: '',
   supplierProductNo: '',
   batchArrangeNumber: '',
-  craftCode: '',
+  craftCode: [],
   thirdStockSku: '',
 })
 const shipmentArea = ref(0)
@@ -4982,14 +4976,48 @@ const loadWarehouseList = async () => {
     console.error(e)
   }
 }
+const processType = ref([
+  {
+    label: '烫画',
+    value: 'TH',
+  },
+  {
+    label: '直喷',
+    value: 'ZP',
+  },
+  {
+    label: '刺绣',
+    value: 'CX',
+  },
+  {
+    label: '雕刻',
+    value: 'DK',
+  },
+  {
+    label: '白胚',
+    value: 'BP',
+  },
+  {
+    label: '其他',
+    value: 'QT',
+  },
+])
 // 获取工艺列表
-const craftList = ref<CraftListData[]>([])
-
+const craftList = ref<IAllList[]>([])
+const processTypeMap = processType.value.reduce((acc, cur) => {
+  acc[cur.value] = cur.label
+  return acc
+}, {} as Record<string, string>)
 const loadCraftList = async () => {
   try {
     const res = await getListCraftApi()
     if (res.code !== 200) return
-    craftList.value = res.data
+    const data: CraftListData[] = res.data
+    craftList.value = data.map((item) => ({
+      id: item.craftCode,
+      name: item.craftName,
+      warehouseName: processTypeMap[item.craftType] ?? '其他', // craftType 对应中文
+    })) as IAllList[]
   } catch (e) {
     console.error(e)
   }

src/views/order/podUs/PodMakeOrder.vue

@@ -172,6 +172,7 @@
               @click="podOrderDetailsData && print(podOrderDetailsData, true)"
               >手动打印</ElButton
             >
+            <ElButton type="primary" @click="printNormal">普货拣货 </ElButton>
             <ElButton type="success" @click="handlePrintFinish"
               >打单完成</ElButton
             >
@@ -210,6 +211,17 @@
             <span v-if="item.data" class="number">
               {{ item.data.pickingNumber }}/{{ item.data.purchaseNumber }}
             </span>
+            <div
+              v-if="
+                item.data &&
+                item.data.productList?.some(
+                  (e) => e.productMark === 'custom_normal',
+                )
+              "
+              class="cb-product-mark"
+            >
+              <div class="red-circle"></div>
+            </div>
           </div>
         </div>
       </div>
@@ -234,11 +246,13 @@ import {
   getPackingDataApi,
   getPodBoxListApi,
   submitInspectionApi,
+  printNormalPickPdfApi,
 } from '@/api/podUsOrder'
 import useUserStore from '@/store/user'
 import { Check } from '@element-plus/icons-vue'
 import socket from '@/utils/websocket'
 import { WarehouseListData } from '@/types/api/podUsOrder'
+import { filePath } from '@/api/axios.ts'
 
 const { getCLodop } = useLodop()
 
@@ -274,7 +288,6 @@ const podOrderDetailsColumns = computed(() => [
     width: 250,
     slot: 'image',
     align: 'center',
-    fixed: 'left',
   },
   {
     label: '生产单号',
@@ -282,21 +295,23 @@ const podOrderDetailsColumns = computed(() => [
     width: 150,
     align: 'center',
   },
-  // {
-  //   label: 'base SKU',
-  //   prop: 'baseSku',
-  //   width: 140,
-  //   align: 'center',
-  // },
+  {
+    label: '库存 SKU',
+    prop: 'thirdSkuCode',
+    width: 180,
+    align: 'center',
+  },
   {
     label: 'variant SKU',
     prop: 'variantSku',
-    width: 140,
+    width: 160,
     align: 'center',
   },
+
   {
     label: '商品名称',
     prop: 'productName',
+    minWidth: 100,
   },
 
   {
@@ -304,18 +319,21 @@ const podOrderDetailsColumns = computed(() => [
     prop: 'purchaseNumber',
     width: 90,
     align: 'center',
+    fixed: 'right',
   },
   {
     label: '拣货数量',
     prop: 'count',
     width: 90,
     align: 'center',
+    fixed: 'right',
   },
   {
     label: '验证结果',
     slot: 'verifyResult',
     width: 90,
     align: 'center',
+    fixed: 'right',
   },
 ])
 const boxChange = ref<boolean>(false)
@@ -401,7 +419,15 @@ watch(
   (val) => {
     if (val && val.productList?.length)
       val.productList.forEach((el) => {
-        if (!el.previewImgs) el.previewImgs = JSON.parse(el.imageAry)
+        if (!el.previewImgs) {
+          if (el.productMark === 'custom_normal') {
+            el.previewImgs = [{ url: el.variantImage || '' }]
+          } else {
+            el.previewImgs = el.imageAry
+              ? JSON.parse(el.imageAry)
+              : [{ url: el.variantImage }]
+          }
+        }
       })
   },
   { deep: true },
@@ -426,7 +452,13 @@ const renderItemBox = (bool: boolean) => {
   if (!boxItem) boxItem = { data: { productList: [] } }
   const { data } = boxItem
   data?.productList?.forEach((el) => {
-    if (!el.previewImgs) el.previewImgs = JSON.parse(el.imageAry)
+    if (!el.previewImgs) {
+      if (el.productMark === 'custom_normal') {
+        el.previewImgs = [{ url: el.variantImage || '' }]
+      } else {
+        el.previewImgs = JSON.parse(el.imageAry)
+      }
+    }
   })
   if (!data) {
     renderLock = false
@@ -690,7 +722,15 @@ const initOrderDetailBox = async () => {
     boxIndex.value = boxList.find((item) => item.data)?.box || null
 
     podOrderDetailsData.value?.productList?.forEach((el) => {
-      if (!el.previewImgs) el.previewImgs = JSON.parse(el.imageAry)
+      if (!el.previewImgs) {
+        if (el.productMark === 'custom_normal') {
+          el.previewImgs = [{ url: el.variantImage || '' }]
+        } else {
+          el.previewImgs = el.imageAry
+            ? JSON.parse(el.imageAry)
+            : [{ url: el.variantImage }]
+        }
+      }
     })
     coverImage.value =
       podOrderDetailsData.value?.productList?.[0]?.previewImgs?.[0].url || ''
@@ -971,6 +1011,31 @@ const handleWarehouseChange = (value: string | number) => {
   _warehouseId.value = value
   initOrderDetailBox()
 }
+
+const printNormal = async () => {
+  const arr: (number | undefined)[] = []
+  ;(podBoxList.value || []).forEach((item: PodMakeOrderData) => {
+    if (item.data) {
+      if (item.data.productList && item.data.productList.length > 0) {
+        item.data.productList.forEach((item1) => {
+          if (
+            item1.productMark == 'normal' ||
+            item1.productMark == 'custom_normal'
+          ) {
+            arr?.push(item1?.id)
+          }
+        })
+      }
+    }
+  })
+  if (!arr.length) {
+    ElMessage.warning('暂无可打印的普货拣货单')
+    return
+  }
+  const res = await printNormalPickPdfApi(arr.join())
+  ElMessage.success('操作成功')
+  window.open(filePath + res.message)
+}
 </script>
 
 <style scoped lang="scss">
@@ -1149,6 +1214,17 @@ const handleWarehouseChange = (value: string | number) => {
     color: #ddd;
   }
 }
+.cb-product-mark {
+  position: absolute;
+  top: 0;
+  right: 0;
+  .red-circle {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background-color: red;
+  }
+}
 </style>
 <style lang="scss">
 .pod-make-order-dialog {

vite.config.ts

@@ -8,6 +8,7 @@ import vueJsx from '@vitejs/plugin-vue-jsx'
 // https://vitejs.dev/config/
 export default defineConfig({
   base: '/',
+
   plugins: [
     vue(),
     vueJsx(),