|
|
@@ -5,14 +5,17 @@
|
|
|
<span>{{ form.module + '/' + OperationType[form.operatorType] }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="请求地址:">
|
|
|
- <span>{{ form.clientIp }}</span>
|
|
|
+ <span>{{ form.url }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="登录信息:">
|
|
|
- <span>{{ form.operatorName }}</span>
|
|
|
+ <span>{{ form.operatorName + '/' + form.clientIp}}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="请求方式:">
|
|
|
<span>{{ form.method }}</span>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="操作方法:">
|
|
|
+ <span>{{ form.operation }}</span>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="请求参数:">
|
|
|
<span >{{ form.params }}</span>
|
|
|
</el-form-item>
|
|
|
@@ -32,11 +35,11 @@
|
|
|
<script setup lang="ts">
|
|
|
import { reactive, ref } from 'vue';
|
|
|
import { queryOperationLogDetail } from '@/api/system/log';
|
|
|
-import { OpretionPageDetail } from '@/types/log/type';
|
|
|
+import { OperationPageDetail } from '@/types/log/type';
|
|
|
import { OperationType } from '@/types/log/constants';
|
|
|
|
|
|
const dialogTableVisible = ref(false);
|
|
|
-const form = reactive<OpretionPageDetail & { params: string, method: string, result: string }>({
|
|
|
+const form = reactive<OperationPageDetail & { params: string, method: string, result: string,url: string }>({
|
|
|
operatorType: '',
|
|
|
operatorName: '',
|
|
|
clientIp: '',
|
|
|
@@ -46,7 +49,9 @@ const form = reactive<OpretionPageDetail & { params: string, method: string, res
|
|
|
module: '',
|
|
|
params: '',
|
|
|
method: '',
|
|
|
- result: ''
|
|
|
+ result: '',
|
|
|
+ url: '',
|
|
|
+ operation: ''
|
|
|
})
|
|
|
|
|
|
/**
|
|
|
@@ -71,6 +76,7 @@ const loadDetailPage = async (id: number) => {
|
|
|
form.params = parsedData.params;
|
|
|
form.result = parsedData.result;
|
|
|
form.method = parsedData.method;
|
|
|
+ form.url = parsedData.url;
|
|
|
}
|
|
|
|
|
|
defineExpose({ open });
|