BJ_ZTEITS-Developers / parking-cloud-yudao

Commit fd4bc8ccf4fd824bc3d7244dd962de455878002a

Authored by xingyu4j
1 parent dcd1b5fb

refactor: vxe

Inline Side-by-side
Showing 10 changed files with 284 additions and 358 deletions
yudao-ui-admin-vue3/src/api/infra/apiAccessLog/index.ts
  View file @fd4bc8c
1 1 import request from '@/config/axios'
2 2  
  3 +export interface ApiAccessLogVO {
  4 + id: number
  5 + traceId: string
  6 + userId: string
  7 + userType: string
  8 + applicationName: string
  9 + requestMethod: string
  10 + requestParams: string
  11 + requestUrl: string
  12 + beginTime: string
  13 + endTIme: string
  14 + duration: string
  15 + resultCode: number
  16 +}
  17 +
3 18 // 查询列表API 访问日志
4 19 export const getApiAccessLogPageApi = (params) => {
5 20 return request.get({ url: '/infra/api-access-log/page', params })
... ...
yudao-ui-admin-vue3/src/api/infra/apiAccessLog/types.ts deleted
View file @dcd1b5f
1   -export type ApiAccessLogVO = {
2   - id: number
3   - traceId: string
4   - userId: string
5   - userType: string
6   - applicationName: string
7   - requestMethod: string
8   - requestParams: string
9   - requestUrl: string
10   - beginTime: string
11   - endTIme: string
12   - duration: string
13   - resultCode: number
14   -}
yudao-ui-admin-vue3/src/api/infra/apiErrorLog/index.ts
  View file @fd4bc8c
1 1 import request from '@/config/axios'
2 2  
  3 +export interface ApiErrorLogVO {
  4 + id: number
  5 + userId: string
  6 + userIp: string
  7 + userAgent: string
  8 + userType: string
  9 + applicationName: string
  10 + requestMethod: string
  11 + requestParams: string
  12 + requestUrl: string
  13 + exceptionTime: string
  14 + exceptionName: string
  15 + exceptionStackTrace: string
  16 + processUserId: string
  17 + processStatus: number
  18 + resultCode: number
  19 +}
  20 +
3 21 // 查询列表API 访问日志
4 22 export const getApiErrorLogPageApi = (params) => {
5 23 return request.get({ url: '/infra/api-error-log/page', params })
... ...
yudao-ui-admin-vue3/src/api/infra/apiErrorLog/types.ts deleted
View file @dcd1b5f
1   -export type ApiErrorLogVO = {
2   - id: number
3   - userId: string
4   - userIp: string
5   - userAgent: string
6   - userType: string
7   - applicationName: string
8   - requestMethod: string
9   - requestParams: string
10   - requestUrl: string
11   - exceptionTime: string
12   - exceptionName: string
13   - exceptionStackTrace: string
14   - processUserId: string
15   - processStatus: number
16   - resultCode: number
17   -}
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/dataTimePicker.tsx
  View file @fd4bc8c
... ... @@ -13,6 +13,7 @@ VXETable.renderer.add('XDataTimePicker', {
13 13 <ElDatePicker
14 14 v-model={data[field]}
15 15 type={content ? (content as any) : 'datetimerange'}
  16 + style="maxWidth: 330px"
16 17 value-format="YYYY-MM-DD HH:mm:ss"
17 18 range-separator="-"
18 19 start-placeholder={t('common.startTimeText')}
... ...
yudao-ui-admin-vue3/src/views/infra/apiAccessLog/apiAccessLog.data.ts
  View file @fd4bc8c
1 1 import { reactive } from 'vue'
2   -import { useI18n } from '@/hooks/web/useI18n'
3   -import { CrudSchema, useCrudSchemas } from '@/hooks/web/useCrudSchemas'
4 2 import { DICT_TYPE } from '@/utils/dict'
5   -const { t } = useI18n() // 国际化
  3 +import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
6 4  
7 5 // CrudSchema
8   -const crudSchemas = reactive<CrudSchema[]>([
9   - {
10   - label: t('common.index'),
11   - field: 'id',
12   - type: 'index'
13   - },
14   - {
15   - label: '链路追踪',
16   - field: 'traceId'
17   - },
18   - {
19   - label: '用户编号',
20   - field: 'userId',
21   - search: {
22   - show: true
23   - }
24   - },
25   - {
26   - label: '用户类型',
27   - field: 'userType',
28   - dictType: DICT_TYPE.USER_TYPE,
29   - dictClass: 'number',
30   - search: {
31   - show: true
32   - }
33   - },
34   - {
35   - label: '应用名',
36   - field: 'applicationName',
37   - search: {
38   - show: true
39   - }
40   - },
41   - {
42   - label: '请求方法名',
43   - field: 'requestMethod'
44   - },
45   - {
46   - label: '请求地址',
47   - field: 'requestUrl',
48   - search: {
49   - show: true
50   - }
51   - },
52   - {
53   - label: '请求时间',
54   - field: 'beginTime',
55   - search: {
56   - show: true,
57   - component: 'DatePicker',
58   - componentProps: {
59   - type: 'datetimerange',
60   - valueFormat: 'YYYY-MM-DD HH:mm:ss',
61   - defaultTime: [new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)]
  6 +const crudSchemas = reactive<VxeCrudSchema>({
  7 + primaryKey: 'id',
  8 + primaryType: 'seq',
  9 + action: true,
  10 + actionWidth: '80px',
  11 + columns: [
  12 + {
  13 + title: '链路追踪',
  14 + field: 'traceId'
  15 + },
  16 + {
  17 + title: '用户编号',
  18 + field: 'userId',
  19 + isSearch: true
  20 + },
  21 + {
  22 + title: '用户类型',
  23 + field: 'userType',
  24 + dictType: DICT_TYPE.USER_TYPE,
  25 + dictClass: 'number',
  26 + isSearch: true
  27 + },
  28 + {
  29 + title: '应用名',
  30 + field: 'applicationName',
  31 + isSearch: true
  32 + },
  33 + {
  34 + title: '请求方法名',
  35 + field: 'requestMethod'
  36 + },
  37 + {
  38 + title: '请求地址',
  39 + field: 'requestUrl',
  40 + isSearch: true
  41 + },
  42 + {
  43 + title: '请求时间',
  44 + field: 'beginTime',
  45 + formatter: 'formatDate',
  46 + search: {
  47 + show: true,
  48 + itemRender: {
  49 + name: 'XDataTimePicker'
  50 + }
62 51 }
63   - }
64   - },
65   - {
66   - label: '执行时长',
67   - field: 'duration'
68   - },
69   - {
70   - label: '操作结果',
71   - field: 'resultCode',
72   - search: {
73   - show: true
74   - }
75   - },
76   - {
77   - label: t('table.action'),
78   - field: 'action',
79   - width: '300px',
80   - form: {
81   - show: false
82 52 },
83   - detail: {
84   - show: false
  53 + {
  54 + title: '执行时长',
  55 + field: 'duration',
  56 + table: {
  57 + slots: {
  58 + default: 'duration_default'
  59 + }
  60 + }
  61 + },
  62 + {
  63 + title: '操作结果',
  64 + field: 'resultCode',
  65 + isSearch: true,
  66 + table: {
  67 + slots: {
  68 + default: 'resultCode_default'
  69 + }
  70 + }
85 71 }
86   - }
87   -])
88   -export const { allSchemas } = useCrudSchemas(crudSchemas)
  72 + ]
  73 +})
  74 +export const { allSchemas } = useVxeCrudSchemas(crudSchemas)
... ...
yudao-ui-admin-vue3/src/views/infra/apiAccessLog/index.vue
  View file @fd4bc8c
1   -<script setup lang="ts">
2   -import { ref } from 'vue'
3   -import dayjs from 'dayjs'
4   -import { DICT_TYPE } from '@/utils/dict'
5   -import { useTable } from '@/hooks/web/useTable'
6   -import { useI18n } from '@/hooks/web/useI18n'
7   -import type { ApiAccessLogVO } from '@/api/infra/apiAccessLog/types'
8   -import { allSchemas } from './apiAccessLog.data'
9   -import * as ApiAccessLogApi from '@/api/infra/apiAccessLog'
10   -const { t } = useI18n() // 国际化
11   -
12   -// ========== 列表相关 ==========
13   -const { register, tableObject, methods } = useTable<ApiAccessLogVO>({
14   - getListApi: ApiAccessLogApi.getApiAccessLogPageApi
15   -})
16   -const { getList, setSearchParams } = methods
17   -
18   -// ========== 详情相关 ==========
19   -const detailRef = ref() // 详情 Ref
20   -const dialogVisible = ref(false) // 是否显示弹出层
21   -const dialogTitle = ref('') // 弹出层标题
22   -
23   -// 详情操作
24   -const handleDetail = (row: ApiAccessLogVO) => {
25   - // 设置数据
26   - detailRef.value = row
27   - dialogTitle.value = t('action.detail')
28   - dialogVisible.value = true
29   -}
30   -// ========== 初始化 ==========
31   -getList()
32   -</script>
33   -
34 1 <template>
35   - <!-- 搜索工作区 -->
36   - <ContentWrap>
37   - <Search :schema="allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
38   - </ContentWrap>
39 2 <ContentWrap>
40 3 <!-- 列表 -->
41   - <Table
42   - :columns="allSchemas.tableColumns"
43   - :selection="false"
44   - :data="tableObject.tableList"
45   - :loading="tableObject.loading"
46   - :pagination="{
47   - total: tableObject.total
48   - }"
49   - v-model:pageSize="tableObject.pageSize"
50   - v-model:currentPage="tableObject.currentPage"
51   - @register="register"
52   - >
53   - <template #userType="{ row }">
54   - <DictTag :type="DICT_TYPE.USER_TYPE" :value="row.userType" />
55   - </template>
56   - <template #beginTime="{ row }">
57   - <span>{{ dayjs(row.beginTime).format('YYYY-MM-DD HH:mm:ss') }}</span>
58   - </template>
59   - <template #duration="{ row }">
  4 + <vxe-grid ref="xGrid" v-bind="gridOptions" class="xtable-scrollbar">
  5 + <template #duration_default="{ row }">
60 6 <span>{{ row.duration + 'ms' }}</span>
61 7 </template>
62   - <template #resultCode="{ row }">
  8 + <template #resultCode_default="{ row }">
63 9 <span>{{ row.resultCode === 0 ? '成功' : '失败(' + row.resultMsg + ')' }}</span>
64 10 </template>
65   - <template #action="{ row }">
66   - <el-button
67   - link
68   - type="primary"
  11 + <template #actionbtns_default="{ row }">
  12 + <!-- 操作：详情 -->
  13 + <XTextButton
  14 + preIcon="ep:view"
  15 + :title="t('action.detail')"
69 16 v-hasPermi="['infra:api-access-log:query']"
70 17 @click="handleDetail(row)"
71   - >
72   - <Icon icon="ep:view" class="mr-1px" /> {{ t('action.detail') }}
73   - </el-button>
  18 + />
74 19 </template>
75   - </Table>
  20 + </vxe-grid>
76 21 </ContentWrap>
77   -
78 22 <XModal v-model="dialogVisible" :title="dialogTitle">
79 23 <!-- 对话框(详情) -->
80 24 <Descriptions :schema="allSchemas.detailSchema" :data="detailRef">
... ... @@ -91,3 +35,33 @@ getList()
91 35 </template>
92 36 </XModal>
93 37 </template>
  38 +
  39 +<script setup lang="ts">
  40 +import { ref } from 'vue'
  41 +import { useI18n } from '@/hooks/web/useI18n'
  42 +import { useVxeGrid } from '@/hooks/web/useVxeGrid'
  43 +import { VxeGridInstance } from 'vxe-table'
  44 +import { allSchemas } from './apiAccessLog.data'
  45 +import * as ApiAccessLogApi from '@/api/infra/apiAccessLog'
  46 +const { t } = useI18n() // 国际化
  47 +
  48 +// 列表相关的变量
  49 +const xGrid = ref<VxeGridInstance>() // 列表 Grid Ref
  50 +const { gridOptions } = useVxeGrid<ApiAccessLogApi.ApiAccessLogVO>({
  51 + allSchemas: allSchemas,
  52 + topActionSlots: false,
  53 + getListApi: ApiAccessLogApi.getApiAccessLogPageApi
  54 +})
  55 +// ========== 详情相关 ==========
  56 +const detailRef = ref() // 详情 Ref
  57 +const dialogVisible = ref(false) // 是否显示弹出层
  58 +const dialogTitle = ref('') // 弹出层标题
  59 +
  60 +// 详情操作
  61 +const handleDetail = (row: ApiAccessLogApi.ApiAccessLogVO) => {
  62 + // 设置数据
  63 + detailRef.value = row
  64 + dialogTitle.value = t('action.detail')
  65 + dialogVisible.value = true
  66 +}
  67 +</script>
... ...
yudao-ui-admin-vue3/src/views/infra/apiErrorLog/apiErrorLog.data.ts
  View file @fd4bc8c
1 1 import { reactive } from 'vue'
2   -import { useI18n } from '@/hooks/web/useI18n'
3   -import { CrudSchema, useCrudSchemas } from '@/hooks/web/useCrudSchemas'
4 2 import { DICT_TYPE } from '@/utils/dict'
5   -const { t } = useI18n() // 国际化
  3 +import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
6 4  
7 5 // CrudSchema
8   -const crudSchemas = reactive<CrudSchema[]>([
9   - {
10   - label: t('common.index'),
11   - field: 'id',
12   - type: 'index'
13   - },
14   - {
15   - label: '链路追踪',
16   - field: 'traceId'
17   - },
18   - {
19   - label: '用户编号',
20   - field: 'userId',
21   - search: {
22   - show: true
23   - }
24   - },
25   - {
26   - label: '用户类型',
27   - field: 'userType',
28   - dictType: DICT_TYPE.USER_TYPE,
29   - search: {
30   - show: true
31   - }
32   - },
33   - {
34   - label: '应用名',
35   - field: 'applicationName',
36   - search: {
37   - show: true
38   - }
39   - },
40   - {
41   - label: '请求方法名',
42   - field: 'requestMethod'
43   - },
44   - {
45   - label: '请求地址',
46   - field: 'requestUrl',
47   - search: {
48   - show: true
49   - }
50   - },
51   - {
52   - label: '异常发生时间',
53   - field: 'exceptionTime',
54   - search: {
55   - show: true,
56   - component: 'DatePicker',
57   - componentProps: {
58   - type: 'datetimerange',
59   - valueFormat: 'YYYY-MM-DD HH:mm:ss',
60   - defaultTime: [new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)]
  6 +const crudSchemas = reactive<VxeCrudSchema>({
  7 + primaryKey: 'id',
  8 + primaryType: 'seq',
  9 + action: true,
  10 + actionWidth: '300',
  11 + columns: [
  12 + {
  13 + title: '链路追踪',
  14 + field: 'traceId',
  15 + isTable: false
  16 + },
  17 + {
  18 + title: '用户编号',
  19 + field: 'userId',
  20 + isSearch: true
  21 + },
  22 + {
  23 + title: '用户类型',
  24 + field: 'userType',
  25 + dictType: DICT_TYPE.USER_TYPE,
  26 + isSearch: true
  27 + },
  28 + {
  29 + title: '应用名',
  30 + field: 'applicationName',
  31 + isSearch: true
  32 + },
  33 + {
  34 + title: '请求方法名',
  35 + field: 'requestMethod'
  36 + },
  37 + {
  38 + title: '请求地址',
  39 + field: 'requestUrl',
  40 + isSearch: true
  41 + },
  42 + {
  43 + title: '异常发生时间',
  44 + field: 'exceptionTime',
  45 + formatter: 'formatDate',
  46 + search: {
  47 + show: true,
  48 + itemRender: {
  49 + name: 'XDataTimePicker'
  50 + }
61 51 }
62   - }
63   - },
64   - {
65   - label: '异常名',
66   - field: 'exceptionName'
67   - },
68   - {
69   - label: '处理状态',
70   - field: 'processStatus',
71   - dictType: DICT_TYPE.INFRA_API_ERROR_LOG_PROCESS_STATUS,
72   - dictClass: 'number',
73   - search: {
74   - show: true
75   - }
76   - },
77   - {
78   - label: '处理人',
79   - field: 'processUserId'
80   - },
81   - {
82   - label: '处理时间',
83   - field: 'processTime'
84   - },
85   - {
86   - label: t('table.action'),
87   - field: 'action',
88   - width: '300px',
89   - form: {
90   - show: false
91 52 },
92   - detail: {
93   - show: false
  53 + {
  54 + title: '异常名',
  55 + field: 'exceptionName'
  56 + },
  57 + {
  58 + title: '处理状态',
  59 + field: 'processStatus',
  60 + dictType: DICT_TYPE.INFRA_API_ERROR_LOG_PROCESS_STATUS,
  61 + dictClass: 'number',
  62 + isSearch: true
  63 + },
  64 + {
  65 + title: '处理人',
  66 + field: 'processUserId',
  67 + isTable: false
  68 + },
  69 + {
  70 + title: '处理时间',
  71 + field: 'processTime',
  72 + formatter: 'formatDate',
  73 + isTable: false
94 74 }
95   - }
96   -])
97   -export const { allSchemas } = useCrudSchemas(crudSchemas)
  75 + ]
  76 +})
  77 +export const { allSchemas } = useVxeCrudSchemas(crudSchemas)
... ...
yudao-ui-admin-vue3/src/views/infra/apiErrorLog/index.vue
  View file @fd4bc8c
  1 +<template>
  2 + <ContentWrap>
  3 + <!-- 列表 -->
  4 + <vxe-grid ref="xGrid" v-bind="gridOptions" class="xtable-scrollbar">
  5 + <!-- 操作：导出 -->
  6 + <template #toolbar_buttons>
  7 + <XButton
  8 + type="warning"
  9 + preIcon="ep:download"
  10 + :title="t('action.export')"
  11 + @click="handleExport()"
  12 + />
  13 + </template>
  14 + <template #duration_default="{ row }">
  15 + <span>{{ row.duration + 'ms' }}</span>
  16 + </template>
  17 + <template #resultCode_default="{ row }">
  18 + <span>{{ row.resultCode === 0 ? '成功' : '失败(' + row.resultMsg + ')' }}</span>
  19 + </template>
  20 + <template #actionbtns_default="{ row }">
  21 + <!-- 操作：详情 -->
  22 + <XTextButton
  23 + preIcon="ep:view"
  24 + :title="t('action.detail')"
  25 + v-hasPermi="['infra:api-access-log:query']"
  26 + @click="handleDetail(row)"
  27 + />
  28 + <XTextButton
  29 + preIcon="ep:cpu"
  30 + title="已处理"
  31 + v-if="row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT"
  32 + v-hasPermi="['infra:api-error-log:update-status']"
  33 + @click="handleProcessClick(row, InfraApiErrorLogProcessStatusEnum.DONE, '已处理')"
  34 + />
  35 + <XTextButton
  36 + preIcon="ep:mute-notification"
  37 + title="已忽略"
  38 + v-if="row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT"
  39 + v-hasPermi="['infra:api-error-log:update-status']"
  40 + @click="handleProcessClick(row, InfraApiErrorLogProcessStatusEnum.IGNORE, '已忽略')"
  41 + />
  42 + </template>
  43 + </vxe-grid>
  44 + </ContentWrap>
  45 + <XModal v-model="dialogVisible" :title="dialogTitle">
  46 + <!-- 对话框(详情) -->
  47 + <Descriptions :schema="allSchemas.detailSchema" :data="detailRef" />
  48 + <!-- 操作按钮 -->
  49 + <template #footer>
  50 + <el-button @click="dialogVisible = false">{{ t('dialog.close') }}</el-button>
  51 + </template>
  52 + </XModal>
  53 +</template>
1 54 <script setup lang="ts">
2 55 import { ref } from 'vue'
3   -import dayjs from 'dayjs'
4   -import { DICT_TYPE } from '@/utils/dict'
5   -import { useTable } from '@/hooks/web/useTable'
6 56 import { useI18n } from '@/hooks/web/useI18n'
7   -import type { ApiErrorLogVO } from '@/api/infra/apiErrorLog/types'
  57 +import { useVxeGrid } from '@/hooks/web/useVxeGrid'
  58 +import { VxeGridInstance } from 'vxe-table'
8 59 import { allSchemas } from './apiErrorLog.data'
9 60 import * as ApiErrorLogApi from '@/api/infra/apiErrorLog'
10 61 import { InfraApiErrorLogProcessStatusEnum } from '@/utils/constants'
... ... @@ -13,113 +64,45 @@ const message = useMessage()
13 64 const { t } = useI18n() // 国际化
14 65  
15 66 // ========== 列表相关 ==========
16   -const { register, tableObject, methods } = useTable<ApiErrorLogVO>({
  67 +const xGrid = ref<VxeGridInstance>() // 列表 Grid Ref
  68 +const { gridOptions, getList, exportList } = useVxeGrid<ApiErrorLogApi.ApiErrorLogVO>({
  69 + allSchemas: allSchemas,
17 70 getListApi: ApiErrorLogApi.getApiErrorLogPageApi,
18 71 exportListApi: ApiErrorLogApi.exportApiErrorLogApi
19 72 })
20   -const { getList, setSearchParams, exportList } = methods
21   -
22 73 // ========== 详情相关 ==========
23 74 const detailRef = ref() // 详情 Ref
24 75 const dialogVisible = ref(false) // 是否显示弹出层
25 76 const dialogTitle = ref('') // 弹出层标题
26 77  
27 78 // 详情操作
28   -const handleDetail = (row: ApiErrorLogVO) => {
  79 +const handleDetail = (row: ApiErrorLogApi.ApiErrorLogVO) => {
29 80 // 设置数据
30 81 detailRef.value = row
31 82 dialogTitle.value = t('action.detail')
32 83 dialogVisible.value = true
33 84 }
  85 +// 导出
  86 +const handleExport = async () => {
  87 + await exportList(xGrid, '错误数据.xls')
  88 +}
34 89 // 异常处理操作
35   -const handleProcessClick = (row: ApiErrorLogVO, processSttatus: number, type: string) => {
  90 +const handleProcessClick = (
  91 + row: ApiErrorLogApi.ApiErrorLogVO,
  92 + processSttatus: number,
  93 + type: string
  94 +) => {
36 95 message
37 96 .confirm('确认标记为' + type + '?', t('common.reminder'))
38 97 .then(async () => {
39 98 ApiErrorLogApi.updateApiErrorLogPageApi(row.id, processSttatus).then(() => {
40 99 message.success(t('common.updateSuccess'))
41   - getList()
42 100 })
43 101 })
  102 + .finally(async () => {
  103 + // 刷新列表
  104 + await getList(xGrid)
  105 + })
44 106 .catch(() => {})
45 107 }
46   -// ========== 初始化 ==========
47   -getList()
48 108 </script>
49   -
50   -<template>
51   - <!-- 搜索工作区 -->
52   - <ContentWrap>
53   - <Search :schema="allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
54   - </ContentWrap>
55   - <ContentWrap>
56   - <el-button v-hasPermi="['infra:api-error-log:export']" @click="exportList('错误数据.xls')">
57   - <Icon icon="ep:download" class="mr-5px" /> {{ t('action.export') }}
58   - </el-button>
59   - <!-- 列表 -->
60   - <Table
61   - :columns="allSchemas.tableColumns"
62   - :selection="false"
63   - :data="tableObject.tableList"
64   - :loading="tableObject.loading"
65   - :pagination="{
66   - total: tableObject.total
67   - }"
68   - v-model:pageSize="tableObject.pageSize"
69   - v-model:currentPage="tableObject.currentPage"
70   - @register="register"
71   - >
72   - <template #userType="{ row }">
73   - <DictTag :type="DICT_TYPE.USER_TYPE" :value="row.userType" />
74   - </template>
75   - <template #processStatus="{ row }">
76   - <DictTag :type="DICT_TYPE.INFRA_API_ERROR_LOG_PROCESS_STATUS" :value="row.processStatus" />
77   - </template>
78   - <template #exceptionTime="{ row }">
79   - <span>{{ dayjs(row.exceptionTime).format('YYYY-MM-DD HH:mm:ss') }}</span>
80   - </template>
81   - <template #processTime="{ row }">
82   - <span v-if="row.processTime">{{
83   - dayjs(row.processTime).format('YYYY-MM-DD HH:mm:ss')
84   - }}</span>
85   - </template>
86   - <template #action="{ row }">
87   - <el-button
88   - link
89   - type="primary"
90   - v-hasPermi="['infra:api-error-log:export']"
91   - @click="handleDetail(row)"
92   - >
93   - <Icon icon="ep:view" class="mr-1px" /> {{ t('action.detail') }}
94   - </el-button>
95   - <el-button
96   - link
97   - type="primary"
98   - v-if="row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT"
99   - v-hasPermi="['infra:api-error-log:update-status']"
100   - @click="handleProcessClick(row, InfraApiErrorLogProcessStatusEnum.DONE, '已处理')"
101   - >
102   - <Icon icon="ep:cpu" class="mr-1px" /> 已处理
103   - </el-button>
104   - <el-button
105   - link
106   - type="primary"
107   - v-if="row.processStatus === InfraApiErrorLogProcessStatusEnum.INIT"
108   - v-hasPermi="['infra:api-error-log:update-status']"
109   - @click="handleProcessClick(row, InfraApiErrorLogProcessStatusEnum.IGNORE, '已忽略')"
110   - >
111   - <Icon icon="ep:mute-notification" class="mr-1px" /> 已忽略
112   - </el-button>
113   - </template>
114   - </Table>
115   - </ContentWrap>
116   -
117   - <XModal v-model="dialogVisible" :title="dialogTitle">
118   - <!-- 对话框(详情) -->
119   - <Descriptions :schema="allSchemas.detailSchema" :data="detailRef" />
120   - <!-- 操作按钮 -->
121   - <template #footer>
122   - <el-button @click="dialogVisible = false">{{ t('dialog.close') }}</el-button>
123   - </template>
124   - </XModal>
125   -</template>
... ...
yudao-ui-admin-vue3/src/views/system/errorCode/errorCode.data.ts
  View file @fd4bc8c
... ... @@ -45,8 +45,8 @@ const crudSchemas = reactive&lt;VxeCrudSchema&gt;({
45 45 field: 'createTime',
46 46 formatter: 'formatDate',
47 47 isForm: false,
48   - isSearch: true,
49 48 search: {
  49 + show: true,
50 50 itemRender: {
51 51 name: 'XDataTimePicker'
52 52 }
... ...