Skip to content

C
cloud-platform-ui
Commit 5d459770 authored by denghr's avatar denghr
Browse files
Options

预约信息

parent 5a3cf766
Hide whitespace changes
Inline Side-by-side
Showing with 399 additions and 154 deletions
src/api/vehicle/bookRecord/index.js
View file @ 5d459770
...@@ -79,4 +79,22 @@ export function saveOrderViolation(params) { ...@@ -79,4 +79,22 @@ export function saveOrderViolation(params) {
method: 'post', method: 'post',
data: params data: params
}); });
}
//出车
export function departureVehicle(param) {
return fetch({
url: '/vehicle/active/small/departure',
method: 'post',
data: param
});
}
//收车
export function arrivalVehicle(param) {
return fetch({
url: '/vehicle/active/small/arrival',
method: 'post',
data: param
});
} }
\ No newline at end of file
src/views/vehicle/bookRecord/index.vue
View file @ 5d459770
...@@ -48,11 +48,11 @@ ...@@ -48,11 +48,11 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" label="停靠公司" width="120"> <!-- <el-table-column align="center" label="停靠公司" width="120">
<template scope="scope"> <template scope="scope">
<span>{{scope.row.liftCompanyName}}</span> <span>{{scope.row.liftCompanyName}}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column align="center" label="申请状态"> <el-table-column align="center" label="申请状态">
<template scope="scope"> <template scope="scope">
...@@ -191,18 +191,13 @@ ...@@ -191,18 +191,13 @@
<template scope="scope"> <template scope="scope">
<!-- <el-button size="small" type="success" @click="handleBookInfo(scope.row)">预订信息</el-button> --> <!-- <el-button size="small" type="success" @click="handleBookInfo(scope.row)">预订信息</el-button> -->
<el-button size="small" type="success" v-if="scope.row.status==3" @click="illegalInquiry(scope.row)">违章记录</el-button> <el-button size="small" type="success" v-if="scope.row.status==3" @click="illegalInquiry(scope.row)">违章记录</el-button>
<el-button v-if="bookRecord_btn_prove&&scope.row.status==1" size="small" type="success" @click="handleProve(scope.row)">通过 <el-button v-if="bookRecord_btn_prove&&scope.row.status==1" size="small" type="success" @click="handleProve(scope.row)">通过</el-button>
</el-button> <el-button v-if="bookRecord_btn_reject&&scope.row.status==1" size="small" type="danger" @click="handleReject(scope.row)">驳回</el-button>
<el-button v-if="bookRecord_btn_reject&&scope.row.status==1" size="small" type="danger" @click="handleReject(scope.row)">驳回 <el-button v-if="bookRecord_btn_lift&&scope.row.liftStatus==1" size="small" type="success" @click="handleLift(scope.row)">出车</el-button>
</el-button> <template v-if="scope.row.vehicleDepartureLogVo!=undefined">
<!-- <el-button v-if="bookRecord_btn_lift && checkIfProved(scope.row.status)" size="small" type="success" <el-button v-if="bookRecord_btn_ret&&scope.row.vehicleDepartureLogVo.state==0&&scope.row.retStatus==1" size="small" type="success" @click="handleRet(scope.row)">收车</el-button>
@click="handleLift(scope.row)">提车 </template>
</el-button> <el-button v-if="bookRecord_btn_unbook && scope.row.state==2" size="small" type="danger" @click="handleUnbook(scope.row)">取消预定
<el-button v-if="bookRecord_btn_ret && checkIfLift(scope.row.status)" size="small" type="success"
@click="handleRet(scope.row)">还车
</el-button> -->
<el-button v-if="bookRecord_btn_unbook && checkIfProved(scope.row.status)" size="small" type="danger"
@click="handleUnbook(scope.row)">取消预定
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
...@@ -245,11 +240,11 @@ ...@@ -245,11 +240,11 @@
<span>{{detailItem.vehicleId}}</span> <span>{{detailItem.vehicleId}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <!-- <el-col :span="7">
<el-form-item label="当前停靠公司"> <el-form-item label="当前停靠公司">
<span>{{detailItem.liftCompanyName}}</span> <span>{{detailItem.liftCompanyName}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col> -->
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
...@@ -323,6 +318,21 @@ ...@@ -323,6 +318,21 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row>
<el-col :span="24">
<el-form-item label="提车公里数">
<span v-if="detailItem.vehicleDepartureLogVo.mileageStart">{{detailItem.vehicleDepartureLogVo.mileageStart}}KM</span>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-left: 20px;">
<el-col :span="3" v-for="(item, index) in departurePicList" :key="index" :offset="index%6 > 0 ? 1 : 0" style="margin-bottom:10px">
<el-card>
<img :src="item" class="image">
</el-card>
</el-col>
</el-row>
<hr>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="还车分公司"> <el-form-item label="还车分公司">
...@@ -342,16 +352,16 @@ ...@@ -342,16 +352,16 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="提车公里数"> <el-form-item label="还车公里数">
<span v-if="detailItem.vehicleDepartureLogVo">{{detailItem.vehicleDepartureLogVo.mileageStart}}KM</span> <span v-if="detailItem.vehicleDepartureLogVo.mileageEnd">{{detailItem.vehicleDepartureLogVo.mileageEnd}}KM</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row style="margin-left: 20px;">
<el-col :span="24"> <el-col :span="3" v-for="(item, index) in arrivalPicList" :key="index" :offset="index%6 > 0 ? 1 : 0" style="margin-bottom:10px">
<el-form-item label="还车公里数"> <el-card>
<span v-if="detailItem.vehicleDepartureLogVo">{{detailItem.vehicleDepartureLogVo.mileageEnd}}KM</span> <img :src="item" class="image">
</el-form-item> </el-card>
</el-col> </el-col>
</el-row> </el-row>
<hr> <hr>
...@@ -374,68 +384,129 @@ ...@@ -374,68 +384,129 @@
</div> </div>
</el-dialog> </el-dialog>
<!-- 提车对话框相关html元素 --> <!-- 出车对话框相关html元素 -->
<el-dialog title="提车" :visible.sync="dialogForm4LiftVisible"> <el-dialog title="出车" :visible.sync="dialogForm4LiftVisible">
<el-form :model="departureForm" :rules="departureFormrules" ref="departureForm" label-width="120px">
<el-form :model="form4Lift" :rules="rules4Lift" ref="form4Lift" label-width="120px"> <el-form-item label="车牌号">
<el-input v-model="departureForm.numberPlate" disabled></el-input>
<el-form-item label="提车分公司" prop="liftCompany"> </el-form-item>
<el-form-item label="出车时间">
<el-date-picker v-model="departureForm.departureDate" type="date" disabled
format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="出车分公司">
<el-autocomplete <el-autocomplete
class="inline-input" class="inline-input"
v-model="form4Lift.state1" v-model="departureForm.departureBranchCompanyName"
:fetch-suggestions="querySearch" :fetch-suggestions="querySearch"
placeholder="请输入内容" placeholder="请输入内容"
@select="handleSelect1" disabled
></el-autocomplete> ></el-autocomplete>
</el-form-item> </el-form-item>
<el-form-item label="目的地分公司" prop="expectArrivalBranchCompanyName">
<el-form-item label="提车里程数" prop="mileageLift"> <el-autocomplete
<el-input v-model.number="form4Lift.mileageLift" placeholder="请输入当前车辆里程数"></el-input> class="inline-input"
v-model="departureForm.expectArrivalBranchCompanyName"
:fetch-suggestions="querySearch"
placeholder="请输入内容"
disabled
></el-autocomplete>
</el-form-item> </el-form-item>
<el-form-item label="用途">
<el-form-item label="提车备注" prop="liftRemark"> <el-input v-model="departureForm.use" placeholder="请输入出车用途" disabled></el-input>
<el-input v-model="form4Lift.liftRemark" placeholder="请输入备注信息"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="使用人">
<el-input v-model="departureForm.user" placeholder="请输入出车使用人" disabled></el-input>
</el-form-item>
<el-form-item label="使用人联系方式">
<el-input v-model="departureForm.userTel" placeholder="请输入出车使用人联系方式" disabled></el-input>
</el-form-item>
<el-form-item label="验车人" prop="checkMan">
<el-input v-model="departureForm.checkMan" placeholder="请输入出车验车人"></el-input>
</el-form-item>
<el-form-item label="验车人联系方式" prop="checkManTel">
<el-input v-model="departureForm.checkManTel" placeholder="请输入出车验车人联系方式"></el-input>
</el-form-item>
<el-form-item label="公里数" prop="mileage">
<el-input v-model.number="departureForm.mileage" placeholder="请输入出车时公里数"></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="departureForm.remark" placeholder="请输入备注"></el-input>
</el-form-item>
<el-row>
<el-col>
<el-form-item label="出车截图" :style="{display:'block'}" required>
<el-upload
class="upload-demo"
:headers="getHeaderWithToken"
action="https://xxtest.upyuns.com/api/universal/file/app/unauth/admin/upload"
:on-remove="handleDepartureRemove"
:file-list="departurePicList"
:on-success="handleDepartureSuccess"
list-type="picture-card">
<i class="el-icon-plus"></i>
</el-upload>
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="cancelDialog4Lift('form4Lift')">取 消</el-button> <el-button @click="cancelDialog4Lift('departureForm')">取 消</el-button>
<el-button type="primary" @click="liftOk('form4Lift')">确 定</el-button> <el-button type="primary" @click="liftOk('departureForm')">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 提车对话框相关html元素 --> <!-- 提车对话框相关html元素 -->
<el-dialog title="还车" :visible.sync="dialogForm4RetVisible"> <el-dialog title="收车" :visible.sync="dialogForm4RetVisible">
<el-form :model="arrivalForm" :rules="arrivalFormrules" ref="form" label-width="90px">
<el-form :model="form4Ret" :rules="rules4Ret" ref="form4Ret" label-width="120px"> <el-form-item label="车牌号">
<el-input v-model="arrivalForm.numberPlate" disabled></el-input>
<el-form-item label="还车分公司" prop="retCompany">
<el-select class="filter-item" v-model.number="form4Ret.retCompany" placeholder="请选择还车分公司">
<el-option :key="undefined" label="无" :value="undefined"></el-option>
<el-option v-for="item in allCompanies" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="收车时间">
<el-form-item label="还车里程数" prop="mileageRet"> <el-date-picker v-model="arrivalForm.arrivalDate" type="date" disabled
<el-input v-model.number="form4Ret.mileageRet" placeholder="请输入当前车辆里程数"></el-input> format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="还车分公司">
<el-form-item label="是否违章" prop="haveViolation"> <el-autocomplete
<el-select class="filter-item" v-model="form4Ret.haveViolation" placeholder="请选择是否违章"> class="inline-input"
<el-option key="1" label="是" value="1"></el-option> v-model="arrivalForm.arrivalBranchCompanyName"
<el-option key="0" label="否" value="0"></el-option> :fetch-suggestions="querySearch"
</el-select> placeholder="请输入内容"
disabled
></el-autocomplete>
</el-form-item> </el-form-item>
<el-form-item label="收车人" prop="recycleMan">
<el-form-item label="还车备注" prop="retRemark"> <el-input v-model="arrivalForm.recycleMan" placeholder="请输入收车人"></el-input>
<el-input v-model="form4Ret.retRemark" placeholder="请输入备注信息"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收车人联系方式" prop="recycleManTel">
<el-input v-model="arrivalForm.recycleManTel" placeholder="请输入收车人联系方式"></el-input>
</el-form-item>
<el-form-item label="公里数" prop="mileage">
<el-input v-model.number="arrivalForm.mileage" placeholder="请输入收车时公里数"></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="departureForm.remark" placeholder="请输入备注"></el-input>
</el-form-item>
<el-row>
<el-col>
<el-form-item label="收车截图" :style="{display:'block'}" required>
<el-upload
class="upload-demo"
:headers="getHeaderWithToken"
action="https://xxtest.upyuns.com/api/universal/file/app/unauth/admin/upload"
:on-remove="handleArrivalRemove"
:file-list="arrivalPicList"
:on-success="handleArrivalSuccess"
list-type="picture-card">
<i class="el-icon-plus"></i>
</el-upload>
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="cancelDialog4Ret('form4Ret')">取 消</el-button> <el-button @click="cancelDialog4Ret('form')">取 消</el-button>
<el-button type="primary" @click="ret('form4Ret')">确 定</el-button> <el-button type="primary" @click="ret('form')">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
...@@ -484,7 +555,9 @@ ...@@ -484,7 +555,9 @@
ret, ret,
unbook, unbook,
getOneIllegalRow, getOneIllegalRow,
saveOrderViolation saveOrderViolation,
departureVehicle,
arrivalVehicle
} from 'api/vehicle/bookRecord'; } from 'api/vehicle/bookRecord';
...@@ -531,6 +604,76 @@ ...@@ -531,6 +604,76 @@
}, },
data() { data() {
return { return {
departureFormrules:{
checkMan:{
required: true,
message: '请输入验车人',
trigger: 'blur'
},
checkManTel:{
required: true,
message: '请输入验车人联系方式',
trigger: 'blur'
},
mileage:{
type:"number",
required: true,
message: '请输入公里数',
trigger: 'blur'
}
},
departureForm:{
vehicleId: null,
departureBranchCompanyId: null,//出发地分公司id
departureBranchCompanyName: '',//出发地分公司名称
use: null,
user: null,
userTel: null,
checkMan: null,
checkManTel: null,
mileage: null,
numberPlate: null,
expectArrivalBranchCompanyId: null,//目的地分公司id
expectArrivalBranchCompanyName: '',//目的地分公司名称
bookRecordId:null,
departurePic:'',
remark:null,
bookStartDate: null,
},
departurePicList:[],
arrivalPicList:[],
arrivalForm:{
vehicleId: null,
numberPlate: null,
arrivalDate: null,
recycleMan: null,
recycleManTel: null,
mileage: null,
arrivalBranchCompanyId: null,
arrivalBranchCompanyName: '',
arrivalPic:'',
remark:'',
bookRecordId:null,
},
arrivalFormrules:{
recycleMan:{
required: true,
message: '请输入收车人',
trigger: 'blur'
},
recycleManTel:{
required: true,
message: '请输入收车人联系方式',
trigger: 'blur'
},
mileage:{
type:"number",
required: true,
message: '请输入收车公里数',
trigger: 'blur'
}
},
departurePicList:[],
statusList:[ statusList:[
{ {
code:'1', code:'1',
...@@ -788,8 +931,36 @@ ...@@ -788,8 +931,36 @@
/** /**
* 删除违章图片 * 删除违章图片
* */ * */
handleRemove(file, fileList){ handleRemove(file, fileList1){
this.fileList2 = fileList; this.fileList2 = fileList1;
},
/**
* 出车上传成功
* */
handleDepartureSuccess(res, file) {
let c = {url: res.data};
this.departurePicList.push(c);
this.showLoadingBody = false;
},
/**
* 删除出车图片
* */
handleDepartureRemove(file, fileList2){
this.departurePicList = fileList2;
},
/**
* 上传成功
* */
handleArrivalSuccess(res, file) {
let c = {url: res.data};
this.arrivalPicList.push(c);
this.showLoadingBody = false;
},
/**
* 删除违章图片
* */
handleArrivalRemove(file, fileList3){
this.arrivalPicList = fileList3;
}, },
/** /**
* 操作-违章查询按钮，显示违章弹框 * 操作-违章查询按钮，显示违章弹框
...@@ -823,7 +994,28 @@ ...@@ -823,7 +994,28 @@
this.illegalVisible = false; this.illegalVisible = false;
}, },
handleDetail(row){ handleDetail(row){
var t = this
this.detailItem = row; this.detailItem = row;
if(row.vehicleDepartureLogVo!= undefined){
if(row.vehicleDepartureLogVo.departurePic!= undefined){
let arr = row.vehicleDepartureLogVo.departurePic.split(",");
let departurePicList = [];
let p = {};
arr.map(function(item){
departurePicList.push(item);
});
t.departurePicList = departurePicList;
}
if(row.vehicleDepartureLogVo.arrivalPic!= undefined){
let Arr = row.vehicleDepartureLogVo.arrivalPic.split(",");
let arrivalPicList = [];
let p = {};
Arr.map(function(item){
arrivalPicList.push(item);
});
t.arrivalPicList = arrivalPicList;
}
}
this.dialogDetailVisible = true; this.dialogDetailVisible = true;
}, },
//监听change事件 //监听change事件
...@@ -883,43 +1075,32 @@ ...@@ -883,43 +1075,32 @@
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
/** /**
* 提车弹框-确定 * 出车弹框-确定
* */ * */
liftOk(formName) { liftOk(formName) {
if(this.form4Lift.state1 == "" || this.form4Lift.state1 == "全部"){
this.form4Lift.liftCompany = undefined;
this.$notify({
title: '失败',
message: '请选择提车分公司',
type: 'warning',
duration: 2000
});
return;
}
const set = this.$refs; const set = this.$refs;
set[formName].validate(valid => { set[formName].validate(valid => {
if (valid) { if (valid) {
lift(this.form4Lift).then((response) => { var arr = [];
if (response.code === rsCode.code.VEHICLE_BOOKED_RECORD_STATUS_CHANGED) { this.departurePicList.map(function(item){
this.$notify({ arr.push(item.url);
title: '失败', });
message: rsCode.msg[rsCode.code.VEHICLE_BOOKED_RECORD_STATUS_CHANGED], this.departureForm.departurePic=arr.join(",");
type: 'error', departureVehicle(this.departureForm).then(response => {
duration: 2000 if (response.status == 200) {
}); this.dialogForm4LiftVisible = false;
} else if (response.code === rsCode.RS_CODE_SUC) {
this.$notify({ this.$notify({
title: '成功', title: '成功',
message: '操作成功', message: '出车成功',
type: 'success', type: 'success',
duration: 2000 duration: 2000
}); });
this.dialogForm4LiftVisible = false; this.cleanDepartureForm();
this.getList(); this.getList();
} else { } else {
this.$notify({ this.$notify({
title: '失败', title: '失败',
message: '操作失败', message: response.message,
type: 'error', type: 'error',
duration: 2000 duration: 2000
}); });
...@@ -1082,67 +1263,87 @@ ...@@ -1082,67 +1263,87 @@
}); });
}, },
/** /**
* 操作-提车 * 操作-出车
* @param row * @param row
*/ */
handleLift(row) { handleLift(row) {
this.resetTemp4Lift(); this.cleanDepartureForm();
getObj(row.id, row.bookEndDate) this.departurePicList = [];
.then(response => { if(row.bookType==1){
if (!this.$utils.isEmpty(response.data) && this.$utils.isInteger(response.data.liftCompany)) { this.departureForm.use = '租车'
this.form4Lift.liftCompany = response.data.liftCompany; }else if(row.bookType==2){
} this.departureForm.use = '用户租赁'
let that = this; }else if(row.bookType==3){
let selectArry = []; this.departureForm.use = '维修'
this.allCompaniesArr.map(function(item){ }else if(row.bookType==4){
item.value = item.name; this.departureForm.use = '展览'
selectArry.push(item); }else if(row.bookType==5){
}); this.departureForm.use = '旅游'
selectArry.map(function (iitem) { }else if(row.bookType==6){
if( that.form4Lift.liftCompany == iitem.id){ this.departureForm.use = '保养'
that.form4Lift.state1 = iitem.name; }else if(row.bookType==7){
} this.departureForm.use = '预约中'
}); }else if(row.bookType==8){
this.form4Lift.id = row.id; this.departureForm.use = '禁用'
this.dialogForm4LiftVisible = true; }else if(row.bookType==9){
}); this.departureForm.use = '客户用车'
}else if(row.bookType==10){
this.departureForm.use = '其他'
}
this.departureForm.bookRecordId=row.id
this.departureForm.vehicleId = row.vehicleId
this.departureForm.numberPlate = row.numberPlate
this.departureForm.departureDate = Date();
this.departureForm.departureBranchCompanyId = row.liftCompany
this.departureForm.departureBranchCompanyName = row.liftCompanyName
if(row.vehicleDepartureLogVo!=undefined){
this.departureForm.user = row.vehicleDepartureLogVo.user?row.vehicleDepartureLogVo.user:''
this.departureForm.userTel = row.vehicleDepartureLogVo.userTel?row.vehicleDepartureLogVo.userTel:''
}else{
this.departureForm.user = ''
this.departureForm.userTel = ''
}
this.departureForm.expectArrivalBranchCompanyId = row.retCompany
this.departureForm.expectArrivalBranchCompanyName = row.retCompanyName
this.dialogForm4LiftVisible = true;
}, },
/**
* 操作-收车
* @param row
*/
handleRet(row) { handleRet(row) {
this.resetTemp4Ret(); this.arrivalPicList = [];
getObj(row.id, row.bookEndDate) this.arrivalForm.vehicleId = row.vehicleId
.then(response => { this.arrivalForm.numberPlate = row.numberPlate
if (!this.$utils.isEmpty(response.data) && this.$utils.isInteger(response.data.retCompany)) { this.arrivalForm.arrivalDate = Date();
this.form4Ret.retCompany = response.data.retCompany; this.arrivalForm.arrivalBranchCompanyId = row.retCompany
} this.arrivalForm.arrivalBranchCompanyName = row.retCompanyName
this.form4Ret.id = row.id; this.dialogForm4RetVisible = true;
this.dialogForm4RetVisible = true;
});
}, },
ret(formName) { ret(formName) {
const set = this.$refs; const set = this.$refs;
set[formName].validate(valid => { set[formName].validate(valid => {
if (valid) { if (valid) {
ret(this.form4Ret).then((response) => { var arr = [];
if (response.code === rsCode.code.VEHICLE_BOOKED_RECORD_STATUS_CHANGED) { this.arrivalPicList.map(function(item){
this.$notify({ arr.push(item.url);
title: '失败', });
message: rsCode.msg[rsCode.code.VEHICLE_BOOKED_RECORD_STATUS_CHANGED], this.arrivalForm.arrivalPic=arr.join(",");
type: 'error', arrivalVehicle(this.arrivalForm).then(response => {
duration: 2000 if (response.status == 200) {
}); this.dialogForm4RetVisible = false;
} else if (response.code === rsCode.RS_CODE_SUC) {
this.$notify({ this.$notify({
title: '成功', title: '成功',
message: '操作成功', message: '收车成功',
type: 'success', type: 'success',
duration: 2000 duration: 2000
}); });
this.dialogForm4RetVisible = false; this.cleanArrivalForm();
this.getList(); this.getList();
} else { } else {
this.$notify({ this.$notify({
title: '失败', title: '失败',
message: '操作失败', message: response.message,
type: 'error', type: 'error',
duration: 2000 duration: 2000
}); });
...@@ -1198,24 +1399,44 @@ ...@@ -1198,24 +1399,44 @@
); );
}); });
}, },
resetTemp4Lift() { /**
this.form4Lift = { * 清空出车弹框数据
id: undefined, */
state1: '', cleanDepartureForm() {
mileageLift: undefined, this.departureForm = {
liftCompany: undefined, vehicleId: null,
liftRemark: undefined departureBranchCompanyId: null,//出发地分公司id
departureBranchCompanyName: '',//出发地分公司名称
use: null,
user: null,
userTel: null,
checkMan: null,
checkManTel: null,
mileage: null,
numberPlate: null,
expectArrivalBranchCompanyId: null,//目的地分公司id
expectArrivalBranchCompanyName: '',//目的地分公司名称
bookRecordId:null,
departurePic:'',
remark:null,
bookStartDate: null,
}; };
}, },
resetTemp4Ret() { cleanArrivalForm(){
this.form4Ret = { this.arrivalForm = {
id: undefined, vehicleId: null,
mileageRet: undefined, numberPlate: null,
haveViolation: undefined, arrivalDate: null,
retCompany: undefined, recycleMan: null,
retRemark: undefined recycleManTel: null,
}; mileage: null,
} arrivalBranchCompanyId: null,
arrivalBranchCompanyName: '',
arrivalPic:'',
remark:'',
bookRecordId:null
}
},
} }
} }
</script> </script>
...@@ -1229,4 +1450,10 @@ ...@@ -1229,4 +1450,10 @@
background-color: #ccc; background-color: #ccc;
border: none; border: none;
} }
.image {
width: 100%;
height: 110px;
display: block;
}
.el-card__body,.el-card{padding: 0px;width: 110px;height: 110px;text-align: center;}
</style> </style>
src/views/vehicle/vehicleInfo/index.vue
View file @ 5d459770
...@@ -322,10 +322,10 @@ ...@@ -322,10 +322,10 @@
<template scope="scope"> <template scope="scope">
<el-button size="small" class="el-button el-button--text el-button--small"@click="handleUpdate(scope.row)">{{vehicleInfo_btn_edit?"编辑":"查看"}} <el-button size="small" class="el-button el-button--text el-button--small"@click="handleUpdate(scope.row)">{{vehicleInfo_btn_edit?"编辑":"查看"}}
</el-button> </el-button>
<el-button v-if="scope.row.status == 1&&vehicleInfo_btn_ride" size="small" class="el-button el-button--text el-button--small" @click="departureHandler(scope.row)">出车 <!-- <el-button v-if="scope.row.status == 1&&vehicleInfo_btn_ride" size="small" class="el-button el-button--text el-button--small" @click="departureHandler(scope.row)">出车
</el-button> </el-button> -->
<el-button v-if="scope.row.status == 4" size="small" class="el-button el-button--text el-button--small" @click="arrivalHandler(scope.row)">收车 <!-- <el-button v-if="scope.row.status == 4" size="small" class="el-button el-button--text el-button--small" @click="arrivalHandler(scope.row)">收车
</el-button> </el-button> -->
<el-button v-if="scope.row.status == 1" size="small" class="el-button el-button--text el-button--small" @click="upkeepHandler(scope.row)">保养 <el-button v-if="scope.row.status == 1" size="small" class="el-button el-button--text el-button--small" @click="upkeepHandler(scope.row)">保养
</el-button> </el-button>
...@@ -338,7 +338,7 @@ ...@@ -338,7 +338,7 @@
</el-button> </el-button>
<el-button size="small" class="el-button el-button--text el-button--small" @click="handleBookInfo(scope.row)">预订信息</el-button> <el-button size="small" class="el-button el-button--text el-button--small" @click="handleBookInfo(scope.row)">预订信息</el-button>
<el-button size="small" class="el-button el-button--text el-button--small" @click="handleDepartureLog(scope.row)">出车记录</el-button> <el-button size="small" class="el-button el-button--text el-button--small" @click="handleDepartureLog(scope.row)">出车记录</el-button>
<el-button type="danger" size="small" @click="deleteHandler(scope.row)" v-if="vehicleInfo_btn_ret">删除</el-button> <el-button type="danger" size="small" @click="deleteHandler(scope.row)" style="margin-left:0px" v-if="vehicleInfo_btn_ret">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
......
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