<template>
|
<app-page-form v-bind="pageFormProps" v-loading="appStore.getLoading('getEntity')">
|
<band-info v-bind="bandInfoProps"/>
|
<sql-table v-bind="sqlTableProps"/>
|
<fields-table v-bind="fieldsTableProps"/>
|
</app-page-form>
|
</template>
|
|
<script setup>
|
|
import BandInfo from './BandInfo';
|
import SqlTable from './SqlTable';
|
import FieldsTable from './FieldsTable';
|
import {tab} from '@/plugins';
|
import {useAppStore, useEntityStore} from "@/store/modules";
|
import {convertFilter} from "@/utils/filter.js";
|
|
const entityStore = useEntityStore();
|
const appStore = useAppStore();
|
|
const router = useRouter();
|
const route = useRoute();
|
|
const bandInfoRef = ref();
|
|
const bandInfoProps = {
|
ref: bandInfoRef,
|
}
|
|
const params = router.currentRoute.value.query;
|
|
console.log(route);
|
|
onMounted(async () => {
|
if (params.id) {
|
const {data} = await entityStore.getEntity({
|
dataName: "pkg_fee_band",
|
filter: convertFilter({
|
andEqParams: {
|
id: params.id
|
}
|
})
|
});
|
await nextTick();
|
bandInfoRef.value.onSetData(data.fee_model_band);
|
sqlTableRef.value.onSetData(data.fee_model_band_sql);
|
fieldsTableRef.value.onSetData(data.fee_model_band_column);
|
}
|
});
|
|
const sqlTableRef = ref();
|
|
const sqlTableProps = {
|
ref: sqlTableRef,
|
}
|
|
const fieldsTableRef = ref();
|
|
const fieldsTableProps = {
|
ref: fieldsTableRef,
|
}
|
|
|
const pageFormProps = {
|
async subClose() {
|
await tab.closePage(route);
|
router.push({
|
path: route.query.redirect
|
});
|
},
|
submitDom: false,
|
resetDom: false,
|
}
|
|
</script>
|
