zx

src/lycomponents/iSaleModelChoose/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="form.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-body">
                     <div class="sb-dd">
@@ -36,7 +46,8 @@
                        <vue-scroll>
                            <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" style="font-size: 15px">{{item.name}}</div>
+                                   <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>{{item.name}}</div>
                                 </div> 
                             </div>
@@ -97,6 +108,7 @@ export default {
             form: {
                 token: "",
                 sBrandName: "",
+                sKeyword: '',
                 sType: 'Marketing'
             },
             letterArr: [
@@ -187,6 +199,15 @@ export default {
             if(!this.getToken) return;
              this.form.token = this.getToken;
              this.form.sBrandName = brandName;
+             this.form.sKeyword = '';
+             this.load = true;
+            getUserSeriesName(this.form).then(res => {
+                let data = res.data || [];
+                this.models = data;
+                this.load = false;
+            })
+        },
+        onSearch() {
             this.load = true;
             getUserSeriesName(this.form).then(res => {
                 let data = res.data || [];
@@ -260,8 +281,7 @@ export default {
         }
         .sb-dd {
             width: 46%;
-            height: 100%;
-            box-shadow: 0 0 20px;
+            height: 90%;
         }
         .sb-bd {
             padding: 0px 16px 16px 16px;
@@ -311,6 +331,7 @@ export default {
                 margin-left: 16px;
                 margin-top: 16px;
                 transition: all 0.3s;
+                white-space:nowrap;
                 cursor: pointer;
                 &:hover {
                     background: #3373CC;
@@ -324,8 +345,7 @@ export default {
         }
         .sb-dd-right {
             width: 54%;
-            height: 100%;
-            box-shadow: 0 0 20px;
+            height: 90%;
         }
        
         .sb-footer {

src/lycomponents/iSpecialSeriesChoose/index.vue

@@ -65,6 +65,13 @@
                         </a-form-model-item>
                     </a-form-model>
                 </div>
+                <div style="margin: 0 0 0 16px">
+                    <a-form-model layout="inline">
+                        <a-form-model-item label="关键词">
+                            <a-input v-model="searchForm.sKeyword" style="width: 167px"></a-input>
+                        </a-form-model-item>
+                    </a-form-model>
+                </div>
                 <div class="sb-body">
                     <div class="sb-dd">
                         <vue-scroll>
@@ -82,7 +89,8 @@
                        <vue-scroll>
                            <div class="sb-bd" v-loading="load">
                                <div class="sb-b-item" :class="list.indexOf(item.seriesname) != -1 ? 'sb-b-item-active': ''" v-for="(item,index) in models" :key="index" @click="handlerModel(index, item)">
-                                   <div v-if="item.seriesname.length > 12" style="font-size: 15px">{{item.seriesname}}</div>
+                                   <div v-if="item.seriesname.length > 12 && item.seriesname.length <= 14" style="font-size: 15px">{{item.name}}</div>
+                                   <div v-if="item.seriesname.length > 14" style="font-size: 13px">{{item.seriesname}}</div>
                                    <div v-else>{{item.seriesname}}</div>
                                 </div>    
                            </div>
@@ -151,7 +159,8 @@ export default {
             load: false,
             form: {
                 token: "",
-                sBrandName: ""
+                sBrandName: "",
+                sKeyword: '宝',
             },
             searchForm: {
                 token: '',
@@ -164,6 +173,7 @@ export default {
                 sSeatS: '',
                 sEnergyType: '',
                 sCountryS: '',
+                sKeyword: '',
             },
             letterArr: [
                
@@ -238,6 +248,7 @@ export default {
                 getUserBrand(this.form)
                     .then((res) => {
                         let data = res.data;
+                        console.log(data)
                          let arr = [];
                         data.forEach((ele) => {
                             let fk = ele.firstword;
@@ -381,7 +392,7 @@ export default {
         }
         .sb-dd {
             width: 46%;
-            height: 100%;
+            height: 95%;
             box-shadow: 0 0 20px;
         }
         .sb-bd {
@@ -432,6 +443,7 @@ export default {
                 margin-left: 16px;
                 margin-top: 16px;
                 transition: all 0.3s;
+                white-space:nowrap;
                 cursor: pointer;
                 &:hover {
                     background: #3373CC;
@@ -445,7 +457,7 @@ export default {
         }
         .sb-dd-right {
             width: 54%;
-            height: 100%;
+            height: 95%;
             box-shadow: 0 0 20px;
         }
        

src/lycomponents/iSwitchModel/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="form.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-body">
                     <div class="sb-dd">
@@ -36,7 +46,8 @@
                        <vue-scroll>
                            <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" style="font-size: 15px">{{item.name}}</div>
+                                   <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>{{item.name}}</div>
                                 </div>    
                            </div>
@@ -96,7 +107,8 @@ export default {
             load: false,
             form: {
                 token: "",
-                sBrandName: ""
+                sBrandName: "",
+                sKeyword: '',
             },
             letterArr: [
                
@@ -186,6 +198,15 @@ export default {
             if(!this.getToken) return;
              this.form.token = this.getToken;
              this.form.sBrandName = brandName;
+             this.form.sKeyword = '';
+             this.load = true;
+            getUserSeriesName(this.form).then(res => {
+                let data = res.data || [];
+                this.models = data;
+                this.load = false;
+            })
+        },
+        onSearch() {
             this.load = true;
             getUserSeriesName(this.form).then(res => {
                 let data = res.data || [];
@@ -259,7 +280,7 @@ export default {
         }
         .sb-dd {
             width: 46%;
-            height: 100%;
+            height: 90%;
             box-shadow: 0 0 20px;
         }
         .sb-bd {
@@ -310,6 +331,7 @@ export default {
                 margin-left: 16px;
                 margin-top: 16px;
                 transition: all 0.3s;
+                white-space:nowrap;
                 cursor: pointer;
                 &:hover {
                     background: #3373CC;
@@ -323,7 +345,7 @@ export default {
         }
         .sb-dd-right {
             width: 54%;
-            height: 100%;
+            height: 90%;
             box-shadow: 0 0 20px;
         }