From 40dcdd26823f97ce3d4c9190778d328cbf565f4a Mon Sep 17 00:00:00 2001
From: mkm <727897186@qq.com>
Date: Tue, 19 Nov 2024 16:36:38 +0800
Subject: [PATCH] =?UTF-8?q?refactor(store-product):=20=E9=87=8D=E6=9E=84?=
 =?UTF-8?q?=E5=95=86=E5=93=81=E5=88=97=E8=A1=A8=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将商品名称列拆分为多个子列，展示更多价格信息
- 合并供货价、商户价和零售价列，以节省空间
- 将库存和销量列合并为一个列，提高信息密度
- 调整部分列的显示顺序和样式
---
 src/views/store/store_product/index.vue | 47 +++++++++++++------------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/src/views/store/store_product/index.vue b/src/views/store/store_product/index.vue
index 0e7b06229..66c246d5e 100644
--- a/src/views/store/store_product/index.vue
+++ b/src/views/store/store_product/index.vue
@@ -117,12 +117,20 @@
                             />
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        label="商品名称"
-                        prop="store_name"
-                        min-width="200"
-                        show-overflow-tooltip
-                    />
+                    <el-table-column label="商品名称" prop="store_name" show-overflow-tooltip>
+                        <template #default="{ row }">
+                            <div>{{ row.store_name }}</div>
+                            <div>
+                                供货价:<span style="color: red">{{ row.purchase }}</span>
+                            </div>
+                            <div>
+                                商户价: <span style="color: red">{{ row.cost }}</span>
+                            </div>
+                            <div>
+                                零售价:<span style="color: red">{{ row.price }}</span>
+                            </div>
+                        </template>
+                    </el-table-column>
                     <el-table-column label="分类" prop="cate_name" show-overflow-tooltip />
                     <el-table-column label="单位" prop="unit_name" show-overflow-tooltip />
                     <el-table-column
@@ -130,30 +138,23 @@
                         prop="product_type_name"
                         show-overflow-tooltip
                     />
-                    <el-table-column label="供货价" prop="purchase" show-overflow-tooltip />
-                    <el-table-column label="商户价" prop="cost" show-overflow-tooltip />
+                    <!-- <el-table-column label="供货价" prop="purchase" show-overflow-tooltip />
+                    <el-table-column label="商户价" prop="cost" show-overflow-tooltip /> -->
                     <!-- <el-table-column
                         label="会员价"
                         prop="vip_price"
                         min-width="120"
                         show-overflow-tooltip
                     /> -->
-                    <el-table-column label="零售价" prop="price" show-overflow-tooltip />
+                    <!-- <el-table-column label="零售价" prop="price" show-overflow-tooltip /> -->
                     <el-table-column label="起批量" prop="batch" show-overflow-tooltip />
-                    <el-table-column
-                        label="毛利率"
-                        prop="rose"
-                        min-width="100"
-                        show-overflow-tooltip
-                    />
-                    <el-table-column label="售卖库存" prop="stock" show-overflow-tooltip />
-                    <!-- <el-table-column
-                        label="兑换库存"
-                        prop="swap"
-                        min-width="100"
-                        show-overflow-tooltip
-                    /> -->
-                    <el-table-column label="销量" prop="sales" show-overflow-tooltip />
+                    <el-table-column label="毛利率" prop="rose" show-overflow-tooltip />
+                    <el-table-column label="库存/销量" prop="stock" show-overflow-tooltip>
+                        <template #default="{ row }">
+                            <span class="mr-1">{{ row.stock }}</span
+                            >/<span class="ml-1">{{ row.sales }}</span>
+                        </template>
+                    </el-table-column>
                     <!-- <el-table-column label="商品来源" prop="system_store_name" min-width="200" show-overflow-tooltip /> -->
                     <el-table-column label="状态" prop="is_show">
                         <template #default="{ row }">