Zhao Qiqi
3 years ago
39 changed files with 257 additions and 447 deletions
@ -1,328 +0,0 @@ |
|||||
<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="listadd"> |
|
||||
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd"> |
|
||||
<div class="title">车型详情</div> |
|
||||
<el-row> |
|
||||
<el-col :span="4"> |
|
||||
<span>品牌</span> |
|
||||
</el-col> |
|
||||
<el-col :span="20"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.brandName }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<!-- <el-col :span="4">--> |
|
||||
<!-- <span>车型编码</span>--> |
|
||||
<!-- </el-col>--> |
|
||||
<!-- <el-col :span="8">--> |
|
||||
<!-- <el-form-item>--> |
|
||||
<!-- <span>{{ temp.vehicleTypeCode }}</span>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
<!-- </el-col>--> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4"> |
|
||||
<span>功能</span> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.vehicleTypeValue }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4"> |
|
||||
<span>系列</span> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.productLineValue }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4"> |
|
||||
<span>驱动</span> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.driveFormValue }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4"> |
|
||||
<span>马力</span> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.powerValue }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4"> |
|
||||
<span>版本</span> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.vehicleVersionValue }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4"> |
|
||||
<span>燃料</span> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.fuelTypeValue }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4"> |
|
||||
<span>变速箱</span> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.gearboxTypeValue }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4"> |
|
||||
<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"> |
|
||||
<span>发动机型号</span> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.engineTypeValue }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4"> |
|
||||
<span>细分市场</span> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.marketSegments }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4"> |
|
||||
<span>规格型号</span> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.specifications }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4"> |
|
||||
<span>系别</span> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<span>{{ temp.departmentValue }}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<!-- <el-row>--> |
|
||||
<!-- <el-col :span="4">--> |
|
||||
<!-- <span>内部编码</span>--> |
|
||||
<!-- </el-col>--> |
|
||||
<!-- <el-col :span="8">--> |
|
||||
<!-- <el-form-item >--> |
|
||||
<!-- <span>{{ temp.insideCode }}</span>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
<!-- </el-col>--> |
|
||||
<!-- <el-col :span="4">--> |
|
||||
<!-- </el-col>--> |
|
||||
<!-- <el-col :span="8">--> |
|
||||
<!-- </el-col>--> |
|
||||
<!-- </el-row>--> |
|
||||
<div class="addtable"> |
|
||||
<div class="tabletitle"> |
|
||||
<div class="titlename"> |
|
||||
常用配置列表 |
|
||||
</div> |
|
||||
</div> |
|
||||
<template class="tablelist"> |
|
||||
<el-table :data="temp.baseModelConfigVo" :index="index" border style="width: 100%"> |
|
||||
<el-table-column align="center" label="序号" type="index" width="50"/> |
|
||||
<el-table-column prop="mNum" width="150" label="指导价（万元）" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.guidedPrice }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="mName" width="150" label="颜色" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.carColor }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="model" width="150" label="缓速器" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.slowMachine }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="year" width="95" label="后视镜" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.rearViewMirror }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="logisticsCustomer" width="95" label="轮胎" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.tireSize }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="company" width="150" label="驾驶室" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.specification }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="netReceiptsNum" width="150" label="后桥速比" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.rearAxleRatio }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="receivingWarehouse" width="150" label="空调" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.airConditioner }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="position" width="150" label="轮毂材质" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.hubMaterial }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="batchNum" width="150" label="导流罩" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.baffleModel }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="cargoOwner" width="120" label="悬架" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.suspension }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="remarks" width="150" label="座椅" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.seat }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="remarks" width="150" label="护轮罩" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.tireCover }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="remarks" width="150" label="鞍座" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.saddle }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="remarks" width="150" label="轴距" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.wheelbase }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="remarks" width="150" label="保险杠" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.bumper }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="remarks" width="150" label="配置包" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.configuringBao }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="remarks" width="150" label="独立热源" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.independentSources }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="remarks" width="150" label="燃料箱" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.fuelTank }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="remarks" width="150" label="多媒体" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.multimedia }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="remarks" width="150" label="货箱" align="center"> |
|
||||
<template slot-scope="props"> |
|
||||
<span>{{ props.row.packingCase }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
</template> |
|
||||
</div> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { details } from '@/api/cheliang/basevehiclemodel' |
|
||||
|
|
||||
export default { |
|
||||
name: 'changyongpeizhiInfo', |
|
||||
data() { |
|
||||
return { |
|
||||
// --按钮菜单------- |
|
||||
index: 0, |
|
||||
FormLoading: false, |
|
||||
listLoading: false, |
|
||||
temp: {} // 添加和修改 |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
// ----------------------------------方法-------------------- |
|
||||
// 返回 |
|
||||
handleReturn() { |
|
||||
this.temp = {} |
|
||||
this.$emit('doback') |
|
||||
}, |
|
||||
// 查看 |
|
||||
showInfo(sid, row) { |
|
||||
this.FormLoading = true |
|
||||
details(sid).then((response) => { |
|
||||
this.FormLoading = false |
|
||||
if (response.code === '200') { |
|
||||
this.temp = response.data |
|
||||
} else { |
|
||||
this.$notify({ |
|
||||
title: '失败', |
|
||||
message: '查询失败', |
|
||||
type: 'error' |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
/deep/ .el-col-4 { |
|
||||
text-align: right; |
|
||||
float: left; |
|
||||
font-size: 14px; |
|
||||
color: #606266; |
|
||||
line-height: 40px !important; |
|
||||
font-weight: 600; |
|
||||
} |
|
||||
|
|
||||
.addinputw { |
|
||||
width: 100% !important; |
|
||||
} |
|
||||
</style> |
|
||||
Loading…
Reference in new issue