| | |
| | | <view class="container-trade" :style="{'min-height':hidefooter?'':'calc(100vh - 20rpx)'}">
|
| | | <view class="search-container m-t-12 flex" v-if="!hidefooter">
|
| | | <view class="flex1 input">
|
| | | <u-input placeholder="请输入分类名称" v-model="query.name" clearable>
|
| | | <u-input placeholder="请输入分类名称" v-model="query.name" clearable @confirm="buttonSearchFlow" @clear="()=>{
|
| | | $nextTick(()=>{buttonSearchFlow()})
|
| | | }">
|
| | | <template slot="suffix">
|
| | | <uni-icons color="#20613D" type="search" size="24" @tap="buttonSearchFlow"></uni-icons>
|
| | | <uni-icons color="#20613D" type="search" size="24" @click="buttonSearchFlow"></uni-icons>
|
| | | </template>
|
| | | </u-input>
|
| | | </view>
|
| | |
| | | <view v-for="(item,index) of listFilter" :key="item.id" class="canteen-item list"
|
| | | @click.stop="toDetailList(item)">
|
| | | <view class="m-r-10">
|
| | | <image :src="item.imageUrl" mode="scaleToFill" class="cover" :lazy-load="true"
|
| | | @click.stop="previewImg(item.imageUrl)">
|
| | | <!-- @click.stop="previewImg(item.imageUrl)" -->
|
| | | <image :src="item.imageUrl" :class="[!item.stock?'':'']" mode="scaleToFill"
|
| | | class="cover" :lazy-load="true">
|
| | | </image>
|
| | | </view>
|
| | | <view class="cateen_infos list">
|
| | | <view class="title">{{item.name}}</view>
|
| | | <view class="price">¥{{minWeightPrice(item)}}-{{maxWeightPrice(item)}}</view>
|
| | |
|
| | | <view class="desc">在售 {{item.stock||'-'}} 扎</view>
|
| | |
|
| | | <view class="price">¥{{item.priceLow || 0}}-{{item.priceHigh||0}}</view>
|
| | | <view class="desc">在售 {{item.stock||'0'}} 扎</view>
|
| | | </view>
|
| | |
|
| | | </view>
|
| | |
| | |
|
| | | }
|
| | | },
|
| | | // #ifdef PUB_CUSTOMER
|
| | | onShareAppMessage() {
|
| | | let that = this;
|
| | | var name = that.currentInfo.customerDTO && currentInfo.customerDTO.name || that.currentInfo.supplierDTO &&
|
| | | currentInfo.supplierDTO.name || that.currentInfo.partnerDTO && currentInfo.partnerDTO.name || ''
|
| | | var url =
|
| | | `/pages/home/home?shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
|
| | | return {
|
| | | title: "花满芫",
|
| | | path: url,
|
| | | }
|
| | | },
|
| | | onShareTimeline() {
|
| | | let that = this;
|
| | | var name = that.currentInfo.customerDTO && currentInfo.customerDTO.name || that.currentInfo.supplierDTO &&
|
| | | currentInfo.supplierDTO.name || that.currentInfo.partnerDTO && currentInfo.partnerDTO.name || ''
|
| | | var url =
|
| | | `/pages/home/home?shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
|
| | | return {
|
| | | title: "花满芫",
|
| | | path: url,
|
| | | }
|
| | | },
|
| | | // #endif
|
| | | onPullDownRefresh() {
|
| | | this.$http.request('get', '/api/customer/flower/category/tree', {}).then(res => {
|
| | | var data = res.data
|
| | |
| | | uni.stopPullDownRefresh()
|
| | | })
|
| | | },
|
| | | async onLoad() {
|
| | |
|
| | | async onLoad(options) {
|
| | | let selectId = options.categoryId || ''
|
| | | //加载分类
|
| | | this.$message.showLoading()
|
| | | this.$http.request('get', '/api/customer/flower/category/tree', {}).then(res => {
|
| | |
| | | var data = res.data
|
| | | this.list = data || []
|
| | | if (this.list.length > 0) {
|
| | | this.query.categoryId = this.list[0].id || ''
|
| | | this.currentCategory = this.list[0] || {}
|
| | | if (selectId) {
|
| | | for (var item of this.list) {
|
| | | if (item.id == selectId) {
|
| | | this.query.categoryId = item.id || ''
|
| | | this.currentCategory = item
|
| | | break
|
| | | }
|
| | | }
|
| | | } else {
|
| | | this.query.categoryId = this.list[0].id || ''
|
| | | this.currentCategory = this.list[0] || {}
|
| | | }
|
| | |
|
| | | }
|
| | | })
|
| | | },
|
| | |
| | | font-size: 28rpx;
|
| | | color: #000000;
|
| | | line-height: 40rpx;
|
| | | min-height: 80rpx;
|
| | | text-align: center;
|
| | | }
|
| | |
|
| | | .desc {
|
| | |
| | | font-size: 24rpx;
|
| | | color: #CF0000;
|
| | | line-height: 34rpx;
|
| | | text-align: left;
|
| | | text-align: center;
|
| | | }
|
| | |
|
| | |
|