|
|
@@ -13,30 +13,33 @@
|
|
|
</div>
|
|
|
<ul class="goods-list">
|
|
|
<li class="goods-item" v-for="(goods, goodsIndex) in item.goods">
|
|
|
- <label class="mobile-cart-check" :class="{'active': goods.$active}">
|
|
|
- <input type="checkbox" @change="setActive('goods', storeIndex, goodsIndex)">
|
|
|
- </label>
|
|
|
- <div class="params inline-block">
|
|
|
- <p class="param text-ellipse"><span class="title">品牌:</span>{{goods.goods.brandNameEn || '-'}}</p>
|
|
|
- <p class="param text-ellipse"><span class="title">类目:</span>{{goods.kiName || '-'}}</p>
|
|
|
- <p class="param text-ellipse"><span class="title">型号:</span>{{goods.code || '-'}}</p>
|
|
|
- <p class="param text-ellipse"><span class="title">规格:</span>{{goods.spec || '-'}}</p>
|
|
|
- </div>
|
|
|
- <div class="inline-block params param-operate">
|
|
|
- <p class="param text-ellipse"><span class="title">交期(天):</span>{{goods.goods.b2cMinDelivery + '-' + goods.goods.b2cMaxDelivery}}</p>
|
|
|
- <p class="param text-ellipse"><span class="title">单价:</span>{{baseUtils.getPriceByLevel(goods.goods.prices, goods.number, goods.currencyName)}}</p>
|
|
|
- <p class="param"><span class="title">数量(PCS):</span>
|
|
|
- <span class="input-line inline-block">
|
|
|
+ <div style="padding: .3rem .25rem">
|
|
|
+ <label class="mobile-cart-check" :class="{'active': goods.$active}">
|
|
|
+ <input type="checkbox" @change="setActive('goods', storeIndex, goodsIndex)">
|
|
|
+ </label>
|
|
|
+ <div class="params inline-block">
|
|
|
+ <p class="param text-ellipse"><span class="title">品牌:</span>{{goods.goods.brandNameEn || '-'}}</p>
|
|
|
+ <p class="param text-ellipse"><span class="title">物料名称(类目):</span>{{goods.kiName || '-'}}</p>
|
|
|
+ <p class="param text-ellipse"><span class="title">型号:</span>{{goods.code || '-'}}</p>
|
|
|
+ <p class="param text-ellipse"><span class="title">规格:</span>{{goods.spec || '-'}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="inline-block params param-operate">
|
|
|
+ <p class="param text-ellipse"><span class="title">交期(天):</span>{{goods.goods.b2cMinDelivery + '-' + goods.goods.b2cMaxDelivery}}</p>
|
|
|
+ <p class="param text-ellipse"><span class="title">单价:</span>{{baseUtils.getPriceByLevel(goods.goods.prices, goods.number, goods.currencyName)}}</p>
|
|
|
+ <p class="param text-ellipse"><span class="title">起拍:</span>{{goods.goods.minBuyQty}}</p>
|
|
|
+ <p class="param"><span class="title">数量(PCS):</span>
|
|
|
+ <span class="input-line inline-block">
|
|
|
<span class="inline-block" @click="setGoods('sub', goods)" :class="{disab: !goods.goods.canSub}">-</span>
|
|
|
<input type="number" v-model="goods.goods.purchaseNumber" @blur="setGoods('set', goods)">
|
|
|
<span class="inline-block" @click="setGoods('add', goods)" :class="{disab: !goods.goods.canAdd}">+</span>
|
|
|
</span>
|
|
|
- </p>
|
|
|
- <p class="param text-ellipse"><span class="title">小计:</span><span class="ol-price"><span>{{goods.currencyName | currencyFilter}}</span>{{goods.goods.currentPrice}}</span></p>
|
|
|
- <!--<div class="price-line">
|
|
|
- <span>{{goods.currencyName | currencyFilter}}</span>{{goods.goods.currentPrice}}
|
|
|
- </div>-->
|
|
|
+ </p>
|
|
|
+ <!--<div class="price-line">
|
|
|
+ <span>{{goods.currencyName | currencyFilter}}</span>{{goods.goods.currentPrice}}
|
|
|
+ </div>-->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <div class="single-count text-ellipse"><span class="title">小计:</span><span class="ol-price"><span>{{goods.currencyName | currencyFilter}}</span>{{goods.goods.currentPrice}}</span></div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
@@ -352,12 +355,12 @@
|
|
|
}
|
|
|
.store-list {
|
|
|
.store-item {
|
|
|
- padding: 0 .25rem;
|
|
|
background: #fff;
|
|
|
margin: .19rem 0;
|
|
|
.store-info {
|
|
|
height: .9rem;
|
|
|
line-height: .9rem;
|
|
|
+ padding: 0 .25rem;
|
|
|
.store-tag {
|
|
|
width: .54rem;
|
|
|
height: .3rem;
|
|
|
@@ -377,8 +380,22 @@
|
|
|
}
|
|
|
.goods-list {
|
|
|
.goods-item {
|
|
|
- padding: .3rem 0;
|
|
|
border-top: 1px solid #e4e4e4;
|
|
|
+ .single-count {
|
|
|
+ height: .61rem;
|
|
|
+ line-height: .61rem;
|
|
|
+ background: #ebebeb;
|
|
|
+ font-size: .28rem;
|
|
|
+ color: #666;
|
|
|
+ text-align: right;
|
|
|
+ padding: 0 .21rem 0 .25rem;
|
|
|
+ .ol-price {
|
|
|
+ font-size: .26rem;
|
|
|
+ }
|
|
|
+ .title {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ }
|
|
|
.params {
|
|
|
margin-left: .17rem;
|
|
|
width: 3.03rem;
|