zianxin/jh-military-admin
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:配置

Browse Source
This commit is contained in:
dzc committed 2025-08-05 10:10:14 +08:00
1 parent 853cf811fa
commit be9b2f1f11
16 files changed
+369 -64
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

package.json
+8 -7
View File
@@ -16,17 +16,12 @@
"@axolo/json-editor-vue": "^0.3.2",
"@chenfengyuan/vue-qrcode": "^2.0.0",
"@element-plus/icons-vue": "^2.0.10",
"@form-create/element-ui": "3.2.16",
"@microsoft/fetch-event-source": "^2.0.1",
"@popperjs/core": "2.11.8",
"@vueuse/core": "^10.4.1",
"@wangeditor/editor": "5.1.23",
"@wangeditor/editor-for-vue": "5.1.12",
"@microsoft/fetch-event-source": "^2.0.1",
"marked": "^12.0.2",
"markmap-common": "0.15.6",
"markmap-lib": "0.15.8",
"markmap-view": "0.15.8",
"@form-create/element-ui": "3.2.16",
"form-create-designer": "3.2.10-oem",
"autoprefixer": "^10.4.7",
"axios": "^1.3.3",
"codemirror": "5.65.5",
@@ -35,11 +30,16 @@
"driver.js": "^0.9.8",
"echarts": "^5.4.1",
"element-plus": "2.5.5",
"form-create-designer": "3.2.10-oem",
"highlight.js": "^11.7.0",
"js-base64": "^3.7.7",
"js-cookie": "^3.0.1",
"json-editor-vue3": "^1.1.1",
"lodash": "^4.17.21",
"marked": "^12.0.2",
"markmap-common": "0.15.6",
"markmap-lib": "0.15.8",
"markmap-view": "0.15.8",
"mitt": "^3.0.0",
"nprogress": "^0.2.0",
"pinia": "2.0.32",
@@ -56,6 +56,7 @@
"vue-clipboard3": "^2.0.0",
"vue-echarts": "6.6.1",
"vue-i18n": "9.2.2",
"vue-json-pretty": "^2.5.0",
"vue-router": "^4.1.6",
"vue3-tree-org": "^4.2.2",
"vue3-video-play": "1.3.1-beta.6",
pnpm-lock.yaml
Generated
+13
View File
@@ -137,6 +137,9 @@ importers:
vue-i18n:
specifier: 9.2.2
version: 9.2.2(vue@3.4.15(typescript@4.9.5))
vue-json-pretty:
specifier: ^2.5.0
version: 2.5.0(vue@3.4.15(typescript@4.9.5))
vue-router:
specifier: ^4.1.6
version: 4.5.1(vue@3.4.15(typescript@4.9.5))
@@ -2951,6 +2954,12 @@ packages:
peerDependencies:
vue: ^3.0.0
vue-json-pretty@2.5.0:
resolution: {integrity: sha512-nZA6qXYaiMaE2J0HkKtkrLcPJoN03SDSBdZWEPiRwoOVySWOfoZCyadhBwBN6wAHTga+c/R49ExGWoKFXnu37A==}
engines: {node: '>= 10.0.0', npm: '>= 5.0.0'}
peerDependencies:
vue: '>=3.0.0'
vue-router@4.5.1:
resolution: {integrity: sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==}
peerDependencies:
@@ -5905,6 +5914,10 @@ snapshots:
'@vue/devtools-api': 6.6.4
vue: 3.4.15(typescript@4.9.5)
vue-json-pretty@2.5.0(vue@3.4.15(typescript@4.9.5)):
dependencies:
vue: 3.4.15(typescript@4.9.5)
vue-router@4.5.1(vue@3.4.15(typescript@4.9.5)):
dependencies:
'@vue/devtools-api': 6.6.4
src/api/thirdSelf/thirdKeyManage.ts
+3 -3
View File
@@ -41,9 +41,9 @@ export function putObj(obj?: Object) {
export function getUrl(obj: any) {
return request({
url: '/admin/thirdSelf/getUrl',
method: 'post',
data: obj
url: '/admin/thirdSelf/openApi/getUrl',
method: 'get',
params: obj
})
}
src/api/thirdSelf/thirdLog.ts
+5 -5
View File
@@ -2,7 +2,7 @@ import request from "/@/utils/request"
export function fetchList(query?: Object) {
return request({
url: '/third/thirdLog/page',
url: '/admin/thirdSelf/thirdLog/page',
method: 'get',
params: query
})
@@ -10,7 +10,7 @@ export function fetchList(query?: Object) {
export function addObj(obj?: Object) {
return request({
url: '/third/thirdLog',
url: '/admin/thirdSelf/thirdLog',
method: 'post',
data: obj
})
@@ -18,14 +18,14 @@ export function addObj(obj?: Object) {
export function getObj(id?: string) {
return request({
url: '/third/thirdLog/' + id,
url: '/admin/thirdSelf/thirdLog/' + id,
method: 'get'
})
}
export function delObjs(ids?: Object) {
return request({
url: '/third/thirdLog',
url: '/admin/thirdSelf/thirdLog',
method: 'delete',
data: ids
})
@@ -33,7 +33,7 @@ export function delObjs(ids?: Object) {
export function putObj(obj?: Object) {
return request({
url: '/third/thirdLog',
url: '/admin/thirdSelf/thirdLog',
method: 'put',
data: obj
})
src/components/PreviewJson/index.vue
+55
View File
@@ -0,0 +1,55 @@
<template>
<div>
<el-button :style="jsonViewStyle" type="text" link @click="jsonViewVisible = true">
<div :style="jsonViewStyle" class="json-view">{{ jsonView }}</div>
</el-button>
<el-dialog append-to-body v-model="jsonViewVisible">
<vue-json-pretty :data="jsonData" showLength showLineNumber showIcon :collapsedOnClickBrackets="false" />
<template #footer>
<el-button @click="jsonViewVisible = false">关闭</el-button>
</template>
</el-dialog>
</div>
</template>
<script lang="ts" setup name="preview-json">
import VueJsonPretty from "vue-json-pretty"
import "vue-json-pretty/lib/styles.css"
type Props = {
width?: number
json?: string
}
const props = withDefaults(defineProps<Props>(), {
width: 0,
json: "",
})
const jsonViewVisible = ref<boolean>(false)
const jsonData = computed(() => {
if (!props.json) return ""
if (typeof props.json == "string") return JSON.parse(props.json)
return props.json
})
const jsonView = computed(() => {
if (!props.json) return ""
if (typeof props.json != "string") return JSON.stringify(props.json)
return props.json
})
const jsonViewStyle = computed(() => {
if (!props.width) return { width: "160px !important" }
return { width: `${props.width}px !important` }
})
</script>
<style lang="scss" scoped>
.json-view {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
src/components/index.ts
+4
View File
@@ -27,6 +27,8 @@ import SelectDevice from "/@/components/Select/SelectDevice.vue"
import ColumnBtn from "/@/components/Column/ColumnBtn.vue"
import PreviewJson from "/@/components/PreviewJson/index.vue"
// import DictSelect from "/@/components/DictSelect/index.vue"
// 第三方组件
@@ -80,6 +82,8 @@ export default {
app.component('ColumnBtn', ColumnBtn);
app.component('PreviewJson', PreviewJson);
// 导入全部的elmenet-plus的图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component);
src/views/api/carLog/carLogViewDialog.vue
+19
View File
@@ -0,0 +1,19 @@
<template>
<el-dialog title="道闸预览数据" v-model="visible" :close-on-click-modal="false" draggable>
</el-dialog>
</template>
<script setup lang="ts" name="carLogViewDialog">
const visible = ref(false)
const loading = ref(false)
// 打开弹窗
const openDialog = (id: string) => {
visible.value = true
}
// 暴露变量
defineExpose({
openDialog
});
</script>
src/views/api/carLog/index.vue
+55 -7
View File
@@ -3,20 +3,27 @@
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<el-row shadow="hover" :gutter="10" v-show="showSearch" class="ml10">
<el-col :span="6">
<el-form-item label="触发日期" prop="createTimeList">
<el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
<el-form-item style="width: 250px;" label="请求url" prop="url">
<el-input v-model="state.queryForm.url" placeholder="请输入请求url" />
</el-form-item>
<el-form-item style="width: 250px;" label="请求方法" prop="method">
<el-input v-model="state.queryForm.method" placeholder="请输入请求方法" />
</el-form-item>
<el-form-item style="width: 250px;" label="请求类型" prop="type">
<el-input v-model="state.queryForm.type" placeholder="请输入请求类型" />
</el-form-item>
<el-form-item style="width: 350px;" label="触发日期" prop="createTimeList">
<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD"
type="daterange" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item>
<el-button icon="search" type="primary" @click="getDataList">
{{ $t('common.queryBtn') }}
</el-button>
<el-button icon="Refresh" @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-row>
<div class="mb8" style="width: 100%">
@@ -27,11 +34,46 @@
<el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
@sort-change="sortChangeHandle">
<el-table-column type="selection" width="40" align="center" />
<el-table-column type="index" label="#" width="80" />
<el-table-column prop="url" label="请求url" width="150" show-overflow-tooltip />
<el-table-column prop="method" label="请求方法" width="100" />
<el-table-column prop="type" label="请求类型" width="150" />
<el-table-column prop="headers" label="请求头" width="200px">
<template #default="{ row }">
<preview-json :json="row.headers" />
</template>
</el-table-column>
<el-table-column prop="req" label="请求参数" width="200px">
<template #default="{ row }">
<preview-json :json="row.req" />
</template>
</el-table-column>
<el-table-column prop="res" label="请求响应" width="200px">
<template #default="{ row }">
<preview-json :json="row.res" />
</template>
</el-table-column>
<el-table-column prop="errorMsg" label="错误简要信息" width="200px" show-overflow-tooltip />
<el-table-column prop="errorStack" label="错误堆栈信息" width="200px" />
<el-table-column prop="createTime" label="调用时间" width="180px" />
<el-table-column label="操作" width="100px" fixed="right">
<template #default="{ row }">
<el-button icon="InfoFilled" text type="primary"
@click="carLogViewDialogRef.openDialog(row.id)">预览</el-button>
</template>
</el-table-column>
</el-table>
<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
v-bind="state.pagination" />
<carLog-view-dialog ref="carLogViewDialogRef" />
</div>
</div>
</template>
@@ -43,6 +85,10 @@ import { useDict } from '/@/hooks/dict';
import * as ComDhLogApi from "/@/api/com/comDhLog";
const CarLogViewDialog = defineAsyncComponent(() => import('./carLogViewDialog.vue'));
const carLogViewDialogRef = ref()
// 搜索变量
const queryRef = ref()
const showSearch = ref(true)
@@ -52,7 +98,9 @@ const selectObjs = ref([]) as any
const multiple = ref(true)
const state: BasicTableProps = reactive<BasicTableProps>({
queryForm: {},
queryForm: {
typeList: ["车辆进出数据", "过车数据"]
},
pageList: ComDhLogApi.fetchList
})
src/views/api/deviceLog/deviceLogViewDialog.vue
+19
View File
@@ -0,0 +1,19 @@
<template>
<el-dialog title="监控预览数据" v-model="visible" :close-on-click-modal="false" draggable>
</el-dialog>
</template>
<script setup lang="ts" name="deviceLogViewDialog">
const visible = ref(false)
const loading = ref(false)
// 打开弹窗
const openDialog = (id: string) => {
visible.value = true
}
// 暴露变量
defineExpose({
openDialog
});
</script>
src/views/api/deviceLog/index.vue
+57 -7
View File
@@ -3,20 +3,27 @@
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<el-row shadow="hover" :gutter="10" v-show="showSearch" class="ml10">
<el-col :span="6">
<el-form-item label="触发日期" prop="createTimeList">
<el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
<el-form-item style="width: 250px;" label="请求url" prop="url">
<el-input v-model="state.queryForm.url" placeholder="请输入请求url" />
</el-form-item>
<el-form-item style="width: 250px;" label="请求方法" prop="method">
<el-input v-model="state.queryForm.method" placeholder="请输入请求方法" />
</el-form-item>
<el-form-item style="width: 250px;" label="请求类型" prop="type">
<el-input v-model="state.queryForm.type" placeholder="请输入请求类型" />
</el-form-item>
<el-form-item style="width: 350px;" label="触发日期" prop="createTimeList">
<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD"
type="daterange" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item>
<el-button icon="search" type="primary" @click="getDataList">
{{ $t('common.queryBtn') }}
</el-button>
<el-button icon="Refresh" @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-row>
<div class="mb8" style="width: 100%">
@@ -27,11 +34,48 @@
<el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
@sort-change="sortChangeHandle">
<el-table-column type="selection" width="40" align="center" />
<el-table-column type="index" label="#" width="80" />
<el-table-column prop="url" label="请求url" width="150" show-overflow-tooltip />
<el-table-column prop="method" label="请求方法" width="100" />
<el-table-column prop="type" label="请求类型" width="150" />
<el-table-column prop="headers" label="请求头" width="200px">
<template #default="{ row }">
<preview-json :json="row.headers" />
</template>
</el-table-column>
<el-table-column prop="req" label="请求参数" width="200px">
<template #default="{ row }">
<preview-json :json="row.req" />
</template>
</el-table-column>
<el-table-column prop="res" label="请求响应" width="200px">
<template #default="{ row }">
<preview-json :json="row.res" />
</template>
</el-table-column>
<el-table-column prop="errorMsg" label="错误简要信息" width="200px" show-overflow-tooltip />
<el-table-column prop="errorStack" label="错误堆栈信息" width="200px" />
<el-table-column prop="createTime" label="调用时间" width="180px" />
<el-table-column label="操作" width="100px" fixed="right">
<template #default="{ row }">
<el-button icon="InfoFilled" text type="primary"
@click="deviceLogViewDialogRef.openDialog(row.id)">预览</el-button>
</template>
</el-table-column>
</el-table>
<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
v-bind="state.pagination" />
<device-log-view-dialog ref="deviceLogViewDialogRef" />
</div>
</div>
</template>
@@ -43,6 +87,10 @@ import { useDict } from '/@/hooks/dict';
import * as ComDhLogApi from "/@/api/com/comDhLog";
const DeviceLogViewDialog = defineAsyncComponent(() => import('./deviceLogViewDialog.vue'));
const deviceLogViewDialogRef = ref()
// 搜索变量
const queryRef = ref()
const showSearch = ref(true)
@@ -52,7 +100,9 @@ const selectObjs = ref([]) as any
const multiple = ref(true)
const state: BasicTableProps = reactive<BasicTableProps>({
queryForm: {},
queryForm: {
typeList: ["设备分页查询", "设备通道分页查询"]
},
pageList: ComDhLogApi.fetchList
})
src/views/api/doorLog/doorLogViewDialog.vue
+19
View File
@@ -0,0 +1,19 @@
<template>
<el-dialog title="门禁预览数据" v-model="visible" :close-on-click-modal="false" draggable>
</el-dialog>
</template>
<script setup lang="ts" name="doorLogViewDialog">
const visible = ref(false)
const loading = ref(false)
// 打开弹窗
const openDialog = (id: string) => {
visible.value = true
}
// 暴露变量
defineExpose({
openDialog
});
</script>
src/views/api/doorLog/index.vue
+55 -7
View File
@@ -3,20 +3,27 @@
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<el-row shadow="hover" :gutter="10" v-show="showSearch" class="ml10">
<el-col :span="6">
<el-form-item label="触发日期" prop="createTimeList">
<el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
<el-form-item style="width: 250px;" label="请求url" prop="url">
<el-input v-model="state.queryForm.url" placeholder="请输入请求url" />
</el-form-item>
<el-form-item style="width: 250px;" label="请求方法" prop="method">
<el-input v-model="state.queryForm.method" placeholder="请输入请求方法" />
</el-form-item>
<el-form-item style="width: 250px;" label="请求类型" prop="type">
<el-input v-model="state.queryForm.type" placeholder="请输入请求类型" />
</el-form-item>
<el-form-item style="width: 350px;" label="触发日期" prop="createTimeList">
<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD"
type="daterange" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item>
<el-button icon="search" type="primary" @click="getDataList">
{{ $t('common.queryBtn') }}
</el-button>
<el-button icon="Refresh" @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-row>
<div class="mb8" style="width: 100%">
@@ -27,11 +34,46 @@
<el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
@sort-change="sortChangeHandle">
<el-table-column type="selection" width="40" align="center" />
<el-table-column type="index" label="#" width="80" />
<el-table-column prop="url" label="请求url" width="150" show-overflow-tooltip />
<el-table-column prop="method" label="请求方法" width="100" />
<el-table-column prop="type" label="请求类型" width="150" />
<el-table-column prop="headers" label="请求头" width="200px">
<template #default="{ row }">
<preview-json :json="row.headers" />
</template>
</el-table-column>
<el-table-column prop="req" label="请求参数" width="200px">
<template #default="{ row }">
<preview-json :json="row.req" />
</template>
</el-table-column>
<el-table-column prop="res" label="请求响应" width="200px">
<template #default="{ row }">
<preview-json :json="row.res" />
</template>
</el-table-column>
<el-table-column prop="errorMsg" label="错误简要信息" width="200px" show-overflow-tooltip />
<el-table-column prop="errorStack" label="错误堆栈信息" width="200px" />
<el-table-column prop="createTime" label="调用时间" width="180px" />
<el-table-column label="操作" width="100px" fixed="right">
<template #default="{ row }">
<el-button icon="InfoFilled" text type="primary"
@click="doorLogViewDialogRef.openDialog(row.id)">
预览
</el-button>
</template>
</el-table-column>
</el-table>
<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
v-bind="state.pagination" />
<door-log-view-dialog ref="doorLogViewDialogRef" />
</div>
</div>
</template>
@@ -43,6 +85,10 @@ import { useDict } from '/@/hooks/dict';
import * as ComDhLogApi from "/@/api/com/comDhLog";
const DoorLogViewDialog = defineAsyncComponent(() => import('./doorLogViewDialog.vue'));
const doorLogViewDialogRef = ref()
// 搜索变量
const queryRef = ref()
const showSearch = ref(true)
@@ -52,7 +98,9 @@ const selectObjs = ref([]) as any
const multiple = ref(true)
const state: BasicTableProps = reactive<BasicTableProps>({
queryForm: {},
queryForm: {
typeList: ["刷卡记录分页"]
},
pageList: ComDhLogApi.fetchList
})
src/views/third/thirdKeyManage/form.vue
+9 -9
View File
@@ -1,6 +1,6 @@
<template>
<el-dialog :title="form.id ? '编辑' : '新增'" v-model="visible" :close-on-click-modal="false" draggable>
<el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="120px" v-loading="loading">
<el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="140px" v-loading="loading">
<el-row :gutter="24">
<el-col :span="24" class="mb20">
<el-form-item label="应用名" prop="name">
@@ -15,14 +15,14 @@
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="登录名" prop="appUsername">
<el-input v-model="form.appUsername" placeholder="请输入登录名" />
<el-form-item label="第三方token" prop="appToken">
<el-input v-model="form.appToken" placeholder="请输入第三方token" />
</el-form-item>
</el-col>
<el-col :span="24" class="mb20">
<el-form-item label="登录密码" prop="appPassword">
<el-input v-model="form.appPassword" placeholder="请输入登录密码" />
<el-form-item label="第三方刷新token" prop="appRefreshToken">
<el-input v-model="form.appRefreshToken" placeholder="请输入第三方刷新token" />
</el-form-item>
</el-col>
@@ -80,8 +80,8 @@ const form = reactive({
remark: '',
enabled: '',
appKey: '',
appUsername: '',
appPassword: '',
appToken: '',
appRefreshToken: '',
env: '',
baseUrl: '',
});
@@ -90,8 +90,8 @@ const form = reactive({
const dataRules = ref({
name: [{ required: true, message: '应用名不能为空', trigger: 'blur' }],
appKey: [{ required: true, message: 'appKey不能为空', trigger: 'blur' }],
appUsername: [{ required: true, message: '登录名不能为空', trigger: 'blur' }],
appPassword: [{ required: true, message: '登录密码不能为空', trigger: 'blur' }],
appToken: [{ required: true, message: '第三方token不能为空', trigger: 'blur' }],
appRefreshToken: [{ required: true, message: '第三方刷新token不能为空', trigger: 'blur' }],
env: [{ required: true, message: '环境不能为空', trigger: 'blur' }],
baseUrl: [{ required: true, message: '基础请求路径不能为空', trigger: 'blur' }],
})
src/views/third/thirdKeyManage/index.vue
+6 -5
View File
@@ -42,8 +42,8 @@
<el-table-column type="index" label="#" min-width="80" />
<el-table-column prop="name" label="应用名" min-width="100" />
<el-table-column prop="appKey" label="appId" min-width="150" show-overflow-tooltip />
<el-table-column prop="appUsername" label="登录名" min-width="150" show-overflow-tooltip />
<el-table-column prop="appPassword" label="登录密码" min-width="150" show-overflow-tooltip />
<el-table-column prop="appToken" label="第三方token" min-width="150" show-overflow-tooltip />
<el-table-column prop="appRefreshToken" label="第三方刷新token" min-width="150" show-overflow-tooltip />
<el-table-column prop="baseUrl" label="基础请求路径" min-width="150" show-overflow-tooltip />
<el-table-column prop="env" label="环境" min-width="100">
<template #default="{ row }">
@@ -174,12 +174,13 @@ async function enableChange(row: any) {
// 访问第三方应用
async function toUrl(row: any) {
try {
const { data } = await ThirdKeyManageApi.getUrl({ appKey: row.appId })
const { data } = await ThirdKeyManageApi.getUrl({ appKey: row.appKey })
if (data) {
window.open(data, '_blank');
}
} catch (error) {
console.error(error);
} finally {
}
}
src/views/third/thirdApiLog/form.vue → src/views/third/thirdLog/form.vue
View File
File renamed without changes.
src/views/third/thirdApiLog/index.vue → src/views/third/thirdLog/index.vue
+42 -14
View File
@@ -1,6 +1,30 @@
<template>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<el-row shadow="hover" v-show="showSearch" class="ml10">
<el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
<el-form-item style="width: 250px;" label="请求url" prop="url">
<el-input v-model="state.queryForm.url" placeholder="请输入请求url" />
</el-form-item>
<el-form-item style="width: 250px;" label="请求方法" prop="method">
<el-input v-model="state.queryForm.method" placeholder="请输入请求方法" />
</el-form-item>
<el-form-item style="width: 250px;" label="请求类型" prop="type">
<el-input v-model="state.queryForm.type" placeholder="请输入请求类型" />
</el-form-item>
<el-form-item style="width: 350px;" label="请求时间" prop="createTimeList">
<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD" type="daterange" />
</el-form-item>
<el-form-item>
<el-button icon="search" type="primary" @click="getDataList">
{{ $t('common.queryBtn') }}
</el-button>
<el-button icon="Refresh" @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
</el-form-item>
</el-form>
</el-row>
<el-row>
<div class="mb8" style="width: 100%">
<el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()"
@@ -20,22 +44,26 @@
@sort-change="sortChangeHandle">
<el-table-column type="selection" width="40" align="center" />
<el-table-column type="index" label="#" width="40" />
<el-table-column prop="url" label="请求url" show-overflow-tooltip />
<el-table-column prop="method" label="请求方法" show-overflow-tooltip />
<el-table-column prop="type" label="请求类型" show-overflow-tooltip />
<el-table-column prop="headers" label="请求头" show-overflow-tooltip />
<el-table-column prop="req" label="请求参数" show-overflow-tooltip />
<el-table-column prop="res" label="请求响应" show-overflow-tooltip />
<el-table-column prop="errorMsg" label="错误简要信息" show-overflow-tooltip />
<el-table-column prop="errorStack" label="错误堆栈信息" show-overflow-tooltip />
<el-table-column label="操作" width="150">
<template #default="scope">
<el-button icon="edit-pen" text type="primary" v-auth="'third_thirdLog_edit'"
@click="formDialogRef.openDialog(scope.row.id)">编辑</el-button>
<el-button icon="delete" text type="primary" v-auth="'third_thirdLog_del'"
@click="handleDelete([scope.row.id])">删除</el-button>
<el-table-column prop="url" label="请求url" width="150" show-overflow-tooltip />
<el-table-column prop="method" label="请求方法" width="100" />
<el-table-column prop="type" label="请求类型" width="100" />
<el-table-column prop="headers" label="请求头" width="100" />
<el-table-column prop="req" label="请求参数" width="250">
<template #default="{ row }">
<preview-json :json="row.req" />
</template>
</el-table-column>
<el-table-column prop="res" label="请求响应" width="250">
<template #default="{ row }">
<preview-json :json="{ html: row.res }" />
</template>
</el-table-column>
<el-table-column prop="errorMsg" label="错误简要信息" width="150" show-overflow-tooltip />
<el-table-column prop="errorStack" label="错误堆栈信息" width="150" show-overflow-tooltip />
<el-table-column prop="createTime" label="请求时间" width="180" />
</el-table>
<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
</div>