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>
<el-col :span="12" class="yancheAdd-bor"> <el-col :span="12" class="yancheAdd-bor">
<el-form-item prop="vin" label="发动机号:"> <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-form-item>
</el-col> </el-col>
</el-row> </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-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-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-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -385,10 +387,6 @@ export default {
</script> </script>
<style scoped> <style scoped>
/deep/ .el-autocomplete {
width: 80%;
}
.yancheAdd .el-row { .yancheAdd .el-row {
border: 0 !important; border: 0 !important;
} }
@ -409,9 +407,4 @@ export default {
.addinputw_copy { .addinputw_copy {
width: 92% !important; width: 92% !important;
} }
.formadd .last_btn {
float: right;
top: 30px;
}
</style> </style>

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

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="isCheck"> <div v-show="viewState == 1">
<div class="tab-header webtop"> <div class="tab-header webtop">
<div>{{ viewTitle }}</div> <div>{{ viewTitle }}</div>
<div> <div>
@ -10,55 +10,83 @@
<div class="listconadd"> <div class="listconadd">
<div class="titwu">验车单</div> <div class="titwu">验车单</div>
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules"> <el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules">
<div class="yancheAdd" style="margin-top: 5px;"> <div class="yancheAdd">
<el-row class="yancheAdd-bor"> <el-row>
<el-col :span="12" class="yancheAdd-bor"> <el-col :span="4" class="tleftb">
<el-form-item prop="vin" label="车架号:"> <span>车架号:</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.vin }}</span> <span>{{ temp.vin }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" class="yancheAdd-bor"> <el-col :span="4" class="tleftb">
<el-form-item prop="model" label="发动机号:"> <span>发动机号:</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.engineNo }}</span> <span>{{ temp.engineNo }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row class="yancheAdd-bor"> <el-row>
<el-col :span="12" class="yancheAdd-bor"> <el-col :span="4" class="tleftb">
<el-form-item prop="model" label="车型:"> <span>车型:</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ temp.model }}</span> <span>{{ temp.model }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" class="yancheAdd-bor"> </el-row>
<el-form-item prop="config" label="配置:"> <el-row>
{{ temp.config }} <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-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row class="yancheAdd-bor"> <el-row>
<el-col :span="12" class="yancheAdd-bor"> <el-col :span="4" class="tleftb">
<el-form-item prop="modelDifferenceExplain" label="请输入车型配置差异说明:"> <span>车型配置差异说明:</span>
{{ temp.modelDifferenceExplain }} </el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.modelDifferenceExplain }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" class="yancheAdd-bor"> <el-col :span="4" class="tleftb">
<el-form-item prop="priceDate" label="厂家入库日期:"> <span>厂家入库日期:</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{temp.inboundDate}}</span> <span>{{temp.inboundDate}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="4" class="tleftb">
<el-form-item prop="guaranteeCardNo" label="保修卡号:"> <span>保修卡号:</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.guaranteeCardNo }}</span> <span>{{ temp.guaranteeCardNo }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="4" class="tleftb">
<el-form-item prop="price" label="洗车费:"> <el-form-item>
<span>洗车费:</span>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.price }}</span> <span>{{ temp.price }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="2"> <el-col :span="2" class="tleftb">
<el-form-item> <el-form-item>
<el-button type="primary" size="small" @click="handleChecklist()">验车检查表</el-button> <el-button type="primary" size="small" @click="handleChecklist()">验车检查表</el-button>
</el-form-item> </el-form-item>
@ -72,7 +100,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="3"> <el-col :span="3" class="tleftb">
<span>厂家验车单照片</span> <span>厂家验车单照片</span>
</el-col> </el-col>
<el-col :span="21"> <el-col :span="21">
@ -80,7 +108,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="3"> <el-col :span="3" class="tleftb">
<span>验车情况说明</span> <span>验车情况说明</span>
</el-col> </el-col>
<el-col :span="21"> <el-col :span="21">
@ -95,18 +123,7 @@
<el-dialog :visible.sync="dialogVisible"> <el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt=""> <img width="100%" :src="dialogImageUrl" alt="">
</el-dialog> </el-dialog>
<!-- <vehiclechecklist ref="divchecklist" v-show="!isCheck" @doback="resetState" />--> <vehiclechecklist-info ref="divchecklist" v-show="viewState == 2" @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>-->
</div> </div>
</template> </template>
@ -123,25 +140,12 @@ export default {
data() { data() {
return { return {
viewTitle: '', viewTitle: '',
isCheck: true, viewState: 1,
// ---------
sid: '',
dialogVisible: false, dialogVisible: false,
datas: null,
stateId: 0,
FormLoading: false,
listLoading: false,
dialogUrl: [], dialogUrl: [],
dialogImageUrl: '', dialogImageUrl: '',
imgList01: [], //
imgList02: [], //
temp: {}, // temp: {}, //
dialogFormVisible: false, //
dialogFormShowVisible: false, //
dialogStatus: '', //
vehiclePhoto: [],
rules: {} rules: {}
// ------------------------------------
} }
}, },
methods: { methods: {
@ -153,7 +157,6 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['dataForm'].clearValidate() this.$refs['dataForm'].clearValidate()
}) })
this.dialogStatus = 'edit'
this.viewTitle = '验车单详情' this.viewTitle = '验车单详情'
getCarInspected(row.inspectedSid).then((res) => { getCarInspected(row.inspectedSid).then((res) => {
if (res.success) { if (res.success) {
@ -163,11 +166,11 @@ export default {
}) })
}, },
handleChecklist() { handleChecklist() {
this.isCheck = false this.viewState = 2
this.$refs['divchecklist'].showCheck(this.temp.inspectedSid) this.$refs['divchecklist'].showCheck(this.temp.inspectedSid)
}, },
resetState() { resetState() {
this.isCheck = true this.viewState = 1
}, },
open(val, index) { open(val, index) {
this.dialogVisible = true this.dialogVisible = true
@ -179,10 +182,6 @@ export default {
</script> </script>
<style scoped> <style scoped>
/deep/ .el-autocomplete {
width: 80%;
}
.yancheAdd .el-row { .yancheAdd .el-row {
border: 0 !important; border: 0 !important;
} }
@ -190,18 +189,4 @@ export default {
.yancheAdd .el-col { .yancheAdd .el-col {
border: 0 !important; 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> </style>

Loading…
Cancel
Save