|
@@ -1,9 +1,7 @@
|
|
|
<template>
|
|
|
<div class="main animate__animated animate__backInRight" v-loading="loading">
|
|
|
- <custom-search-bar :fields="fields.filter((f) => f.isSearch)" v-model="searchForm" @search="search"
|
|
|
- @reset="toReset"> </custom-search-bar>
|
|
|
- <custom-table :data="list" :fields="fields" @query="search" :total="total" :opera="opera" @detail="toDetail">
|
|
|
- </custom-table>
|
|
|
+ <custom-search-bar :fields="fields.filter((f) => f.isSearch)" v-model="searchForm" @search="search" @reset="toReset"> </custom-search-bar>
|
|
|
+ <custom-table :data="list" :fields="fields" @query="search" :total="total" :opera="opera" @detail="toDetail"> </custom-table>
|
|
|
|
|
|
<el-dialog v-model="dialogShow" :title="dialogTitle" :destroy-on-close="false" @close="toClose" :top="dialogTop">
|
|
|
<el-form :data="form" label-width="150px" label-position="left">
|
|
@@ -33,9 +31,8 @@
|
|
|
<el-form-item :label="$t('pages.log_opera.ip')">
|
|
|
{{ getProp('ip') }}
|
|
|
</el-form-item>
|
|
|
-
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane :label="$t('pages.log_opera.viewTabs2')" name='2'>
|
|
|
+ <el-tab-pane :label="$t('pages.log_opera.viewTabs2')" name="2">
|
|
|
<el-form-item :label="$t('pages.log_opera.params')">
|
|
|
<params-table :data="form.params"></params-table>
|
|
|
</el-form-item>
|
|
@@ -46,7 +43,7 @@
|
|
|
<params-table :data="form.body"></params-table>
|
|
|
</el-form-item>
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane :label="$t('pages.log_opera.viewTabs3')" name='3'>
|
|
|
+ <el-tab-pane :label="$t('pages.log_opera.viewTabs3')" name="3">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
|
<el-row>
|
|
@@ -67,7 +64,6 @@
|
|
|
</el-row>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
-
|
|
|
</el-form>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
@@ -76,12 +72,12 @@
|
|
|
import dataView from './parts/dataView.vue'
|
|
|
import paramsTable from './parts/paramsTable.vue'
|
|
|
import { OperaLogsStore } from '@/store/api/log/opera'
|
|
|
-import { get } from 'lodash-es';
|
|
|
+import { get } from 'lodash-es'
|
|
|
import { onMounted } from 'vue'
|
|
|
const { t } = useI18n()
|
|
|
const store = OperaLogsStore()
|
|
|
const dialogShow = ref(false)
|
|
|
-const dialogTitle = t('pages.log_opera.dialogTitle');
|
|
|
+const dialogTitle = t('pages.log_opera.dialogTitle')
|
|
|
const dialogTop = '15vh'
|
|
|
const loading = ref(false)
|
|
|
const $checkRes = inject('$checkRes')
|
|
@@ -120,14 +116,13 @@ const fields = [
|
|
|
const opera = [{ label: t('common.detail'), method: 'detail' }]
|
|
|
|
|
|
const toDetail = (data) => {
|
|
|
- form.value = data;
|
|
|
- dialogShow.value = true;
|
|
|
+ form.value = data
|
|
|
+ dialogShow.value = true
|
|
|
}
|
|
|
const getProp = (prop) => {
|
|
|
return get(form.value, prop)
|
|
|
}
|
|
|
|
|
|
-
|
|
|
const toReset = async () => {
|
|
|
searchForm.value = {}
|
|
|
await search({ skip, limit })
|
|
@@ -136,6 +131,5 @@ const toClose = () => {
|
|
|
form.value = {}
|
|
|
dialogShow.value = false
|
|
|
}
|
|
|
-
|
|
|
</script>
|
|
|
<style scoped lang="scss"></style>
|