From 2db412e7aec0b33d4b4a8c021e635ae14e8e3639 Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Thu, 15 Sep 2022 08:43:25 +0800
Subject: [PATCH 1/2] zx

---
 src/lycomponents/iSaleModelChoose/index.vue     | 14 ++++++++------
 src/lycomponents/iSpecialSeriesChoose/index.vue | 14 ++++++++------
 src/lycomponents/iSwitchModel/index.vue         | 16 +++++++++-------
 3 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/src/lycomponents/iSaleModelChoose/index.vue b/src/lycomponents/iSaleModelChoose/index.vue
index 6e752d5..6e3a8ec 100644
--- a/src/lycomponents/iSaleModelChoose/index.vue
+++ b/src/lycomponents/iSaleModelChoose/index.vue
@@ -280,11 +280,11 @@ export default {
             }
         }
         .sb-dd {
-            width: 46%;
+            width: 31%;
             height: 90%;
         }
         .sb-bd {
-            padding: 0px 16px 16px 16px;
+            padding: 0px 16px 16px 8px;
             display: flex;
             justify-content: flex-start;
             flex-wrap: wrap;
@@ -298,8 +298,10 @@ export default {
                     border: 1px solid #3373cc;
                 }
                 .d1 {
-                    width: 152px;
-                    height: 132px;
+                    // width: 152px;
+                    // height: 132px;
+                    width: 100px;
+                    height: 87px;
                     background: #fff;
                     border-radius: 2px;
                     display: flex;
@@ -320,7 +322,7 @@ export default {
                 border: 1px solid #3373cc;
             }
             .sb-b-item {
-                width: 194px;
+                width: 190px;
                 height: 66px;
                 background: #1B4163;
                 color: #fff;
@@ -344,7 +346,7 @@ export default {
             }
         }
         .sb-dd-right {
-            width: 54%;
+            width: 69%;
             height: 90%;
         }
        
diff --git a/src/lycomponents/iSpecialSeriesChoose/index.vue b/src/lycomponents/iSpecialSeriesChoose/index.vue
index 74c7201..b63fc36 100644
--- a/src/lycomponents/iSpecialSeriesChoose/index.vue
+++ b/src/lycomponents/iSpecialSeriesChoose/index.vue
@@ -391,12 +391,12 @@ export default {
             }
         }
         .sb-dd {
-            width: 46%;
+            width: 31%;
             height: 95%;
             box-shadow: 0 0 20px;
         }
         .sb-bd {
-            padding: 0px 16px 16px 16px;
+            padding: 0px 16px 16px 8px;
             display: flex;
             justify-content: flex-start;
             flex-wrap: wrap;
@@ -410,8 +410,10 @@ export default {
                     border: 1px solid #3373cc;
                 }
                 .d1 {
-                    width: 152px;
-                    height: 132px;
+                    // width: 152px;
+                    // height: 132px;
+                    width: 100px;
+                    height: 87px;
                     background: #fff;
                     border-radius: 2px;
                     display: flex;
@@ -432,7 +434,7 @@ export default {
                 border: 1px solid #3373cc;
             }
             .sb-b-item {
-                width: 194px;
+                width: 190px;
                 height: 66px;
                 background: #1B4163;
                 color: #fff;
@@ -456,7 +458,7 @@ export default {
             }
         }
         .sb-dd-right {
-            width: 54%;
+            width: 69%;
             height: 95%;
             box-shadow: 0 0 20px;
         }
diff --git a/src/lycomponents/iSwitchModel/index.vue b/src/lycomponents/iSwitchModel/index.vue
index 1ac299d..8184dba 100644
--- a/src/lycomponents/iSwitchModel/index.vue
+++ b/src/lycomponents/iSwitchModel/index.vue
@@ -47,7 +47,7 @@
                            <div class="sb-bd" v-loading="load">
                                <div class="sb-b-item" :class="modelName === item.name ? 'sb-b-item-active': ''" v-for="(item,index) in models" :key="index" @click="handlerModel(index, item)">
                                    <div v-if="item.name.length > 12 && item.name.length <= 14" style="font-size: 15px">{{item.name}}</div>
-                                   <div v-if="item.name.length > 14" style="font-size: 13px">{{item.name}}</div>
+                                   <div v-else-if="item.name.length > 14" style="font-size: 14px">{{item.name}}</div>
                                    <div v-else>{{item.name}}</div>
                                 </div>    
                            </div>
@@ -279,12 +279,12 @@ export default {
             }
         }
         .sb-dd {
-            width: 46%;
+            width: 31%;
             height: 90%;
             box-shadow: 0 0 20px;
         }
         .sb-bd {
-            padding: 0px 16px 16px 16px;
+            padding: 0px 16px 16px 8px;
             display: flex;
             justify-content: flex-start;
             flex-wrap: wrap;
@@ -298,8 +298,10 @@ export default {
                     border: 1px solid #3373cc;
                 }
                 .d1 {
-                    width: 152px;
-                    height: 132px;
+                    // width: 152px;
+                    // height: 132px;
+                    width: 100px;
+                    height: 87px;
                     background: #fff;
                     border-radius: 2px;
                     display: flex;
@@ -320,7 +322,7 @@ export default {
                 border: 1px solid #3373cc;
             }
             .sb-b-item {
-                width: 194px;
+                width: 190px;
                 height: 66px;
                 background: #1B4163;
                 color: #fff;
@@ -344,7 +346,7 @@ export default {
             }
         }
         .sb-dd-right {
-            width: 54%;
+            width: 69%;
             height: 90%;
             box-shadow: 0 0 20px;
         }

From 86907e9a74cc31a918b06e148ee34ad76a50be1f Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Thu, 15 Sep 2022 10:26:28 +0800
Subject: [PATCH 2/2] zx

---
 src/lycomponents/iSpecialBrandChoose/index.vue | 18 +++++++++++++++++-
 .../iSpecialSeriesChoose/index.vue             |  1 -
 src/lycomponents/iSwitchBrand/index.vue        | 18 +++++++++++++++++-
 3 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/src/lycomponents/iSpecialBrandChoose/index.vue b/src/lycomponents/iSpecialBrandChoose/index.vue
index 16df241..e4bbec4 100644
--- a/src/lycomponents/iSpecialBrandChoose/index.vue
+++ b/src/lycomponents/iSpecialBrandChoose/index.vue
@@ -18,6 +18,16 @@
                     <li v-for="(item,index) in letterArr" :key="index" :class="activeLi === index ? 'lactive': ''" @click="handlerLi(index)">{{item}}</li>
                     <li @click="selectAll">全选</li>
                 </ul>
+                <div style="margin: 0 0 0 16px">
+                    <a-form-model layout="inline">
+                        <a-form-model-item label="关键词">
+                            <a-input v-model="sKeyword" style="width: 160px"></a-input>
+                        </a-form-model-item>
+                        <a-form-model-item>
+                            <a-button type="primary" @click="onSearch">搜索</a-button>
+                        </a-form-model-item>
+                    </a-form-model>
+                </div>
                 <div style="clear: both"></div>
                 <div class="sb-dd">
                     <vue-scroll>
@@ -95,6 +105,7 @@ export default {
             models: [],
             brandname: "",
             brandList: [],
+            sKeyword:'',
         };
     },
     methods: {
@@ -105,6 +116,7 @@ export default {
         },
         // 选择li
         handlerLi(n) {
+            this.sKeyword = '';
             this.activeLi = n;
             let key = this.letterArr[n];
             this.showCars = this.cars.filter((ele) => ele.firstword === key);
@@ -160,6 +172,10 @@ export default {
                 arr.push(ele.brandname);
             })
             this.$emit("selectAll", arr);
+        },
+        onSearch() {
+            let kw = this.sKeyword;
+            this.showCars = this.cars.filter((ele) => ele.brandname.indexOf(kw) != -1 && ele.firstword != '热门');
         }
     },
 };
@@ -221,7 +237,7 @@ export default {
         }
         .sb-dd {
             width: 100%;
-            height: calc(100% - 30px);
+            height: calc(100% - 70px);
             box-shadow: 0 0 20px;
         }
         .sb-bd {
diff --git a/src/lycomponents/iSpecialSeriesChoose/index.vue b/src/lycomponents/iSpecialSeriesChoose/index.vue
index b63fc36..1779f63 100644
--- a/src/lycomponents/iSpecialSeriesChoose/index.vue
+++ b/src/lycomponents/iSpecialSeriesChoose/index.vue
@@ -248,7 +248,6 @@ export default {
                 getUserBrand(this.form)
                     .then((res) => {
                         let data = res.data;
-                        console.log(data)
                          let arr = [];
                         data.forEach((ele) => {
                             let fk = ele.firstword;
diff --git a/src/lycomponents/iSwitchBrand/index.vue b/src/lycomponents/iSwitchBrand/index.vue
index f11c785..0647b45 100644
--- a/src/lycomponents/iSwitchBrand/index.vue
+++ b/src/lycomponents/iSwitchBrand/index.vue
@@ -17,6 +17,16 @@
                     <span class="liSn">按品牌拼音首字母查找:</span>
                     <li v-for="(item,index) in letterArr" :key="index" :class="activeLi === index ? 'lactive': ''" @click="handlerLi(index)">{{item}}</li>
                 </ul>
+                <div style="margin: 0 0 0 16px">
+                    <a-form-model layout="inline">
+                        <a-form-model-item label="关键词">
+                            <a-input v-model="sKeyword" style="width: 160px"></a-input>
+                        </a-form-model-item>
+                        <a-form-model-item>
+                            <a-button type="primary" @click="onSearch">搜索</a-button>
+                        </a-form-model-item>
+                    </a-form-model>
+                </div>
                 <div style="clear: both"></div>
                 <div class="sb-dd">
                     <vue-scroll>
@@ -87,6 +97,7 @@ export default {
             chooseModel: null,
             models: [],
             brandname: "",
+            sKeyword:'',
         };
     },
     methods: {
@@ -97,6 +108,7 @@ export default {
         },
         // 选择li
         handlerLi(n) {
+            this.sKeyword = '';
             this.activeLi = n;
             let key = this.letterArr[n];
             this.showCars = this.cars.filter((ele) => ele.firstword === key);
@@ -167,6 +179,10 @@ export default {
                 this.$message.warning("请选择品牌");
             }
         },
+        onSearch() {
+            let kw = this.sKeyword;
+            this.showCars = this.cars.filter((ele) => ele.brandname.indexOf(kw) != -1 && ele.firstword != '热门');
+        }
     },
 };
 </script>
@@ -227,7 +243,7 @@ export default {
         }
         .sb-dd {
             width: 100%;
-            height: calc(100% - 30px);
+            height: calc(100% - 70px);
             box-shadow: 0 0 20px;
         }
         .sb-bd {