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

完善车型配置标准页面

master
yunuo970428 1 year ago
parent
290ae20527
commit
56d22aec2a
2 changed files with 372 additions and 0 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. 65
      anrui-riskcenter-ui/src/components/publicPage/criterion.vue
  2. 307
      anrui-riskcenter-ui/src/components/publicPage/vehicleconfiguration.vue

65
anrui-riskcenter-ui/src/components/publicPage/criterion.vue
View File

@ -0,0 +1,65 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>车型配置详情</div>
<div>
<el-button type="info" size="small" @click="handleReturn">关闭</el-button>
</div>
</div>
<vehicleconfiguration ref="divConfig" :params="sid_list"/>
</div>
</template>
<script>
import vehicleconfiguration from './vehicleconfiguration'
export default {
name: 'BiaoZhun',
components: {
vehicleconfiguration
},
data() {
return {
FormLoading: false,
isDown: true,
isDownOther: true,
sid_list: {
modelSid: '',
configSid: '',
vehModelConfigSid: '',
guidedPrice: ''
}
}
},
methods: {
// 返回
handleReturn() {
this.sid_list = {
modelSid: '',
configSid: '',
vehModelConfigSid: '',
guidedPrice: ''
}
this.$emit('doback')
},
// 查看
showInfo(row) {
this.FormLoading = true
this.sid_list.modelSid = row.modelSid
this.sid_list.configSid = row.modelConfigSid
this.sid_list.vehModelConfigSid = row.vehModelConfigSid
if (row.guidedPrice !== '' || row.guidedPrice !== null) {
const guidedPrice_two = parseFloat(Number(row.guidedPrice) / 10000).toFixed(2)
this.sid_list.guidedPrice = guidedPrice_two
}
if (row.guidedPrice === '' || row.guidedPrice == null) {
this.sid_list.guidedPrice = ''
}
// this.sid_list.guidedPrice = row.guidedPrice
}
}
}
</script>
<style scoped>
</style>

307
anrui-riskcenter-ui/src/components/publicPage/vehicleconfiguration.vue
View File

@ -0,0 +1,307 @@
<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>
Write Preview
Loading…
Cancel
Save