正元同步配置-错误展示

src/views/wallet/wallet-setting/components/third-zy/detail.vue

@@ -1,53 +1,18 @@
 <template>
-	<el-drawer v-model="visible" :title="data.title" size="30%">
+	<el-drawer v-model="visible" size="40%">
 		<div class="w-full">
 			<div
-				class="coding inverse-toggle px-5 pt-4 shadow-lg text-gray-100 text-sm font-mono subpixel-antialiased bg-gray-800 pb-6 pt-4 rounded-lg leading-normal overflow-hidden"
+				class="coding inverse-toggle px-5 shadow-lg text-gray-100 text-sm font-mono subpixel-antialiased bg-gray-800 pb-6 pt-4 rounded-lg leading-normal overflow-hidden"
 			>
 				<div class="top mb-2 flex">
 					<div class="h-3 w-3 bg-red-500 rounded-full"></div>
 					<div class="ml-2 h-3 w-3 bg-orange-300 rounded-full"></div>
 					<div class="ml-2 h-3 w-3 bg-green-500 rounded-full"></div>
 				</div>
-				<div class="mt-4 flex">
-					<span class="text-green-400">创建时间: </span>
+				<div class="mt-4">
+					<div class="text-green-400">错误信息:</div>
 					<p class="flex-1 typing items-center pl-2 whitespace-normal overflow-hidden break-all">
-						{{ data.createTime }}
-						<br />
-					</p>
-				</div>
-				<div class="mt-4 flex">
-					<span class="text-green-400">操作人: </span>
-					<p class="flex-1 typing items-center pl-2 whitespace-normal overflow-hidden break-all">
-						{{ data.createBy }}
-						<br />
-					</p>
-				</div>
-				<div class="mt-4 flex">
-					<span class="text-green-400">api名称: </span>
-					<p class="flex-1 typing items-center pl-2 whitespace-normal overflow-hidden break-all">
-						{{ data.error[0] }}
-						<br />
-					</p>
-				</div>
-				<div class="mt-4 flex">
-					<span class="text-green-400">api: </span>
-					<p class="flex-1 typing items-center pl-2 whitespace-normal overflow-hidden break-all">
-						{{ data.error[1] }}
-						<br />
-					</p>
-				</div>
-				<div class="mt-4 flex">
-					<span class="text-green-400">错误: </span>
-					<p class="flex-1 typing items-center pl-2 whitespace-normal overflow-hidden break-all">
-						{{ data.error[2] + "," + data.error[3] }}
-						<br />
-					</p>
-				</div>
-				<div class="mt-4 flex">
-					<span class="text-green-400">请求地址: </span>
-					<p class="flex-1 typing items-center pl-2 whitespace-normal overflow-hidden break-all">
-						{{ data.error[6] }}
+						{{ data }}
 						<br />
 					</p>
 				</div>
@@ -59,18 +24,18 @@
 <script setup lang="ts" name="log-detail">
 const visible = ref(false)
 
-const data = reactive({} as any)
+const data = ref({} as any)
 
-const openDialog = (row: any) => {
+const openDialog = (error: any) => {
 	visible.value = true
-
-	Object.assign(data, {
-		...row,
-		error: row.error
-			.split("stack")[0]
-			.split("|")
-			.filter((item: any) => item),
-	})
+	data.value = error
+	// Object.assign(data, {
+	// 	...row,
+	// 	error: row.error
+	// 		.split("stack")[0]
+	// 		.split("|")
+	// 		.filter((item: any) => item),
+	// })
 }
 
 // 暴露变量

src/views/wallet/wallet-setting/components/third-zy/index.vue

@@ -59,11 +59,12 @@
 				<el-table-column prop="error" label="调用错误" show-overflow-tooltip>
 					<template #default="{ row }">
 						<el-button
+							v-if="row.error"
 							icon="view"
-							@click="row.error && LogDetailRef.openDialog(row)"
+							@click="row.error && LogDetailRef.openDialog(row.error)"
 							size="small"
 							text
-							:type="row.error ? 'primary' : 'danger'"
+							type="primary"
 						>
 							详情
 						</el-button>