| | |
| | | <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;
|