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.
 
 
 
 
 
 

260 lines
10 KiB

<template>
<div class="app-container">
<div class="tab-header webtop">
<div>详情配置</div>
<div>
<!-- <el-button type="primary" size="small" @click="handleCreate()">保存</el-button> -->
<el-button type="info" size="small" @click="handleReturn()">返回</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="dataForm" :model="templook" label-position="right" label-width="190px" class="forminfo"
:rules="rules">
<div class="title">详情配置</div>
<!-- 车型信息 -->
<el-row>
<el-col :span="4" class="trightb">厂商</el-col>
<el-col :span="8" class="tleft"> {{ templook.manufacturer }} </el-col>
<el-col :span="4" class="trightb">品牌</el-col>
<el-col :span="8" class="tleft"> {{ templook.carBrand }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">车辆类型</el-col>
<el-col :span="8" class="tleft"> {{ templook.vehicleTypeValue }} </el-col>
<el-col :span="4" class="trightb">车型型号</el-col>
<el-col :span="8" class="tleft"> {{ templook.carModel }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">排放标准</el-col>
<el-col :span="8" class="tleft"> {{ templook.emissionStandardValue }} </el-col>
<el-col :span="4" class="trightb">产品线</el-col>
<el-col :span="8" class="tleft"> {{ templook.productLineValue }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">驱动</el-col>
<el-col :span="8" class="tleft"> {{ templook.driveFormValue }} </el-col>
<el-col :span="4" class="trightb">马力</el-col>
<el-col :span="8" class="tleft"> {{ templook.powerValue }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">变速箱</el-col>
<el-col :span="8" class="tleft"> {{ templook.gearboxTypeValue }} </el-col>
<el-col :span="4" class="trightb">燃料</el-col>
<el-col :span="8" class="tleft"> {{ templook.fuelTypeValue }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">版本</el-col>
<el-col :span="8" class="tleft"> {{ templook.vehicleVersionValue }} </el-col>
<el-col :span="4" class="trightb">车型名称</el-col>
<el-col :span="8" class="tleft"> {{ templook.modelName }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">发动机型号</el-col>
<el-col :span="8" class="tleft"> {{ templook.engineTypeValue }} </el-col>
<el-col :span="4" class="trightb">系别</el-col>
<el-col :span="8" class="tleft"> {{ templook.seriesValue }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">悬架</el-col>
<el-col :span="8" class="tleft"> {{ templook.suspensionValue }} </el-col>
<el-col :span="4" class="trightb">后桥</el-col>
<el-col :span="8" class="tleft"> {{ templook.rearAxleValue }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">速比</el-col>
<el-col :span="8" class="tleft"> {{ templook.speedRatioValue }} </el-col>
<el-col :span="4" class="trightb">轴距</el-col>
<el-col :span="8" class="tleft"> {{ templook.wheelbase }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">轮胎规格</el-col>
<el-col :span="8" class="tleft"> {{ templook.tyreSpecification }} </el-col>
<el-col :span="4" class="trightb">是否有效</el-col>
<el-col :span="8" class="tleft"> {{ templook.isValidity === '1' ? '是':'否' }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">使用组织</el-col>
<el-col :span="8" class="tleft"> {{ templook.useOrgName }} </el-col>
<el-col :span="4" class="trightb">其他配置</el-col>
<el-col :span="8" class="tleft"> {{ templook.otherConfig }} </el-col>
</el-row>
<!-- 车型配置内容 -->
<el-row>
<el-col :span="4" class="trightb">内部编码</el-col>
<el-col :span="8" class="tleft"> {{ templook.vehicleCode }} </el-col>
<el-col :span="4" class="trightb">油箱/气罐</el-col>
<el-col :span="8" class="tleft"> {{ templook.fuelTank }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">车身颜色</el-col>
<el-col :span="8" class="tleft"> {{ templook.carColor }} </el-col>
<el-col :span="4" class="trightb">驾驶室</el-col>
<el-col :span="8" class="tleft"> {{ templook.specification }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">导流罩</el-col>
<el-col :span="8" class="tleft"> {{ templook.baffleModel }} </el-col>
<el-col :span="4" class="trightb">独立热源</el-col>
<el-col :span="8" class="tleft"> {{ templook.independentSources }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">护轮罩</el-col>
<el-col :span="8" class="tleft"> {{ templook.tireCover }} </el-col>
<el-col :span="4" class="trightb">鞍座</el-col>
<el-col :span="8" class="tleft"> {{ templook.saddle }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">空调</el-col>
<el-col :span="8" class="tleft"> {{ templook.airConditioner }} </el-col>
<el-col :span="4" class="trightb">彩色仪表盘</el-col>
<el-col :span="8" class="tleft"> {{ templook.isColorPanel }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">基础单位</el-col>
<el-col :span="8" class="tleft"> {{ templook.basedUnit }} </el-col>
<el-col :span="4" class="trightb">公司指导价</el-col>
<el-col :span="8" class="tleft"> {{ templook.companyGuidePrice }} </el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">车辆状态</el-col>
<el-col :span="8" class="tleft">{{ templook.vehicleVersionValue }}</el-col>
<!-- <el-col :span="4" class="trightb">备注</el-col>
<el-col :span="8" class="tleft"> {{ templook.title }} </el-col> -->
</el-row>
<!-- <el-row>
<el-col :span="4" class="trightb">其他配置</el-col>
<el-col :span="8" class="tleft"> {{ templook.otherConfig }} </el-col>
<el-col :span="4" class="trightb" />
<el-col :span="8" class="tleft" />
</el-row> -->
</el-form>
</div>
</div>
</template>
<script>
import {
mapGetters
} from 'vuex'
import {
selectConfig
} from '@/api/cheliang/basevehicle'
// import { getFileType, parseDate, parseTime, ConvertMenuState } from "@/utils";
// import { findButtonByUserId } from '@/api/sys/permission'
export default {
name: 'CheliangtaizhangInfo',
// components: { },
data() {
return {
// --按钮菜单-------
menuState: {
add: false, // 添加
edit: false, // 编辑
delete: false, // 删除
view: false, // 查看
audit: false, // 审核
input: false, // 导入
output: false, // 导出
upload: false, // 同步
release: false, // 下发
},
FormLoading: false,
listLoading: false,
temp: {}, // 添加和修改
templook: {
titlea: '00000112'
}, // 查看实体
textMap: {
update: '修改',
create: '创建',
},
tempDate: {
sid: '',
},
dialogFormVisible: false, // 添加修改对话框状态
dialogFormShowVisible: false, // 查看对话框默认关闭状态
dialogStatus: '', // 对话框状态
fenzuOptions: [],
rules: {
title: [{
required: true,
message: '请填写',
trigger: 'blur'
}],
qc: [{
required: true,
message: '请填写全称',
trigger: 'blur'
}],
},
// ------------------------------------
}
},
computed: {
...mapGetters([
'id',
'roles',
'rolesIds',
'departmentId',
'departmentCode',
]),
},
created() {
this.tempDate.sid = this.$route.query.sid
console.log(11111111111111, this.tempDate.sid)
// 初始化变量
this.init()
// 加载列表
this.handleCheck()
},
methods: {
init() {},
// 序号
// indexMethod(index) {
// var pagestart = (this.listQuery.pageNumber - 1) * this.listQuery.pageSize
// var pageindex = index + 1 + pagestart
// return pageindex
// },
// ----------------------------------方法--------------------
// 返回
handleReturn() {
this.$router.go(-1)
},
// 添加前数据初始化
resetTemp() {
this.temp = {
jc: '', // false string
organizationId: '', // false string
qc: '', // false string
remark: '', // false
string: '', //
state: '', // 状态
}
},
// 打开查看
handleCheck() {
console.log(877777777777, this.tempDate.sid)
selectConfig(this.tempDate.sid).then((response) => {
console.log('查询', response)
this.FormLoading = false
if (response.code === '200') {
this.templook = response.data
console.log('查询1', this.templook)
} else {
this.$notify({
title: '失败',
message: '查询失败',
type: 'error',
})
}
})
},
},
}
</script>
<style scoped>
</style>