From ba85a35c886246727231b1b1e60bdb6ef1bf9acc Mon Sep 17 00:00:00 2001 From: 2910410219 <2910410219@qq.com> Date: Fri, 15 May 2026 13:07:38 +0800 Subject: [PATCH] =?UTF-8?q?refactor(ads/compliance/tencent):=20=E9=87=8D?= =?UTF-8?q?=E6=9E=84=E8=85=BE=E8=AE=AF=E7=B4=A0=E6=9D=90=E6=A0=A1=E9=AA=8C?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E4=B8=8E=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1. 移除统计卡片组件，调整页面整体结构为卡片式布局 2. 移除校验日志相关页面、逻辑与接口调用 3. 优化表格列配置与工具栏样式 4. 简化筛选表单结构，统一组件样式 5. 更新页面类名与全局样式适配新布局 --- src/views/ads/compliance/tencent/index.vue | 826 +++++++-------------- 1 file changed, 248 insertions(+), 578 deletions(-) diff --git a/src/views/ads/compliance/tencent/index.vue b/src/views/ads/compliance/tencent/index.vue index c90d7b2..d16f5c0 100644 --- a/src/views/ads/compliance/tencent/index.vue +++ b/src/views/ads/compliance/tencent/index.vue @@ -1,343 +1,185 @@ @@ -384,7 +200,6 @@ import { getVideoStats, getImageList, getVideoList, - getVerifyLogList, manualVerifyImage, manualVerifyVideo, pollImageResults as pollImageResultsApi, @@ -419,22 +234,10 @@ const videoPageSize = ref(20); const videoTotal = ref(0); const videoFilters = reactive({ status: '', accountId: '' }); -// 日志列表 -const logList = ref([]); -const logLoading = ref(false); -const logPage = ref(1); -const logPageSize = ref(20); -const logTotal = ref(0); -const logFilters = reactive({ materialType: '', verifyStatus: '', materialId: '' }); - // 对话框 -const logDialogVisible = ref(false); const previewVisible = ref(false); -const logsDialogVisible = ref(false); -const currentLog = ref(null); const previewUrl = ref(''); const previewType = ref('image'); -const materialLogs = ref([]); // 加载统计 const loadStats = async () => { @@ -453,7 +256,7 @@ const loadStats = async () => { rejected: vidStats.rejected || 0, }); } catch (err) { - console.error('加载统计失败', err); + ElMessage.error('加载统计失败'); } }; @@ -499,36 +302,12 @@ const loadVideoList = () => { }); }; -// 加载日志列表 -const loadLogList = () => { - logLoading.value = true; - getVerifyLogList({ - page: logPage.value, - pageSize: logPageSize.value, - materialType: logFilters.materialType, - verifyStatus: logFilters.verifyStatus, - materialId: logFilters.materialId, - }) - .then((res) => { - logList.value = res.data?.list || []; - logTotal.value = res.data?.total || 0; - }) - .catch(() => { - ElMessage.error('加载日志列表失败'); - }) - .finally(() => { - logLoading.value = false; - }); -}; - // Tab 切换 const handleTabClick = (tab: any) => { if (tab.name === 'image') { loadImageList(); } else if (tab.name === 'video') { loadVideoList(); - } else if (tab.name === 'log') { - loadLogList(); } }; @@ -543,11 +322,6 @@ const searchVideo = () => { loadVideoList(); }; -const searchLog = () => { - logPage.value = 1; - loadLogList(); -}; - // 重置筛选 const resetImageFilter = () => { Object.assign(imageFilters, { status: '', accountId: '' }); @@ -559,11 +333,6 @@ const resetVideoFilter = () => { searchVideo(); }; -const resetLogFilter = () => { - Object.assign(logFilters, { materialType: '', verifyStatus: '', materialId: '' }); - searchLog(); -}; - // 分页 const handleImagePageChange = (page: number) => { imagePage.value = page; @@ -575,11 +344,6 @@ const handleVideoPageChange = (page: number) => { loadVideoList(); }; -const handleLogPageChange = (page: number) => { - logPage.value = page; - loadLogList(); -}; - // 手动送检 const verifyImage = (imageId: string) => { ElMessageBox.confirm('确认提交图片 ' + imageId + ' 进行校验?', '提示', { @@ -738,29 +502,6 @@ const batchVerifyVideo = () => { .catch(() => {}); }; -// 查看日志 -const showLogs = (materialType: string, materialId: string) => { - getVerifyLogList({ - materialType, - materialId, - pageSize: 100, - page: 1, - }) - .then((res) => { - materialLogs.value = res.data?.list || []; - logsDialogVisible.value = true; - }) - .catch(() => { - ElMessage.error('加载日志失败'); - }); -}; - -// 日志详情 -const showLogDetail = (log: any) => { - currentLog.value = log; - logDialogVisible.value = true; -}; - // 预览 const previewMedia = (url: string, type: string) => { if (!url) { @@ -783,29 +524,6 @@ const getStatusText = (status: string) => { return map[status] || status || '待校验'; }; -const getSuggestionText = (suggestion: number) => { - const map: Record = { - 0: '通过', - 1: '嫌疑', - 2: '不通过', - }; - return map[suggestion] || '-'; -}; - -const formatTime = (timeStr: string) => { - if (!timeStr) return '-'; - const date = new Date(timeStr); - if (isNaN(date.getTime())) return '-'; - return date.toLocaleString('zh-CN', { - year: 'numeric', - month: '2-digit', - day: '2-digit', - hour: '2-digit', - minute: '2-digit', - second: '2-digit', - }); -}; - // 组件挂载时加载数据 onMounted(() => { loadStats(); @@ -814,141 +532,101 @@ onMounted(() => {