1
xuxy
2024-07-29 dc6cdf2414ee7c453e1bca47898177f7af079945
sub_pages/customer/trade/trade.vue
@@ -1,15 +1,15 @@
<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;">
            &nbsp;
         </view>
@@ -22,18 +22,18 @@
               </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)">
@@ -54,13 +54,12 @@
                              <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>
@@ -103,6 +102,7 @@
   export default {
      props: {
         hidefooter: false,
         catgoryTree: [],
      },
      data() {
         return {
@@ -130,9 +130,9 @@
      },
      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 || []
@@ -143,7 +143,14 @@
         })
      },
      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()
@@ -289,7 +296,7 @@
            width: 164rpx;
            // width: 690rpx;
            // max-width: 690rpx;
            height: 266rpx;
            min-height: 266rpx;
            background: #FFFFFF;
            margin-bottom: 44rpx;
            max-width: 164rpx;