| | |
| | | <view class="category-detail flex" v-if="query.category">
|
| | | <view class="flex1 info">
|
| | | <view class="title flex">
|
| | | {{categoryInfo.name||'-'}}
|
| | | <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
|
| | | <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.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">
|
| | | {{item.supplierName}}
|
| | | </view>
|
| | |
| | | </view>
|
| | |
|
| | |
|
| | | <view class="icon-shop" v-if="list&&list.length>0"
|
| | | @click="goto('/sub_pages/customer/shopping/shopping',true)">
|
| | | <view class="icon-shop" v-if="list&&list.length>0" @click="toShopping">
|
| | | <!-- 购物图标 -->
|
| | | <!-- 如果有购买的东西,就要附带数字了 -->
|
| | | <view v-if="shoptotal>0" class="number">
|
| | |
| | | name: '',
|
| | | category: '',
|
| | | zoneId: '',
|
| | |
|
| | |
|
| | | params: [],
|
| | | supplierName: '',
|
| | | columnStr: '',
|
| | | column: '',
|
| | | levelStr: '',
|
| | | level: '',
|
| | | column: '',
|
| | | params: [],
|
| | | columnStr: '',
|
| | | supplierId: '',
|
| | | },
|
| | | categoryInfo: {},
|
| | | params: [],
|
| | |
| | | // #ifdef PUB_CUSTOMER
|
| | | onShareAppMessage() {
|
| | | let that = this;
|
| | | var name = that.currentInfo.customerDTO&&that.currentInfo.customerDTO.name || that.currentInfo.supplierDTO&&that.currentInfo.supplierDTO.name || that.currentInfo.partnerDTO&&that.currentInfo.partnerDTO.name || '' |
| | | var name = that.currentInfo.customerDTO && that.currentInfo.customerDTO.name || that.currentInfo.supplierDTO &&
|
| | | that.currentInfo.supplierDTO.name || that.currentInfo.partnerDTO && that.currentInfo.partnerDTO.name || ''
|
| | | var url =
|
| | | `/sub_pages/customer/trade/list?category=${this.query.category}&zoneId=${this.query.zoneId}&name=${this.query.name}&shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
|
| | | `/sub_pages/customer/trade/list?categoryId=${this.query.category}&zoneId=${this.query.zoneId}&name=${this.query.name}&supplierName=${this.query.supplierName}&shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
|
| | | return {
|
| | | title: "花满芫-商品列表",
|
| | | path: url,
|
| | |
| | | },
|
| | | onShareTimeline() {
|
| | | let that = this;
|
| | | var name = that.currentInfo.customerDTO&&that.currentInfo.customerDTO.name || that.currentInfo.supplierDTO&&that.currentInfo.supplierDTO.name || that.currentInfo.partnerDTO&&that.currentInfo.partnerDTO.name || '' |
| | | var name = that.currentInfo.customerDTO && that.currentInfo.customerDTO.name || that.currentInfo.supplierDTO &&
|
| | | that.currentInfo.supplierDTO.name || that.currentInfo.partnerDTO && that.currentInfo.partnerDTO.name || ''
|
| | | var url =
|
| | | `/sub_pages/customer/trade/list?category=${this.query.category}&zoneId=${this.query.zoneId}&name=${this.query.name}&shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
|
| | | `/sub_pages/customer/trade/list?categoryId=${this.query.category}&zoneId=${this.query.zoneId}&name=${this.query.name}&supplierName=${this.query.supplierName}&shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
|
| | | return {
|
| | | title: "花满芫-商品列表",
|
| | | path: url,
|
| | |
| | | async onLoad(options) {
|
| | | // this.list = [{},{}]
|
| | | console.log('options', options)
|
| | | this.query.category = options.categoryId || ''
|
| | | this.query.category = options.categoryId || options.category || ''
|
| | | this.query.zoneId = options.zoneId || ''
|
| | | this.query.name = options.name || ''
|
| | | this.query.supplierName = options.supplierName || ''
|
| | | this.query.supplierId = options.supplierId || ''
|
| | |
|
| | |
|
| | | if (this.query.name) {
|
| | | uni.setNavigationBarTitle({
|
| | | title: '商品列表-' + this.query.name
|
| | | })
|
| | | }
|
| | | if (this.query.supplierName) {
|
| | | uni.setNavigationBarTitle({
|
| | | title: '商品列表-' + this.query.supplierName
|
| | | })
|
| | | }
|
| | | this.listApi = '/api/customer/flower/list'
|
| | |
| | | }
|
| | | 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');
|
| | | },
|
| | |
| | | this.refreshList('post')
|
| | |
|
| | | },
|
| | | toShopping() {
|
| | | if (!this.currentInfo.id) {
|
| | | // await this.$message.confirm('请前往登录')
|
| | | uni.navigateTo({
|
| | | url: '/pages/login/supplier-login?source=jump'
|
| | | })
|
| | | return
|
| | | }
|
| | | //直接强制购物车
|
| | | uni.reLaunch({
|
| | | url: '/sub_pages/customer/shopping/shopping'
|
| | | })
|
| | | },
|
| | | toDetail(item) {
|
| | | uni.navigateTo({
|
| | | url: `/sub_pages/customer/trade/detail?id=${item.id}`
|
| | |
| | | .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;
|