|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <view class="container-trade" style="min-height: calc(100vh - 20rpx );"> | 
|---|
|  |  |  | <view class="search-container m-t-12 flex" v-if="!(!list||list.length==0)&&true&&!hidefooter"> | 
|---|
|  |  |  | <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"> | 
|---|
|  |  |  | <u-input placeholder="请输入分类名称" v-model="query.name" clearable> | 
|---|
|  |  |  | <template slot="suffix"> | 
|---|
|  |  |  | <uni-icons color="#20613D" type="search" size="24" @tap="buttonSearchFlow"></uni-icons> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </u-input> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="canteen-items" style="min-height: calc(100vh - 160rpx);"> | 
|---|
|  |  |  | <view class="canteen-items" :style="{'min-height':hidefooter?'':'calc(100vh - 160rpx)'}"> | 
|---|
|  |  |  | <view v-if="(!list||list.length==0)&&true" style="width: 100%;min-height: 200rpx;"> | 
|---|
|  |  |  |   | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="canteen-item-container"> | 
|---|
|  |  |  | <!--               <view class="component-filter-container" style="padding-top: 12rpx;">--> | 
|---|
|  |  |  | <!--                  <view class="flex1" @click="openParamPop">--> | 
|---|
|  |  |  | <!--                     筛选--> | 
|---|
|  |  |  | <!--                  </view>--> | 
|---|
|  |  |  | <!--                  <view class="flex1">--> | 
|---|
|  |  |  | <!--                     颜色<image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image>--> | 
|---|
|  |  |  | <!--                  </view>--> | 
|---|
|  |  |  | <!--                  <view class="flex1">--> | 
|---|
|  |  |  | <!--                     筛选<image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image>--> | 
|---|
|  |  |  | <!--                  </view>--> | 
|---|
|  |  |  | <!--               </view>--> | 
|---|
|  |  |  | <!--               <u-divider></u-divider>--> | 
|---|
|  |  |  | <!--               <view class="component-filter-container" style="padding-top: 12rpx;">--> | 
|---|
|  |  |  | <!--                  <view class="flex1" @click="openParamPop">--> | 
|---|
|  |  |  | <!--                     筛选--> | 
|---|
|  |  |  | <!--                  </view>--> | 
|---|
|  |  |  | <!--                  <view class="flex1">--> | 
|---|
|  |  |  | <!--                     颜色<image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image>--> | 
|---|
|  |  |  | <!--                  </view>--> | 
|---|
|  |  |  | <!--                  <view class="flex1">--> | 
|---|
|  |  |  | <!--                     筛选<image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image>--> | 
|---|
|  |  |  | <!--                  </view>--> | 
|---|
|  |  |  | <!--               </view>--> | 
|---|
|  |  |  | <!--               <u-divider></u-divider>--> | 
|---|
|  |  |  | <view class="flex"> | 
|---|
|  |  |  | <view v-for="(item,index) of listFilter" :key="item.id" class="canteen-item list" | 
|---|
|  |  |  | @click.stop="toDetailList(item)"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <uni-icons type="plus-filled" size="32" @click="addnum(item)"></uni-icons> | 
|---|
|  |  |  | </view> --> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view style="padding-bottom:100rpx"> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view style="padding-bottom:100rpx"> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <footer-msg | 
|---|
|  |  |  | :more="page.total>0&&page.total>page.current*page.size"></footer-msg> | 
|---|
|  |  |  | <footer-msg v-if="!hidefooter" :more="page.total>0&&page.total>page.current*page.size"></footer-msg> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | props: { | 
|---|
|  |  |  | hidefooter: false, | 
|---|
|  |  |  | catgoryTree: [], | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | async onLoad() { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //加载分类 | 
|---|
|  |  |  | //加载分类 | 
|---|
|  |  |  | this.$message.showLoading() | 
|---|
|  |  |  | this.$http.request('get', '/api/customer/flower/category/tree', {}).then(res => { | 
|---|
|  |  |  | this.$http.request('get', '/api/customer/flower/category/tree', {}).then(res => { | 
|---|
|  |  |  | this.$message.hideLoading() | 
|---|
|  |  |  | var data = res.data | 
|---|
|  |  |  | this.list = data || [] | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | async updateParamsAndSearch(){ | 
|---|
|  |  |  | refInit(catgoryTree) { | 
|---|
|  |  |  | this.list = catgoryTree || [] | 
|---|
|  |  |  | if (this.list.length > 0) { | 
|---|
|  |  |  | this.query.categoryId = this.list[0].id || '' | 
|---|
|  |  |  | this.currentCategory = this.list[0] || {} | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | async updateParamsAndSearch() { | 
|---|
|  |  |  | //todo 设置参数并查询 | 
|---|
|  |  |  | await this.refreshList() | 
|---|
|  |  |  | this.$refs.popup_param.close() | 
|---|
|  |  |  | 
|---|
|  |  |  | width: 164rpx; | 
|---|
|  |  |  | // width: 690rpx; | 
|---|
|  |  |  | // max-width: 690rpx; | 
|---|
|  |  |  | height: 266rpx; | 
|---|
|  |  |  | min-height: 266rpx; | 
|---|
|  |  |  | background: #FFFFFF; | 
|---|
|  |  |  | margin-bottom: 44rpx; | 
|---|
|  |  |  | max-width: 164rpx; | 
|---|