|
|
|
|
@ -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 {
|
|
|
|
|
|
