feat(wls): 更新销售退货功能支持关联销售出库单

云

7 天以前 21599300cc73ff7384b74cc5e4ac2cbd82bdc293

 src/views/mes/pro/batch/data.ts

@@ -7,7 +7,6 @@
import { DICT_TYPE } from '@vben/constants';
import { getDictOptions } from '@vben/hooks';

import { MdmItemSelect } from '#/views/basicData/mdm/components';
import { ProLineSelect } from '#/views/mes/pro/line/components';
import { UserSelect } from '#/views/system/user/components';
import { getRangePickerDefaultProps } from '#/utils';
@@ -15,8 +14,71 @@
/** 表单类型（fill：临时批次码补录正式信息） */
export type FormType = 'create' | 'detail' | 'update' | 'fill';

/** 未绑定托盘下拉选项 */
export interface PalletOption {
  disabled?: boolean;
  itemCode?: string;
  itemId?: number;
  itemName?: string;
  label: string;
  value: number;
}

export type TonBagOption = PalletOption;

/** 绑定类型（托盘/吨袋互斥，编辑补录时按已有绑定锁定其中一方） */
export type BindingMode = 'pallet' | 'tonBag';

/** 托盘、吨袋下拉的交互事件（支持远程搜索与滚动分页加载） */
export interface BindingSelectHandlers {
  onChange?: (ids: number[]) => void;
  onPopupScroll?: (event: Event) => void;
  onSearch?: (keyword: string) => void;
}

/**
 * 刷新托盘选项禁用态。
 *
 * 下拉已改为分页加载，选项数组本身就是渲染数据源，因此禁用态直接写到选项对象上，
 * 每次加载新一页或表单值变化时重算，避免依赖机制里做数组映射导致新加载的数据被旧快照覆盖。
 */
export function applyPalletOptionState(
  options: PalletOption[],
  values: Record<string, any>,
  existingBinding?: BindingMode,
) {
  options.forEach((option) => {
    option.disabled =
      existingBinding === 'tonBag' ||
      !!values.tonBagIds?.length ||
      !option.itemId ||
      (!!values.itemId && option.itemId !== values.itemId);
  });
}

/** 刷新吨袋选项禁用态，规则与 {@link applyPalletOptionState} 对称 */
export function applyTonBagOptionState(
  options: TonBagOption[],
  values: Record<string, any>,
  existingBinding?: BindingMode,
) {
  options.forEach((option) => {
    option.disabled =
      existingBinding === 'pallet' ||
      !!values.palletIds?.length ||
      (!!values.itemId && option.itemId !== values.itemId);
  });
}

