|
|
@@ -27,13 +27,13 @@
|
|
|
<option value="1">发货地</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="off">
|
|
|
- <a @click="list_open=!list_open">
|
|
|
- <span v-text="list_open?'收起':'展开'"></span>
|
|
|
- <i class="fa fa-angle-down" v-show="!list_open"></i>
|
|
|
- <i class="fa fa-angle-up"v-show="list_open"></i>
|
|
|
- </a>
|
|
|
+ <div class="off">
|
|
|
+ <a @click="list_open=!list_open">
|
|
|
+ <span v-text="list_open?'收起':'展开'"></span>
|
|
|
+ <i class="fa fa-angle-down" v-show="!list_open"></i>
|
|
|
+ <i class="fa fa-angle-up"v-show="list_open"></i>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="list_open">
|
|
|
@@ -46,48 +46,52 @@
|
|
|
<th width="110">店铺名称</th>
|
|
|
<th width="110">库存</th>
|
|
|
<th width="90">阶梯</th>
|
|
|
- <!-- <th width="90" v-if="!crname_click_flag.rmb_click_flag">香港交货</th>
|
|
|
- <th width="110" v-if="!crname_click_flag.usd_click_flag">大陆交货<span style="font-size: 12px;">(含税)</span></th>-->
|
|
|
- <th width="110">单价</th>
|
|
|
+ <th width="90" v-if="!crname_click_flag.rmb_click_flag">香港交货</th>
|
|
|
+ <th width="110" v-if="!crname_click_flag.usd_click_flag">大陆交货<span style="font-size: 12px;">(含税)</span></th>
|
|
|
<th width="110">交期<span style="font-size: 12px;">(天)</span></th>
|
|
|
<th width="100">操作</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody id="productList-content">
|
|
|
- <tr v-for="item in good_list.components"
|
|
|
- v-show="!(crname_click_flag.usd_click_flag && item.currencyName != 'USD') || !(crname_click_flag.rmb_click_flag && item.currencyName != 'RMB')">
|
|
|
+ <tr v-for="item in good_list.components">
|
|
|
<td>
|
|
|
- <nuxt-link :to="`/product/component/${item.uuid}`">
|
|
|
- <img width="80px" height="80px" :src="item.img?item.img:'/images/component/default.png'">
|
|
|
+ <nuxt-link class="component-img-box" :to="item.batchCode?`/store/${item.storeId}/${item.batchCode}`:`/product/component/${item.uuid}`">
|
|
|
+ <!-- <img :src="item.img?item.img:item.brand&&item.brand.logoUrl?item.brand.logoUrl:'/images/component/default.png'">-->
|
|
|
+ <img :src="item.batchCode?item.img?item.img:'/images/component/default.png':item.brand&&item.brand.logoUrl?item.brand.logoUrl:'/images/component/default.png'">
|
|
|
</nuxt-link>
|
|
|
</td>
|
|
|
<td class="brand-code">
|
|
|
- <div class="brand"><nuxt-link :to="`/product/brand/${item.brand.uuid}`" class="text-num" v-text="item.brand.nameEn"></nuxt-link></div>
|
|
|
- <div class="code"><nuxt-link :to="`/product/component/${item.uuid}`" class="f16 text-bold text-num" v-text="item.code"></nuxt-link></div>
|
|
|
- <div class="brand"><nuxt-link :to="`/product/kind/${item.kindid}`" v-text="item.kind.nameCn">
|
|
|
- </nuxt-link></div>
|
|
|
+ <div class="brand" v-if="item.brand.nameEn"><nuxt-link :to="`/product/brand/${item.brand.uuid}`" class="text-num" v-text="item.brand.nameEn"></nuxt-link></div>
|
|
|
+ <div class="brand" v-if="!item.brand.nameEn">—</div>
|
|
|
+ <div class="code" v-if="item.code"><nuxt-link :to="`/product/component/${item.uuid}`" class="f16 text-bold text-num" v-text="item.code"></nuxt-link></div>
|
|
|
+ <div class="brand" v-if="!item.code">—</div>
|
|
|
+ <div class="brand" v-if="item.kind.nameCn"><nuxt-link :to="`/product/kind/${item.kindid}`" v-text="item.kind.nameCn"></nuxt-link></div>
|
|
|
+ <div class="brand" v-if="!item.kind.nameCn">—</div>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <div class="package" v-text="item.packaging?item.packaging:'暂无包装方式信息'"></div>
|
|
|
+ <div class="package" v-text="item.packaging"></div>
|
|
|
<div class="date" v-text="item.produceDate"></div>
|
|
|
+ <div v-if="!item.packaging && !item.produceDate">—</div>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <div>
|
|
|
+ <div v-if="item.storeName">
|
|
|
<nuxt-link :to="'/store/' + item.storeId" v-text="item.storeName">
|
|
|
</nuxt-link>
|
|
|
- <span v-if="!item.storeName">—</span>
|
|
|
</div>
|
|
|
+ <div v-if="!item.storeName">—</div>
|
|
|
</td>
|
|
|
<td class="text-left">
|
|
|
- <div class="goods">
|
|
|
- 库存:<span v-text="item.reserve || '暂无库存'"></span>
|
|
|
+ <div class="goods" v-if="item.reserve">
|
|
|
+ 库存:<span v-text="item.reserve"></span>
|
|
|
</div>
|
|
|
- <div class="from" v-if="item.reserve > 0">
|
|
|
- 起拍:<span v-text="item.minBuyQty"></span>
|
|
|
+ <div v-if="!item.reserve" style="text-align: center;margin-left: 0;"><span>—</span></div>
|
|
|
+ <div class="from" v-if="item.reserve && item.reserve > 0">
|
|
|
+ 起拍:<span v-text="item.minBuyQty" v-if="item.minBuyQty"></span>
|
|
|
</div>
|
|
|
- <!-- <div class="multiple" v-if="item.reserve > 0">
|
|
|
+ <!-- <div class="multiple" v-if="item.reserve > 0">
|
|
|
倍数:<span v-text="item.minPackQty"></span>
|
|
|
</div>-->
|
|
|
+ <div v-if="item.reserve" v-text="item.breakUp?'可拆卖':'不可拆卖'"></div>
|
|
|
</td>
|
|
|
<td>
|
|
|
<div v-show="!item.prices">
|
|
|
@@ -97,24 +101,22 @@
|
|
|
<span v-text="price.start"></span> +
|
|
|
</div>
|
|
|
</td>
|
|
|
- <td>
|
|
|
- <div v-for="price in item.prices">
|
|
|
- <span v-show="item.currencyName == 'USD'">$</span>
|
|
|
- <span v-show="item.currencyName == 'RMB'">¥</span>
|
|
|
- <span>{{price.uSDPrice || price.rMBPrice | currency}}</span>
|
|
|
- </div>
|
|
|
- <div v-show="!item.currencyName">
|
|
|
+ <td v-if="!crname_click_flag.rmb_click_flag">
|
|
|
+ <div v-show="!(item.currencyName == 'USD') || !item.prices">
|
|
|
<span>—</span>
|
|
|
</div>
|
|
|
+ <div v-for="price in item.prices">
|
|
|
+ <span>{{price.uSDPrice | currency}}</span>
|
|
|
+ </div>
|
|
|
</td>
|
|
|
- <!-- <td v-if="!crname_click_flag.usd_click_flag">
|
|
|
+ <td v-if="!crname_click_flag.usd_click_flag">
|
|
|
<div v-show="!(item.currencyName == 'RMB') || !item.prices">
|
|
|
<span>—</span>
|
|
|
</div>
|
|
|
<div v-for="price in item.prices">
|
|
|
<span>{{price.rMBPrice | currency}}</span>
|
|
|
</div>
|
|
|
- </td>-->
|
|
|
+ </td>
|
|
|
<td>
|
|
|
<div v-show="!item.b2cMinDelivery">
|
|
|
<span>—</span>
|
|
|
@@ -134,7 +136,7 @@
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
- <tr v-if="!good_list.components || good_list.components.length == 'undefined' ||good_list.components.length == 0">
|
|
|
+ <tr v-if="good_list.components.length == 'undefined' ||good_list.components.length == 0">
|
|
|
<td colspan="10" class="text-center" style="line-height: 40px; font-size: 20px;">
|
|
|
<i class="fa fa-smile-o fa-lg"></i> 暂无产品信息
|
|
|
</td>
|
|
|
@@ -173,8 +175,24 @@
|
|
|
filters: {
|
|
|
currency: function (input) {
|
|
|
if (typeof input === 'number') {
|
|
|
- if (input.toString().indexOf('.') === -1) {
|
|
|
- input = input + '.00'
|
|
|
+ if (input <= 0.000001) {
|
|
|
+ input = 0.000001
|
|
|
+ } else {
|
|
|
+ if (input.toString().indexOf('.') === -1) {
|
|
|
+ input = input + '.00'
|
|
|
+ } else {
|
|
|
+ let inputStr = input.toString()
|
|
|
+ let arr = inputStr.split('.')
|
|
|
+ let floatNum = arr[1]
|
|
|
+ if (floatNum.length > 6) {
|
|
|
+ input = inputStr.substring(0, arr[0].length + 7)
|
|
|
+ if (Number(floatNum.charAt(6)) > 4) {
|
|
|
+ input = (Number(input) * 1000000 + 1) / 1000000
|
|
|
+ }
|
|
|
+ } else if (floatNum.length === 1) {
|
|
|
+ input = input + '0'
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
return input
|
|
|
@@ -185,7 +203,6 @@
|
|
|
return this.$store.state.searchData.searchList.lists
|
|
|
},
|
|
|
good_list () {
|
|
|
- console.log(this.good_lists.data)
|
|
|
return this.good_lists.data
|
|
|
},
|
|
|
total_count () {
|
|
|
@@ -404,11 +421,15 @@
|
|
|
border: 1px solid #e8e8e8;
|
|
|
}
|
|
|
|
|
|
+ .product-list tbody>tr .component-img-box {
|
|
|
+ width: 80px;
|
|
|
+ height: 80px;
|
|
|
+ }
|
|
|
.product-list tbody>tr img {
|
|
|
border: 1px solid #e8e8e8;
|
|
|
margin: 10px 0 5px 0;
|
|
|
- width: 80px;
|
|
|
- height: 80px;
|
|
|
+ max-width: 80px;
|
|
|
+ max-height: 80px;
|
|
|
}
|
|
|
.product-list tbody>tr .contact{
|
|
|
font-size: 14px;
|
|
|
@@ -522,23 +543,21 @@
|
|
|
border: #5078cb 1px solid;
|
|
|
color: #5078cb;
|
|
|
}
|
|
|
- .tab-filter .off{
|
|
|
- float: right;
|
|
|
- margin-right: 20px;
|
|
|
- color: black;
|
|
|
+ .tab-filter .fr .off{
|
|
|
+ margin-left : 129px;
|
|
|
+ float: right;
|
|
|
}
|
|
|
- .tab-filter .off a:hover{
|
|
|
+ .tab-filter .fr .off a:hover{
|
|
|
border: none;
|
|
|
color: #5078cb;
|
|
|
}
|
|
|
- .tab-filter .off a{
|
|
|
+ .tab-filter .fr .off a{
|
|
|
border: none;
|
|
|
text-align: right;
|
|
|
padding-left: 360px;
|
|
|
background: none;
|
|
|
- color: #333;
|
|
|
}
|
|
|
- .tab-filter .off a i{
|
|
|
+ .tab-filter .fr .off a i{
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
.tab-filter .fr .form-control{
|