|  |  | 
 |  |  | import { logout } from '@/config.js'; | 
 |  |  | import EditView from './edit.vue' | 
 |  |  | import { formatMessage } from '@/utils/localeUtils.js'; | 
 |  |  | import useTableSearch from '@/utils/tableUtils.jsx'; | 
 |  |  | const context = getCurrentInstance()?.appContext.config.globalProperties; | 
 |  |  |  | 
 |  |  | const router = useRouter(); | 
 |  |  | 
 |  |  | let tableData = ref([]); | 
 |  |  | getPage(); | 
 |  |  |  | 
 |  |  | const { | 
 |  |  |   getColumnSearchProps, | 
 |  |  | } = useTableSearch(); | 
 |  |  |  | 
 |  |  | const columns = [ | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.namespace', '名称空间'), | 
 |  |  |             dataIndex: 'namespace', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.url', '接口地址'), | 
 |  |  |             dataIndex: 'url', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.appkey', '平台密钥'), | 
 |  |  |             dataIndex: 'appkey', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.timestamp', '时间戳'), | 
 |  |  |             dataIndex: 'timestamp', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.client_ip', '客户端IP'), | 
 |  |  |             dataIndex: 'clientIp', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.request', '请求内容'), | 
 |  |  |             dataIndex: 'request', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.response', '响应内容'), | 
 |  |  |             dataIndex: 'response', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.spend_time', '消耗时间'), | 
 |  |  |             dataIndex: 'spendTime', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.err', '异常内容'), | 
 |  |  |             dataIndex: 'err', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.result', '结果'), | 
 |  |  |             dataIndex: 'result$', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.user_id', '用户'), | 
 |  |  |             dataIndex: 'userId$', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.create_time', '添加时间'), | 
 |  |  |             dataIndex: 'createTime$', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             title: formatMessage('db.sys_operation_record.memo', '备注'), | 
 |  |  |             dataIndex: 'memo', | 
 |  |  |             width: 140, | 
 |  |  |             ellipsis: true, | 
 |  |  |         }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.namespace', '名称空间'), | 
 |  |  |     dataIndex: 'namespace', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('namespace'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.url', '接口地址'), | 
 |  |  |     dataIndex: 'url', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('url'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.appkey', '平台密钥'), | 
 |  |  |     dataIndex: 'appkey', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('appkey'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.timestamp', '时间戳'), | 
 |  |  |     dataIndex: 'timestamp', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('timestamp'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.client_ip', '客户端IP'), | 
 |  |  |     dataIndex: 'clientIp', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('clientIp'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.request', '请求内容'), | 
 |  |  |     dataIndex: 'request', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('request'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.response', '响应内容'), | 
 |  |  |     dataIndex: 'response', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('response'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.spend_time', '消耗时间'), | 
 |  |  |     dataIndex: 'spendTime', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('spendTime'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.err', '异常内容'), | 
 |  |  |     dataIndex: 'err', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('err'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.result', '结果'), | 
 |  |  |     dataIndex: 'result$', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('result$'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.user_id', '用户'), | 
 |  |  |     dataIndex: 'userId$', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('userId$'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.create_time', '添加时间'), | 
 |  |  |     dataIndex: 'createTime$', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('createTime$'), | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     title: formatMessage('db.sys_operation_record.memo', '备注'), | 
 |  |  |     dataIndex: 'memo', | 
 |  |  |     width: 140, | 
 |  |  |     ellipsis: true, | 
 |  |  |     ...getColumnSearchProps('memo'), | 
 |  |  |   }, | 
 |  |  |  | 
 |  |  |   { | 
 |  |  |     title: formatMessage('common.operation', '操作'), |