|
@ -9,7 +9,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="listconadd"> |
|
|
<div class="listconadd"> |
|
|
<el-form ref="dataForm" :model="formobj" class="formaddcopy02"> |
|
|
<el-form ref="dataForm" :model="formobj" class="formaddcopy02"> |
|
|
<div class="headline">【品牌】车型询价单</div> |
|
|
<div class="title">【品牌】车型询价单</div> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col :span="8"> |
|
|
<el-col :span="8"> |
|
|
<div class="span-sty spanOneWidth"><span>销售专员</span></div> |
|
|
<div class="span-sty spanOneWidth"><span>销售专员</span></div> |
|
@ -48,7 +48,7 @@ |
|
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.otherConfig }}</span></el-form-item> |
|
|
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.otherConfig }}</span></el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
<div class="headline">【品牌】车型报价单</div> |
|
|
<div class="title">【品牌】车型报价单</div> |
|
|
<div class="headtitle">{{ formobj.vehicleAlias }}</div> |
|
|
<div class="headtitle">{{ formobj.vehicleAlias }}</div> |
|
|
<!-- <div class="headtitle"><span>系列:{{ formobj.productLineValue }}<span style="margin-left: 20px">驱动:{{ formobj.driveFormValue }}<span style="margin-left: 20px">功能:{{ formobj.vehicleTypeValue }}<span style="margin-left: 20px">马力:{{ formobj.powerValue }}</span></span></span></span></div>--> |
|
|
<!-- <div class="headtitle"><span>系列:{{ formobj.productLineValue }}<span style="margin-left: 20px">驱动:{{ formobj.driveFormValue }}<span style="margin-left: 20px">功能:{{ formobj.vehicleTypeValue }}<span style="margin-left: 20px">马力:{{ formobj.powerValue }}</span></span></span></span></div>--> |
|
|
<el-row> |
|
|
<el-row> |
|
@ -85,7 +85,7 @@ |
|
|
<el-form-item><span class="addinputInfo">{{ formobj.gearboxTypeValue }}</span></el-form-item> |
|
|
<el-form-item><span class="addinputInfo">{{ formobj.gearboxTypeValue }}</span></el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
<div class="headline">车型信息</div> |
|
|
<div class="title">车型信息</div> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col :span="5"> |
|
|
<el-col :span="5"> |
|
|
<div class="span-sty spanTwoWidth"><span>排放标准</span></div> |
|
|
<div class="span-sty spanTwoWidth"><span>排放标准</span></div> |
|
@ -108,7 +108,7 @@ |
|
|
<el-form-item><span class="addinputInfo addinputwTwo">{{ formobj.departmentValue }}</span></el-form-item> |
|
|
<el-form-item><span class="addinputInfo addinputwTwo">{{ formobj.departmentValue }}</span></el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
<div class="headline">常用配置</div> |
|
|
<div class="title">常用配置</div> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<div class="span-sty"><span>颜色</span></div> |
|
|
<div class="span-sty"><span>颜色</span></div> |
|
@ -169,14 +169,11 @@ |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<div class="span-sty"><span>空调</span></div> |
|
|
<div class="span-sty"><span>空调</span></div> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-select v-model="formobj.airConditioner" placeholder="请选择" filterable clearable class="addinputwWidth" |
|
|
<el-select v-model="formobj.airConditioner" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeAirConditioner"> |
|
|
@change="changeAirConditioner"> |
|
|
<el-option v-for="item in airConditioner_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
<el-option v-for="item in airConditioner_list" :key="item.dictKey" :label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey"/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('airConditioner', '空调')">+ |
|
|
@click="add('airConditioner', '空调')">+ |
|
|
|
|
|
</button> |
|
|
</button> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<el-col :span="5" class="colStyle"> |
|
@ -191,14 +188,11 @@ |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<div class="span-sty"><span>导流罩</span></div> |
|
|
<div class="span-sty"><span>导流罩</span></div> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-select v-model="formobj.baffleModel" placeholder="请选择" filterable clearable class="addinputwWidth" |
|
|
<el-select v-model="formobj.baffleModel" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeBaffleModel"> |
|
|
@change="changeBaffleModel"> |
|
|
<el-option v-for="item in baffleModel_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
<el-option v-for="item in baffleModel_list" :key="item.dictKey" :label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey"/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('baffleModel', '导流罩')">+ |
|
|
@click="add('baffleModel', '导流罩')">+ |
|
|
|
|
|
</button> |
|
|
</button> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="4" class="colStyle"> |
|
|
<el-col :span="4" class="colStyle"> |
|
@ -224,14 +218,11 @@ |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<div class="span-sty"><span>护轮罩</span></div> |
|
|
<div class="span-sty"><span>护轮罩</span></div> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-select v-model="formobj.tireCover" placeholder="请选择" filterable clearable class="addinputwWidth" |
|
|
<el-select v-model="formobj.tireCover" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeTireCover"> |
|
|
@change="changeTireCover"> |
|
|
<el-option v-for="item in tireCover_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
<el-option v-for="item in tireCover_list" :key="item.dictKey" :label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey"/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('tireCover', '护轮罩')">+ |
|
|
@click="add('tireCover', '护轮罩')">+ |
|
|
|
|
|
</button> |
|
|
</button> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<el-col :span="5" class="colStyle"> |
|
@ -275,14 +266,11 @@ |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<div class="span-sty"><span>独立热源</span></div> |
|
|
<div class="span-sty"><span>独立热源</span></div> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-select v-model="formobj.independentSources" placeholder="请选择" filterable clearable |
|
|
<el-select v-model="formobj.independentSources" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeIndependentSources"> |
|
|
class="addinputwWidth" @change="changeIndependentSources"> |
|
|
<el-option v-for="item in independentSources_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
<el-option v-for="item in independentSources_list" :key="item.dictKey" :label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey"/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('independentSources', '独立热源')">+ |
|
|
@click="add('independentSources', '独立热源')">+ |
|
|
|
|
|
</button> |
|
|
</button> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<el-col :span="5" class="colStyle"> |
|
@ -297,14 +285,11 @@ |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<el-col :span="5" class="colStyle"> |
|
|
<div class="span-sty"><span>多媒体</span></div> |
|
|
<div class="span-sty"><span>多媒体</span></div> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-select v-model="formobj.multimedia" placeholder="请选择" filterable clearable class="addinputwWidth" |
|
|
<el-select v-model="formobj.multimedia" placeholder="请选择" filterable clearable class="addinputwWidth" @change="changeMultimedia"> |
|
|
@change="changeMultimedia"> |
|
|
<el-option v-for="item in multimedia_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
<el-option v-for="item in multimedia_list" :key="item.dictKey" :label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey"/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 20px;margin-left: 2px" @click="add('multimedia', '多媒体')">+ |
|
|
@click="add('multimedia', '多媒体')">+ |
|
|
|
|
|
</button> |
|
|
</button> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="4" class="colStyle"> |
|
|
<el-col :span="4" class="colStyle"> |
|
@ -317,7 +302,7 @@ |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 18px;" @click="add('specification', '货箱')">+</button> |
|
|
<button style="border: 0px;background: #FFFFFF;font-size: 18px;" @click="add('specification', '货箱')">+</button> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
<div class="headline">更多配置</div> |
|
|
<div class="title">更多配置</div> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
@ -325,7 +310,7 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
<div class="headline">特殊或差异说明</div> |
|
|
<div class="title">特殊或差异说明</div> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
@ -609,7 +594,7 @@ export default { |
|
|
} else if (this.typeName === '货箱') { |
|
|
} else if (this.typeName === '货箱') { |
|
|
this.packingCase_list = resp.data |
|
|
this.packingCase_list = resp.data |
|
|
} |
|
|
} |
|
|
this.$nextTick(() =>{ |
|
|
this.$nextTick(() => { |
|
|
this.handleColse() |
|
|
this.handleColse() |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
@ -925,15 +910,6 @@ export default { |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
<style scoped> |
|
|
<style scoped> |
|
|
.headline{ |
|
|
|
|
|
height: 40px; |
|
|
|
|
|
padding: 10px; |
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
font-size: 20px; |
|
|
|
|
|
background-color: #0294d7; |
|
|
|
|
|
text-align: left; |
|
|
|
|
|
color: #ffffff; |
|
|
|
|
|
} |
|
|
|
|
|
.headtitle{ |
|
|
.headtitle{ |
|
|
height: 40px; |
|
|
height: 40px; |
|
|
padding: 10px; |
|
|
padding: 10px; |
|
@ -950,10 +926,10 @@ export default { |
|
|
width: 100px !important; |
|
|
width: 100px !important; |
|
|
} |
|
|
} |
|
|
.addinputwOne { |
|
|
.addinputwOne { |
|
|
margin-left: 150px !important; |
|
|
margin-left: 140px !important; |
|
|
} |
|
|
} |
|
|
.addinputwTwo { |
|
|
.addinputwTwo { |
|
|
margin-left: 110px !important; |
|
|
margin-left: 100px !important; |
|
|
} |
|
|
} |
|
|
.addinputwThree { |
|
|
.addinputwThree { |
|
|
width: 100% !important; |
|
|
width: 100% !important; |
|
@ -961,7 +937,7 @@ export default { |
|
|
} |
|
|
} |
|
|
.addinputwWidth { |
|
|
.addinputwWidth { |
|
|
padding: 5px 0; |
|
|
padding: 5px 0; |
|
|
margin-left: 80px; |
|
|
margin-left: 70px; |
|
|
} |
|
|
} |
|
|
.colStyle { |
|
|
.colStyle { |
|
|
display: flex; |
|
|
display: flex; |
|
|