You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
307 lines
13 KiB
307 lines
13 KiB
<template>
|
|
<div class="app-container">
|
|
<div class="listconadd">
|
|
<el-form ref="dataForm" :model="formobj" class="formaddcopy02">
|
|
<div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
|
|
<div>{{ formobj.vehicleAlias }}</div>
|
|
<div>销售指导价:<span>{{guidedPrice}} 万元</span></div>
|
|
</div>
|
|
<el-row>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>品牌</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.brandName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>功能</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.vehicleTypeValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>系列</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.productLineValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>驱动</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.driveFormValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tlineheightb">
|
|
<div class="span-sty"><span>马力</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.powerValue }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>版本</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.vehicleVersionValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>燃料</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.fuelTypeValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>排放标准</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.emissionStandardValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>发动机型号</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.engineTypeValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tlineheightb">
|
|
<div class="span-sty"><span>变速箱类型</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.tranCaseTypeValue }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>变速箱</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.gearboxTypeValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>细分市场</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.marketSegmentsValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>规格型号</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.specifications }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>系别</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.departmentValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tlineheightb">
|
|
<div class="span-sty"><span>编码</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.vehicleTypeCode }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">常用配置<span>({{ formobj.configCode }})</span></div>
|
|
<el-row>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>后桥</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.rearAxleValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>速比</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.rearAxleRatio }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>轴距</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.wheelbase }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>悬架</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.suspension }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tlineheightb">
|
|
<div class="span-sty"><span>鞍座</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.saddle }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>颜色</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.carColor }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>驾驶室</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.specification }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>保险杠</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.bumper }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>燃料箱</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.fuelTank }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tlineheightb">
|
|
<div class="span-sty"><span>导流罩</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.baffleModel }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>独立热源</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.independentSources }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>缓速器</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.slowMachine }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>护轮罩</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.tireCover }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>后视镜</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.rearViewMirror }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tlineheightb">
|
|
<div class="span-sty"><span>轮胎</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.tireSize }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>轮毂材质</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.hubMaterial }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>空调</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.airConditioner }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>座椅</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.seat }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>多媒体</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.multimedia }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tlineheightb">
|
|
<div class="span-sty"><span>配置包</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.configuringBao }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>门窗</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.doorAndWindowValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>门锁</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.doorLockValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>大灯</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.headlightValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>上车踏板</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.boardPedalValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tlineheightb">
|
|
<div class="span-sty"><span>方向盘</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.steerWheelValue }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>离合器</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.clutchValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>方向机</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.dirMachineValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>前桥</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.proponsValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="5" class="tlineheightb">
|
|
<div class="span-sty"><span>货箱内部长度</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.packingCase }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tlineheightb">
|
|
<div class="span-sty"><span>蓄电池</span></div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.storagBatteryValue }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">
|
|
更多配置
|
|
</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item>{{ formobj.otherConfig }}</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { selectExiCarConfig } from '@/api/Common/dictcommons'
|
|
|
|
export default {
|
|
name: 'CheXingPeiZhiBiaoZhun',
|
|
props: {
|
|
params: {
|
|
type: Object
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
FormLoading: false,
|
|
priceValidity: '',
|
|
guidedPrice: '',
|
|
formobj: {},
|
|
isDown: true,
|
|
isDownOther: true,
|
|
sid_list: {
|
|
modelSid: '',
|
|
configSid: '',
|
|
vehModelConfigSid: '',
|
|
userSid: window.sessionStorage.getItem('userSid')
|
|
}
|
|
}
|
|
},
|
|
watch: {
|
|
params: {
|
|
deep: true,
|
|
immediate: false,
|
|
handler(newVal, oldVal) {
|
|
if (newVal.configSid !== '' && newVal.modelSid !== '') {
|
|
this.guidedPrice = newVal.guidedPrice
|
|
selectExiCarConfig({
|
|
modelSid: newVal.modelSid,
|
|
configSid: newVal.configSid,
|
|
vehModelConfigSid: newVal.vehModelConfigSid
|
|
}).then((response) => {
|
|
this.FormLoading = false
|
|
if (response.success) {
|
|
this.formobj = response.data
|
|
} else {
|
|
this.$message({
|
|
showClose: true,
|
|
message: '查看失败！',
|
|
type: 'error'
|
|
})
|
|
}
|
|
})
|
|
} else {
|
|
this.formobj = {}
|
|
this.guidedPrice = ''
|
|
}
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.span-sty {
|
|
width: 100px !important;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
.addinputInfo {
|
|
margin-left: 90px !important;
|
|
}
|
|
.tlineheightb {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
|
|
line-height: 15px !important;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
|