/** 新增/修改的表单 */
export function useFormSchema(formType: FormType): VbenFormSchema[] {
export function useFormSchema(
  formType: FormType,
  palletOptions: PalletOption[] = [],
  palletHandlers: BindingSelectHandlers = {},
  tonBagOptions: TonBagOption[] = [],
  tonBagHandlers: BindingSelectHandlers = {},
  existingBinding?: BindingMode,
): VbenFormSchema[] {
  const disabled = formType === 'detail';
  return [
    {
@@ -67,24 +129,25 @@
      },
    },
    {
      fieldName: 'itemId',
      label: '品种',
      component: markRaw(MdmItemSelect),
      fieldName: 'lineId',
      label: '加工单位',
      component: markRaw(ProLineSelect),
      componentProps: {
        disabled,
        placeholder: '请选择品种（产品品种）',
        placeholder: '请选择加工单位',
      },
      rules: 'selectRequired',
    },
    {
      fieldName: 'lineId',
      label: '产线',
      component: markRaw(ProLineSelect),
      fieldName: 'processingTeam',
      label: '加工班组',
      component: 'Input',
      componentProps: {
        allowClear: true,
        disabled,
        placeholder: '请选择产线',
        maxlength: 64,
        placeholder: '请输入加工班组',
      },
      rules: 'selectRequired',
    },
    {
      fieldName: 'produceDate',
@@ -102,13 +165,13 @@
    },
    {
      fieldName: 'planQuantity',
      label: '计划数量',
      label: '加工数量',
      component: 'InputNumber',
      componentProps: {
        class: '!w-full',
        disabled,
        min: 0,
        placeholder: '请输入计划数量',
        placeholder: '请输入加工数量',
        precision: 2,
      },
    },
@@ -121,6 +184,80 @@
        placeholder: '请选择责任人',
      },
      rules: 'selectRequired',
    },
    {
      fieldName: 'itemId', component: 'Input',
      dependencies: { triggerFields: [''], show: () => false },
    },
    {
      fieldName: 'itemName', label: '品种名称', component: 'Input',
      componentProps: { disabled: true, placeholder: '选择托盘或吨袋后自动带入' },
    },
    {
      fieldName: 'itemCode', label: '品种编码', component: 'Input',
      componentProps: { disabled: true, placeholder: '选择托盘或吨袋后自动带入' },
    },
    {
      fieldName: 'palletIds',
      label: '绑定托盘',
      component: 'Select',
      componentProps: {
        allowClear: true,
        disabled,
        maxTagCount: 3,
        dropdownMatchSelectWidth: false,
        dropdownStyle: { minWidth: '360px', maxWidth: 'calc(100vw - 32px)' },
        mode: 'multiple',
        optionFilterProp: 'label',
        options: palletOptions,
        filterOption: false,
        ...palletHandlers,
        placeholder: '请选择相同品种的托盘',
        showSearch: true,
      },
      dependencies: {
        triggerFields: ['itemId', 'tonBagIds'],
        show: () => formType !== 'detail',
        componentProps: (values) => {
          applyPalletOptionState(palletOptions, values, existingBinding);
          return {
            options: palletOptions,
            disabled: disabled || existingBinding === 'tonBag' || !!values.tonBagIds?.length,
          };
        },
      },
      help: '只能绑定相同品种的托盘，品种信息自动带入；缺少品种的托盘请先装袋。绑定后批次直接进入生产中：托盘生成正式托盘码，托盘下未录批次的袋码自动级联录入本批次（袋码品种须一致）；编辑时仅需勾选新增托盘，已绑定的不可解绑',
    },
    {
      fieldName: 'tonBagIds',
      label: '绑定吨袋',
      component: 'Select',
      componentProps: {
        allowClear: true,
        disabled,
        maxTagCount: 3,
        dropdownMatchSelectWidth: false,
        dropdownStyle: { minWidth: '380px', maxWidth: 'calc(100vw - 32px)' },
        mode: 'multiple',
        optionFilterProp: 'label',
        options: tonBagOptions,
        filterOption: false,
        ...tonBagHandlers,
        placeholder: '请选择相同品种的吨袋',
        showSearch: true,
      },
      dependencies: {
        triggerFields: ['itemId', 'palletIds'],
        show: () => formType !== 'detail',
        componentProps: (values) => {
          applyTonBagOptionState(tonBagOptions, values, existingBinding);
          return {
            options: tonBagOptions,
            disabled: disabled || existingBinding === 'pallet' || !!values.palletIds?.length,
          };
        },
      },
      help: '仅可绑定计量单位为吨、无托盘且未录入批次的袋码；与绑定托盘互斥。编辑时仅选择新增吨袋，已绑定的不可解绑',
    },
    {
      fieldName: 'remark',
@@ -139,6 +276,7 @@
/** 列表的搜索表单 */
export function useGridFormSchema(): VbenFormSchema[] {
  return [
    { fieldName: 'businessCode', label: '业务码', component: 'Input', componentProps: { allowClear: true, placeholder: '请输入作业扫码业务码' } },
    {
      fieldName: 'code',
      label: '批次号',
@@ -149,29 +287,21 @@
      },
    },
    {
      fieldName: 'itemId',
      label: '品种',
      component: markRaw(MdmItemSelect),
      componentProps: {
        placeholder: '请选择品种',
      },
    },
    {
      fieldName: 'lineCode',
      label: '产线编码',
      component: 'Input',
      componentProps: {
        allowClear: true,
        placeholder: '请输入产线编码',
      },
    },
    {
      fieldName: 'lineName',
      label: '产线名称',
      label: '加工单位',
      component: 'Input',
      componentProps: {
        allowClear: true,
        placeholder: '请输入产线名称',
        placeholder: '请输入加工单位',
      },
    },
    {
      fieldName: 'processingTeam',
      label: '加工班组',
      component: 'Input',
      componentProps: {
        allowClear: true,
        placeholder: '请输入加工班组',
      },
    },
    {
@@ -216,6 +346,7 @@
/** 列表的字段 */
export function useGridColumns(): VxeTableGridOptions<MesProBatchApi.Batch>['columns'] {
  return [
    { field: 'businessCode', title: '业务码（作业扫码）', minWidth: 210 },
    {
      field: 'code',
      title: '批次号',
@@ -223,24 +354,16 @@
      minWidth: 200,
      slots: { default: 'code' },
    },
    { field: 'itemName', title: '品种名称', minWidth: 150 },
    { field: 'itemCode', title: '品种编码', minWidth: 150 },
    {
      field: 'itemCode',
      title: '品种编码',
      field: 'lineName',
      title: '加工单位',
      width: 120,
    },
    {
      field: 'itemName',
      title: '品种名称',
      width: 140,
    },
    {
      field: 'lineCode',
      title: '产线编码',
      width: 100,
    },
    {
      field: 'lineName',
      title: '产线名称',
      field: 'processingTeam',
      title: '加工班组',
      width: 120,
    },
    {
@@ -251,7 +374,7 @@
    },
    {
      field: 'planQuantity',
      title: '计划数量',
      title: '加工数量',
      width: 100,
    },
    {