<template>
|
<BasicModal
|
width="800px"
|
:height="600"
|
v-bind="$attrs"
|
@register="register"
|
title="更新内容"
|
@ok="handleSubmit"
|
>
|
<div class="pt-3px pr-3px">
|
<!-- <BasicForm @register="registerForm" :model="model" /> -->
|
<BasicForm @register="registerForm">
|
<template #add="{ field }">
|
<!-- <a-button v-if="field" class="h-8" @click="handleSelectItem">...</a-button>
|
<ItemModal @register="registerItemAdd" @success="handleSuccess" /> -->
|
</template>
|
</BasicForm>
|
</div>
|
</BasicModal>
|
</template>
|
<script lang="ts">
|
import { defineComponent, ref, unref } from 'vue';
|
import { BasicModal, useModalInner } from '/@/components/Modal';
|
import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
|
import { getTreeList } from '/@/api/tigerapi/dept';
|
import { BasicTable, TableAction, useTable } from '/@/components/Table';
|
import { ItemColumns } from './Material.data';
|
import { UpdateTime } from '/@/api/tigerapi/bas/MaterialInfo';
|
|
// const schemas: FormSchema[] = [
|
// {
|
// field: 'ITEM_CODE',
|
// component: 'Input',
|
// label: '物料编码',
|
// colProps: {
|
// span: 12,
|
// },
|
// },
|
|
// ];
|
|
export default defineComponent({
|
components: { BasicModal, BasicForm, BasicTable, TableAction },
|
props: {
|
userData: { type: Object },
|
},
|
emit: ['success', 'register'],
|
setup(_, { emit }) {
|
const modelRef = ref({});
|
const [
|
registerForm,
|
{ resetFields, setFieldsValue, validateFields, getFieldsValue, validate },
|
] = useForm({
|
labelWidth: 120,
|
schemas: ItemColumns,
|
showActionButtonGroup: false,
|
actionColOptions: {
|
span: 24,
|
},
|
});
|
const checkedKeys = ref<Array<string | number>>([]);
|
|
const [register, { setModalProps, closeModal }] = useModalInner((data) => {
|
setModalProps({ confirmLoading: false });
|
data && onDataReceive(data);
|
});
|
|
async function onDataReceive(data) {
|
console.log('Data Received', data);
|
// 方式1;
|
// setFieldsValue({
|
// ITEM_CODE: data.data,
|
// field1: data.info,
|
// });
|
|
// // 方式2
|
modelRef.value = { ITEM_CODE: data.data };
|
// const treeData = await getTreeList();
|
// updateSchema([
|
// {
|
// field: 'USER_PWD',
|
// show: !unref(false),
|
// },
|
// {
|
// field: 'ORG_CODE',
|
// componentProps: { treeData },
|
// },
|
// ]);
|
// setProps({
|
// model:{ field2: data.data, field1: data.info }
|
// })
|
}
|
|
// function handleVisibleChange(v) {
|
// v && props.userData && nextTick(() => onDataReceive(props.userData));
|
// }
|
|
async function handleSubmit() {
|
const data = await validate();
|
data.ITEM_CODE = modelRef.value.ITEM_CODE;
|
const time = await UpdateTime(data);
|
if (time.IsSuccessed) {
|
closeModal();
|
emit('success');
|
} else {
|
createMessage.error('保存失败');
|
}
|
}
|
// function onSelect(record, selected) {
|
// if (selected) {
|
// checkedKeys.value = [...checkedKeys.value, record.ITEM_CODE];
|
// } else {
|
// checkedKeys.value = checkedKeys.value.filter(
|
// (ITEM_CODE) => ITEM_CODE !== record.ITEM_CODE,
|
// );
|
// }
|
// }
|
// function onSelectAll(selected, selectedRows, changeRows) {
|
// const changeIds = changeRows.map((item) => item.ITEM_CODE);
|
// if (selected) {
|
// checkedKeys.value = [...checkedKeys.value, ...changeIds];
|
// } else {
|
// checkedKeys.value = checkedKeys.value.filter((ITEM_CODE) => {
|
// return !changeIds.includes(ITEM_CODE);
|
// });
|
// }
|
// }
|
|
return {
|
register,
|
// schemas,
|
registerForm,
|
model: modelRef,
|
handleSubmit,
|
// onSelect,
|
// onSelectAll,
|
};
|
},
|
});
|
</script>
|
