<template>
|
<app-list-wrapper v-bind="listWrapperProps">
|
<app-list-page v-bind="listPageProps">
|
<template #default="scope">
|
<div>
|
{{scope.name}} {{scope.code}}
|
</div>
|
</template>
|
</app-list-page>
|
</app-list-wrapper>
|
</template>
|
|
<script setup>
|
import { useI18n } from 'vue-i18n';
|
const { t } = useI18n();
|
import {useAppStore, useEntityStore} from '@/store/modules/index.js';
|
|
const props = defineProps({
|
subActive: {
|
type: Function,
|
default: () => {
|
}
|
}
|
});
|
|
const entityStore = useEntityStore();
|
const appStore = useAppStore();
|
|
const listPageRef = ref();
|
|
const listWrapperProps = {
|
title: t('views.system.systemInterface.IndexPage.TypeList.title'),
|
complementHeight: 95,
|
};
|
|
const listPageProps = {
|
subRequest: (params) => entityStore.getEntitySet({
|
dataName: 'sys_interface_monitor_raw',
|
filter: '1=1',
|
...params,
|
}),
|
subActive(active) {
|
props.subActive(active);
|
},
|
ref: listPageRef
|
};
|
|
onMounted(() => {
|
listPageRef.value.getTableData();
|
});
|
|
</script>
|
