新增混炼示方生成预览与批量创建功能,优化相关字段及用户交互,修复界面显示问题,增强系统稳定性和用户体验。

This commit is contained in:
geht
2026-05-22 19:43:41 +08:00
parent f3e3a99ebc
commit c85657d199
30 changed files with 1786 additions and 61 deletions

View File

@@ -0,0 +1,91 @@
<template>
<BasicModal v-bind="$attrs" title="选择密炼机条件" :width="960" @register="registerModal" @ok="handleOk">
<BasicTable @register="registerTable" />
</BasicModal>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicTable, useTable } from '/@/components/Table';
import { list, queryById } from '../MesXslMixerCondition.api';
import { columns as conditionColumns, searchFormSchema } from '../MesXslMixerCondition.data';
import { useMessage } from '/@/hooks/web/useMessage';
const emit = defineEmits(['register', 'select']);
const { createMessage } = useMessage();
const equipmentId = ref('');
const selectedRow = ref<Recordable | null>(null);
const [registerTable, { reload, getSelectRowKeys, getSelectRows, setSelectedRowKeys, clearSelectedRowKeys }] = useTable({
api: list,
columns: conditionColumns.slice(0, 4),
rowKey: 'id',
useSearchForm: true,
formConfig: {
labelWidth: 90,
schemas: searchFormSchema,
},
pagination: { pageSize: 10 },
canResize: false,
showIndexColumn: false,
immediate: true,
beforeFetch: (params) => ({
...params,
equipmentId: equipmentId.value || undefined,
}),
rowSelection: {
type: 'radio',
columnWidth: 48,
onChange: (_keys, rows) => {
selectedRow.value = rows?.[0] ?? null;
},
},
clickToRowSelect: true,
});
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
equipmentId.value = (data?.equipmentId as string) || '';
selectedRow.value = null;
clearSelectedRowKeys?.();
setModalProps({ confirmLoading: false });
const conditionId = data?.conditionId as string | undefined;
if (conditionId) {
setSelectedRowKeys?.([conditionId]);
try {
const raw = await queryById({ id: conditionId });
const row = (raw as Recordable)?.id != null ? raw : (raw as Recordable)?.result;
if (row) {
selectedRow.value = row;
}
} catch {
// 忽略
}
}
reload();
});
async function handleOk() {
const keys = (getSelectRowKeys?.() || []) as string[];
let row = selectedRow.value || ((getSelectRows?.() || []) as Recordable[])[0];
if (!row && keys.length) {
try {
const raw = await queryById({ id: keys[0] });
row = (raw as Recordable)?.id != null ? raw : (raw as Recordable)?.result;
} catch {
// 忽略
}
}
if (!row?.id) {
createMessage.warning('请选择一条密炼机条件');
return;
}
emit('select', {
conditionId: row.id,
conditionName: row.conditionName || '',
conditionCode: row.conditionCode || '',
});
closeModal();
}
</script>