From e09db73f73e9ed0c3a3d996bcd4474f5c94a1fc2 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Fri, 29 May 2026 23:31:51 +0800
Subject: [PATCH] =?UTF-8?q?feat(mes):=20=E6=9B=B4=E6=96=B0=E6=9D=A1?=
 =?UTF-8?q?=E7=A0=81=E7=9B=B8=E5=85=B3=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E4=B8=9A=E5=8A=A1=E7=B1=BB=E5=9E=8B=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E5=8F=8A=E6=8F=8F=E8=BF=B0=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../wm/barcode/components/barcode-detail.vue  | 51 +++--------
 .../src/views/mes/wm/barcode/config/data.ts   | 17 +++-
 apps/web-ele/src/views/mes/wm/barcode/data.ts | 88 +++++++++++++++++--
 .../src/views/mes/wm/barcode/modules/form.vue | 27 +++---
 4 files changed, 118 insertions(+), 65 deletions(-)

diff --git a/apps/web-ele/src/views/mes/wm/barcode/components/barcode-detail.vue b/apps/web-ele/src/views/mes/wm/barcode/components/barcode-detail.vue
index a42cc5558..e08c81c73 100644
--- a/apps/web-ele/src/views/mes/wm/barcode/components/barcode-detail.vue
+++ b/apps/web-ele/src/views/mes/wm/barcode/components/barcode-detail.vue
@@ -5,12 +5,8 @@ import type { MesWmBarcodeApi } from '#/api/mes/wm/barcode';
 
 import { ref } from 'vue';
 
