From 32f009f214afb6b70a0c26b682ab41135de2e15c Mon Sep 17 00:00:00 2001
From: dzc <2388224167@qq.com>
Date: Tue, 6 May 2025 12:37:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E7=AC=AC=E4=B8=89=E6=96=B9=E6=94=AF?=
 =?UTF-8?q?=E4=BB=98=E6=97=A5=E5=BF=97=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/thirdparty/third-pay-log/index.vue | 78 ++++++++++++++++----
 1 file changed, 62 insertions(+), 16 deletions(-)

diff --git a/src/views/thirdparty/third-pay-log/index.vue b/src/views/thirdparty/third-pay-log/index.vue
index d76a0b7..44100a6 100644
--- a/src/views/thirdparty/third-pay-log/index.vue
+++ b/src/views/thirdparty/third-pay-log/index.vue
@@ -1,6 +1,23 @@
 <template>
 	<div class="layout-padding">
 		<div class="layout-padding-auto layout-padding-view">
+			<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
+				<el-form-item style="width: 250px" label="发起方" prop="paySourceType">
+					<dict-select v-model="state.queryForm.apiType" dict-code="third_key_type" />
+				</el-form-item>
+				<el-form-item style="width: 250px" label="接口类型" prop="bizType">
+					<dict-select v-model="state.queryForm.bizType" dict-code="third_pay_api_type" />
+				</el-form-item>
+				<el-form-item style="width: 400px" 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>
 				<div class="mb8" style="width: 100%">
 					<el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()" v-auth="'third_thirdPayLog_add'">
@@ -35,24 +52,53 @@
 				@selection-change="selectionChangHandle"
 				@sort-change="sortChangeHandle"
 			>
-				<el-table-column type="selection" width="40" align="center" />
-				<el-table-column type="index" label="#" width="40" />
-				<el-table-column prop="paySourceType" label="支付发起方类型id" show-overflow-tooltip />
-				<el-table-column prop="bizType" label="支付类型" show-overflow-tooltip />
-				<el-table-column prop="bizId" label="支付类型id" show-overflow-tooltip />
-				<el-table-column prop="apiUrl" label="api-url" show-overflow-tooltip />
-				<el-table-column prop="res" label="res" show-overflow-tooltip />
-				<el-table-column prop="req" label="req" show-overflow-tooltip />
-				<el-table-column prop="error" label="调用错误" show-overflow-tooltip />
-				<el-table-column prop="timeConsuming" label="耗时(毫秒)" show-overflow-tooltip />
-				<el-table-column label="操作" width="150">
+				<el-table-column type="index" label="#" width="80" />
+				<el-table-column prop="paySourceType" label="发起方" width="120">
+					<template #default="{ row }">
+						<dict-tag :options="third_key_type" :value="row.paySourceType" />
+					</template>
+				</el-table-column>
+				<el-table-column prop="bizType" label="接口类型" width="120">
+					<template #default="{ row }">
+						<dict-tag :options="third_pay_api_type" :value="row.bizType" />
+					</template>
+				</el-table-column>
+				<el-table-column prop="apiUrl" label="api-url" width="250" />
+				<el-table-column prop="res" label="res" width="180">
+					<template #default="{ row }">
+						<preview-json :json="row.res" />
+					</template>
+				</el-table-column>
+				<el-table-column prop="req" label="req" width="180">
+					<template #default="{ row }">
+						<preview-json :json="row.req" />
+					</template>
+				</el-table-column>
+				<el-table-column prop="error" label="调用错误" width="180"></el-table-column>
+				<el-table-column prop="timeConsuming" label="耗时(毫秒)" width="180"></el-table-column>
+				<el-table-column prop="createTime" label="调用时间" width="180" />
+				<el-table-column label="操作" fixed="right" width="80" v-if="false">
 					<template #default="scope">
-						<el-button icon="edit-pen" text type="primary" v-auth="'third_thirdPayLog_edit'" @click="formDialogRef.openDialog(scope.row.id)"
-							>编辑</el-button
+						<el-button
+							v-if="false"
+							icon="edit-pen"
+							text
+							type="primary"
+							v-auth="'third_thirdPayLog_edit'"
+							@click="formDialogRef.openDialog(scope.row.id)"
 						>
-						<el-button icon="delete" text type="primary" v-auth="'third_thirdPayLog_del'" @click="handleDelete([scope.row.id])"
-							>删除</el-button
+							编辑
+						</el-button>
+						<el-button
+							v-if="false"
+							icon="delete"
+							text
+							type="primary"
+							v-auth="'third_thirdPayLog_del'"
+							@click="handleDelete([scope.row.id])"
 						>
+							删除
+						</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -73,7 +119,7 @@ import { useDict } from "/@/hooks/dict"
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import("./form.vue"))
 // 定义查询字典
-
+const { third_key_type, third_pay_api_type } = useDict("third_key_type", "third_pay_api_type")
 // 定义变量内容
 const formDialogRef = ref()
 // 搜索变量