<template>
|
<app-dialog-form
|
v-bind="dialogFormProps"
|
>
|
<app-layout-row>
|
<app-layout-col :span="24">
|
<app-table-search
|
v-bind="searchProps"
|
/>
|
</app-layout-col>
|
<app-layout-col :span="24" :paddingTop="10">
|
<app-table-pro
|
v-bind="tableProps"
|
/>
|
</app-layout-col>
|
</app-layout-row>
|
</app-dialog-form>
|
</template>
|
|
<script setup>
|
import {useEntityStore, useAppStore} from '@/store/modules';
|
import {modal} from '@/plugins';
|
import {convertFilter} from '@/utils/filter.js';
|
import {meta} from '@/hooks';
|
|
const {useMetaData} = meta;
|
|
const tableSearchRef = ref();
|
const tableProRef = ref();
|
const entityStore = useEntityStore();
|
const appStore = useAppStore();
|
|
const props = defineProps({
|
subSubmit: {
|
type: Function,
|
default: () => {
|
}
|
},
|
options: {
|
type: Object,
|
default: {}
|
}
|
});
|
|
const [columns, filters, fields] = useMetaData(
|
props.options.property.dataName,
|
async () => {
|
}
|
);
|
|
const dialogFormRef = ref();
|
|
const dialogFormProps = {
|
width: 1000,
|
title: '规则选择',
|
ref: dialogFormRef,
|
subSubmit: async () => {
|
const current = tableProRef.value.getTableCurrent();
|
if (Object.keys(current).length === 0) {
|
modal.msgError('请选择规则！');
|
throw '';
|
}
|
props.subSubmit(current);
|
},
|
subReset: async () => {
|
tableProRef.value.getTableData(true);
|
tableProRef.value.setTableCurrent({});
|
}
|
};
|
|
const tableProps = {
|
complementHeight: -90,
|
ref: tableProRef,
|
requestParams: {
|
search: {}
|
},
|
subRequest: async (page) => {
|
const result = await entityStore.getEntitySet({
|
dataName: props.options.property.dataName,
|
attachMeta: false,
|
filter: `${convertFilter({
|
andLikeParams: tableProps.requestParams.search,
|
})} ${props.options.property.filter}`,
|
...page
|
});
|
return result;
|
},
|
subCurrent(row) {
|
// props.subCurrent(row);
|
},
|
title: '参数列表',
|
columns
|
};
|
|
const searchProps = {
|
ref: tableSearchRef,
|
formFields: filters,
|
subSubmit: (params) => {
|
tableProps.requestParams.search = params;
|
tableProRef.value.getTableData(true);
|
}
|
}
|
|
const onReload = (bool) => {
|
tableProRef.value.getTableData(bool);
|
}
|
|
const onOpen = async () => {
|
dialogFormRef.value.onOpen();
|
await nextTick();
|
tableProRef.value.getTableData(true);
|
tableProRef.value.setTableCurrent({});
|
}
|
|
defineExpose({
|
onReload,
|
onOpen
|
});
|
|
</script>
|
