yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

调整车型报价销售支持报价页面的样式布局

master
yunuo970428 3 years ago
parent
2947a7c6df
commit
c1824fcdde
1 changed files with 68 additions and 61 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 129
      anrui-scm/anrui-scm-ui/src/views/cheliang/chexingbaojia/daibaojiaguanli/diabaojiaAdd.vue

129
anrui-scm/anrui-scm-ui/src/views/cheliang/chexingbaojia/daibaojiaguanli/diabaojiaAdd.vue
View File

@ -110,191 +110,191 @@
</el-row>
<div class="headline">常用配置</div>
<el-row>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>颜色</span></div>
<el-form-item>
<el-select v-model="formobj.carColor" placeholder="请选择" filterable clearable class="addinputw" @change="changeCarColor">
<el-select v-model="formobj.carColor" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeCarColor">
<el-option v-for="item in carColor_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('bodyColor', '颜色')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('bodyColor', '颜色')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>缓速器</span></div>
<el-form-item>
<el-select v-model="formobj.slowMachine" placeholder="请选择" filterable clearable class="addinputw" @change="changeSlowMachine">
<el-select v-model="formobj.slowMachine" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeSlowMachine">
<el-option v-for="item in slowMachine_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('slowMachine', '缓速器')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('slowMachine', '缓速器')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>后视镜</span></div>
<el-form-item>
<el-select v-model="formobj.rearViewMirror" placeholder="请选择" filterable clearable class="addinputw" @change="changeRearViewMirror">
<el-select v-model="formobj.rearViewMirror" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeRearViewMirror">
<el-option v-for="item in rearViewMirror_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('rearViewMirror', '后视镜')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('rearViewMirror', '后视镜')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>轮胎</span></div>
<el-form-item>
<el-select v-model="formobj.tireSize" placeholder="请选择" filterable clearable class="addinputw" @change="changeTireSize">
<el-select v-model="formobj.tireSize" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeTireSize">
<el-option v-for="item in tireSize_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('tireSize', '轮胎')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('tireSize', '轮胎')">+</button>
</el-col>
<el-col :span="4">
<el-col :span="4" class="colStyle">
<div class="span-sty"><span>驾驶室</span></div>
<el-form-item>
<el-select v-model="formobj.specification" placeholder="请选择" filterable clearable class="addinputw addinputwWidth" @change="changeSpecification">
<el-select v-model="formobj.specification" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeSpecification">
<el-option v-for="item in specification_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 18px;" @click="add('specification', '驾驶室')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 18px;" @click="add('specification', '驾驶室')">+</button>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>后桥速比</span></div>
<el-form-item>
<el-select v-model="formobj.rearAxleRatio" placeholder="请选择" filterable clearable class="addinputw" @change="changeRearAxleRatio">
<el-select v-model="formobj.rearAxleRatio" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeRearAxleRatio">
<el-option v-for="item in rearAxleRatio_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('rearAxleRatio', '后桥速比')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('rearAxleRatio', '后桥速比')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>空调</span></div>
<el-form-item>
<el-select v-model="formobj.airConditioner" placeholder="请选择" filterable clearable class="addinputw" @change="changeAirConditioner">
<el-select v-model="formobj.airConditioner" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeAirConditioner">
<el-option v-for="item in airConditioner_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('whether', '空调')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('whether', '空调')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>轮毂材质</span></div>
<el-form-item>
<el-select v-model="formobj.hubMaterial" placeholder="请选择" filterable clearable class="addinputw" @change="changeHubMaterial">
<el-select v-model="formobj.hubMaterial" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeHubMaterial">
<el-option v-for="item in hubMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('hubMaterial', '轮毂材质')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('hubMaterial', '轮毂材质')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>导流罩</span></div>
<el-form-item>
<el-select v-model="formobj.baffleModel" placeholder="请选择" filterable clearable class="addinputw" @change="changeBaffleModel">
<el-select v-model="formobj.baffleModel" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeBaffleModel">
<el-option v-for="item in baffleModel_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('whether', '导流罩')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('whether', '导流罩')">+</button>
</el-col>
<el-col :span="4">
<el-col :span="4" class="colStyle">
<div class="span-sty"><span>悬架</span></div>
<el-form-item>
<el-select v-model="formobj.suspension" placeholder="请选择" filterable clearable class="addinputw addinputwWidth" @change="changeSuspension">
<el-select v-model="formobj.suspension" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeSuspension">
<el-option v-for="item in suspension_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 18px;" @click="add('suspension', '悬架')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 18px;" @click="add('suspension', '悬架')">+</button>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>座椅</span></div>
<el-form-item>
<el-select v-model="formobj.seat" placeholder="请选择" filterable clearable class="addinputw" @change="changeSeat">
<el-select v-model="formobj.seat" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeSeat">
<el-option v-for="item in seat_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('seat', '座椅')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('seat', '座椅')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>护轮罩</span></div>
<el-form-item>
<el-select v-model="formobj.tireCover" placeholder="请选择" filterable clearable class="addinputw" @change="changeTireCover">
<el-select v-model="formobj.tireCover" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeTireCover">
<el-option v-for="item in tireCover_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('whether', '护轮罩')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('whether', '护轮罩')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>鞍座</span></div>
<el-form-item>
<el-select v-model="formobj.saddle" placeholder="请选择" filterable clearable class="addinputw" @change="changeSaddle">
<el-select v-model="formobj.saddle" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeSaddle">
<el-option v-for="item in saddle_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('saddle', '鞍座')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('saddle', '鞍座')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>轴距</span></div>
<el-form-item>
<el-select v-model="formobj.wheelbase" placeholder="请选择" filterable clearable class="addinputw" @change="changeWheelbase">
<el-select v-model="formobj.wheelbase" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeWheelbase">
<el-option v-for="item in wheelbase_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('wheelbase', '轴距')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('wheelbase', '轴距')">+</button>
</el-col>
<el-col :span="4">
<el-col :span="4" class="colStyle">
<div class="span-sty"><span>保险杠</span></div>
<el-form-item>
<el-select v-model="formobj.bumper" placeholder="请选择" filterable clearable class="addinputw addinputwWidth" @change="changeBumper">
<el-select v-model="formobj.bumper" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeBumper">
<el-option v-for="item in bumper_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 18px;" @click="add('bumper', '保险杠')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 18px;" @click="add('bumper', '保险杠')">+</button>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>配置包</span></div>
<el-form-item>
<el-select v-model="formobj.configuringBao" placeholder="请选择" filterable clearable class="addinputw" @change="changeConfiguringBao">
<el-select v-model="formobj.configuringBao" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeConfiguringBao">
<el-option v-for="item in configuringBao_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('configuringBao', '配置包')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('configuringBao', '配置包')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>独立热源</span></div>
<el-form-item>
<el-select v-model="formobj.independentSources" placeholder="请选择" filterable clearable class="addinputw" @change="changeIndependentSources">
<el-select v-model="formobj.independentSources" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeIndependentSources">
<el-option v-for="item in independentSources_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('whether', '独立热源')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('whether', '独立热源')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>燃料箱</span></div>
<el-form-item>
<el-select v-model="formobj.fuelTank" placeholder="请选择" filterable clearable class="addinputw" @change="changeFuelTank">
<el-select v-model="formobj.fuelTank" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeFuelTank">
<el-option v-for="item in fuelTank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('fuelTank', '燃料箱')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('fuelTank', '燃料箱')">+</button>
</el-col>
<el-col :span="5">
<el-col :span="5" class="colStyle">
<div class="span-sty"><span>多媒体</span></div>
<el-form-item>
<el-select v-model="formobj.multimedia" placeholder="请选择" filterable clearable class="addinputw" @change="changeMultimedia">
<el-select v-model="formobj.multimedia" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeMultimedia">
<el-option v-for="item in multimedia_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('whether', '多媒体')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('whether', '多媒体')">+</button>
</el-col>
<el-col :span="4">
<el-col :span="4" class="colStyle">
<div class="span-sty"><span>货箱</span></div>
<el-form-item>
<el-select v-model="formobj.packingCase" placeholder="请选择" filterable clearable class="addinputw addinputwWidth" @change="changePackingCase">
<el-select v-model="formobj.packingCase" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changePackingCase">
<el-option v-for="item in packingCase_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<button style="border: 0px;background: #FFFFFF;font-size: 18px;" @click="add('specification', '货箱')">+</button>
</el-form-item>
<button style="border: 0px;background: #FFFFFF;font-size: 18px;" @click="add('specification', '货箱')">+</button>
</el-col>
</el-row>
<div class="headline">更多配置</div>
@ -911,6 +911,13 @@ export default {
margin-left: 0px !important;
}
.addinputwWidth {
width: 55% !important;
padding: 5px 0;
margin-left: 80px;
}
.colStyle {
display: flex;
flex: 1;
justify-content: flex-start;
align-items: center;
}
</style>

Write Preview
Loading…
Cancel
Save