From f6ed109d2075ec9dd2a15d606be0a43129d080c9 Mon Sep 17 00:00:00 2001
From: tanghaolin <1723298894@qq.com>
Date: 星期三, 07 九月 2022 14:29:13 +0800
Subject: [PATCH] 产品搜索增加品牌筛选
---
src/views/Select/FindKeyWordsData.vue | 95 ++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 92 insertions(+), 3 deletions(-)
diff --git a/src/views/Select/FindKeyWordsData.vue b/src/views/Select/FindKeyWordsData.vue
index 2022bb0..2a1bd78 100644
--- a/src/views/Select/FindKeyWordsData.vue
+++ b/src/views/Select/FindKeyWordsData.vue
@@ -162,7 +162,7 @@
<!-- 杩囨护鑿滃崟 -->
<van-dropdown-menu active-color="#528abe" style="flex: 1">
<van-dropdown-item :title="$t('ebookPage.screen.TR')" ref="filterOne">
- <van-cell left :title="$t('ebookPage.motorFrequency.TR')">
+ <van-cell v-if="false" left :title="$t('ebookPage.motorFrequency.TR')">
<template #right-icon>
<span style="margin-right: 10px"
>{{ m_MotorFrequece ? "60" : "50" }}Hz</span
@@ -224,7 +224,7 @@
title-style="color:#528abe"
:title="item.Name"
:label="item.CatalogName"
- v-for="(item, index) in m_dataList"
+ v-for="(item, index) in m_visibleDataList"
:key="index"
>
<template #icon>
@@ -343,7 +343,11 @@
},
],
m_dataList: [], //鏌ヨ鍑烘潵鐨勫垪琛�
+ m_visibleDataList:[],//鐢ㄤ簬灞曠ず鐨勬暟鎹�
+ m_allBrandList:[],//鍝佺墝
showSearchList: false,
+ m_isUL: false, //鏄惁鏄疷L
+ m_isFirePump: false, //鏄惁鏄秷闃叉车
};
},
mounted() {
@@ -388,6 +392,7 @@
_this.m_historyKeyWords.push(_this.m_keyWord);
}
db.set("historyRecord", _this.m_historyKeyWords);
+ let brandList = []
let seriesList = [];
result.Data.forEach((item) => {
let productItem = {
@@ -400,10 +405,17 @@
ThumbnailImage: item.ThumbnailImage,
Description: item.Description,
};
+ let brandObj = {
+ name:item.CorpName,
+ isSelect:false
+ }
+ brandList.push(brandObj)
seriesList.push(productItem);
});
_this.m_dataList = seriesList;
-
+ _this.m_visibleDataList = _this.m_dataList
+
+ _this.m_allBrandList = _this.uniqueCorpList(brandList)
//console.log(Object.entries(_this.m_ShowSeriesList), 80);
}
})
@@ -411,6 +423,40 @@
Toast.clear();
console.log(err);
});
+ },
+ //鏍规嵁鐢垫満鍔熺巼鐨勫�肩瓫閫夋车鍒楄〃
+ getFilterValue() {
+ this.$refs.filterOne.toggle();
+ },
+ //鏍规嵁鍝佺墝绛涢�夋车鍒楄〃
+ getFilterBrand() {
+ this.$refs.brandFilter.toggle();
+ //console.log(val,777)
+ let showSeriesList = [];
+ let currentSelectBrand = [];
+ this.m_allBrandList.forEach((item) => {
+ if (item.isSelect) {
+ currentSelectBrand.push(item.name);
+ }
+ });
+ if (currentSelectBrand.length == 0) {
+ this.m_visibleDataList= this.m_dataList
+ return;
+ }
+ currentSelectBrand.forEach((brand) => {
+ this.m_visibleDataList.forEach((series_item) => {
+ if (brand == series_item.CorpName) {
+ showSeriesList.push(series_item);
+ }
+ });
+ });
+ // console.log(showSeriesList,568)
+
+ this.m_visibleDataList= showSeriesList
+ },
+ //鐩戝惉鍝佺墝閫夋嫨
+ onChangeBrandSelect(e, index) {
+ this.m_allBrandList[index].isSelect = !this.m_allBrandList[index].isSelect;
},
//鐐瑰嚮鍘嗗彶璁板綍鏍囩鎼滅储
changeTagSearch(name) {
@@ -432,6 +478,16 @@
let query = { ID: item.SeriesID };
this.gotoPage("/EBook/SeriesDetailPump", query, null);
}
+ },
+ //鍏徃绛涢�夊垪琛ㄥ幓閲�
+ uniqueCorpList(arr) {
+ let map = new Map();
+ for (let item of arr) {
+ if (!map.has(item.name)) {
+ map.set(item.name, item);
+ }
+ }
+ return [...map.values()];
},
//杩斿洖涓婁竴椤�
pageBack() {
@@ -503,6 +559,39 @@
right: 15px;
}
}
+ .brand-content {
+ height: 23vh;
+ padding: 0px 5px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ align-content: flex-start;
+ overflow: auto;
+ }
+ .brand-item {
+ display: flex;
+ flex-direction: column;
+ width: 120px;
+ height: 32px;
+ justify-content: center;
+ align-items: center;
+ background-color: #f1f2f3;
+ border-radius: 20px;
+ margin-top: 10px;
+ margin-right: 5px;
+ box-sizing: border-box;
+ span {
+ font-size: 12px;
+ }
+ }
+ .brand-item-active {
+ border: 1px solid #578ebe;
+ background-color: #ecf5ff;
+ span {
+ font-size: 12px;
+ color: #578ebe;
+ }
+ }
}
.kwy-style {
margin-right: 5px;
--
Gitblit v1.9.3