1
This commit is contained in:
@@ -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: {
|
||||
|
||||
Reference in New Issue
Block a user