|
|
@@ -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>
|
