feat(call-log-page): add searchFields

src/pages/call-log-page.vue

@@ -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>