From eec250ccc9819d3e187e7ae513069c9ab09f6a38 Mon Sep 17 00:00:00 2001
From: whycq <123456>
Date: 星期二, 08 十一月 2022 10:57:54 +0800
Subject: [PATCH] #
---
pages/basics/matSelect.vue | 62 ++++++++++++++++++++++++++++--
1 files changed, 57 insertions(+), 5 deletions(-)
diff --git a/pages/basics/matSelect.vue b/pages/basics/matSelect.vue
index 97df00f..d1dd5db 100644
--- a/pages/basics/matSelect.vue
+++ b/pages/basics/matSelect.vue
@@ -4,7 +4,7 @@
<view class="search-box">
<view class="search-area">
<view class="search-icon"><uni-icons type="search" size="25" color="#a5a5a5"></uni-icons></view>
- <input type="text" v-model="condition" placeholder="璇疯緭鍏ュ晢鍝佺紪鐮� / 鍚嶇О"/>
+ <input type="text" @focus="inputF" v-model="condition" placeholder="璇疯緭鍏ュ晢鍝佺紪鐮� / 鍚嶇О"/>
<view class="close-icon" @click="reset()"><uni-icons type="closeempty" size="25" color="#a5a5a5"></uni-icons></view>
</view>
<view class="search-btn"><button @click="search(condition)" class="cu-btn bg-blue">鎼滅储</button></view>
@@ -35,9 +35,12 @@
</label>
</checkbox-group>
</scroll-view>
- <!-- <view class="record">
-
- </view> -->
+ <view class="record" v-show="recordShow">
+ <label class="record-card" v-for="(item,index) in record" :key="index" @click="chose(index)">
+ <view style="padding: 0 5rpx 0 10rpx;">{{item}}</view>
+ <uni-icons style="padding: 0 5rpx 0 5rpx;" type="closeempty" size="22" color="#a5a5a5" @click="del(index)"></uni-icons>
+ </label>
+ </view>
</view>
</template>
@@ -49,6 +52,8 @@
condition:null,
tag: [],
data: [],
+ record: [],
+ recordShow: false,
}
},
onLoad() {
@@ -60,6 +65,7 @@
eventChannel.on('commonUrl', function(data) {
that.commonUrl = data.commonUrl
that.showTag(1)
+ that.record = uni.getStorageSync("record")
})
},
methods: {
@@ -70,10 +76,18 @@
this.condition = null
uni.vibrateShort();
},
+ // 鑱氱劍
+ inputF() {
+ if (this.record.length == 0) {
+ return
+ }
+ this.recordShow = true
+ },
search(condition) {
let that = this
that.tag = null
that.data = null
+ that.recordShow = false
uni.vibrateShort();
uni.showLoading({
title: '鎼滅储涓�...'
@@ -93,6 +107,7 @@
var res = result.data
if (res.code === 200 ) {
that.data = res.data
+ that.save()
} else if (res.code == 403) {
uni.showToast({title: res.msg, icon: "none", position: 'top'})
setTimeout(() => {
@@ -105,6 +120,31 @@
}
}
});
+ },
+ // 淇濆瓨
+ save() {
+ if (this.record === '') {
+ this.record = []
+ }
+ this.record.push(this.condition)
+ for (var i = 0; i < this.record.length; i++) {
+ for (var j = i + 1;j < this.record.length; j++) {
+ if (this.record[i] ===this.record[j]){
+ this.record.splice(j,1);
+ j--;
+ }
+ }
+ }
+
+ uni.setStorageSync("record",this.record)
+ },
+ // 鍒犻櫎
+ del(i) {
+ this.record.splice(i,1)
+ uni.setStorageSync("record",this.record)
+ },
+ chose(i) {
+ this.condition = this.record[i]
},
showTag(parentId) {
let that = this
@@ -200,12 +240,24 @@
<style>
.record {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
z-index: 1;
position: fixed;
top: 188rpx;
width: 100%;
min-height: 50rpx;
- background-color: #6f6f6f;
+ background-color: #E4E7ED;
+ }
+ .record-card {
+ display: flex;
+ align-items: center;
+ min-width: 100rpx;
+ height: 60rpx;
+ background-color: #C0C4CC;
+ margin: 10rpx 10rpx 10rpx 10rpx;
+ border-radius: 10rpx;
}
.matnr {
margin-left: 60rpx;
--
Gitblit v1.9.1