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.
212 lines
7.5 KiB
212 lines
7.5 KiB
<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>
|
|
<div class="listconadd">
|
|
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd">
|
|
<div class="title">车型信息</div>
|
|
<el-row style="border-top: 1px solid #E0E3EB">
|
|
<el-col :span="4" class="tleftb">
|
|
<span>品牌</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.brandName }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>功能</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.vehicleTypeValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>系列</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.productLineValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>驱动</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.driveFormValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>马力</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.powerValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>版本</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.vehicleVersionValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>燃料</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.fuelTypeValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>排放标准</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.emissionStandardValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>发动机型号</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.engineTypeValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>变速箱类型</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.tranCaseTypeValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>变速箱</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.gearboxTypeValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>细分市场</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.marketSegmentsValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>规格型号</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.specifications }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="tleftb">
|
|
<span>系别</span>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<span>{{ temp.departmentValue }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">
|
|
<div>常用配置列表</div>
|
|
</div>
|
|
<el-table :data="list" :index="index" border style="width: 100%">
|
|
<el-table-column fixed align="center" label="序号" type="index" width="60" />
|
|
<el-table-column fixed prop="insideCode" width="130" label="内部编码" align="center" />
|
|
<el-table-column fixed prop="guidedPrice" width="150" label="销售指导价(全款)" align="center" />
|
|
<el-table-column fixed prop="manufactorSettlementPrice" width="150" label="销售指导价(贷款)" align="center" />
|
|
<el-table-column prop="rearAxleValue" width="150" label="后桥" align="center" />
|
|
<el-table-column prop="rearAxleRatio" width="150" label="速比" align="center" />
|
|
<el-table-column prop="wheelbase" width="150" label="轴距" align="center" />
|
|
<el-table-column prop="suspension" width="120" label="悬架" align="center" />
|
|
<el-table-column prop="saddle" width="150" label="鞍座" align="center" />
|
|
<el-table-column prop="carColor" width="150" label="颜色" align="center" />
|
|
<el-table-column prop="specification" width="150" label="驾驶室" align="center" />
|
|
<el-table-column prop="bumper" width="150" label="保险杠" align="center" />
|
|
<el-table-column prop="fuelTank" width="150" label="燃料箱" align="center" />
|
|
<el-table-column prop="baffleModel" width="150" label="导流罩" align="center" />
|
|
<el-table-column prop="independentSources" width="150" label="独立热源" align="center" />
|
|
<el-table-column prop="slowMachine" width="150" label="缓速器" align="center" />
|
|
<el-table-column prop="tireCover" width="150" label="护轮罩" align="center" />
|
|
<el-table-column prop="rearViewMirror" width="95" label="后视镜" align="center" />
|
|
<el-table-column prop="tireSize" width="95" label="轮胎" align="center" />
|
|
<el-table-column prop="hubMaterial" width="150" label="轮毂材质" align="center" />
|
|
<el-table-column prop="airConditioner" width="150" label="空调" align="center" />
|
|
<el-table-column prop="seat" width="150" label="座椅" align="center" />
|
|
<el-table-column prop="multimedia" width="150" label="多媒体" align="center" />
|
|
<el-table-column prop="configuringBao" width="150" label="配置包" align="center" />
|
|
</el-table>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { details } from '@/api/cheliang/basevehiclemodel'
|
|
|
|
export default {
|
|
name: 'chexinglook',
|
|
data() {
|
|
return {
|
|
index: 0,
|
|
listLoading: false,
|
|
temp: {}, // 添加和修改
|
|
list: []
|
|
}
|
|
},
|
|
methods: {
|
|
// ----------------------------------方法----------------------------------
|
|
// 返回
|
|
handleReturn() {
|
|
this.temp = {}
|
|
this.list = []
|
|
this.$emit('doback')
|
|
},
|
|
// 查看
|
|
showInfo(sid, row, useOrgSid) {
|
|
const data = {
|
|
sid: sid,
|
|
useOrgSid: useOrgSid
|
|
}
|
|
details(data).then((response) => {
|
|
this.FormLoading = false
|
|
if (response.success) {
|
|
this.temp = response.data
|
|
this.list = response.data.baseModelConfigVo
|
|
}
|
|
}).catch(() => {
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
</style>
|
|
|