陶杰
2025-01-13 efa9bfe98ba906e4c9b8f49c89f5da162a46bb0f
pages/home/components/home-search.vue
@@ -1,15 +1,18 @@
<template>
   <view class="p15 bg-white">
      <view class="search-container m-t-12 flex">
         <view class="flex m-r-20" @click="changeType">
         <!-- <view class="flex m-r-20" @click="changeType">
            <view class="m-r-10" style="line-height: 80rpx;" >
               {{type=='flower'?'按鲜花':'按店铺'}}
            </view>
            <u-icon name="arrow-down"></u-icon>
         </view> -->
         <view class="flex m-r-20">
            <um-dropdown width="200rpx" @change="fnChange" :defaultIndex="def" rangeKey="label" :optionList="typeList"></um-dropdown>
         </view>
         <view class="flex1 input">
            <u-input placeholder="请输入花名" v-model="search_flow" clearable @confirm="buttonSearchFlow" @clear="()=>{
            <u-input :placeholder="search_home_placeholder" v-model="search_flow" clearable @confirm="buttonSearchFlow" @clear="()=>{
               $nextTick(()=>{buttonSearchFlow()})
            }">
               <!-- <u--text text="http://" slot="prefix" margin="0 3px 0 0" type="tips"></u--text> -->
@@ -52,6 +55,18 @@
            history_flower: [],
            type: 'flower', //supplierName
            def: 0,
            typeList:[
               {
                  label: '按鲜花',
                  value: 'flower',
               },
               {
                  label: '按店铺',
                  value: 'supplier',
               },
            ],
        search_home_placeholder:"请输入花名",
         }
      },
      onShow() {
@@ -72,6 +87,27 @@
         }
      },
      methods: {
      fnChange(e) {
        this.type = e.value
        if (this.type == 'flower') {
          this.search_home_placeholder = '请输入花名'
          uni.setNavigationBarTitle({
            title: '搜鲜花',
            success: function() {
              // console.log('标题搜鲜花修改成功');
            }
          });
        } else {
          this.search_home_placeholder = '请输入店铺名'
          uni.setNavigationBarTitle({
            title: '搜店铺',
            success: function() {
              // console.log('标题搜店铺修改成功');
            }
          });
        }
      },
         changeType() {
            if (this.type == 'flower') {
               this.type = 'supplier'