From 87a56274d598af9842b593ec972f517161f60707 Mon Sep 17 00:00:00 2001
From: 陶杰 <1378534974@qq.com>
Date: 星期日, 19 一月 2025 18:44:27 +0800
Subject: [PATCH] 1.v6-屏蔽微信登录
---
pages/home/components/home-search.vue | 126 +++++++++++++++++++++++++++++++----------
1 files changed, 94 insertions(+), 32 deletions(-)
diff --git a/pages/home/components/home-search.vue b/pages/home/components/home-search.vue
index fdda89a..a60ac4f 100644
--- a/pages/home/components/home-search.vue
+++ b/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">
- <view class="m-r-10" style="line-height: 80rpx;" @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> -->
@@ -29,8 +32,13 @@
一键清空
</view>
</view>
- <view class="m-t-12 flex history-item-list">
- <view class="history-item" v-for="item of history" :key="item" @click="searchBy(item)">
+ <view class="m-t-12 flex history-item-list" v-show="type=='flower'">
+ <view class="history-item" v-for="(item,j) of history_flower" :key="j" @click="searchBy(item)">
+ {{item}}
+ </view>
+ </view>
+ <view class="m-t-12 flex history-item-list" v-show="type=='supplier'">
+ <view class="history-item" v-for="(item,j) of history_supplier" :key="j" @click="searchBy(item)">
{{item}}
</view>
</view>
@@ -43,18 +51,63 @@
data() {
return {
search_flow: '',
- history: [],
+ history_supplier: [],
+ history_flower: [],
+
type: 'flower', //supplierName
+ def: 0,
+ typeList:[
+ {
+ label: '按鲜花',
+ value: 'flower',
+ },
+ {
+ label: '按店铺',
+ value: 'supplier',
+ },
+ ],
+ search_home_placeholder:"请输入花名",
}
},
onShow() {
- var k = this.$storage.getItem("cache_home_search")
- this.history = k && JSON.parse(k) || []
+
},
onHide() {
- this.$storage.setItem("cache_home_search", JSON.stringify(this.history))
+ this.$storage.setItem("cache_home_search_supplier", JSON.stringify(this.history_supplier))
+ this.$storage.setItem("cache_home_search_flower", JSON.stringify(this.history_flower))
+ },
+ onLoad() {
+ if (true) {
+ var k = this.$storage.getItem("cache_home_search_flower")
+ this.history_flower = k && JSON.parse(k) || []
+ }
+ if (true) {
+ var k = this.$storage.getItem("cache_home_search_supplier")
+ this.history_supplier = k && JSON.parse(k) || []
+ }
},
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'
@@ -65,20 +118,29 @@
buttonSearchFlow() {
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')
+
var p = ''
if (this.type === 'flower') {
p = 'name=' + this.search_flow
+ if (this.history_flower.indexOf(name) >= 0) {
+
+ } else {
+ this.history_flower.unshift(name)
+ }
+ if (this.history_flower.length >= 10) {
+ this.history_flower.splice(this.history_flower.length - 1, 1)
+ }
} else {
p = 'supplierName=' + this.search_flow
+ if (this.history_supplier.indexOf(name) >= 0) {
+
+ } else {
+ this.history_supplier.unshift(name)
+ }
+ if (this.history_supplier.length >= 10) {
+ this.history_supplier.splice(this.history_supplier.length - 1, 1)
+ }
}
uni.navigateTo({
url: '/sub_pages/customer/trade/list?' + p
@@ -87,27 +149,27 @@
},
async clearHistory() {
await this.$message.confirm('是否清空历史记录')
- this.history = []
- this.$storage.setItem("cache_home_search", JSON.stringify(this.history))
+ if (this.type === 'flower') {
+ this.history_flower = []
+ this.$storage.setItem("cache_home_search_flower", JSON.stringify(this.history_flower))
+ }
+ if (this.type === 'supplier') {
+ this.history_supplier = []
+ this.$storage.setItem("cache_home_search_supplier", JSON.stringify(this.history_supplier))
+ }
+
},
searchBy(clickname) {
//值一瞬间会变，引用,所以用加一个，来更改引用
var name = '' + clickname
- if (this.history.indexOf(clickname) >= 0) {
- this.history.splice(this.history.indexOf(clickname), 1)
- }
- this.history.unshift(clickname)
-
+
var p = ''
if (this.type === 'flower') {
p = 'name=' + name
} else {
p = 'supplierName=' + name
}
- console.log('searchBy', name, p)
- // setTimeout(() => {
-
- // }, 200)
+ console.log('searchBy', clickname, name, p)
uni.navigateTo({
url: '/sub_pages/customer/trade/list?' + p
@@ -120,16 +182,16 @@
<style lang="scss" scoped>
.history-item-list {
.history-item {
- margin-right: 20rpx;
+ margin-right: 30rpx;
min-width: 100rpx;
padding: 10rpx 20rpx;
- margin-bottom: 20rpx;
+ margin-bottom: 30rpx;
text-align: center;
height: 30rpx;
line-height: 30rpx;
font-size: 28rpx;
- padding-left: 20rpx;
- padding-right: 20rpx;
+ // padding-left: 10rpx;
+ // padding-right: 10rpx;
border: 2rpx solid #e9e9e9;
}
}
--
Gitblit v1.9.3