#

whycq

2022-11-08 eec250ccc9819d3e187e7ae513069c9ab09f6a38

#

 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;