| | |
| | | <view class="brand-detail" style="background: #20613D;">
|
| | |
|
| | | <view class="brand-top-info">
|
| | | <view class="search-container flex" style="padding-left: 20rpx;padding-right: 20rpx;padding-top: 20rpx">
|
| | | <view class="flex1 input">
|
| | | <u-input placeholder="请输入花名" v-model="search_flow">
|
| | | <template slot="suffix">
|
| | | <uni-icons color="#20613D" type="search" size="24" @tap="buttonSearchFlow"></uni-icons>
|
| | | </template>
|
| | | </u-input>
|
| | | </view>
|
| | | </view>
|
| | |
|
| | | <view class="info-brand m-t-12" v-if="id">
|
| | | <view class="flex">
|
| | | <image class="store-logo" :src="dto.cover"></image>
|
| | |
| | | </view>
|
| | | <view class="brand-info">
|
| | | <view v-if="flg==='0'" class="brand-info-0">
|
| | | <view class="search-container flex"
|
| | | style="padding-left: 20rpx;padding-right: 20rpx;padding-top: 20rpx">
|
| | | <view class="flex1 input">
|
| | | <u-input placeholder="请输入花名" v-model="query.name" clearable @confirm="buttonSearchFlow" @clear="()=>{
|
| | | $nextTick(()=>{buttonSearchFlow()})
|
| | | }">
|
| | | <template slot="suffix">
|
| | | <uni-icons color="#20613D" type="search" size="24"
|
| | | @click="buttonSearchFlow"></uni-icons>
|
| | | </template>
|
| | | </u-input>
|
| | | </view>
|
| | | </view>
|
| | | <view class="component-filter-container" style="padding-top: 12rpx;">
|
| | | <view class="flex1" @click.stop="$refs.popup_column.open()">
|
| | | 排序{{ query.columnStr&&('-'+query.columnStr) || '' }}
|
| | |
| | | <view class="top-title m-t-12">
|
| | | 报价已包含打包费、材料费、交易佣金
|
| | | </view>
|
| | | <view class="component-shop-item flex" v-for="(item,index) of list" :key="index"
|
| | | @click.stop="toDetail(item)">
|
| | | <view class="img">
|
| | | <view class="component-shop-item flex" v-for="(item,index) of list" :key="index">
|
| | | <view class="img" @click.stop="toDetail(item)">
|
| | | <image class="img img100" :src="item.cover" lazy-load>
|
| | | </image>
|
| | | <view class="level">
|
| | |
| | | </view>
|
| | |
|
| | | <view class="m-l-12 info-container flex1">
|
| | | <view class="title">
|
| | | <view class="title" @click.stop="toDetail(item)">
|
| | | {{item.name}}
|
| | | <view class="price">
|
| | | ¥{{item.price}}/扎
|
| | | </view>
|
| | | </view>
|
| | | <view class="shop-name">
|
| | | <view class="shop-name" @click.stop="toDetail(item)">
|
| | | {{item.categoryStr}}
|
| | | </view>
|
| | | <view class="other-info flex">
|
| | | <view class="other-info flex" @click.stop="toDetail(item)">
|
| | | <view class="m-r-15">
|
| | | 已售:{{item.sales || 0}}
|
| | | </view>
|
| | |
| | | <view class="icons flex">
|
| | | <uni-icons v-if="item.shopnum&&item.shopnum>=1" type="minus" size="32"
|
| | | @click.stop="addnum(item,-1)"></uni-icons>
|
| | | <view class="curnums" @click="updateItemNum(item)" v-if="item.shopnum&&item.shopnum>=1">
|
| | | <view class="curnums" @click.stop="updateItemNum(item)"
|
| | | v-if="item.shopnum&&item.shopnum>=1">
|
| | | {{ item.shopnum }}
|
| | | </view>
|
| | | <uni-icons v-if="!item.shopnum||item.shopnum<=99" type="plus-filled" size="32"
|
| | |
| | |
|
| | | </view>
|
| | |
|
| | | <view v-if="flg==='1'" class="brand-info-1">
|
| | | <trade :hidefooter="true" :catgoryTree="catgoryTree" v-if="catgoryTree" ref="trade"></trade>
|
| | | <view v-show="flg==='1'" class="brand-info-1">
|
| | | <trade :hidefooter="true" :supplierId="id" :catgoryTree="catgoryTree" v-if="catgoryTree" ref="trade">
|
| | | </trade>
|
| | | <!-- // 构建一个分类树 -->
|
| | | <!-- catgoryTree -->
|
| | |
|
| | |
| | | },
|
| | | data() {
|
| | | return {
|
| | | search_flow: '',
|
| | | // search_flow: '',
|
| | | flg: '0',
|
| | | tabs: [{
|
| | | name: '全部商品'
|
| | |
| | | column: '',
|
| | | levelStr: '',
|
| | | level: '',
|
| | | name: '',
|
| | | },
|
| | | level_show: false,
|
| | | level_columns: [
|
| | |
| | | ]
|
| | | }
|
| | | },
|
| | | onShow() {
|
| | | //避免商品数目不一样
|
| | | this.refreshList('post')
|
| | | },
|
| | | onLoad(options) {
|
| | | this.id = options.id || ''
|
| | | // this.page.size =
|
| | | this.page.size = 300
|
| | | if (this.id) {
|
| | | this.getDetail()
|
| | | }
|
| | |
| | | },
|
| | | // #endif
|
| | | onReachBottom() {
|
| | | if (this.flg === '0') {
|
| | | this.getMore('post')
|
| | | }
|
| | | // if (this.flg === '0') {
|
| | | // this.getMore('post')
|
| | | // }
|
| | | },
|
| | | methods: {
|
| | |
|
| | |
| | |
|
| | | },
|
| | | buttonSearchFlow() {
|
| | |
|
| | | // this.query.name = this.search_flow || ''
|
| | | this.refreshList('post')
|
| | | },
|
| | | async updateItemNum(item) {
|
| | | const res = await this.$message.confirm('', {
|
| | |
| | |
|
| | | <style lang="scss" scoped>
|
| | | .brand-detail {
|
| | |
|
| | | // min-height: 99vh;
|
| | | .brand-info {
|
| | | background: #FFFFFF;
|
| | | // border-radius: 40rpx 40rpx 0rpx 0rpx;
|
| | |
| | | overflow: hidden;
|
| | | overflow-y: scroll;
|
| | | padding: 40rpx 32rpx;
|
| | | height: calc(100vh - 650rpx);
|
| | | height: calc(100vh - 450rpx);
|
| | | padding-top: 0rpx;
|
| | |
|
| | | .brand-info-0 {
|