From 17bb1250f2120415e5fc9f47fe50b60f72b47a07 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期日, 04 八月 2024 12:50:01 +0800
Subject: [PATCH] update 优化搜索事件
---
pages/home/components/home-search.vue | 39 +++++++++++++++++++++++++++++----------
1 files changed, 29 insertions(+), 10 deletions(-)
diff --git a/pages/home/components/home-search.vue b/pages/home/components/home-search.vue
index aaa32e2..328c5b0 100644
--- a/pages/home/components/home-search.vue
+++ b/pages/home/components/home-search.vue
@@ -2,15 +2,23 @@
<view class="p15 bg-white">
<view class="search-container m-t-12 flex">
<view class="flex1 input">
- <u-input placeholder="请输入花名" v-model="search_flow">
+ <u-input placeholder="请输入花名" v-model="search_flow" clearable @confirm="buttonSearchFlow" @clear="()=>{
+ $nextTick(()=>{buttonSearchFlow()})
+ }">
<template slot="suffix">
<uni-icons color="#20613D" type="search" size="24" @click="buttonSearchFlow"></uni-icons>
</template>
</u-input>
</view>
+
</view>
<view class="m-t-12">
- <view class="title">搜索历史</view>
+ <view class="title flex">
+ <view class="m-l-0 m-r-a">搜索历史</view>
+ <view class="bg-white desc-gray text-center m-l-a m-r-0" @click.stop="clearHistory">
+ 一键清空
+ </view>
+ </view>
<view class="m-t-12 flex flex-wrap-normal history-item-list">
<view class="history-item" v-for="item of history" :key="item" @click="searchBy(item)">
{{item}}
@@ -37,15 +45,26 @@
},
methods: {
buttonSearchFlow() {
- if (this.history.indexOf(name) >= 0) {
- this.history.splice(this.history.indexOf(name), 1)
- }
- this.history.unshift(name)
+ var name = this.search_flow
+ if (name) {
+ if (this.history.indexOf(name) >= 0) {
+ this.history.splice(this.history.indexOf(name), 1)
+ }
+ this.history.unshift(name)
+ if (this.history.length >= 10) {
+ this.history.splice(this.history.length - 1, 1)
+ }
- console.log('buttonSearchFlow')
- uni.navigateTo({
- url: '/sub_pages/customer/trade/list?name=' + this.search_flow
- })
+ console.log('buttonSearchFlow')
+ uni.navigateTo({
+ url: '/sub_pages/customer/trade/list?name=' + this.search_flow
+ })
+ }
+ },
+ async clearHistory() {
+ await this.$message.confirm('是否清空历史记录')
+ this.history = []
+ this.$storage.setItem("cache_home_search", JSON.stringify(this.history))
},
searchBy(name) {
if (this.history.indexOf(name) >= 0) {
--
Gitblit v1.9.3