添加异常上报

src/router/constant.ts

@@ -34,4 +34,5 @@ export const asyncRoutes = {
   messageConfigApp: () => import('@/views/message/message-config/sms/sms-config-app') ,// 消息配置应用
   wxTemplateConfig: () => import('@views/message/message-config/wechat/wechat-config-template') ,// 推送消息配置模板
   wxTemplateMessage: () => import('@views/message/message-config/wechat/wechat-config-template-message') ,// 推送消息配置模板内容
+  sysExceptionLog: () => import('@views/system-manage/expection-log/index') ,// 异常上报
 }

src/utils/constant.ts

@@ -313,4 +313,22 @@ export const messageSendStatus= {
 export const deviceType= {
   ANDROID: '安卓',
   IOS: '苹果',
+} as any
+
+/**
+ * 应用类型
+ */
+export const appType= {
+  ANDROID: '安卓',
+  IOS: '苹果',
+  HARMONY: '鸿蒙',
+  WEB: '浏览器',
+} as any
+
+/**
+ * 异常类型
+ */
+export const exceptionType= {
+  ERROR: '错误',
+  RECORD: '记录',
 } as any

src/views/system-manage/api.ts

@@ -746,3 +746,14 @@ export const sysUserDeviceRemove = (params?: object) => {
     data: params
   } as any)
 }
+
+/**
+ * 系统错误日志 查询分页
+ */
+export const sysExceptionLogPage = (params?: object) => {
+  return request({
+    url: '/cbs-app/sysExceptionLog/page',
+    method: 'post',
+    data: params
+  } as any)
+}

src/views/system-manage/expection-log/index.tsx

@@ -0,0 +1,195 @@
+import Pagination from '@/components/pagination'
+import {NButton, NDataTable, NDatePicker, NFormItem, NInput, NSelect, NSpace, NTag} from 'naive-ui'
+import {defineComponent, onMounted, reactive, ref} from 'vue'
+import {sysExceptionLogPage, sysSuggestionPage} from '../api'
+import {filterClientType, filterSuggestionType} from '@/utils/filters'
+import TheTooltip from '@/components/TheTooltip'
+import SaveForm from "@components/save-form";
+import {getMapValueByKey, getSelectDataFromObj} from "@/utils/objectUtil";
+import {appKey, appType, clientType, deviceType, exceptionType} from "@/utils/constant";
+
+export default defineComponent({
+  name: 'expection-log-index',
+  setup() {
+    const state = reactive({
+      loading: false,
+      pagination: {
+        page: 1,
+        rows: 5,
+        pageTotal: 0
+      },
+      searchForm: {
+        appKey: null,
+        clientType: null,
+        phone: null,
+        appType: null,
+        exceptionType: null,
+        exceptionTime: null,
+        deviceType: null,
+      },
+      dataList: [] as any
+    })
+
+    const saveForm = ref()
+
+
+    onMounted(() => {
+      getList()
+    })
+
+
+    const getList = async () => {
+      try {
+        state.loading = true
+        const {data} = await sysExceptionLogPage({...state.pagination, ...state.searchForm})
+        state.loading = false
+        state.pagination.pageTotal = Number(data.total)
+        state.dataList = data.rows || []
+      } catch {
+        state.loading = false
+      }
+    }
+
+    const onSearch = () => {
+      saveForm.value?.submit()
+    }
+    const onBtnReset = () => {
+      saveForm.value?.reset()
+    }
+
+    const onSubmit = () => {
+      state.pagination.page = 1
+      getList()
+    }
+
+    const columns = () => {
+      return [
+        {
+          title: '应用标识',
+          key: 'appKey',
+          render(row: any) {
+            return <div>{getMapValueByKey(row.appKey, new Map(Object.entries(appKey)))}</div>
+          }
+        },
+        {
+          title: '客户端类型',
+          key: 'clientType',
+          render(row: any) {
+            return <div>{getMapValueByKey(row.clientType, new Map(Object.entries(clientType)))}</div>
+          }
+        },
+        {
+          title: '手机号',
+          key: 'phone'
+        },
+        {
+          title: '客户端信息',
+          key: 'userAgent'
+        },
+        {
+          title: '应用类型',
+          key: 'appType',
+          render(row: any) {
+            return <div>{getMapValueByKey(row.appType, new Map(Object.entries(appType)))}</div>
+          }
+        },
+        {
+          title: '设备类型',
+          key: 'deviceType',
+        },
+        {
+          title: '设备版本',
+          key: 'deviceVersion'
+        },
+        {
+          title: '内容',
+          key: 'content',
+          width: 400,
+          render(row: any) {
+            return (
+                <TheTooltip showContentWidth={280} content={row.content}/>
+            )
+          }
+        },
+      ]
+    }
+
+    return () => (
+        <div class="system-menu-container">
+          <SaveForm
+              ref={saveForm}
+              model={state.searchForm}
+              onSubmit={onSubmit}
+              saveKey='expection-log-index'
+              onSetModel={(val: any) => (state.searchForm = val)}
+          >
+            <NFormItem label="应用标识" path="appKey">
+              <NSelect
+                  v-model:value={state.searchForm.appKey}
+                  placeholder="请选择应用标识"
+                  clearable
+                  options={getSelectDataFromObj(appKey)}
+              />
+            </NFormItem>
+            <NFormItem label="客户端类型" path="clientType">
+              <NSelect
+                  v-model:value={state.searchForm.clientType}
+                  placeholder="请选择客户端类型"
+                  clearable
+                  options={getSelectDataFromObj(clientType)}
+              />
+            </NFormItem>
+            <NFormItem label="手机号" path="phone">
+              <NInput
+                  v-model:value={state.searchForm.phone}
+                  placeholder="请输入手机号"
+                  clearable
+              />
+            </NFormItem>
+            <NFormItem label="应用类型" path="appType">
+              <NSelect
+                  v-model={[state.searchForm.appType, 'value']}
+                  placeholder="请选择应用类型"
+                  options={getSelectDataFromObj(appType)}
+                  clearable
+              />
+            </NFormItem>
+            <NFormItem label="异常类型" path="exceptionType">
+              <NSelect
+                  v-model={[state.searchForm.exceptionType, 'value']}
+                  placeholder="请选择异常类型"
+                  options={getSelectDataFromObj(exceptionType)}
+                  clearable
+              />
+            </NFormItem>
+            <NFormItem>
+              <NSpace>
+                <NButton type="primary" onClick={onSearch}>
+                  搜索
+                </NButton>
+                <NButton type="default" onClick={onBtnReset}>
+                  重置
+                </NButton>
+              </NSpace>
+            </NFormItem>
+          </SaveForm>
+
+
+          <div class={['section-container']}>
+            <NDataTable
+                loading={state.loading}
+                columns={columns()}
+                data={state.dataList}
+            ></NDataTable>
+            <Pagination
+                v-model:page={state.pagination.page}
+                v-model:pageSize={state.pagination.rows}
+                v-model:pageTotal={state.pagination.pageTotal}
+                onList={getList}
+                sync
+            ></Pagination>
+          </div>
+        </div>
+    )
+  }
+})