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

feat(call-log-page): add searchFields

Browse Source
This commit is contained in:
yangsy
2025-11-19 14:37:18 +08:00
parent dfbdc6d828
commit fa9b435a0f
1 changed files with 40 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/call-log-page.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import type { NdmCallLogResultVO } from '@/apis/models';
import type { NdmCallLogResultVO, NdmCallLogVO, PageQueryExtra } from '@/apis/models';
import { ndmCallLogDefaultExportByTemplate, postNdmCallLogPage } from '@/apis/requests';
import { useStationStore } from '@/stores/station';
import { downloadByData } from '@/utils/download';
@@ -13,6 +13,7 @@ import {
NFormItemGi,
NGrid,
NGridItem,
NInput,
NSelect,
NSpace,
NTag,
@@ -35,20 +36,42 @@ const stationSelectOptions = computed(() => {
}));
});
const searchFields = reactive({
type SearchFields = PageQueryExtra<NdmCallLogVO> & { stationCode?: string; createdTime: [string, string] };
const searchFields = reactive<SearchFields>({
stationCode: undefined as string | undefined,
sourceGbId_like: undefined,
targetGbId_like: undefined,
method_like: undefined,
messageType_like: undefined,
cmdType_like: undefined,
createdTime: [dayjs().startOf('date').subtract(1, 'week').format('YYYY-MM-DD HH:mm:ss'), dayjs().endOf('date').format('YYYY-MM-DD HH:mm:ss')] as [string, string],
});
const resetSearchFields = () => {
searchFields.stationCode = stationList.value.find((station) => station.online)?.code;
searchFields.sourceGbId_like = undefined;
searchFields.targetGbId_like = undefined;
searchFields.method_like = undefined;
searchFields.messageType_like = undefined;
searchFields.cmdType_like = undefined;
searchFields.createdTime = [dayjs().startOf('date').subtract(1, 'week').format('YYYY-MM-DD HH:mm:ss'), dayjs().endOf('date').format('YYYY-MM-DD HH:mm:ss')];
};
const getExtraFields = () => {
const createdTime_precisest = searchFields.createdTime[0];
const createdTime_preciseed = searchFields.createdTime[1];
const sourceGbId_like = searchFields.sourceGbId_like;
const targetGbId_like = searchFields.targetGbId_like;
const method_like = searchFields.method_like;
const messageType_like = searchFields.messageType_like;
const cmdType_like = searchFields.cmdType_like;
return {
createdTime_precisest,
createdTime_preciseed,
sourceGbId_like,
targetGbId_like,
method_like,
messageType_like,
cmdType_like,
};
};
@@ -184,6 +207,21 @@ watchEffect(() => {
clearable
/>
</NFormItemGi>
<NFormItemGi :span="1" label="调用者国标码" label-placement="left">
<NInput v-model:value="searchFields.sourceGbId_like" placeholder="请输入调用者国标码" clearable />
</NFormItemGi>
<NFormItemGi :span="1" label="被调用设备国标码" label-placement="left">
<NInput v-model:value="searchFields.targetGbId_like" placeholder="请输入被调用设备国标码" clearable />
</NFormItemGi>
<NFormItemGi :span="1" label="调用方法" label-placement="left">
<NInput v-model:value="searchFields.method_like" placeholder="请输入调用方法" clearable />
</NFormItemGi>
<NFormItemGi :span="1" label="消息类型" label-placement="left">
<NInput v-model:value="searchFields.messageType_like" placeholder="请输入消息类型" clearable />
</NFormItemGi>
<NFormItemGi :span="1" label="操作类型" label-placement="left">
<NInput v-model:value="searchFields.cmdType_like" placeholder="请输入操作类型" clearable />
</NFormItemGi>
<NFormItemGi :span="1" label="时间" label-placement="left">
<NDatePicker v-model:formatted-value="searchFields.createdTime" type="datetimerange" @update:value="undefined" />
</NFormItemGi>