From 0d928650414247d1ba346c7d4c12866c8f0575f6 Mon Sep 17 00:00:00 2001
From: Leo <leo@qi-cloud.com>
Date: Sun, 9 Nov 2025 00:46:13 +0800
Subject: [PATCH] 1

---
 src/views/system/giftcoupon/batch.vue | 92 +++++++++++++++++++++++++--
 1 file changed, 88 insertions(+), 4 deletions(-)

diff --git a/src/views/system/giftcoupon/batch.vue b/src/views/system/giftcoupon/batch.vue
index b1c90c5..2b35d9d 100644
--- a/src/views/system/giftcoupon/batch.vue
+++ b/src/views/system/giftcoupon/batch.vue
@@ -106,15 +106,98 @@
 
           <!-- 统计信息 -->
           <div v-if="result && result.replacedContent" style="margin-top: 15px;">
-            <el-alert type="success" :closable="false">
+            <el-alert 
+              :type="result.replacedCount === result.totalUrls ? 'success' : (result.replacedCount > 0 ? 'warning' : 'error')" 
+              :closable="false"
+            >
               <template slot="title">
                 <span style="font-weight: bold;">
-                  <i class="el-icon-success"></i> 处理完成！
+                  <i :class="result.replacedCount === result.totalUrls ? 'el-icon-success' : (result.replacedCount > 0 ? 'el-icon-warning' : 'el-icon-error')"></i> 处理完成！
                   成功替换 {{ result.replacedCount || 0 }} / {{ result.totalUrls || 0 }} 个URL
                 </span>
               </template>
             </el-alert>
-        </div>
+          </div>
+          </el-col>
+        </el-row>
+
+        <!-- 详细结果展示区域 -->
+        <el-row v-if="result && result.replacements && result.replacements.length > 0" style="margin-top: 20px;">
+          <el-col :span="24">
+            <el-card shadow="never">
+              <div slot="header">
+                <span style="font-weight: bold; font-size: 16px;">
+                  <i class="el-icon-document"></i> 详细处理结果
+                </span>
+                <el-button 
+                  type="text" 
+                  size="small" 
+                  style="float: right;"
+                  @click="showDetailResults = !showDetailResults"
+                >
+                  {{ showDetailResults ? '收起' : '展开' }}
+                  <i :class="showDetailResults ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
+                </el-button>
+              </div>
+              <div v-show="showDetailResults">
+                <el-table 
+                  :data="result.replacements" 
+                  stripe
+                  border
+                  style="width: 100%"
+                  :default-sort="{prop: 'index', order: 'ascending'}"
+                >
+                  <el-table-column prop="index" label="序号" width="80" align="center" sortable />
+                  <el-table-column prop="skuName" label="商品名称" min-width="200" show-overflow-tooltip>
+                    <template slot-scope="scope">
+                      <span v-if="scope.row.skuName">{{ scope.row.skuName }}</span>
+                      <span v-else style="color: #909399;">-</span>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="originalUrl" label="原始链接" min-width="250" show-overflow-tooltip>
+                    <template slot-scope="scope">
+                      <el-link :href="scope.row.originalUrl" target="_blank" type="primary" :underline="false">
+                        {{ scope.row.originalUrl }}
+                      </el-link>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="newUrl" label="新链接" min-width="250" show-overflow-tooltip>
+                    <template slot-scope="scope">
+                      <el-link 
+                        v-if="scope.row.success && scope.row.newUrl" 
+                        :href="scope.row.newUrl" 
+                        target="_blank" 
+                        type="success" 
+                        :underline="false"
+                      >
+                        {{ scope.row.newUrl }}
+                      </el-link>
+                      <span v-else style="color: #909399;">未替换</span>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="success" label="状态" width="100" align="center">
+                    <template slot-scope="scope">
+                      <el-tag :type="scope.row.success ? 'success' : 'danger'" size="small">
+                        <i :class="scope.row.success ? 'el-icon-success' : 'el-icon-error'"></i>
+                        {{ scope.row.success ? '成功' : '失败' }}
+                      </el-tag>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="error" label="错误信息" min-width="300" show-overflow-tooltip>
+                    <template slot-scope="scope">
+                      <span v-if="scope.row.error" style="color: #F56C6C;">{{ scope.row.error }}</span>
+                      <span v-else style="color: #67C23A;">✓ 处理成功</span>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="giftCouponKey" label="礼金券Key" min-width="150" show-overflow-tooltip>
+                    <template slot-scope="scope">
+                      <span v-if="scope.row.giftCouponKey" style="color: #409EFF;">{{ scope.row.giftCouponKey }}</span>
+                      <span v-else style="color: #909399;">-</span>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </el-card>
           </el-col>
         </el-row>
     </el-card>
@@ -144,7 +227,8 @@ export default {
       progressDetail: '',
       progressStatus: '',
       result: null,
-      detectedUrls: []
+      detectedUrls: [],
+      showDetailResults: true
     }
   },
   watch: {