Browse Source

完善验车管理

zhanglei
yunuo970428 3 years ago
parent
commit
be2dc03c0d
  1. 27
      anrui-scm/anrui-scm-ui/src/views/supplychain/yancheguanli/yancheguanliAdd.vue
  2. 131
      anrui-scm/anrui-scm-ui/src/views/supplychain/yancheguanli/yancheguanliInfo.vue

27
anrui-scm/anrui-scm-ui/src/views/supplychain/yancheguanli/yancheguanliAdd.vue

@ -21,19 +21,21 @@
</el-col>
<el-col :span="12" class="yancheAdd-bor">
<el-form-item prop="vin" label="发动机号:">
<el-input v-model="temp.engineNo" placeholder="请输入车架号" class="addinputw" :readonly="temp.purchaseKey !== '002'"/>
<el-input v-model="temp.engineNo" placeholder="请输入发动机号" class="addinputw" :readonly="temp.purchaseKey !== '002'"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="yancheAdd-bor">
<el-form-item prop="model" label="车型:">
<span>{{ temp.model }}</span>
</el-form-item>
</el-col>
</el-row>
<el-col :span="12" class="yancheAdd-bor">
<el-form-item prop="model" label="车型:">
<el-input v-model="temp.model" placeholder="请输入车型" class="addinputw" readonly/>
</el-form-item>
</el-col>
<el-row class="yancheAdd-bor">
<el-col :span="12" class="yancheAdd-bor">
<el-col :span="24" class="yancheAdd-bor">
<el-form-item prop="config" label="配置:">
<el-input v-model="temp.config" type="textarea" autosize placeholder="请输入配置" class="addinputw addinputw_copy" readonly/>
<span>{{ temp.config }}</span>
</el-form-item>
</el-col>
</el-row>
@ -385,10 +387,6 @@ export default {
</script>
<style scoped>
/deep/ .el-autocomplete {
width: 80%;
}
.yancheAdd .el-row {
border: 0 !important;
}
@ -409,9 +407,4 @@ export default {
.addinputw_copy {
width: 92% !important;
}
.formadd .last_btn {
float: right;
top: 30px;
}
</style>

131
anrui-scm/anrui-scm-ui/src/views/supplychain/yancheguanli/yancheguanliInfo.vue

@ -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>

Loading…
Cancel
Save