update 优化搜索事件

xuxueyang

2024-08-04 17bb1250f2120415e5fc9f47fe50b60f72b47a07

 sub_pages/customer/trade/trade.vue

@@ -1,10 +1,12 @@
<template>

   <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="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 @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>

@@ -38,21 +40,15 @@
                  <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">￥29.01-30.01</view>



                        <view class="desc">在售14410扎</view>

                        <!--                         <view class="icons flex">

                              <uni-icons v-if="item.shopnum&&item.shopnum>=1" type="minus" size="32"

                                 @click="mulnum(item)"></uni-icons>

                              <view class="curnums" v-if="item.shopnum&&item.shopnum>=1">{{item.shopnum}}</view>

                              <uni-icons type="plus-filled" size="32" @click="addnum(item)"></uni-icons>

                           </view> -->

                        <view class="price">￥{{item.priceLow || 0}}-{{item.priceHigh||0}}</view>

                        <view class="desc">在售 {{item.stock||'0'}} 扎</view>

                     </view>



                  </view>

@@ -116,6 +112,30 @@


         }

      },

      // #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

@@ -128,8 +148,8 @@
            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 => {

@@ -137,12 +157,70 @@
            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] || {}

               }



            }

         })

      },

      methods: {

         maxWeightPrice(item) {

            var p = 0

            if (item.weightA && item.weightA > p) {

               p = item.weightA

            }

            if (item.weightB && item.weightB > p) {

               p = item.weightB

            }

            if (item.weightC && item.weightC > p) {

               p = item.weightC

            }

            if (item.weightD && item.weightD > p) {

               p = item.weightD

            }

            if (item.weightE && item.weightE > p) {

               p = item.weightE

            }

            if (item.weightO && item.weightO > p) {

               p = item.weightO

            }

            return p

         },

         minWeightPrice(item) {

            var p = -1

            if (item.weightA && item.weightA < p) {

               p = item.weightA

            }

            if (item.weightB && item.weightB < p) {

               p = item.weightB

            }

            if (item.weightC && item.weightC < p) {

               p = item.weightC

            }

            if (item.weightD && item.weightD < p) {

               p = item.weightD

            }

            if (item.weightE && item.weightE < p) {

               p = item.weightE

            }

            if (item.weightO && item.weightO < p) {

               p = item.weightO

            }

            if (p < 0) {

               p = 0

            }

            return p

         },

         refInit(catgoryTree) {

            this.list = catgoryTree || []

            if (this.list.length > 0) {

@@ -314,6 +392,8 @@
               font-size: 28rpx;

               color: #000000;

               line-height: 40rpx;

               min-height: 80rpx;

               text-align: center;

            }



            .desc {