skycurtain/ndm-web-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(device-params-config-modal): loading state and data life cycle

Browse Source
This commit is contained in:
yangsy
2025-11-06 16:45:41 +08:00
parent dd18d2def0
commit 583203b161
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/dashboard-page/device-params-config-modal.vue
View File

@@ -72,7 +72,7 @@ import type { Station } from '@/apis/domains';
import { postDefParameterPage, putDefParameter } from '@/apis/requests'; import { postDefParameterPage, putDefParameter } from '@/apis/requests';
import { useQueryControlStore } from '@/stores/query-control'; import { useQueryControlStore } from '@/stores/query-control';
import { useMutation } from '@tanstack/vue-query'; import { useMutation } from '@tanstack/vue-query';
import { NForm, NFormItemGi, NGrid, NInputNumber, NModal, NTabPane, NTabs, NTimePicker } from 'naive-ui'; import { NForm, NFormItemGi, NGrid, NInputNumber, NModal, NTabPane, NTabs, NTimePicker, NSpin, NFlex } from 'naive-ui';
import { ref, toRefs, watch } from 'vue'; import { ref, toRefs, watch } from 'vue';
const props = defineProps<{ const props = defineProps<{
@@ -134,11 +134,12 @@ const onAfterModalEnter = () => {
const onBeforeModalLeave = () => { const onBeforeModalLeave = () => {
saveDeviceParams({ tabName: activeTabName.value, params: deviceConfigParams.value }); saveDeviceParams({ tabName: activeTabName.value, params: deviceConfigParams.value });
activeTabName.value = DeviceConfigParamPrefix.Switch; activeTabName.value = DeviceConfigParamPrefix.Switch;
deviceConfigParams.value = [];
}; };
const deviceConfigParams = ref<DeviceParamItem[]>([]); const deviceConfigParams = ref<DeviceParamItem[]>([]);
const { mutate: getDeviceParams } = useMutation({ const { mutate: getDeviceParams, isPending: paramsLoading } = useMutation({
mutationFn: async ({ deviceKeyPrefix }: { deviceKeyPrefix: string }) => { mutationFn: async ({ deviceKeyPrefix }: { deviceKeyPrefix: string }) => {
if (!station.value) throw new Error('请先选择车站'); if (!station.value) throw new Error('请先选择车站');
const { records } = await postDefParameterPage(station.value.code, { const { records } = await postDefParameterPage(station.value.code, {
@@ -220,7 +221,10 @@ const { mutate: saveDeviceParams } = useMutation({
> >
<NTabs v-model:value="activeTabName" type="card" @before-leave="onBeforeTabLeave"> <NTabs v-model:value="activeTabName" type="card" @before-leave="onBeforeTabLeave">
<NTabPane v-for="pane in tabPanes" :key="pane.name" :tab="pane.tab" :name="pane.name"> <NTabPane v-for="pane in tabPanes" :key="pane.name" :tab="pane.tab" :name="pane.name">
<NForm> <NFlex v-if="paramsLoading" :justify="'center'" :align="'center'">
<NSpin :show="paramsLoading" description="加载设备参数中..." />
</NFlex>
<NForm v-else>
<NGrid :cols="1"> <NGrid :cols="1">
<NFormItemGi v-for="item in deviceConfigParams" :key="item.key" label-placement="left" :span="1" :label="item.name"> <NFormItemGi v-for="item in deviceConfigParams" :key="item.key" label-placement="left" :span="1" :label="item.name">
<!-- 监视器计划配置渲染时间选择器，其他配置项渲染数字输入框 --> <!-- 监视器计划配置渲染时间选择器，其他配置项渲染数字输入框 -->