|
|
|
@ -28,20 +28,40 @@
|
|
|
|
|
<v-label-div :title="form.Classify == 1 ? '品牌列表':'车型列表'">
|
|
|
|
|
<v-btn @click="reset">重选分析</v-btn>
|
|
|
|
|
</v-label-div>
|
|
|
|
|
<div class="brandChooseContent" v-if="form.Classify == 1">
|
|
|
|
|
<div class="brand-item" v-for="(item, index) in chosenBrandList" :key="index">
|
|
|
|
|
<span style="margin-left: 40px">{{item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
|
|
|
|
|
<div v-if="form.Classify == 1">
|
|
|
|
|
<div v-if="chosenBrandList.length <= 60" class="brandChooseContent">
|
|
|
|
|
<div class="brand-item" v-for="(item, index) in chosenBrandList" :key="index">
|
|
|
|
|
<span style="margin-left: 40px">{{item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="brand-item" style="text-align: center;">
|
|
|
|
|
<a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="brand-item" style="text-align: center;">
|
|
|
|
|
<a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
|
|
|
|
|
<div v-else class="brandChooseContent">
|
|
|
|
|
<div class="brand-item-small" v-for="(item, index) in chosenBrandList" :key="index">
|
|
|
|
|
<span style="margin-left: 36px">{{item.length > 8 ? item.slice(0,8)+'...':item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="brand-item-small" style="text-align: center;">
|
|
|
|
|
<a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="brandChooseContent" v-if="form.Classify == 2">
|
|
|
|
|
<div class="brand-item" v-for="(item, index) in chosenSeriesList" :key="index">
|
|
|
|
|
<span style="margin-left: 40px">{{item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
|
|
|
|
|
<div v-if="form.Classify == 2">
|
|
|
|
|
<div v-if="chosenSeriesList.length <= 60" class="brandChooseContent">
|
|
|
|
|
<div class="brand-item" v-for="(item, index) in chosenSeriesList" :key="index">
|
|
|
|
|
<span style="margin-left: 40px">{{item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="brand-item" style="text-align: center;">
|
|
|
|
|
<a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="brand-item" style="text-align: center;">
|
|
|
|
|
<a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
|
|
|
|
|
<div v-else class="brandChooseContent">
|
|
|
|
|
<div class="brand-item-small" v-for="(item, index) in chosenSeriesList" :key="index">
|
|
|
|
|
<span style="margin-left: 36px">{{item.length > 8 ? item.slice(0,8)+'...':item}}</span><a-icon @click="delBrand(index)" class="close-icon" type="close" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="brand-item-small" style="text-align: center;">
|
|
|
|
|
<a-icon @click="handlerAdd" style="cursor: pointer;font-size: 36px;margin-top: 20px" type="plus" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -244,6 +264,28 @@ export default {
|
|
|
|
|
color: #3373CC;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
.brand-item-small {
|
|
|
|
|
width: 168px;
|
|
|
|
|
height: 80px;
|
|
|
|
|
background: #1B4163;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-family: PingFangSC-Semibold, PingFang SC;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
line-height: 80px;
|
|
|
|
|
margin-right: 16px;
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
.close-icon {
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-top: 30px;
|
|
|
|
|
margin-right: 24px;
|
|
|
|
|
float: right;
|
|
|
|
|
color: #3373CC;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|