feat(mes): 基础参数与工序绑定前端 + 报工填写参数字段

liu

3 天以前 f11bd0d8d9c1190340a445a67df9e43cdbde0a3e

 src/views/mes/pro/workorder/components/select.vue

@@ -3,7 +3,7 @@

import { computed, ref, useAttrs, watch } from 'vue';

import { IconifyIcon } from '../../../../../packages/icons/src';
import { IconifyIcon } from '@vben/icons';

import { Input, Tooltip } from 'ant-design-vue';

@@ -21,14 +21,16 @@
    placeholder?: string;
    status?: number;
    type?: number;
    checkMethod?: (row: MesProWorkOrderApi.WorkOrder) => boolean;
  }>(),
  {
    allowClear: true,
    disabled: false,
    modelValue: undefined,
    placeholder: '请选择工单',
    placeholder: '请选择订单',
    status: undefined,
    type: undefined,
    checkMethod: undefined,
  },
);

@@ -38,9 +40,9 @@
}>();

const attrs = useAttrs(); // 透传属性
const dialogRef = ref<InstanceType<typeof ProWorkOrderSelectDialog>>(); // 工单选择弹窗
const dialogRef = ref<InstanceType<typeof ProWorkOrderSelectDialog>>(); // 订单选择弹窗
const hovering = ref(false); // 是否悬停
const selectedItem = ref<MesProWorkOrderApi.WorkOrder>(); // 当前选中工单
const selectedItem = ref<MesProWorkOrderApi.WorkOrder>(); // 当前选中订单

const displayLabel = computed(() => selectedItem.value?.code ?? ''); // 选择器展示编码
const showClear = computed(
@@ -53,7 +55,7 @@
    props.modelValue !== null,
);

/** 根据编号单条查询工单信息（用于编辑回显） */
/** 根据编号单条查询订单信息（用于编辑回显） */
async function resolveItemById(id: number | undefined) {
  if (!id) {
    selectedItem.value = undefined;
@@ -67,14 +69,14 @@

watch(() => props.modelValue, resolveItemById, { immediate: true });

/** 清空已选工单 */
/** 清空已选订单 */
function clearSelected() {
  selectedItem.value = undefined;
  emit('update:modelValue', undefined);
  emit('change', undefined);
}

/** 打开工单选择弹窗 */
/** 打开订单选择弹窗 */
function handleClick(event: MouseEvent) {
  if (props.disabled) {
    return;
@@ -140,6 +142,7 @@
    ref="dialogRef"
    :status="status"
    :type="type"
    :check-method="checkMethod"
    @selected="handleSelected"
  />
</template>