|  |  |  | 
|---|
|  |  |  | <view class="trade-list"> | 
|---|
|  |  |  | <view class="category-detail flex" v-if="query.category"> | 
|---|
|  |  |  | <view class="flex1 info"> | 
|---|
|  |  |  | <view class="title flex"> | 
|---|
|  |  |  | <button open-type="contact" class="component-button-contact" > | 
|---|
|  |  |  | {{categoryInfo.name||'-'}} | 
|---|
|  |  |  | <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image> | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | <view class="title flex"> | 
|---|
|  |  |  | <button open-type="contact" class="component-button-contact"> | 
|---|
|  |  |  | {{categoryInfo.name||'-'}} | 
|---|
|  |  |  | <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image> | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="desc"> | 
|---|
|  |  |  | 规格:{{categoryInfo.unit || '暂无'}} | 
|---|
|  |  |  | 
|---|
|  |  |  | {{item.name||'-'}} | 
|---|
|  |  |  | <view class="price"> | 
|---|
|  |  |  | ¥{{item.price||0}}元/扎 | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="tags" v-if="item.tags"> | 
|---|
|  |  |  | <!--    <view class="tag red">限时抢购</view> | 
|---|
|  |  |  | <view class="tag green">品质严选</view> --> | 
|---|
|  |  |  | <view class="tag red" v-for="(tag,k) of item.tagArr" :class="[k===0?'red':'green']" | 
|---|
|  |  |  | :key="tag">{{ | 
|---|
|  |  |  | tag | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="shop-name"> | 
|---|
|  |  |  | 
|---|
|  |  |  | column: '', | 
|---|
|  |  |  | levelStr: '', | 
|---|
|  |  |  | level: '', | 
|---|
|  |  |  | supplierId: '', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | categoryInfo: {}, | 
|---|
|  |  |  | params: [], | 
|---|
|  |  |  | 
|---|
|  |  |  | this.query.zoneId = options.zoneId || '' | 
|---|
|  |  |  | this.query.name = options.name || '' | 
|---|
|  |  |  | this.query.supplierName = options.supplierName || '' | 
|---|
|  |  |  | this.query.supplierId = options.supplierId || '' | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | if (this.query.name) { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.refreshShopNum() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | getList_after() { | 
|---|
|  |  |  | if (this.list) { | 
|---|
|  |  |  | for (var item of this.list) { | 
|---|
|  |  |  | item.tagArr = [] | 
|---|
|  |  |  | if (item.tags) { | 
|---|
|  |  |  | item.tagArr = item.tags.split(",") || [] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | async refreshShopNum() { | 
|---|
|  |  |  | this.shoptotal = await this.$store.dispatch('countShopping'); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | .trade-list { | 
|---|
|  |  |  | padding: 24rpx 30rpx; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .tags { | 
|---|
|  |  |  | margin-top: 12rpx; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .tag { | 
|---|
|  |  |  | // min-width: 60rpx; | 
|---|
|  |  |  | padding-left: 10rpx; | 
|---|
|  |  |  | padding-right: 10rpx; | 
|---|
|  |  |  | line-height: 30rpx; | 
|---|
|  |  |  | background: #FEE6E6; | 
|---|
|  |  |  | border-radius: 10rpx; | 
|---|
|  |  |  | font-size: 18rpx; | 
|---|
|  |  |  | color: #CD1212; | 
|---|
|  |  |  | margin-right: 6rpx; | 
|---|
|  |  |  | text-align: center; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .tag.green { | 
|---|
|  |  |  | color: rgba(110, 159, 102, 1); | 
|---|
|  |  |  | background: rgba(202, 229, 214, 1); | 
|---|
|  |  |  | border-radius: 10rpx; | 
|---|
|  |  |  | // opacity: 0.57; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .category-detail { | 
|---|
|  |  |  | padding: 22rpx 38rpx; | 
|---|
|  |  |  | margin-bottom: 10rpx; | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .info-price { | 
|---|
|  |  |  | padding: 22rpx; | 
|---|
|  |  |  | text-align: center; | 
|---|