|
|
@@ -46,30 +46,46 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 数据统计 -->
|
|
|
- <div class="stats-row">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="8">
|
|
|
- <el-statistic title="转化总数" :value="pagination.total">
|
|
|
- <template #prefix>
|
|
|
- <el-icon><DataAnalysis /></el-icon>
|
|
|
- </template>
|
|
|
- </el-statistic>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-statistic title="当前页数量" :value="conversionList.length" class="success">
|
|
|
- <template #prefix>
|
|
|
- <el-icon><Files /></el-icon>
|
|
|
- </template>
|
|
|
- </el-statistic>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-statistic title="总页数" :value="totalPages" class="info">
|
|
|
- <template #prefix>
|
|
|
- <el-icon><Document /></el-icon>
|
|
|
- </template>
|
|
|
- </el-statistic>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
|
|
|
+ <div class="bg-gradient-to-br from-blue-50 to-blue-100 rounded-lg p-4 border border-blue-200">
|
|
|
+ <div class="flex items-center justify-between">
|
|
|
+ <div>
|
|
|
+ <p class="text-sm text-blue-600 mb-1">转化总数</p>
|
|
|
+ <p class="text-2xl font-bold text-blue-700">{{ pagination.total }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="p-3 bg-blue-200 rounded-lg">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="bg-gradient-to-br from-green-50 to-green-100 rounded-lg p-4 border border-green-200">
|
|
|
+ <div class="flex items-center justify-between">
|
|
|
+ <div>
|
|
|
+ <p class="text-sm text-green-600 mb-1">当前页数量</p>
|
|
|
+ <p class="text-2xl font-bold text-green-700">{{ conversionList.length }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="p-3 bg-green-200 rounded-lg">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="bg-gradient-to-br from-purple-50 to-purple-100 rounded-lg p-4 border border-purple-200">
|
|
|
+ <div class="flex items-center justify-between">
|
|
|
+ <div>
|
|
|
+ <p class="text-sm text-purple-600 mb-1">总页数</p>
|
|
|
+ <p class="text-2xl font-bold text-purple-700">{{ totalPages }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="p-3 bg-purple-200 rounded-lg">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-purple-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 转化列表表格 -->
|
|
|
@@ -151,7 +167,7 @@
|
|
|
<script setup>
|
|
|
import { ref, reactive, computed, onMounted } from 'vue'
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
|
-import { Refresh, View, DataAnalysis, Files, Document } from '@element-plus/icons-vue'
|
|
|
+import { Refresh, View } from '@element-plus/icons-vue'
|
|
|
import { syncConversions, getConversionList, getConversionDetail } from '@/api/conversion'
|
|
|
import { getAuthList } from '@/api/auth'
|
|
|
// 响应式数据
|