From c70bf3326036c367ce8b39d84f596d93d9cee4a8 Mon Sep 17 00:00:00 2001
From: 2910410219 <2910410219@qq.com>
Date: Fri, 15 May 2026 13:15:24 +0800
Subject: [PATCH] =?UTF-8?q?1.=20=E5=A2=9E=E5=8A=A0=E6=A0=A1=E9=AA=8C?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E5=BC=B9=E7=AA=97=E7=BB=84=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=9F=A5=E7=9C=8B=E7=B4=A0=E6=9D=90=E6=A0=A1?=
 =?UTF-8?q?=E9=AA=8C=E8=AF=A6=E6=83=85=202.=20=E8=B0=83=E6=95=B4=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E5=88=97=E5=92=8C=E6=93=8D=E4=BD=9C=E5=88=97=E5=AE=BD?=
 =?UTF-8?q?=E5=BA=A6=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=203.=20=E6=96=B0=E5=A2=9E=E6=97=A5=E5=BF=97=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=B1=BB=EF=BC=8C=E9=80=82=E9=85=8D=E4=B8=8D?=
 =?UTF-8?q?=E5=90=8C=E7=B1=BB=E5=9E=8B=E6=97=A5=E5=BF=97=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=204.=20=E7=A7=BB=E9=99=A4=E5=86=97=E4=BD=99=E7=9A=84=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=A4=B4=E9=83=A8=E6=A0=87=E9=A2=98=E5=92=8C=E6=8F=8F?=
 =?UTF-8?q?=E8=BF=B0=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ads/compliance/tencent/index.vue | 77 +++++++++++++++++++---
 1 file changed, 68 insertions(+), 9 deletions(-)

diff --git a/src/views/ads/compliance/tencent/index.vue b/src/views/ads/compliance/tencent/index.vue
index d16f5c0..16c207d 100644
--- a/src/views/ads/compliance/tencent/index.vue
+++ b/src/views/ads/compliance/tencent/index.vue
@@ -1,11 +1,6 @@
 <template>
 	<div class="ads-compliance-tencent">
 		<el-card shadow="hover" class="main-card">
-			<template #header
-				><div class="card-header"><span>素材送检状态管理</span></div></template
-			>
-			<p class="card-description">腾讯图片/视频素材自动校验系统 - 基于易盾内容安全检测</p>
-
 			<!-- Tabs -->
 			<el-tabs v-model="activeTab" @tab-click="handleTabClick" class="main-tabs">
 				<el-tab-pane label="图片素材" name="image">
@@ -56,7 +51,7 @@
 							<el-table :data="imageList" border style="width: 100%" v-loading="imageLoading">
 								<el-table-column prop="accountId" label="账户ID" width="120"></el-table-column>
 								<el-table-column prop="imageUsage" label="用途" width="120"></el-table-column>
-								<el-table-column label="预览" width="120">
+								<el-table-column label="预览" width="180">
 									<template #default="scope">
 										<img
 											v-if="scope.row.previewUrl"
@@ -74,9 +69,10 @@
 									</template>
 								</el-table-column>
 								<el-table-column prop="description" label="描述" min-width="200"></el-table-column>
-								<el-table-column label="操作" width="80" fixed="right">
+								<el-table-column label="操作" width="160" fixed="right">
 									<template #default="scope">
 										<el-button size="small" type="text" @click="verifyImage(scope.row.imageId)">送检</el-button>
+										<el-button size="small" type="text" @click="viewLog(scope.row)">查看日志</el-button>
 									</template>
 								</el-table-column>
 							</el-table>
@@ -142,7 +138,7 @@
 						<div class="table-wrapper">
 							<el-table :data="videoList" border style="width: 100%" v-loading="videoLoading">
 								<el-table-column prop="accountId" label="账户ID" width="120"></el-table-column>
-								<el-table-column label="预览" width="120">
+								<el-table-column label="预览" width="180">
 									<template #default="scope">
 										<div class="video-preview" @click="previewMedia(scope.row.previewUrl, 'video')">
 											<el-icon><VideoPlay style="font-size: 32px" /></el-icon>
@@ -157,9 +153,10 @@
 									</template>
 								</el-table-column>
 								<el-table-column prop="description" label="描述" min-width="200"></el-table-column>
-								<el-table-column label="操作" width="80" fixed="right">
+								<el-table-column label="操作" width="160" fixed="right">
 									<template #default="scope">
 										<el-button size="small" type="text" @click="verifyVideo(scope.row.videoId)">送检</el-button>
+										<el-button size="small" type="text" @click="viewLog(scope.row)">查看日志</el-button>
 									</template>
 								</el-table-column>
 							</el-table>
@@ -188,6 +185,22 @@
 				<video v-if="previewType === 'video'" :src="previewUrl" controls style="max-width: 100%"></video>
 			</div>
 		</el-dialog>
+
+		<!-- 日志对话框 -->
+		<el-dialog title="校验日志" v-model="logVisible" width="60%">
+			<el-table :data="currentLogList" border style="width: 100%">
+				<el-table-column prop="time" label="时间" width="180"></el-table-column>
+				<el-table-column prop="type" label="类型" width="120">
+					<template #default="scope">
+						<span :class="'table-status status-' + (scope.row.type || 'info').toLowerCase()">
+							{{ getLogTypeText(scope.row.type) }}
+						</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="message" label="日志内容"></el-table-column>
+			</el-table>
+			<div v-if="!currentLogList.length" style="text-align: center; color: #909399; padding: 40px">暂无日志记录</div>
+		</el-dialog>
 	</div>
 </template>
 
@@ -239,6 +252,10 @@ const previewVisible = ref(false);
 const previewUrl = ref('');
 const previewType = ref('image');
 
+// 日志对话框
+const logVisible = ref(false);
+const currentLogList = ref<any[]>([]);
+
 // 加载统计
 const loadStats = async () => {
 	try {
@@ -524,6 +541,28 @@ const getStatusText = (status: string) => {
 	return map[status] || status || '待校验';
 };
 
+// 查看日志
+const viewLog = (row: any) => {
+	// 模拟日志数据
+	currentLogList.value = [
+		{ time: new Date().toLocaleString('zh-CN'), type: 'INFO', message: '素材已创建' },
+		{ time: new Date().toLocaleString('zh-CN'), type: 'INFO', message: '开始校验流程' },
+		{ time: new Date().toLocaleString('zh-CN'), type: 'SUCCESS', message: `校验完成，结果：${getStatusText(row.verifyStatus)}` },
+	];
+	logVisible.value = true;
+};
+
+// 获取日志类型文本
+const getLogTypeText = (type: string) => {
+	const map: Record<string, string> = {
+		INFO: '信息',
+		SUCCESS: '成功',
+		WARN: '警告',
+		ERROR: '错误',
+	};
+	return map[type] || type || '信息';
+};
+
 // 组件挂载时加载数据
 onMounted(() => {
 	loadStats();
@@ -654,6 +693,26 @@ onMounted(() => {
 		background: #fef0f0;
 		color: #f56c6c;
 	}
+
+	&.status-info {
+		background: #e8f4fd;
+		color: #409eff;
+	}
+
+	&.status-success {
+		background: #f0f9eb;
+		color: #67c23a;
+	}
+
+	&.status-warn {
+		background: #fdf6ec;
+		color: #e6a23c;
+	}
+
+	&.status-error {
+		background: #fef0f0;
+		color: #f56c6c;
+	}
 }
 
 .pagination-container {