-import { DICT_TYPE } from '@vben/constants';
-
 import {
   ElButton,
-  ElDescriptions,
-  ElDescriptionsItem,
   ElDialog,
   ElEmpty,
   ElMessage,
@@ -18,8 +14,9 @@ import {
 } from 'element-plus';
 
 import { createBarcode, getBarcodeByBusiness } from '#/api/mes/wm/barcode';
-import { DictTag } from '#/components/dict-tag';
+import { useDescription } from '#/components/description';
 
+import { useBarcodeDetailSchema } from '../data';
 import MesWmBarcode from './barcode.vue';
 
 defineOptions({ name: 'MesWmBarcodeDetail' });
@@ -28,6 +25,12 @@ const open = ref(false);
 const barcodeRef = ref<InstanceType<typeof Barcode>>();
 const barcodeData = ref<Partial<MesWmBarcodeApi.Barcode>>({});
 
+const [Descriptions] = useDescription({
+  border: true,
+  column: 1,
+  schema: useBarcodeDetailSchema(),
+});
+
 function openModal(row: Partial<MesWmBarcodeApi.Barcode>) {
   open.value = true;
   barcodeData.value = { ...row };
@@ -147,22 +150,8 @@ async function handleGenerate() {
         </div>
         <ElEmpty v-else description="暂无条码数据" />
       </div>
-      <ElDescriptions :column="1" border>
-        <ElDescriptionsItem label="条码格式">
-          <DictTag
-            v-if="barcodeData.format"
-            :type="DICT_TYPE.MES_WM_BARCODE_FORMAT"
-            :value="barcodeData.format"
-          />
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="业务类型">
-          <DictTag
-            v-if="barcodeData.bizType"
-            :type="DICT_TYPE.MES_WM_BARCODE_BIZ_TYPE"
-            :value="barcodeData.bizType"
-          />
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="条码内容">
+      <Descriptions :data="barcodeData">
+        <template #content>
           <ElTooltip :content="barcodeData.content" placement="top">
             <span
               class="inline-block max-w-75 overflow-hidden text-ellipsis whitespace-nowrap"
@@ -170,24 +159,8 @@ async function handleGenerate() {
               {{ barcodeData.content }}
             </span>
           </ElTooltip>
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="业务编码">
-          {{ barcodeData.bizCode || '-' }}
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="业务名称">
-          {{ barcodeData.bizName || '-' }}
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="状态">
-          <DictTag
-            v-if="barcodeData.status !== undefined"
-            :type="DICT_TYPE.COMMON_STATUS"
-            :value="barcodeData.status"
-          />
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="创建时间">
-          {{ barcodeData.createTime || '-' }}
-        </ElDescriptionsItem>
-      </ElDescriptions>
+        </template>
+      </Descriptions>
     </div>
     <template #footer>
       <ElButton v-if="!barcodeData.content" @click="handleGenerate">
diff --git a/apps/web-ele/src/views/mes/wm/barcode/config/data.ts b/apps/web-ele/src/views/mes/wm/barcode/config/data.ts
index e506a96d4..d85047b70 100644
--- a/apps/web-ele/src/views/mes/wm/barcode/config/data.ts
+++ b/apps/web-ele/src/views/mes/wm/barcode/config/data.ts
@@ -1,8 +1,12 @@
 import type { VbenFormSchema } from '#/adapter/form';
 
+import { h } from 'vue';
+
 import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
+import { ElButton, ElMessage } from 'element-plus';
+
 import { z } from '#/adapter/form';
 
 /** 表单 */
@@ -75,8 +79,19 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '默认打印模板',
       component: 'Input',
       componentProps: {
-        placeholder: '请输入打印模板',
+        placeholder: '请选择打印模板',
+        readonly: true,
       },
+      // TODO @芋艿：后续对接 UReport 报表选择器，实现打印模板选择功能
+      suffix: () =>
+        h(
+          ElButton,
+          {
+            onClick: () =>
+              ElMessage.warning('打印模板选择功能暂未实现，敬请期待'),
+          },
+          { default: () => '设置' },
+        ),
     },
     {
       fieldName: 'status',
diff --git a/apps/web-ele/src/views/mes/wm/barcode/data.ts b/apps/web-ele/src/views/mes/wm/barcode/data.ts
index 17671020f..d67c07a61 100644
--- a/apps/web-ele/src/views/mes/wm/barcode/data.ts
+++ b/apps/web-ele/src/views/mes/wm/barcode/data.ts
@@ -2,14 +2,17 @@ import type { VbenFormApi, VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { MesWmBarcodeApi } from '#/api/mes/wm/barcode';
 import type { MesWmBarcodeConfigApi } from '#/api/mes/wm/barcode/config';
+import type { DescriptionItemSchema } from '#/components/description';
 
-import { markRaw } from 'vue';
+import { h, markRaw } from 'vue';
 
 import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
+import { formatDateTime } from '@vben/utils';
 
 import { z } from '#/adapter/form';
 import { generateBarcodeContent } from '#/api/mes/wm/barcode';
+import { DictTag } from '#/components/dict-tag';
 import DvMachinerySelect from '#/views/mes/dv/machinery/components/dv-machinery-select.vue';
 import MdClientSelect from '#/views/mes/md/client/components/md-client-select.vue';
 import MdItemSelect from '#/views/mes/md/item/components/md-item-select.vue';
@@ -21,6 +24,7 @@ import TmToolSelect from '#/views/mes/tm/tool/components/tm-tool-select.vue';
 import { BarcodeBizTypeEnum } from '#/views/mes/utils/constants';
 
 import WmMaterialStockSelect from './../materialstock/components/wm-material-stock-select.vue';
+import { WmPackageSelect } from './../packages/components';
 import {
   WmWarehouseAreaSelect,
   WmWarehouseLocationSelect,
@@ -50,19 +54,20 @@ async function syncBizDetail(
   if (bizType === BarcodeBizTypeEnum.STOCK) {
     bizCode = item.itemCode;
     bizName = item.itemName;
+  } else if (bizType === BarcodeBizTypeEnum.PACKAGE) {
+    bizCode = item.code;
+    bizName = item.clientName || item.code;
   } else {
     bizCode = item.code || item.username;
     bizName = item.name || item.nickname;
   }
-  let content: string | undefined;
+  // 先回填业务编码、名称并清空旧条码内容
+  await formApi.setValues({ bizCode, bizName, content: undefined });
+  // 再根据业务类型 + 业务编码生成条码内容
   if (bizType && bizCode) {
-    try {
-      content = await generateBarcodeContent(bizType, bizCode);
-    } catch (error) {
-      console.error('生成条码内容失败:', error);
-    }
+    const content = await generateBarcodeContent(bizType, bizCode);
+    await formApi.setFieldValue('content', content);
   }
-  await formApi.setValues({ bizCode, bizName, content });
 }
 
 /** 新增/修改条码的表单 */
@@ -309,6 +314,20 @@ export function useFormSchema(formApi?: VbenFormApi): VbenFormSchema[] {
       },
       rules: 'required',
     },
+    {
+      fieldName: 'bizId',
+      label: '装箱单',
+      component: markRaw(WmPackageSelect),
+      componentProps: {
+        childableOnly: true,
+        onChange: (item: any) => syncBizDetail(formApi, item),
+      },
+      dependencies: {
+        triggerFields: ['bizType'],
+        show: (values) => values.bizType === BarcodeBizTypeEnum.PACKAGE,
+      },
+      rules: 'required',
+    },
     {
       fieldName: 'bizId',
       label: '业务编号',
@@ -329,6 +348,7 @@ export function useFormSchema(formApi?: VbenFormApi): VbenFormSchema[] {
             BarcodeBizTypeEnum.ITEM,
             BarcodeBizTypeEnum.LOCATION,
             BarcodeBizTypeEnum.MACHINERY,
+            BarcodeBizTypeEnum.PACKAGE,
             BarcodeBizTypeEnum.STOCK,
             BarcodeBizTypeEnum.TOOL,
             BarcodeBizTypeEnum.VENDOR,
@@ -347,6 +367,7 @@ export function useFormSchema(formApi?: VbenFormApi): VbenFormSchema[] {
         disabled: true,
         placeholder: '自动填充',
       },
+      rules: 'required',
     },
     {
       fieldName: 'bizName',
@@ -356,6 +377,7 @@ export function useFormSchema(formApi?: VbenFormApi): VbenFormSchema[] {
         disabled: true,
         placeholder: '自动填充',
       },
+      rules: 'required',
     },
     {
       fieldName: 'content',
@@ -597,3 +619,53 @@ export function useConfigGridColumns(
     },
   ];
 }
+
+/** 条码详情的描述字段 */
+export function useBarcodeDetailSchema(): DescriptionItemSchema[] {
+  return [
+    {
+      field: 'format',
+      label: '条码格式',
+      render: (value) =>
+        value == null
+          ? '-'
+          : h(DictTag, { type: DICT_TYPE.MES_WM_BARCODE_FORMAT, value }),
+    },
+    {
+      field: 'bizType',
+      label: '业务类型',
+      render: (value) =>
+        value == null
+          ? '-'
+          : h(DictTag, { type: DICT_TYPE.MES_WM_BARCODE_BIZ_TYPE, value }),
+    },
+    {
+      field: 'content',
+      label: '条码内容',
+      slot: 'content',
+    },
+    {
+      field: 'bizCode',
+      label: '业务编码',
+      render: (value) => value || '-',
+    },
+    {
+      field: 'bizName',
+      label: '业务名称',
+      render: (value) => value || '-',
+    },
+    {
+      field: 'status',
+      label: '状态',
+      render: (value) =>
+        value == null
+          ? '-'
+          : h(DictTag, { type: DICT_TYPE.COMMON_STATUS, value }),
+    },
+    {
+      field: 'createTime',
+      label: '创建时间',
+      render: (value) => formatDateTime(value) || '-',
+    },
+  ];
+}
diff --git a/apps/web-ele/src/views/mes/wm/barcode/modules/form.vue b/apps/web-ele/src/views/mes/wm/barcode/modules/form.vue
index 417398449..ad56c6a3f 100644
--- a/apps/web-ele/src/views/mes/wm/barcode/modules/form.vue
+++ b/apps/web-ele/src/views/mes/wm/barcode/modules/form.vue
@@ -49,24 +49,17 @@ async function loadCascadeData(data: MesWmBarcodeApi.Barcode) {
   if (!data.bizType || !data.bizId) {
     return;
   }
-  try {
-    if (data.bizType === BarcodeBizTypeEnum.LOCATION) {
-      const location = await getWarehouseLocation(data.bizId);
-      if (location?.warehouseId) {
-        await formApi.setFieldValue(
-          'locationWarehouseId',
-          location.warehouseId,
-        );
-      }
-    } else if (data.bizType === BarcodeBizTypeEnum.AREA) {
-      const area = await getWarehouseArea(data.bizId);
-      await formApi.setValues({
-        areaWarehouseId: area?.warehouseId,
-        areaLocationId: area?.locationId,
-      });
+  if (data.bizType === BarcodeBizTypeEnum.LOCATION) {
+    const location = await getWarehouseLocation(data.bizId);
+    if (location?.warehouseId) {
+      await formApi.setFieldValue('locationWarehouseId', location.warehouseId);
     }
-  } catch (error) {
-    console.error('加载级联数据失败:', error);
+  } else if (data.bizType === BarcodeBizTypeEnum.AREA) {
+    const area = await getWarehouseArea(data.bizId);
+    await formApi.setValues({
+      areaWarehouseId: area?.warehouseId,
+      areaLocationId: area?.locationId,
+    });
   }
 }