From 407c8602522f9cde794d6e876b3686beb7bff1ad Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期四, 27 四月 2023 10:48:25 +0800
Subject: [PATCH] #
---
pages/basics/matSelect.vue | 82 +++++++++++++++++++++++++++++++++++++----
1 files changed, 74 insertions(+), 8 deletions(-)
diff --git a/pages/basics/matSelect.vue b/pages/basics/matSelect.vue
index 5f00086..8dfe684 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>
@@ -30,11 +30,17 @@
<view class="cu-tag bg-cyan ">鍟嗗搧</view>
</view>
<view class="matnr"><text style="width: 400rpx;">{{item.matnr}}</text></view>
- <view class="matnr"><text style="width: 400rpx;">{{item.maktx}}</text></view>
+ <view class="matnr"><text style="width: 400rpx;">{{item.specs}}</text></view>
</view>
</label>
</checkbox-group>
</scroll-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>
@@ -46,6 +52,8 @@
condition:null,
tag: [],
data: [],
+ record: [],
+ recordShow: false,
}
},
onLoad() {
@@ -57,6 +65,7 @@
eventChannel.on('commonUrl', function(data) {
that.commonUrl = data.commonUrl
that.showTag(1)
+ that.record = uni.getStorageSync("record")
})
},
methods: {
@@ -67,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: '鎼滅储涓�...'
@@ -86,10 +103,12 @@
'token':uni.getStorageSync('token'),
},
success(result) {
+ console.log(result);
uni.hideLoading();
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(() => {
@@ -103,9 +122,34 @@
}
});
},
+ // 淇濆瓨
+ 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
-
+ uni.showLoading();
uni.request({
url: that.commonUrl + '/tag/list/pda/auth',
header: {
@@ -119,7 +163,7 @@
'token':uni.getStorageSync('token'),
},
success(result) {
- uni.showLoading();
+ uni.hideLoading();
that.tag = null
that.data = null
var res = result.data
@@ -139,12 +183,11 @@
} else {
uni.showToast({title: res.msg, icon: "none",position: 'top'})
}
- uni.hideLoading();
+
}
});
},
showMat(tagId) {
- uni.vibrateShort();
uni.showLoading();
let that = this
if (tagId == null || tagId == '' || tagId == undefined) {
@@ -160,7 +203,7 @@
'token':uni.getStorageSync('token'),
},
success(result) {
-
+ uni.hideLoading();
that.tag = null
var res = result.data
if (res.code === 200) {
@@ -180,7 +223,7 @@
} else {
uni.showToast({title: res.msg, icon: "none",position: 'top'})
}
- uni.hideLoading();
+
}
});
},
@@ -197,6 +240,29 @@
</script>
<style>
+ .record {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ z-index: 1;
+ position: fixed;
+ top: 188rpx;
+ /* #ifdef APP-PLUS */
+ top: 89rpx;
+ /* #endif */
+ width: 100%;
+ min-height: 50rpx;
+ 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;
margin-top: 20rpx;
--
Gitblit v1.9.1