225900

src/views/merchant/goods/index/components/table.vue

@@ -1,7 +1,11 @@
 <template>
     <scTable ref="table" :apiObj="list.apiObj" :params="searchKey" @selectionChange="selectionChange" row-key="id">
         <el-table-column type="selection" width="50" fixed="left"></el-table-column>
-        <el-table-column label="商品编码" width="120" fixed="left" prop="product_id"></el-table-column>
+        <el-table-column label="商品ID" width="120" fixed="left" prop="product_id">
+            <template #default="scope">
+                {{ scope.row.goods_id?scope.row.goods_id:'审核中' }}
+            </template>
+        </el-table-column>
         <el-table-column label="商品信息" width="340" prop="name">
             <template #default="scope">
                 <div class="goods-img">
@@ -17,13 +21,19 @@
                         z-index="999"
                         fit="cover"></el-image>
                     </div>
-                    <div class="name">{{ scope.row.product_name }}</div>
+                    <div class="name">
+                        <span>{{ scope.row.product_name }}</span>
+                        <span class="dec">商品编码：{{ scope.row.product_id }}</span>
+                    </div>
                 </div>
             </template>
         </el-table-column>
-        <el-table-column label="价格" width="120" prop="id">
+        <el-table-column label="价格" width="200" prop="id">
             <template #default="scope">
-                
+                <div class="price">{{ $TOOL.moneyFormat(scope.row.price) }}</div>
+                <div class="goods-price">
+                    <div class="del">{{ $TOOL.moneyFormat(scope.row.line_price) }}</div>
+                    <span>{{ $TOOL.disFormat(scope.row.price,scope.row.line_price) }}折</span></div>
             </template>
         </el-table-column>
         <el-table-column label="商品计划" prop="category_id" width="200"></el-table-column>
@@ -129,4 +139,18 @@ export default {
 
 <style>
 .goods-img{display: flex;gap: 5px;}
+.goods-img .name span{display: block;}
+.goods-img .name span.dec{color: #999;font-size: 12px;}
+.goods-price,.price{display: flex;align-items: center;gap: 5px;font-size: 14px;}
+.goods-price .del{text-decoration: line-through;}
+.goods-price span{background-color: #fff !important;
+    border: 1px solid #d3d9e0 !important;
+    border-radius: 4px;
+    box-sizing: border-box;
+    color: #6c737a !important;
+    display: inline-flex;
+    flex: none;
+    font-size: 12px;
+    line-height: 18px !important;
+    padding: 1px 6px !important;text-decoration: none;}
 </style>