|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <view class="container-trade" style="min-height: calc(100vh - 20rpx );"> | 
|---|
|  |  |  | <view class="container-trade"  :style="{'min-height':hidefooter?'':'calc(100vh - 20rpx)'}"> | 
|---|
|  |  |  | <view class="search-container m-t-12 flex" v-if="!(!list||list.length==0)&&true&&!hidefooter"> | 
|---|
|  |  |  | <view class="flex1 input"> | 
|---|
|  |  |  | <u-input placeholder="请输入分类名称" v-model="query.name"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </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 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" | 
|---|
|  |  |  | <image :src="item.imageUrl" mode="scaleToFill" class="cover" :lazy-load="true" | 
|---|
|  |  |  | @click.stop="previewImg(item.imageUrl)"> | 
|---|
|  |  |  | </image> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <footer-msg | 
|---|
|  |  |  | <footer-msg v-if="!hidefooter" | 
|---|
|  |  |  | :more="page.total>0&&page.total>page.current*page.size"></footer-msg> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | props: { | 
|---|
|  |  |  | hidefooter: false, | 
|---|
|  |  |  | catgoryTree:[], | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | async onLoad() { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //加载分类 | 
|---|
|  |  |  | this.$http.request('get', '/api/customer/flower/category/tree', {}).then(res => { | 
|---|
|  |  |  | //加载分类 | 
|---|
|  |  |  | this.$message.showLoading() | 
|---|
|  |  |  | this.$http.request('get', '/api/customer/flower/category/tree', {}).then(res => { | 
|---|
|  |  |  | this.$message.hideLoading() | 
|---|
|  |  |  | var data = res.data | 
|---|
|  |  |  | this.list = data || [] | 
|---|
|  |  |  | if (this.list.length > 0) { | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | 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() | 
|---|