Skip to content

C
cloud-platform-ui
Commit 9af85674 authored by rencs's avatar rencs
Browse files
Options

10.14

parent 124b7c18
Show whitespace changes
Inline Side-by-side
Showing with 640 additions and 536 deletions
src/views/vehicle/vehicleInfo/oneVehicle.vue
View file @ 9af85674
<template>
<el-dialog :title="title" :visible.sync="oneDialogVisible" @close="closePop" :modal="false" width="66%" class="flex-aic vehicle-dialog">
<el-form ref="form" :model="form" :rules="rules" label-width="140px" style="margin-top: -30px;max-height: 486px;overflow: auto;">
<p style="padding: 10px;background: #f5f5f5;">基础信息</p>
<el-dialog
:title="title"
:visible.sync="oneDialogVisible"
@close="closePop"
:modal="false"
width="66%"
class="flex-aic vehicle-dialog"
>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="140px"
style="margin-top: -30px; max-height: 486px; overflow: auto"
>
<p style="padding: 10px; background: #f5f5f5">基础信息</p>
<el-row>
<el-col :span="12">
<el-form-item label="用途" prop="useType">
......@@ -13,12 +26,19 @@
<el-row>
<el-col :span="12">
<el-form-item label="车牌号码" prop="numberPlate">
<el-input v-model="form.numberPlate" placeholder="输入车牌"></el-input>
<el-input
v-model="form.numberPlate"
placeholder="输入车牌"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="车辆编码" prop="code">
<el-input v-model="form.code" placeholder="请输入车辆编码" type="number"></el-input>
<el-input
v-model="form.code"
placeholder="请输入车辆编码"
type="number"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -29,10 +49,10 @@
class="filter-item"
v-model="form.status"
placeholder="请选择车辆状态"
style="width:100%"
style="width: 100%"
>
<el-option
v-for="(val,index) in getAllVehicleStatus() "
v-for="(val, index) in getAllVehicleStatus()"
:key="index"
:label="val.val"
:value="val.code"
......@@ -42,16 +62,25 @@
</el-col>
<el-col :span="12">
<el-form-item label="公里数" prop="mileageLastUpdate">
<el-input type="number" v-model="form.mileageLastUpdate" placeholder="请输入公里数"></el-input>
<el-input
type="number"
v-model="form.mileageLastUpdate"
placeholder="请输入公里数"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="停靠门店" prop="parkBranchCompanyId">
<el-select class="filter-item" v-model="form.parkBranchCompanyId" placeholder="请选择停靠门店" filterable>
<el-select
class="filter-item"
v-model="form.parkBranchCompanyId"
placeholder="请选择停靠门店"
filterable
>
<el-option
v-for="(val,index) in allVehicleBranchCompany"
v-for="(val, index) in allVehicleBranchCompany"
:key="index"
:label="val.name"
:value="val.id"
......@@ -62,7 +91,7 @@
<el-col :span="12">
<el-form-item label="新旧程度" prop="vehicleStatus">
<el-select
style="width: 100%;"
style="width: 100%"
class="filter-item"
v-model="form.vehicleStatus"
placeholder="请选择新旧程度"
......@@ -82,7 +111,7 @@
class="filter-item"
v-model="form.vehicleBodyStatus"
placeholder="请选择车身状况"
style="width:100%"
style="width: 100%"
>
<el-option key="1" label="无剐蹭" :value="1"></el-option>
<el-option key="2" label="微瑕疵" :value="2"></el-option>
......@@ -96,7 +125,7 @@
class="filter-item"
v-model="form.vehicleInnerStatus"
placeholder="请选择内饰"
style="width:100%"
style="width: 100%"
>
<el-option key="1" label="全新" :value="1"></el-option>
<el-option key="2" label="9成新" :value="2"></el-option>
......@@ -107,15 +136,25 @@
</el-col>
</el-row>
<el-form-item label="备注">
<el-input type="textarea" :rows="5" v-model="form.remark" placeholder="请输入备注信息"></el-input>
<el-input
type="textarea"
:rows="5"
v-model="form.remark"
placeholder="请输入备注信息"
></el-input>
</el-form-item>
<p style="padding: 10px;background: #f5f5f5;">车辆归属</p>
<p style="padding: 10px; background: #f5f5f5">车辆归属</p>
<el-row>
<el-col :span="12">
<el-form-item label="所属门店" prop="subordinateBranch">
<el-select class="filter-item" v-model="form.subordinateBranch" placeholder="请选择所属门店" filterable>
<el-select
class="filter-item"
v-model="form.subordinateBranch"
placeholder="请选择所属门店"
filterable
>
<el-option
v-for="(val,index) in allVehicleBranchCompany"
v-for="(val, index) in allVehicleBranchCompany"
:key="index"
:label="val.name"
:value="val.id"
......@@ -125,18 +164,30 @@
</el-col>
<el-col :span="12">
<el-form-item label="托管人">
<el-input v-model="form.belongToName" placeholder="请输入托管人" ></el-input>
<el-input
v-model="form.belongToName"
placeholder="请输入托管人"
></el-input>
</el-form-item>
</el-col>
</el-row>
<p style="padding: 10px;background: #f5f5f5;">品牌、车型</p>
<p style="padding: 10px; background: #f5f5f5">品牌、车型</p>
<el-row>
<el-col :span="12">
<el-form-item label="车辆品牌" prop="brand">
<el-select class="filter-item" v-model="form.brand" placeholder="请选择车辆品牌" style="width:100%">
<el-option :key="getUnkownBrandCode" label="未知" :value="getUnkownBrandCode"></el-option>
<el-select
class="filter-item"
v-model="form.brand"
placeholder="请选择车辆品牌"
style="width: 100%"
>
<el-option
v-for="item in getAllBranch() "
:key="getUnkownBrandCode"
label="未知"
:value="getUnkownBrandCode"
></el-option>
<el-option
v-for="item in getAllBranch()"
:key="item.code"
:label="item.val"
:value="item.code"
......@@ -146,9 +197,14 @@
</el-col>
<el-col :span="12">
<el-form-item label="车型" prop="modelId">
<el-select class="filter-item" v-model="form.modelId" placeholder="请选择车型" filterable>
<el-select
class="filter-item"
v-model="form.modelId"
placeholder="请选择车型"
filterable
>
<el-option
v-for="(val,index) in allVehicleList"
v-for="(val, index) in allVehicleList"
:key="index"
:label="val.name"
:value="val.id"
......@@ -160,9 +216,14 @@
<el-row>
<el-col :span="12">
<el-form-item label="生产商">
<el-select class="filter-item" v-model="form.manufacturer" placeholder="请选择生产商" filterable>
<el-select
class="filter-item"
v-model="form.manufacturer"
placeholder="请选择生产商"
filterable
>
<el-option
v-for="(val,index) in allManufacturer"
v-for="(val, index) in allManufacturer"
:key="index"
:label="val"
:value="val"
......@@ -171,23 +232,32 @@
</el-form-item>
</el-col>
</el-row>
<p style="padding: 10px;background: #f5f5f5;">车辆信息</p>
<p style="padding: 10px; background: #f5f5f5">车辆信息</p>
<el-row>
<el-col :span="12">
<el-form-item label="车架号">
<el-input v-model="form.vin" placeholder="请输入车架号" ></el-input>
<el-input v-model="form.vin" placeholder="请输入车架号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="发动机号">
<el-input v-model="form.engineNum" placeholder="请输入发动机号" ></el-input>
<el-input
v-model="form.engineNum"
placeholder="请输入发动机号"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="上牌日期">
<el-date-picker v-model="form.vehicleRegisterDate" type = "datetime" placeholder = "上牌日期" value-format="yyyy-MM-dd hh:mm:ss" format="yyyy-MM-dd hh:mm:ss"></el-date-picker>
<el-date-picker
v-model="form.vehicleRegisterDate"
type="datetime"
placeholder="上牌日期"
value-format="yyyy-MM-dd hh:mm:ss"
format="yyyy-MM-dd hh:mm:ss"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -195,13 +265,15 @@
<el-date-picker
v-model="form.annualVerificationDate"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd hh:mm:ss"
placeholder="选择日期"
style="width:100%"
style="width: 100%"
></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="行驶证" :style="{display:'block'}">
<el-form-item label="行驶证" :style="{ display: 'block' }">
<el-upload
class="avatar-uploader"
:action="BASE_API + '/api/universal/file/app/unauth/admin/upload'"
......@@ -209,19 +281,22 @@
:headers="getHeaderWithToken"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
:style="{display:'inline-block'}"
:style="{ display: 'inline-block' }"
>
<img
v-if="$utils.isString(form.drivingLicensePath) && !$utils.isEmpty(form.drivingLicensePath)"
v-if="
$utils.isString(form.drivingLicensePath) &&
!$utils.isEmpty(form.drivingLicensePath)
"
:src="getDrivingLicenseUrl(form.drivingLicensePath)"
class="avatar"
:style="{display:'block'}"
:style="{ display: 'block' }"
/>
<i
v-else
class="el-icon-plus avatar-uploader-icon"
:style="{lineHeight:'350px'}"
style="position: relative;"
:style="{ lineHeight: '350px' }"
style="position: relative"
>
<br />
<span class="driving-title">行驶证正面</span>
......@@ -235,26 +310,29 @@
:headers="getHeaderWithToken"
:on-success="handleAvatarSuccessF"
:before-upload="beforeAvatarUpload"
:style="{display:'inline-block'}"
:style="{ display: 'inline-block' }"
>
<img
v-if="$utils.isString(form.drivingLicenseDuplicatePath) && !$utils.isEmpty(form.drivingLicenseDuplicatePath)"
v-if="
$utils.isString(form.drivingLicenseDuplicatePath) &&
!$utils.isEmpty(form.drivingLicenseDuplicatePath)
"
:src="getDrivingLicenseUrl(form.drivingLicenseDuplicatePath)"
class="avatar"
:style="{display:'block'}"
:style="{ display: 'block' }"
/>
<i
v-else
class="el-icon-plus avatar-uploader-icon"
:style="{lineHeight:'350px'}"
style="position: relative;"
:style="{ lineHeight: '350px' }"
style="position: relative"
>
<br />
<span class="driving-title">行驶证副本</span>
</i>
</el-upload>
</el-form-item>
<p style="padding: 10px;background: #f5f5f5;">保险信息</p>
<p style="padding: 10px; background: #f5f5f5">保险信息</p>
<el-row>
<el-col :span="12">
<el-form-item label="商业险公司">
......@@ -262,11 +340,15 @@
class="filter-item"
v-model="form.insuranceCompany"
placeholder="请选择商业险公司"
style="width:100%"
style="width: 100%"
>
<el-option :key="undefined" label="无" :value="undefined"></el-option>
<el-option
v-for="(val, index) in getAllInsuranceCompany() "
:key="undefined"
label="无"
:value="undefined"
></el-option>
<el-option
v-for="(val, index) in getAllInsuranceCompany()"
:key="index"
:label="val.val"
:value="val.code"
......@@ -277,7 +359,10 @@
<el-col :span="12">
<el-form-item label="商业险单号">
<el-input v-model="form.insuranceNo" placeholder="请输入商业险单号"></el-input>
<el-input
v-model="form.insuranceNo"
placeholder="请输入商业险单号"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -290,7 +375,7 @@
:editable="true"
format="yyyy-MM-dd"
placeholder="请选择商业险到期时间"
style="width:100%"
style="width: 100%"
></el-date-picker>
</el-form-item>
</el-col>
......@@ -301,11 +386,15 @@
class="filter-item"
v-model="form.strongInsuranceCompany"
placeholder="请选择交强险公司"
style="width:100%"
style="width: 100%"
>
<el-option :key="undefined" label="无" :value="undefined"></el-option>
<el-option
v-for="(val, index) in getAllInsuranceCompany() "
:key="undefined"
label="无"
:value="undefined"
></el-option>
<el-option
v-for="(val, index) in getAllInsuranceCompany()"
:key="index"
:label="val.val"
:value="val.code"
......@@ -317,7 +406,10 @@
<el-row>
<el-col :span="12">
<el-form-item label="交强险单号">
<el-input v-model.text="form.strongInsuranceNo" placeholder="请输入交强险单号"></el-input>
<el-input
v-model.text="form.strongInsuranceNo"
placeholder="请输入交强险单号"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -328,73 +420,92 @@
:editable="true"
format="yyyy-MM-dd"
placeholder="请选择交强险到期时间"
style="width:100%"
style="width: 100%"
></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col>
<el-form-item label="保单pdf" :style="{display:'block'}">
<el-form-item label="保单pdf" :style="{ display: 'block' }">
<el-upload
ref="uploadPdf"
:action="BASE_API + '/api/universal/file/app/unauth/admin/upload'"
:show-file-list="false"
:headers="getHeaderWithToken"
:on-success="handleAvatarSuccessPDF"
:style="{display:'inline-block'}"
:style="{ display: 'inline-block' }"
accept=".pdf"
>
<el-button size="small" plain>选择文件</el-button>
</el-upload>
<div v-for="(item, i) in pdfList" :key = i @click="downloadPDF(i)">
<span>{{item.name}}</span>
<div v-for="(item, i) in pdfList" :key="i" @click="downloadPDF(i)">
<span>{{ item.name }}</span>
</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="flex-aic-jcc" style="margin-top: 10px;">
<div slot="footer" class="flex-aic-jcc" style="margin-top: 10px">
<el-button plain @click="closePop">取消</el-button>
<el-button type="primary" v-if="!isClick" class="handle-ok" @click="handleOk('form')">确定</el-button>
<el-button type="primary" v-if="isClick" class="handle-ok" style="opacity: 0.4;" :disabled="true">确定</el-button>
<el-button
type="primary"
v-if="!isClick"
class="handle-ok"
@click="handleOk('form')"
>确定</el-button
>
<el-button
type="primary"
v-if="isClick"
class="handle-ok"
style="opacity: 0.4"
:disabled="true"
>确定</el-button
>
</div>
</el-dialog>
</template>
<style lang="scss">
.vehicle-dialog .el-dialog{
.vehicle-dialog .el-dialog {
margin-top: 0 !important;
}
}
</style>
<script type="javascript">
import {mapGetters} from 'vuex';
import ElFormItem from '../../../../node_modules/element-ui/packages/form/src/form-item.vue'
import ElRow from 'element-ui/packages/row/src/row'
import ElCol from 'element-ui/packages/col/src/col'
import ElRadio from "../../../../node_modules/element-ui/packages/radio/src/radio.vue";
import ElButton from "../../../../node_modules/element-ui/packages/button/src/button.vue";
import {addObj, getObj, putObj, vehicleBranchCompanyAll, allManufacturer} from "../../../api/vehicle/vehicleInfo";
import { getToken } from 'utils/auth'
import {
import { mapGetters } from "vuex";
import ElFormItem from "../../../../node_modules/element-ui/packages/form/src/form-item.vue";
import ElRow from "element-ui/packages/row/src/row";
import ElCol from "element-ui/packages/col/src/col";
import ElRadio from "../../../../node_modules/element-ui/packages/radio/src/radio.vue";
import ElButton from "../../../../node_modules/element-ui/packages/button/src/button.vue";
import {
addObj,
getObj,
putObj,
vehicleBranchCompanyAll,
allManufacturer,
} from "../../../api/vehicle/vehicleInfo";
import { getToken } from "utils/auth";
import {
VEHICLE_CONSTANT_VEHICLE_BRAND,
VEHICLE_CONSTANT_BRAND_CODE_UNKOWN,
} from '../../../store/modules/baseInfo'
import {
} from "../../../store/modules/baseInfo";
import {
getConstantListByType,
getAllInsuranceCompany,
getInsuranceCompany
} from 'api/base_info/constant/'
import {getAllVehicleList} from "../../../api/vehicleType";
import {objDeepCopy} from "../../../utils";
export default {
props: ['title', 'oneRow'],
getInsuranceCompany,
} from "api/base_info/constant/";
import { getAllVehicleList } from "../../../api/vehicleType";
import { objDeepCopy } from "../../../utils";
export default {
props: ["title", "oneRow"],
components: {
ElButton,
ElRadio,
ElFormItem,
ElCol,
ElRow
ElRow,
},
data() {
return {
......@@ -438,81 +549,79 @@
rules: {
numberPlate: {
required: true,
message: '请输入车牌号',
trigger: 'blur'
message: "请输入车牌号",
trigger: "blur",
},
mileageLastUpdate: [this.integerValidator()],
status: {
required: true,
message: '请选择出行状态',
trigger: 'change'
message: "请选择出行状态",
trigger: "change",
},
code: {
required: true,
message: '请输入车辆编码',
trigger: 'blur'
message: "请输入车辆编码",
trigger: "blur",
},
useType: {
required: true,
message: '请选择用途',
trigger: 'change'
message: "请选择用途",
trigger: "change",
},
parkBranchCompanyId: {
required: true,
message: '请选择停靠门店',
trigger: 'change'
message: "请选择停靠门店",
trigger: "change",
},
vehicleStatus: {
required: true,
message: '请选择新旧程度',
trigger: 'change'
message: "请选择新旧程度",
trigger: "change",
},
vehicleBodyStatus: {
required: true,
message: '请选择车身状况',
trigger: 'change'
message: "请选择车身状况",
trigger: "change",
},
vehicleInnerStatus: {
required: true,
message: '请选择内饰',
trigger: 'change'
message: "请选择内饰",
trigger: "change",
},
subordinateBranch: {
required: true,
message: '请选择所属门店',
trigger: 'change'
message: "请选择所属门店",
trigger: "change",
},
brand: {
required: true,
message: '请选择车辆品牌',
trigger: 'change'
message: "请选择车辆品牌",
trigger: "change",
},
modelId: {
required: true,
message: '请选择车型',
trigger: 'change'
message: "请选择车型",
trigger: "change",
},
},
pdfList:[], // 保单列表
}
pdfList: [], // 保单列表
};
},
mounted() {
this.oneDialogVisible = true;
this.cleanForm() // 清空表单数据
if(this.title == '编辑车辆'){
this.cleanForm(); // 清空表单数据
if (this.title == "编辑车辆") {
// 编辑
this.getVehicleDetail() // 获取车辆详情
this.getVehicleDetail(); // 获取车辆详情
}
this.getAllManufacturer()// 获取全部生产商
this.getAllVehicleType() // 获取全部车型
this.getVehicleBranchCompanyAll() // 获取所有门店
this.getAllManufacturer(); // 获取全部生产商
this.getAllVehicleType(); // 获取全部车型
this.getVehicleBranchCompanyAll(); // 获取所有门店
},
computed: {
...mapGetters([
'elements'
]),
...mapGetters(["elements"]),
getHeaderWithToken() {
return { Authorization: getToken() }
return { Authorization: getToken() };
},
getUnkownBrandCode: () => VEHICLE_CONSTANT_BRAND_CODE_UNKOWN, // 车辆品牌
},
......@@ -520,75 +629,75 @@
/**
* 获取全部供应商列表
*/
getAllManufacturer(){
allManufacturer().then(response => {
if(response.status == 200){
this.allManufacturer = response.data
getAllManufacturer() {
allManufacturer().then((response) => {
if (response.status == 200) {
this.allManufacturer = response.data;
} else {
this.$notify({
title: '失败',
title: "失败",
message: response.message,
type: 'error',
duration: 2000
})
type: "error",
duration: 2000,
});
}
})
});
},
/**
* 获取全部车型
* */
getAllVehicleType() {
getAllVehicleList().then(response => {
if(response.status == 200){
let listRs = undefined
getAllVehicleList().then((response) => {
if (response.status == 200) {
let listRs = undefined;
if (!this.$utils.isEmpty(response.data)) {
listRs = response.data
listRs = response.data;
}
this.allVehicleList = listRs
this.allVehicleList = listRs;
} else {
this.$notify({
title: '失败',
title: "失败",
message: response.message,
type: 'error',
duration: 2000
})
type: "error",
duration: 2000,
});
}
})
});
},
getAllInsuranceCompany,
getInsuranceCompany,
/**
* 获取所有门店
*/
getVehicleBranchCompanyAll(){
vehicleBranchCompanyAll({state: 1}).then(response => {
if(response.status == 200){
this.allVehicleBranchCompany = response.data
getVehicleBranchCompanyAll() {
vehicleBranchCompanyAll({ state: 1 }).then((response) => {
if (response.status == 200) {
this.allVehicleBranchCompany = response.data;
} else {
this.$notify({
title: '失败',
title: "失败",
message: response.message,
type: 'error',
duration: 2000
})
type: "error",
duration: 2000,
});
}
})
});
},
/**
* 获取车辆全部品牌
*/
getAllBranch: () => {
return getConstantListByType(VEHICLE_CONSTANT_VEHICLE_BRAND)
return getConstantListByType(VEHICLE_CONSTANT_VEHICLE_BRAND);
},
/**
* 获取车辆详情
*/
getVehicleDetail(){
getObj(this.oneRow.id).then(response => {
if(response.status == 200){
getVehicleDetail() {
getObj(this.oneRow.id).then((response) => {
if (response.status == 200) {
this.$utils.objectEach(response.data, (item, key) => {
this.form[key] = item
})
this.form[key] = item;
});
// this.form = {
// id: response.data.id, // 车辆id
// numberPlate: response.data.numberPlate, // 车牌号码
......@@ -605,76 +714,76 @@
// }
} else {
this.$notify({
title: '失败',
title: "失败",
message: response.message,
type: 'error',
duration: 2000
})
type: "error",
duration: 2000,
});
}
})
});
},
beforeAvatarUpload(file) {
const isJPG =
file.type === 'image/jpeg' || file.type === 'image/gif'
file.type === 'image/jpeg' || file.type === 'image/gif' || file.type === 'image/pdf'
const isLt2M = file.size / 1024 / 1024 < 10
const isJPG = file.type === "image/jpeg" || file.type === "image/gif";
file.type === "image/jpeg" ||
file.type === "image/gif" ||
file.type === "image/pdf";
const isLt2M = file.size / 1024 / 1024 < 10;
if (!isJPG) {
this.$message.error('上传图片只能是 JPG/GIF 格式!')
this.$message.error("上传图片只能是 JPG/GIF 格式!");
}
if (!isLt2M) {
this.$message.error('上传图片大小不能超过 10MB!')
this.$message.error("上传图片大小不能超过 10MB!");
}
// this.showLoadingBody = true
return isJPG && isLt2M
return isJPG && isLt2M;
},
/**
* 行驶证--正面
*/
handleAvatarSuccess(res, file) {
this.form.drivingLicensePath = res.data
this.showLoadingBody = false
this.form.drivingLicensePath = res.data;
this.showLoadingBody = false;
},
/**
* 行驶证--副本
*/
handleAvatarSuccessF(res, file) {
this.form.drivingLicenseDuplicatePath = res.data
this.showLoadingBody = false
this.form.drivingLicenseDuplicatePath = res.data;
this.showLoadingBody = false;
},
/**
* PDF保单上传
*/
handleAvatarSuccessPDF(res, file) {
if (res.data) {
if(this.pdfList.length >= 0) {
if (this.pdfList.length >= 0) {
var data = {
"id": this.pdfList.length + 1,
"name": "车辆保单" + (this.pdfList.length + 1),
"url":res.data
id: this.pdfList.length + 1,
name: "车辆保单" + (this.pdfList.length + 1),
url: res.data,
};
this.pdfList.push(data);
}
this.pdfList.push(data)
}
}
this.showLoadingBody = false
this.showLoadingBody = false;
},
showImgDialog(drivingLicensePath) {
this.licenceSrcUrl = this.getDrivingLicenseUrl(drivingLicensePath)
this.dialogForm4LicenceVisible = true
this.licenceSrcUrl = this.getDrivingLicenseUrl(drivingLicensePath);
this.dialogForm4LicenceVisible = true;
},
/**
* 行驶证--src
*/
getDrivingLicenseUrl(drivingLicensePath) {
if (drivingLicensePath.indexOf('https') > -1) {
return drivingLicensePath
}else{
if (drivingLicensePath.indexOf("https") > -1) {
return drivingLicensePath;
} else {
return (
process.env.BASE_API +
'/vehicle/vehicleInfo/download/drivingLicense?realFileRelPath=' +
"/vehicle/vehicleInfo/download/drivingLicense?realFileRelPath=" +
encodeURI(drivingLicensePath)
)
);
}
},
/**
......@@ -682,46 +791,41 @@
*/
downloadPDF(i) {
var data = this.pdfList[i].url;
if(data) {
window.open(data, '_blank');
if (data) {
window.open(data, "_blank");
} else {
this.$notify({
title: '失败',
message: '车辆保单不存在',
type: 'error',
duration: 2000
})
title: "失败",
message: "车辆保单不存在",
type: "error",
duration: 2000,
});
}
},
/**
* 公里数验证
*/
integerValidator: function() {
integerValidator: function () {
return {
validator: (rule, value, callback) => {
if (
this.$utils.isUndefined(value) ||
this.$utils.isNull()
) {
return callback()
if (this.$utils.isUndefined(value) || this.$utils.isNull()) {
return callback();
}
if (!this.$utils.isInteger(value)) {
return callback(new Error('必须为整数'))
return callback(new Error("必须为整数"));
}
if (value < 1 || value > 9999999999) {
return callback(
new Error('编码合法范围：[1 - 9999999999]')
)
return callback(new Error("编码合法范围：[1 - 9999999999]"));
}
callback()
callback();
},
trigger: 'blur'
}
trigger: "blur",
};
},
/**
* 清空表单数据
*/
cleanForm(){
cleanForm() {
this.form = {
useType: 1, // 用途
id: undefined, // 车辆id
......@@ -751,109 +855,109 @@
strongInsuranceCompany: undefined, // 交强险公司
strongInsuranceNo: undefined, // 交强险单号
strongInsuranceEndDate: undefined, // 交强险日期
}
};
},
/**
* 关闭弹窗
*/
closePop(){
this.oneDialogVisible = false
this.$emit('oneDialogEvent', false);
closePop() {
this.oneDialogVisible = false;
this.$emit("oneDialogEvent", false);
},
/**
* 确定
*/
handleOk(){
const set = this.$refs
if(this.isClick) {
return
handleOk() {
const set = this.$refs;
if (this.isClick) {
return;
}
this.isClick = true
set['form'].validate(valid => {
this.isClick = true;
set["form"].validate((valid) => {
if (valid) {
let params = objDeepCopy(this.form)
params.registerDate = this.form.vehicleRegisterDate // 上班时间
params.vehicleRegisterDate = undefined
let params = objDeepCopy(this.form);
params.registerDate = this.form.vehicleRegisterDate; // 上班时间
params.vehicleRegisterDate = undefined;
if (this.form.id) {
// 编辑
putObj(params).then(response => {
putObj(params).then((response) => {
if (response.code == 1) {
this.$notify({
title: '成功',
message: '编辑成功',
type: 'success',
duration: 2000
})
this.$emit('oneDialogEvent', true);
title: "成功",
message: "编辑成功",
type: "success",
duration: 2000,
});
this.$emit("oneDialogEvent", true);
} else {
this.isClick = false
this.isClick = false;
this.$notify({
title: '失败',
title: "失败",
message: response.message,
type: 'error',
duration: 2000
})
type: "error",
duration: 2000,
});
}
})
});
} else {
// 添加
addObj(params).then(response => {
addObj(params).then((response) => {
if (response.code == 1) {
this.$notify({
title: '成功',
message: '添加成功',
type: 'success',
duration: 2000
})
title: "成功",
message: "添加成功",
type: "success",
duration: 2000,
});
this.$emit('oneDialogEvent', true);
this.$emit("oneDialogEvent", true);
} else {
this.isClick = false
this.isClick = false;
this.$notify({
title: '失败',
title: "失败",
message: response.message,
type: 'error',
duration: 2000
})
type: "error",
duration: 2000,
});
}
})
});
}
} else {
this.isClick = false
this.isClick = false;
}
})
});
},
/**
* 出行状态
*/
getAllVehicleStatus: function() {
getAllVehicleStatus: function () {
return {
1: {
code: 1,
val: '正常运行'
val: "正常运行",
},
3: {
code: 3,
val: '报废'
val: "报废",
},
4: {
code: 4,
val: '出车'
val: "出车",
},
6: {
code: 6,
val: '维修中'
val: "维修中",
},
7: {
code: 7,
val: '保养中'
val: "保养中",
},
8: {
code: 8,
val: '上牌中'
}
}
val: "上牌中",
},
}
}
};
},
},
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment