|
@@ -8,8 +8,11 @@
|
|
<scroll-view class="product-list" scroll-y @scrolltolower="onreachBottom">
|
|
<scroll-view class="product-list" scroll-y @scrolltolower="onreachBottom">
|
|
<view class="st-detailList-main">
|
|
<view class="st-detailList-main">
|
|
<view class="st-detailList-main-item" v-for="(item, index) in listData" :key="item.id" @click="getDetail(item)">
|
|
<view class="st-detailList-main-item" v-for="(item, index) in listData" :key="item.id" @click="getDetail(item)">
|
|
- <view class="st-detailList-tit">
|
|
|
|
- <view class="u-line" :style="{backgroundColor: $config('primaryColor')}"></view>{{item.name}}
|
|
|
|
|
|
+ <view class="st-detailList-tit flex">
|
|
|
|
+ <view class="u-line" :style="{backgroundColor: $config('primaryColor')}"></view>
|
|
|
|
+ <view class="u-name">
|
|
|
|
+ {{item.name}}
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
<view class="st-detailList-item-con flex align_center">
|
|
<view class="st-detailList-item-con flex align_center">
|
|
<view class="pimgs">
|
|
<view class="pimgs">
|
|
@@ -17,18 +20,18 @@
|
|
</view>
|
|
</view>
|
|
<view class="flex_1">
|
|
<view class="flex_1">
|
|
<view>产品编码:{{item.code}}</view>
|
|
<view>产品编码:{{item.code}}</view>
|
|
- <view class="padding_3">原厂编码:{{item.origCode}}</view>
|
|
|
|
|
|
+ <view class="padding_3">原厂编码:{{item.origCode?item.origCode:'--'}}</view>
|
|
<view class="flex align_center justify_between">
|
|
<view class="flex align_center justify_between">
|
|
<view class="font_13">
|
|
<view class="font_13">
|
|
总款数:<text>{{toThousands(item.stockQty|| 0)}} 个</text>
|
|
总款数:<text>{{toThousands(item.stockQty|| 0)}} 个</text>
|
|
</view>
|
|
</view>
|
|
<view class="font_13">
|
|
<view class="font_13">
|
|
- 车主价:¥<text>{{toThousands(item.carOwnersPrice|| 0,2)}} </text>
|
|
|
|
|
|
+ 车主价:<text class="red">¥{{toThousands(item.carOwnersPrice|| 0,2)}} </text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="price-all flex">
|
|
|
|
|
|
+ <view class="price-all flex" v-if="selPriceShow">
|
|
<view class="price-item" v-if="priceList[0].checked">
|
|
<view class="price-item" v-if="priceList[0].checked">
|
|
<text>{{toThousands(item.offerCost|| 0,2)}} </text>
|
|
<text>{{toThousands(item.offerCost|| 0,2)}} </text>
|
|
<view>成本价</view>
|
|
<view>成本价</view>
|
|
@@ -87,6 +90,12 @@
|
|
onNavigationBarButtonTap(e){
|
|
onNavigationBarButtonTap(e){
|
|
this.showModal=true
|
|
this.showModal=true
|
|
},
|
|
},
|
|
|
|
+ computed: {
|
|
|
|
+ selPriceShow() {
|
|
|
|
+ const a = this.priceList.filter(item => item.checked)
|
|
|
|
+ return a.length > 0
|
|
|
|
+ }
|
|
|
|
+ },
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
this.theme = getApp().globalData.theme
|
|
this.theme = getApp().globalData.theme
|
|
this.getList()
|
|
this.getList()
|
|
@@ -154,6 +163,7 @@
|
|
.product-list{
|
|
.product-list{
|
|
height: calc(100vh - 94upx);
|
|
height: calc(100vh - 94upx);
|
|
.st-detailList-main{
|
|
.st-detailList-main{
|
|
|
|
+ padding: 20upx;
|
|
.st-detailList-main-item{
|
|
.st-detailList-main-item{
|
|
background: #ffffff;
|
|
background: #ffffff;
|
|
padding: 20upx;
|
|
padding: 20upx;
|
|
@@ -163,21 +173,23 @@
|
|
.st-detailList-tit{
|
|
.st-detailList-tit{
|
|
padding-bottom: 20upx;
|
|
padding-bottom: 20upx;
|
|
border-bottom: 1px solid #e4e7ed;
|
|
border-bottom: 1px solid #e4e7ed;
|
|
- white-space: nowrap;
|
|
|
|
- overflow: hidden;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
|
|
+ .u-name{
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ }
|
|
.u-line{
|
|
.u-line{
|
|
display: inline-block;
|
|
display: inline-block;
|
|
width: 6upx;
|
|
width: 6upx;
|
|
- height: 40upx;
|
|
|
|
|
|
+ height: 30upx;
|
|
background-color: red;
|
|
background-color: red;
|
|
- vertical-align: bottom;
|
|
|
|
- margin: 0 20upx 0 10upx;
|
|
|
|
|
|
+ margin: 6upx 10upx 0 10upx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.st-detailList-item-con{
|
|
.st-detailList-item-con{
|
|
padding: 20upx;
|
|
padding: 20upx;
|
|
font-size: 26upx;
|
|
font-size: 26upx;
|
|
|
|
+ .red{
|
|
|
|
+ color: red;
|
|
|
|
+ }
|
|
.pimgs{
|
|
.pimgs{
|
|
margin-right: 16upx;
|
|
margin-right: 16upx;
|
|
}
|
|
}
|