From 5a3c0c415b08bdf50cf2d1dfdc713c59929f3ba5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=99=E5=90=8C=E5=AD=A6?= <2495967527@qq.com>
Date: Wed, 5 Mar 2025 10:22:18 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../datacenter/product-analysis/index.vue     | 126 +++++++++++++++++-
 1 file changed, 125 insertions(+), 1 deletion(-)

diff --git a/src/views/modules/datacenter/product-analysis/index.vue b/src/views/modules/datacenter/product-analysis/index.vue
index 6b2c20e..a50c401 100644
--- a/src/views/modules/datacenter/product-analysis/index.vue
+++ b/src/views/modules/datacenter/product-analysis/index.vue
@@ -108,7 +108,6 @@
     <div
       style="
         padding: 10px;
-        height: 48vh;
         border: 1px solid #ccc;
         margin-top: 20px;
       "
@@ -197,6 +196,131 @@
           </el-table>
         </el-col>
       </el-row>
+      <el-row style="margin:20px 0" type="flex" justify="space-between">
+        <el-col :span="11"
+          ><div class="grid-content bg-purple">销售量TOP</div>
+          <el-table
+            :data="productList.saleConutList"
+            border
+            style="width: 100%"
+            height="35vh"
+          >
+            <el-table-column
+              align="center"
+              type="index"
+              label="排名"
+              width="50"
+            >
+            </el-table-column>
+            <el-table-column prop="date" label="商品名称">
+              <template slot-scope="scope">
+                <div style="display: flex; align-items: center">
+                  <div>
+                    <el-image
+                      style="width: 60px; height: 60px"
+                      :src="scope.row.productImg"
+                      :preview-src-list="[scope.row.productImg]"
+                    >
+                    </el-image>
+                  </div>
+                  <div style="margin-left: 10px; color: blue">
+                    {{ scope.row.productName }}
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="sortData"
+              label="销售量"
+              width="140"
+            >
+            </el-table-column> </el-table
+        ></el-col>
+        <el-col :span="11"
+          ><div class="grid-content bg-purple">销售额TOP</div>
+          <el-table
+            :data="productList.saleMoneyList"
+            border
+            style="width: 100%"
+            height="35vh"
+          >
+            <el-table-column
+              align="center"
+              type="index"
+              label="排名"
+              width="50"
+            >
+            </el-table-column>
+            <el-table-column prop="date" label="商品名称">
+              <template slot-scope="scope">
+                <div style="display: flex; align-items: center">
+                  <div>
+                    <el-image
+                      style="width: 60px; height: 60px"
+                      :src="scope.row.productImg"
+                      :preview-src-list="[scope.row.productImg]"
+                    >
+                    </el-image>
+                  </div>
+                  <div style="margin-left: 10px; color: blue">
+                    {{ scope.row.productName }}
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="sortData"
+              label="销售额"
+              width="140"
+            >
+            </el-table-column>
+          </el-table>
+        </el-col>
+      </el-row>
+      <el-row style="" type="flex" justify="space-between">
+        <el-col :span="11"
+          ><div class="grid-content bg-purple">回复率TOP</div>
+          <el-table
+            :data="productList.repurchaseList"
+            border
+            style="width: 100%"
+            height="35vh"
+          >
+            <el-table-column
+              align="center"
+              type="index"
+              label="排名"
+              width="50"
+            >
+            </el-table-column>
+            <el-table-column prop="date" label="商品名称">
+              <template slot-scope="scope">
+                <div style="display: flex; align-items: center">
+                  <div>
+                    <el-image
+                      style="width: 60px; height: 60px"
+                      :src="scope.row.productImg"
+                      :preview-src-list="[scope.row.productImg]"
+                    >
+                    </el-image>
+                  </div>
+                  <div style="margin-left: 10px; color: blue">
+                    {{ scope.row.productName }}
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="sortData"
+              label="回复率（%）"
+              width="140"
+            >
+            </el-table-column> </el-table
+        ></el-col>
+      </el-row>
     </div>
   </div>
 </template>