fix: 修复数据表格标题错误

- 新增日志类型、用户所属类别、被调用设备名称列
- 优化在线站点选择逻辑

src/apis/client/ndm-client.ts

@@ -1,8 +1,8 @@
 import { useUserStore } from '@/stores';
-import { getAppEnvConfig, RequestClient } from '@/utils';
+import { createHttpClient, getAppEnvConfig } from '@/utils';
 import type { AxiosError } from 'axios';
 
-export const ndmClient = new RequestClient({
+export const ndmClient = createHttpClient({
   requestInterceptor: async (config) => {
     const userStore = useUserStore();
     const { lampAuthorization, lampClientId, lampClientSecret } = getAppEnvConfig();
@@ -25,7 +25,7 @@ export const ndmClient = new RequestClient({
       const userStore = useUserStore();
       await userStore.lampLogin(stationCode);
       error.config.headers.token = userStore.lampLoginResultRecord?.[stationCode]?.token ?? '';
-      return ndmClient.requestInstance(error.config);
+      return ndmClient.clientInstance(error.config);
     }
     return Promise.reject(error);
   },

src/apis/client/user-client.ts

@@ -1,9 +1,9 @@
 import router from '@/router';
 import { useUserStore } from '@/stores';
-import { getAppEnvConfig, RequestClient } from '@/utils';
+import { createHttpClient, getAppEnvConfig } from '@/utils';
 import type { AxiosError } from 'axios';
 
-export const userClient = new RequestClient({
+export const userClient = createHttpClient({
   requestInterceptor: (config) => {
     const userStore = useUserStore();
     const { lampAuthorization, lampClientId, lampClientSecret } = getAppEnvConfig();

src/apis/model/biz/entity/log/ndm-call-log.ts

@@ -2,11 +2,38 @@ import type { BaseModel, ReduceForPageQuery, ReduceForSaveVO, ReduceForUpdateVO
 import type { Nullable } from '@/types';
 
 export interface NdmCallLog extends BaseModel {
+  /**
+   * 调用者国标码
+   */
   sourceGbId: string;
+  /**
+   * 用户所属类别
+   */
+  sourceType: string;
+  /**
+   * 被调用设备国标码
+   */
   targetGbId: string;
+  /**
+   * 被调用设备名称
+   */
+  targetName: string;
+  /**
+   * 调用方法
+   */
   method: string;
+  /**
+   * message类型
+   */
   messageType: string;
+  /**
+   * 操作类型
+   */
   cmdType: string;
+  /**
+   * 日志类型
+   */
+  logType: string;
 }
 
 export type NdmCallLogResultVO = Nullable<NdmCallLog>;

src/apis/model/biz/entity/log/ndm-vimp-log.ts

@@ -2,18 +2,57 @@ import type { BaseModel, ReduceForSaveVO, ReduceForUpdateVO, ReduceForPageQuery
 import type { Nullable } from '@/types';
 
 export interface NdmVimpLog extends BaseModel {
+  /**
+   * 请求IP
+   */
   requestIp: string;
+  /**
+   * 操作内容
+   */
   description: string;
+  /**
+   * 类路径
+   */
   classPath: string;
+  /**
+   * 函数名
+   */
   methodName: string;
+  /**
+   * 起始时间
+   */
   startTime: string;
+  /**
+   * 结束时间
+   */
   endTime: string;
+  /**
+   * 消耗时间
+   */
   consumedTime: string;
+  /**
+   * 操作参数
+   */
   params: string;
+  /**
+   * 操作结果
+   */
   result: string;
+  /**
+   * 请求类型
+   */
   httpMethod: string;
+  /**
+   * 请求用户
+   */
   userId: string;
+  /**
+   * 日志类型
+   */
   logType: number;
+  /**
+   * 目标国标码
+   */
   targetCode: string;
 }
 

src/apis/request/biz/constant/reset-monitor-shedule.ts

@@ -1,5 +1,5 @@
 import { ndmClient, userClient, type Station } from '@/apis';
-import { unwrapResponse } from '@/utils';
+import { unwrapVoidResponse } from '@/utils';
 
 export const resetMonitorScheduleApi = async (options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
@@ -7,5 +7,5 @@ export const resetMonitorScheduleApi = async (options?: { stationCode?: Station[
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmConstant/anyTenant/resetMonitorSchedule`;
   const resp = await client.get<void>(endpoint, { signal });
-  unwrapResponse(resp);
+  unwrapVoidResponse(resp);
 };

src/apis/request/biz/icmp/verify.ts

@@ -1,5 +1,5 @@
 import { ndmClient, userClient, type Station } from '@/apis';
-import { unwrapResponse } from '@/utils';
+import { unwrapVoidResponse } from '@/utils';
 
 export const verifyApi = async (options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
@@ -7,5 +7,5 @@ export const verifyApi = async (options?: { stationCode?: Station['code']; signa
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmKeepAlive/verify`;
   const resp = await client.post<void>(endpoint, {}, { retRaw: true, timeout: 5000, signal });
-  unwrapResponse(resp);
+  unwrapVoidResponse(resp);
 };

src/apis/request/biz/other/ndm-security-box.ts

@@ -10,7 +10,7 @@ import {
   type PageResult,
   type Station,
 } from '@/apis';
-import { unwrapResponse } from '@/utils';
+import { unwrapResponse, unwrapVoidResponse } from '@/utils';
 
 export const pageSecurityBoxApi = async (pageQuery: PageParams<NdmSecurityBoxPageQuery>, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
@@ -90,7 +90,7 @@ export const probeSecurityBoxApi = async (ids: string[], options?: { stationCode
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmSecurityBox/probeByIds`;
   const resp = await client.post<void>(endpoint, ids, { signal });
-  unwrapResponse(resp);
+  unwrapVoidResponse(resp);
 };
 
 export const turnCitcuitStatusApi = async (ipAddress: string, circuitIndex: number, status: number, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {

src/apis/request/biz/other/ndm-switch.ts

@@ -10,11 +10,11 @@ import {
   type PageResult,
   type Station,
 } from '@/apis';
-import { unwrapResponse } from '@/utils';
+import { unwrapResponse, unwrapVoidResponse } from '@/utils';
 
 export const pageSwitchApi = async (pageQuery: PageParams<NdmSwitchPageQuery>, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
-  const client = stationCode ? ndmClient : ndmClient;
+  const client = stationCode ? ndmClient : userClient;
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmSwitch/page`;
   const resp = await client.post<PageResult<NdmSwitchResultVO>>(endpoint, pageQuery, { signal });
@@ -24,7 +24,7 @@ export const pageSwitchApi = async (pageQuery: PageParams<NdmSwitchPageQuery>, o
 
 export const detailSwitchApi = async (id: string, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
-  const client = stationCode ? ndmClient : ndmClient;
+  const client = stationCode ? ndmClient : userClient;
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmSwitch/detail`;
   const resp = await client.get<NdmSwitchResultVO>(endpoint, { params: { id }, signal });
@@ -34,7 +34,7 @@ export const detailSwitchApi = async (id: string, options?: { stationCode?: Stat
 
 export const saveSwitchApi = async (saveVO: NdmSwitchSaveVO, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
-  const client = stationCode ? ndmClient : ndmClient;
+  const client = stationCode ? ndmClient : userClient;
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmSwitch`;
   const resp = await client.post<NdmSwitchResultVO>(endpoint, saveVO, { signal });
@@ -44,7 +44,7 @@ export const saveSwitchApi = async (saveVO: NdmSwitchSaveVO, options?: { station
 
 export const updateSwitchApi = async (updateVO: NdmSwitchUpdateVO, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
-  const client = stationCode ? ndmClient : ndmClient;
+  const client = stationCode ? ndmClient : userClient;
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmSwitch`;
   const resp = await client.put<NdmSwitchResultVO>(endpoint, updateVO, { signal });
@@ -54,7 +54,7 @@ export const updateSwitchApi = async (updateVO: NdmSwitchUpdateVO, options?: { s
 
 export const deleteSwitchApi = async (ids: string[], options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
-  const client = stationCode ? ndmClient : ndmClient;
+  const client = stationCode ? ndmClient : userClient;
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmSwitch`;
   const resp = await client.delete<boolean>(endpoint, ids, { signal });
@@ -64,7 +64,7 @@ export const deleteSwitchApi = async (ids: string[], options?: { stationCode?: S
 
 export const exportSwitchApi = async (pageQuery: PageParams<NdmSwitchPageQuery>, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
-  const client = stationCode ? ndmClient : ndmClient;
+  const client = stationCode ? ndmClient : userClient;
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmSwitch/defaultExportByTemplate`;
   const resp = await client.post<Blob>(endpoint, pageQuery, { responseType: 'blob', retRaw: true, signal });
@@ -86,9 +86,9 @@ export const importSwitchApi = async (file: File, options?: { stationCode?: Stat
 
 export const probeSwitchApi = async (ids: string[], options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
-  const client = stationCode ? ndmClient : ndmClient;
+  const client = stationCode ? ndmClient : userClient;
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmSwitch/probeByIds`;
   const resp = await client.post<void>(endpoint, ids, { signal });
-  unwrapResponse(resp);
+  unwrapVoidResponse(resp);
 };

src/apis/request/biz/storage/ndm-nvr.ts

@@ -1,5 +1,5 @@
 import { ndmClient, userClient, type ImportMsg, type NdmNvrPageQuery, type NdmNvrResultVO, type NdmNvrSaveVO, type NdmNvrUpdateVO, type PageParams, type PageResult, type Station } from '@/apis';
-import { unwrapResponse } from '@/utils';
+import { unwrapResponse, unwrapVoidResponse } from '@/utils';
 
 export const pageNvrPageApi = async (pageQuery: PageParams<NdmNvrPageQuery>, options?: { stationCode: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
@@ -79,7 +79,7 @@ export const probeNvrApi = async (ids: string[], options?: { stationCode?: Stati
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmNvr/probeByIds`;
   const resp = await client.post<void>(endpoint, ids, { signal });
-  unwrapResponse(resp);
+  unwrapVoidResponse(resp);
 };
 
 export const syncNvrChannelsApi = async (options?: { stationCode?: string; signal?: AbortSignal }) => {
@@ -88,5 +88,5 @@ export const syncNvrChannelsApi = async (options?: { stationCode?: string; signa
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmNvr/syncNvrChannels`;
   const resp = await client.get<void>(endpoint, { signal });
-  unwrapResponse(resp);
+  unwrapVoidResponse(resp);
 };

src/apis/request/biz/video/ndm-decoder.ts

@@ -10,7 +10,7 @@ import {
   type PageResult,
   type Station,
 } from '@/apis';
-import { unwrapResponse } from '@/utils';
+import { unwrapResponse, unwrapVoidResponse } from '@/utils';
 
 export const pageDecoderApi = async (pageQuery: PageParams<NdmDecoderPageQuery>, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
@@ -90,5 +90,5 @@ export const probeDecoderApi = async (ids: string[], options?: { stationCode?: S
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmDecoder/probeByIds`;
   const resp = await client.post<void>(endpoint, ids, { signal });
-  unwrapResponse(resp);
+  unwrapVoidResponse(resp);
 };

src/apis/request/biz/video/ndm-media-server.ts

@@ -10,7 +10,7 @@ import {
   type PageResult,
   type Station,
 } from '@/apis';
-import { unwrapResponse } from '@/utils';
+import { unwrapResponse, unwrapVoidResponse } from '@/utils';
 
 export const postNdmMediaServerPage = async (pageQuery: PageParams<NdmMediaServerPageQuery>, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
@@ -90,5 +90,5 @@ export const probeMediaServerApi = async (ids: string[], options?: { stationCode
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmMediaServer/probeByIds`;
   const resp = await client.post<void>(endpoint, ids, { signal });
-  unwrapResponse(resp);
+  unwrapVoidResponse(resp);
 };

src/apis/request/biz/video/ndm-video-server.ts

@@ -10,7 +10,7 @@ import {
   type PageResult,
   type Station,
 } from '@/apis';
-import { unwrapResponse } from '@/utils';
+import { unwrapResponse, unwrapVoidResponse } from '@/utils';
 
 export const pageVideoServerApi = async (pageQuery: PageParams<NdmVideoServerPageQuery>, options?: { stationCode?: Station['code']; signal?: AbortSignal }) => {
   const { stationCode, signal } = options ?? {};
@@ -90,5 +90,5 @@ export const probeVideoServerApi = async (ids: string[], options?: { stationCode
   const prefix = stationCode ? `/${stationCode}` : '';
   const endpoint = `${prefix}/api/ndm/ndmVideoServer/probeByIds`;
   const resp = await client.post<void>(endpoint, ids, { signal });
-  unwrapResponse(resp);
+  unwrapVoidResponse(resp);
 };

src/layouts/app-layout.vue

@@ -142,8 +142,8 @@ const routeToRoot = () => {
 
 const routeToAlarmPage = () => {
   alarmStore.clearUnreadAlarms();
-  if (route.path !== '/alarm') {
-    router.push({ path: '/alarm' });
+  if (route.path !== '/alarm/alarm-log') {
+    router.push({ path: '/alarm/alarm-log' });
   }
 };
 

src/pages/alarm-ignore-page.vue

@@ -300,7 +300,7 @@ onBeforeUnmount(() => {
 
     <!-- 数据表格工具栏 -->
     <NFlex align="center" style="padding: 8px; flex: 0 0 auto">
-      <div style="font-size: medium">视频平台日志</div>
+      <div style="font-size: medium">告警忽略列表</div>
       <NFlex style="margin-left: auto">
         <!-- <NButton type="primary" :loading="exporting" @click="() => exportTableData()">导出</NButton> -->
       </NFlex>

src/pages/alarm-log-page.vue

@@ -348,7 +348,7 @@ onBeforeUnmount(() => {
 
     <!-- 数据表格工具栏 -->
     <NFlex align="center" style="padding: 8px; flex: 0 0 auto">
-      <div style="font-size: medium">视频平台日志</div>
+      <div style="font-size: medium">设备告警记录</div>
       <NFlex align="center" style="margin-left: auto">
         <div>实时刷新</div>
         <NSwitch size="small" v-model:value="realtimeRefresh" />

src/pages/call-log-page.vue

@@ -1,3 +1,35 @@
+<script lang="ts">
+const callLogTypeOptions: SelectOption[] = [
+  { label: '视频点播', value: 10001 },
+  { label: '视频回放', value: 10002 },
+  // { label: '停止视频回放', value: 10003 },
+  // { label: '回放暂停', value: 10004 },
+  // { label: '回放恢复', value: 10005 },
+  // { label: '回放倍速播放', value: 10006 },
+  // { label: '回放拖动播放', value: 10007 },
+  { label: '云台指令', value: 10008 },
+  { label: '查询录像', value: 10009 },
+  { label: '下载录像', value: 10010 },
+  // { label: '停止下载录像', value: 10011 },
+  { label: '获取预置位', value: 10012 },
+  { label: '获取设备信息', value: 10013 },
+  { label: '获取设备状态', value: 10014 },
+  { label: '设置解码器分屏数量', value: 20001 },
+  { label: '设置解码器rtsp流', value: 20002 },
+  { label: '移除解码器rtsp流', value: 20003 },
+  // { label: '启动非报警时序', value: 30001 },
+  // { label: '停止非报警时序', value: 30002 },
+  // { label: '暂停非报警时序', value: 30003 },
+  // { label: '调用组切', value: 30004 },
+  // { label: '启动报警时序', value: 40001 },
+  // { label: '停止报警时序', value: 40002 },
+  // { label: '分页查询报警', value: 50001 },
+  // { label: '确认报警', value: 50002 },
+  // { label: '删除报警', value: 50004 },
+  { label: '目录查询', value: 60001 },
+];
+</script>
+
 <script setup lang="ts">
 import { exportCallLogApi, pageCallLogApi, type NdmCallLog, type NdmCallLogResultVO, type PageQueryExtra, type Station } from '@/apis';
 import { useStationStore } from '@/stores';
@@ -27,6 +59,7 @@ import { computed, reactive, ref, watch, watchEffect } from 'vue';
 
 interface SearchFields extends PageQueryExtra<NdmCallLog> {
   stationCode?: Station['code'];
+  logType_in: number[];
   createdTime: [string, string];
 }
 
@@ -42,11 +75,13 @@ const stationSelectOptions = computed(() => {
 });
 
 const searchFields = ref<SearchFields>({
+  logType_in: [],
   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 resetSearchFields = () => {
   searchFields.value = {
-    stationCode: stations.value.find((station) => station.online)?.code,
+    stationCode: onlineStations.value.at(0)?.code,
+    logType_in: [],
     createdTime: [dayjs().startOf('date').subtract(1, 'week').format('YYYY-MM-DD HH:mm:ss'), dayjs().endOf('date').format('YYYY-MM-DD HH:mm:ss')],
   };
 };
@@ -58,6 +93,7 @@ const getExtraFields = (): PageQueryExtra<NdmCallLog> => {
   const method_like = searchFields.value.method_like;
   const messageType_like = searchFields.value.messageType_like;
   const cmdType_like = searchFields.value.cmdType_like;
+  const logType_in = searchFields.value.logType_in;
   return {
     createdTime_precisest,
     createdTime_preciseed,
@@ -66,6 +102,7 @@ const getExtraFields = (): PageQueryExtra<NdmCallLog> => {
     method_like,
     messageType_like,
     cmdType_like,
+    logType_in,
   };
 };
 
@@ -76,8 +113,18 @@ watch(searchFields, () => {
 
 const tableColumns: DataTableColumns<NdmCallLogResultVO> = [
   { title: '时间', key: 'createdTime' },
+  {
+    title: '日志类型',
+    key: 'logType',
+    render: (rowData) => {
+      const option = callLogTypeOptions.find((option) => option.value === rowData.logType);
+      return `${option?.label ?? ''}`;
+    },
+  },
   { title: '调用者国标码', key: 'sourceGbId' },
+  { title: '用户所属类别', key: 'sourceType' },
   { title: '被调用设备国标码', key: 'targetGbId' },
+  { title: '被调用设备名称', key: 'targetName' },
   { title: '调用方法', key: 'method' },
   { title: '消息类型', key: 'messageType' },
   { title: '操作类型', key: 'cmdType' },
@@ -252,6 +299,9 @@ onBeforeUnmount(() => {
             clearable
           />
         </NFormItemGi>
+        <NFormItemGi :span="1" label="日志类型" label-placement="left">
+          <NSelect v-model:value="searchFields.logType_in" :options="callLogTypeOptions" multiple clearable />
+        </NFormItemGi>
         <NFormItemGi span="1" label="时间" label-placement="left">
           <NDatePicker v-model:formatted-value="searchFields.createdTime" type="datetimerange" />
         </NFormItemGi>
@@ -269,7 +319,7 @@ onBeforeUnmount(() => {
 
     <!-- 数据表格工具栏 -->
     <NFlex align="center" style="padding: 8px; flex: 0 0 auto">
-      <div style="font-size: medium">视频平台日志</div>
+      <div style="font-size: medium">上级调用日志</div>
       <NFlex style="margin-left: auto">
         <NButton type="primary" :loading="exporting" @click="() => exportTableData()">导出</NButton>
       </NFlex>

src/pages/vimp-log-page.vue

@@ -1,5 +1,5 @@
 <script lang="ts">
-const vimpOperationTypeOptions: SelectOption[] = [
+const vimpLogTypeOptions: SelectOption[] = [
   { label: '视频点播', value: 10001 },
   { label: '视频回放', value: 10002 },
   // { label: '停止视频回放', value: 10003 },
@@ -34,7 +34,6 @@ import { downloadByData, parseErrorFeedback } from '@/utils';
 import { useMutation } from '@tanstack/vue-query';
 import { isCancel } from 'axios';
 import dayjs from 'dayjs';
-import destr from 'destr';
 import {
   NButton,
   NDataTable,
@@ -44,8 +43,6 @@ import {
   NFormItemGi,
   NGrid,
   NGridItem,
-  NPopover,
-  NScrollbar,
   NSelect,
   NTag,
   type DataTableColumns,
@@ -102,56 +99,17 @@ watch(searchFields, () => {
 
 const tableColumns: DataTableColumns<NdmVimpLogResultVO> = [
   { title: '时间', key: 'createdTime' },
-  { title: '操作类型', key: 'description' },
+  {
+    title: '操作类型',
+    key: 'logType',
+    render: (rowData) => {
+      const option = vimpLogTypeOptions.find((option) => option.value === rowData.logType);
+      return `${option?.label ?? ''}`;
+    },
+  },
   { title: '请求IP', key: 'requestIp' },
   { title: '耗时(ms)', key: 'consumedTime' },
   { title: '被调用设备', key: 'targetCode' },
-  {
-    title: '操作参数',
-    key: 'params',
-    width: 100,
-    render(rowData) {
-      const result = JSON.stringify(destr(rowData.params), null, 2);
-      return h(
-        NPopover,
-        { trigger: 'click' },
-        {
-          trigger: () => h(NButton, { size: 'tiny', text: true, type: 'primary' }, { default: () => '查看' }),
-          default: () =>
-            h(
-              NScrollbar,
-              { style: { maxHeight: '40vh' } },
-              {
-                default: () => h('pre', {}, { default: () => result }),
-              },
-            ),
-        },
-      );
-    },
-  },
-  {
-    title: '操作结果',
-    key: 'result',
-    width: 100,
-    render: (rowData) => {
-      const result = JSON.stringify(destr(rowData.result), null, 2);
-      return h(
-        NPopover,
-        { trigger: 'click' },
-        {
-          trigger: () => h(NButton, { size: 'tiny', text: true, type: 'primary' }, { default: () => '查看' }),
-          default: () =>
-            h(
-              NScrollbar,
-              { style: { maxHeight: '40vh' } },
-              {
-                default: () => h('pre', {}, { default: () => result }),
-              },
-            ),
-        },
-      );
-    },
-  },
 ];
 
 const tableData = ref<DataTableRowData[]>([]);
@@ -323,8 +281,8 @@ onBeforeUnmount(() => {
             clearable
           />
         </NFormItemGi>
-        <NFormItemGi :span="1" label="操作类型" label-placement="left">
-          <NSelect v-model:value="searchFields.logType_in" :options="vimpOperationTypeOptions" multiple clearable />
+        <NFormItemGi :span="1" label="日志类型" label-placement="left">
+          <NSelect v-model:value="searchFields.logType_in" :options="vimpLogTypeOptions" multiple clearable />
         </NFormItemGi>
         <NFormItemGi span="1" label="时间" label-placement="left">
           <NDatePicker v-model:formatted-value="searchFields.createdTime" type="datetimerange" />

src/stores/setting.ts

@@ -45,6 +45,16 @@ export const useSettingStore = defineStore(
         if (!userStore.userLoginResult.token) {
           userStore.userLoginResult.token = 'test';
         }
+        if (!userStore.userInfo) {
+          userStore.userInfo = {
+            id: '2',
+            username: 'lamp',
+            nickName: '内置超管',
+            mobile: '15211111110',
+            employeeId: '2',
+            tenantId: '1',
+          };
+        }
         if (router.currentRoute.value.path === '/login') {
           router.push({ path: '/' });
         }

src/utils/http-client.ts

@@ -1,54 +1,41 @@
 import type { Result } from '@/types';
-import axios, { isAxiosError, type AxiosError, type AxiosInstance, type AxiosRequestConfig, type AxiosResponse, type CreateAxiosDefaults, type InternalAxiosRequestConfig } from 'axios';
+import axios, { isAxiosError, type AxiosError, type AxiosRequestConfig, type AxiosResponse, type CreateAxiosDefaults, type InternalAxiosRequestConfig } from 'axios';
 
-export type Response<T> = [err: AxiosError | null, data: T | null, resp: Result<T> | null];
+export type HttpResponse<T> = [err: AxiosError | null, data: T | null, resp: Result<T> | null];
 
-export interface RequestOptions extends CreateAxiosDefaults {
+export interface HttpRequestOptions extends CreateAxiosDefaults {
   requestInterceptor?: (config: InternalAxiosRequestConfig) => InternalAxiosRequestConfig | Promise<InternalAxiosRequestConfig>;
   responseInterceptor?: (resp: AxiosResponse) => AxiosResponse | Promise<AxiosResponse>;
   responseErrorInterceptor?: (error: any) => any;
 }
 
-export class RequestClient {
-  private instance: AxiosInstance;
-
-  constructor(config?: RequestOptions) {
-    this.instance = axios.create(config);
-
-    const requestInterceptor = config?.requestInterceptor ?? RequestClient.defaultRequestInterceptor;
-    const responseInterceptor = config?.responseInterceptor ?? RequestClient.defaultResponseInterceptor;
-    const responseErrorInterceptor = config?.responseErrorInterceptor ?? RequestClient.defaultResponseErrorInterceptor;
-
-    this.instance.interceptors.request.use(requestInterceptor);
-
-    this.instance.interceptors.response.use(responseInterceptor, responseErrorInterceptor);
-  }
-
-  private static defaultRequestInterceptor(config: InternalAxiosRequestConfig) {
-    return config;
-  }
-
-  private static defaultResponseInterceptor(response: AxiosResponse) {
-    return response;
-  }
-
-  private static defaultResponseErrorInterceptor(error: any) {
-    const err = error as AxiosError;
-    if (err.status === 401) {
-    }
-    if (err.status === 404) {
+export const createHttpClient = (config?: HttpRequestOptions) => {
+  const defaultRequestInterceptor = (config: InternalAxiosRequestConfig) => config;
+  const defaultResponseInterceptor = (response: AxiosResponse) => response;
+  const defaultResponseErrorInterceptor = (error: any) => {
+    if (isAxiosError(error)) {
+      if (error.status === 401) {
+        // 处理 401 错误
+      }
+      if (error.status === 404) {
+        // 处理 404 错误
+      }
     }
     return Promise.reject(error);
-  }
+  };
 
-  public get requestInstance(): AxiosInstance {
-    return this.instance;
-  }
+  const requestInterceptor = config?.requestInterceptor ?? defaultRequestInterceptor;
+  const responseInterceptor = config?.responseInterceptor ?? defaultResponseInterceptor;
+  const responseErrorInterceptor = config?.responseErrorInterceptor ?? defaultResponseErrorInterceptor;
 
-  get<T>(url: string, options?: AxiosRequestConfig & { retRaw?: boolean }): Promise<Response<T>> {
+  const instance = axios.create(config);
+  instance.interceptors.request.use(requestInterceptor);
+  instance.interceptors.response.use(responseInterceptor, responseErrorInterceptor);
+
+  const httpGet = <T>(url: string, options?: AxiosRequestConfig & { retRaw?: boolean }): Promise<HttpResponse<T>> => {
     const { retRaw, ...reqConfig } = options ?? {};
     return new Promise((resolve) => {
-      this.instance
+      instance
         .get(url, {
           ...reqConfig,
         })
@@ -64,12 +51,12 @@ export class RequestClient {
           resolve([err as AxiosError, null, null]);
         });
     });
-  }
+  };
 
-  post<T>(url: string, data?: AxiosRequestConfig['data'], options?: Partial<Omit<AxiosRequestConfig, 'data'>> & { retRaw?: boolean; upload?: boolean }): Promise<Response<T>> {
+  const httpPost = <T>(url: string, data?: AxiosRequestConfig['data'], options?: Partial<Omit<AxiosRequestConfig, 'data'>> & { retRaw?: boolean; upload?: boolean }): Promise<HttpResponse<T>> => {
     const { retRaw, upload, ...reqConfig } = options ?? {};
     return new Promise((resolve) => {
-      this.instance
+      instance
         .post(url, data, { headers: { 'content-type': upload ? 'multipart/form-data' : 'application/json' }, ...reqConfig })
         .then((res) => {
           const resData = res.data;
@@ -83,12 +70,12 @@ export class RequestClient {
           resolve([err as AxiosError, null, null]);
         });
     });
-  }
+  };
 
-  put<T>(url: string, data?: AxiosRequestConfig['data'], options?: Partial<Omit<AxiosRequestConfig, 'data'>>): Promise<Response<T>> {
+  const httpPut = <T>(url: string, data?: AxiosRequestConfig['data'], options?: Partial<Omit<AxiosRequestConfig, 'data'>>): Promise<HttpResponse<T>> => {
     const reqConfig = options ?? {};
     return new Promise((resolve) => {
-      this.instance
+      instance
         .put<Result<T>>(url, data, { ...reqConfig })
         .then((res) => {
           resolve([null, res.data.data, res.data]);
@@ -97,12 +84,12 @@ export class RequestClient {
           resolve([err as AxiosError, null, null]);
         });
     });
-  }
+  };
 
-  delete<T>(url: string, idList: string[], options?: Partial<Omit<AxiosRequestConfig, 'data'>>): Promise<Response<T>> {
+  const httpDelete = <T>(url: string, idList: string[], options?: Partial<Omit<AxiosRequestConfig, 'data'>>): Promise<HttpResponse<T>> => {
     const reqConfig = options ?? {};
     return new Promise((resolve) => {
-      this.instance
+      instance
         .delete<Result<T>>(url, { ...reqConfig, data: idList })
         .then((res) => {
           resolve([null, res.data.data, res.data]);
@@ -111,11 +98,21 @@ export class RequestClient {
           resolve([err as AxiosError, null, null]);
         });
     });
-  }
-}
+  };
+
+  return {
+    get clientInstance() {
+      return instance;
+    },
+    get: httpGet,
+    post: httpPost,
+    put: httpPut,
+    delete: httpDelete,
+  };
+};
 
 // 从响应中解析出数据
-export const unwrapResponse = <T>(resp: Response<T>) => {
+export const unwrapResponse = <T>(resp: HttpResponse<T>) => {
   const [err, data, result] = resp;
 
   // 如果 err 存在说明有 http 错误，那么直接抛出错误，
@@ -139,6 +136,16 @@ export const unwrapResponse = <T>(resp: Response<T>) => {
   return data;
 };
 
+// 针对没有数据的响应，直接判断是否存在错误
+export const unwrapVoidResponse = (resp: HttpResponse<void>) => {
+  const [err, , result] = resp;
+  if (err) throw err;
+  if (result) {
+    const { isSuccess, path, msg, errorMsg } = result;
+    if (!isSuccess) throw new Error(`${path ? `${path}: ` : ''}${msg || errorMsg || '请求失败'}`);
+  }
+};
+
 // 从错误中解析出错误信息
 export const parseErrorFeedback = (error: Error) => {
   // 当发生 http 错误时，unwrapResponse 会直接抛出错误，

src/utils/index.ts

@@ -4,5 +4,5 @@ export * from './download';
 export * from './env';
 export * from './format-duration';
 export * from './random-num';
-export * from './request-client';
+export * from './http-client';
 export * from './sleep';