|
|
@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<div v-show="isCheck"> |
|
|
|
<div v-show="viewState == 1"> |
|
|
|
<div class="tab-header webtop"> |
|
|
|
<div>{{ viewTitle }}</div> |
|
|
|
<div> |
|
|
@ -10,55 +10,83 @@ |
|
|
|
<div class="listconadd"> |
|
|
|
<div class="titwu">验车单</div> |
|
|
|
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules"> |
|
|
|
<div class="yancheAdd" style="margin-top: 5px;"> |
|
|
|
<el-row class="yancheAdd-bor"> |
|
|
|
<el-col :span="12" class="yancheAdd-bor"> |
|
|
|
<el-form-item prop="vin" label="车架号:"> |
|
|
|
<div class="yancheAdd"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>车架号:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ temp.vin }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" class="yancheAdd-bor"> |
|
|
|
<el-form-item prop="model" label="发动机号:"> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>发动机号:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ temp.engineNo }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row class="yancheAdd-bor"> |
|
|
|
<el-col :span="12" class="yancheAdd-bor"> |
|
|
|
<el-form-item prop="model" label="车型:"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>车型:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="20"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ temp.model }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" class="yancheAdd-bor"> |
|
|
|
<el-form-item prop="config" label="配置:"> |
|
|
|
{{ temp.config }} |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>配置:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="20"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ temp.config }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row class="yancheAdd-bor"> |
|
|
|
<el-col :span="12" class="yancheAdd-bor"> |
|
|
|
<el-form-item prop="modelDifferenceExplain" label="请输入车型配置差异说明:"> |
|
|
|
{{ temp.modelDifferenceExplain }} |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>车型配置差异说明:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ temp.modelDifferenceExplain }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" class="yancheAdd-bor"> |
|
|
|
<el-form-item prop="priceDate" label="厂家入库日期:"> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>厂家入库日期:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{temp.inboundDate}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="guaranteeCardNo" label="保修卡号:"> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>保修卡号:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ temp.guaranteeCardNo }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10"> |
|
|
|
<el-form-item prop="price" label="洗车费:"> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item> |
|
|
|
<span>洗车费:</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ temp.price }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="2"> |
|
|
|
<el-col :span="2" class="tleftb"> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" size="small" @click="handleChecklist()">验车检查表</el-button> |
|
|
|
</el-form-item> |
|
|
@ -72,7 +100,7 @@ |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="3" class="tleftb"> |
|
|
|
<span>厂家验车单照片</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="21"> |
|
|
@ -80,7 +108,7 @@ |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="3" class="tleftb"> |
|
|
|
<span>验车情况说明</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="21"> |
|
|
@ -95,18 +123,7 @@ |
|
|
|
<el-dialog :visible.sync="dialogVisible"> |
|
|
|
<img width="100%" :src="dialogImageUrl" alt=""> |
|
|
|
</el-dialog> |
|
|
|
<!-- <vehiclechecklist ref="divchecklist" v-show="!isCheck" @doback="resetState" />--> |
|
|
|
<vehiclechecklist-info ref="divchecklist" v-show="!isCheck" @doback="resetState" /> |
|
|
|
<!-- <el-dialog :visible.sync="dialogVisible" width="1000px"--> |
|
|
|
<!-- :close-on-click-modal="false">--> |
|
|
|
<!-- <div class="result-cont">--> |
|
|
|
<!-- <el-carousel indicator-position="outside" style="height: 500px;">--> |
|
|
|
<!-- <el-carousel-item v-for="item in dialogUrl" :key="item" style="height: 500px;">--> |
|
|
|
<!-- <img style="width: 100%; height: 500px;" :src="item">--> |
|
|
|
<!-- </el-carousel-item>--> |
|
|
|
<!-- </el-carousel>--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- </el-dialog>--> |
|
|
|
<vehiclechecklist-info ref="divchecklist" v-show="viewState == 2" @doback="resetState" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
@ -123,25 +140,12 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
viewTitle: '', |
|
|
|
isCheck: true, |
|
|
|
// --按钮菜单------- |
|
|
|
sid: '', |
|
|
|
viewState: 1, |
|
|
|
dialogVisible: false, |
|
|
|
datas: null, |
|
|
|
stateId: 0, |
|
|
|
FormLoading: false, |
|
|
|
listLoading: false, |
|
|
|
dialogUrl: [], |
|
|
|
dialogImageUrl: '', |
|
|
|
imgList01: [], // 附件上传 |
|
|
|
imgList02: [], // 附件上传 |
|
|
|
temp: {}, // 添加和修改 |
|
|
|
dialogFormVisible: false, // 添加修改对话框状态 |
|
|
|
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|
|
|
dialogStatus: '', // 对话框状态 |
|
|
|
vehiclePhoto: [], |
|
|
|
rules: {} |
|
|
|
// ------------------------------------ |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
@ -153,7 +157,6 @@ export default { |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs['dataForm'].clearValidate() |
|
|
|
}) |
|
|
|
this.dialogStatus = 'edit' |
|
|
|
this.viewTitle = '验车单详情' |
|
|
|
getCarInspected(row.inspectedSid).then((res) => { |
|
|
|
if (res.success) { |
|
|
@ -163,11 +166,11 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleChecklist() { |
|
|
|
this.isCheck = false |
|
|
|
this.viewState = 2 |
|
|
|
this.$refs['divchecklist'].showCheck(this.temp.inspectedSid) |
|
|
|
}, |
|
|
|
resetState() { |
|
|
|
this.isCheck = true |
|
|
|
this.viewState = 1 |
|
|
|
}, |
|
|
|
open(val, index) { |
|
|
|
this.dialogVisible = true |
|
|
@ -179,10 +182,6 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
/deep/ .el-autocomplete { |
|
|
|
width: 80%; |
|
|
|
} |
|
|
|
|
|
|
|
.yancheAdd .el-row { |
|
|
|
border: 0 !important; |
|
|
|
} |
|
|
@ -190,18 +189,4 @@ export default { |
|
|
|
.yancheAdd .el-col { |
|
|
|
border: 0 !important; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-col-3 { |
|
|
|
text-align: right; |
|
|
|
float: left; |
|
|
|
font-size: 14px; |
|
|
|
color: #606266; |
|
|
|
line-height: 40px !important; |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
|
|
|
|
.formadd .last_btn { |
|
|
|
float: right; |
|
|
|
top: 30px; |
|
|
|
} |
|
|
|
</style> |
|
|
|