Skip to content

C
cloud-platform-ui
Commit 0828e966 authored by hanfeng's avatar hanfeng
Browse files
Options

修改车辆订单

parent 03dbdfb2
Show whitespace changes
Inline Side-by-side
Showing with 767 additions and 704 deletions
src/views/order/modal/rentOrderDetailModal.vue
View file @ 0828e966
......@@ -21,7 +21,7 @@
<el-row>
<el-col :span="8">
<el-form-item label="姓名:">
<span>{{form.username}}</span>
<span>{{form.realName}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
......
src/views/order/rentVehicleInfo/index.vue
View file @ 0828e966
......@@ -25,6 +25,11 @@
<el-input v-model="listQuery.phone" placeholder="请输入手机号"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="姓名">
<el-input v-model="listQuery.realName" placeholder="请输入客户姓名"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
......@@ -50,6 +55,11 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="车辆编号">
<el-input v-model="listQuery.vehicleCode" placeholder="请输入车辆编号"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
......@@ -68,6 +78,13 @@
<span>{{scope.row.no}}</span><br><span>{{scope.row.crtTime}}</span>
</template>
</el-table-column>
<el-table-column
prop="status"
label="订单状态" width="100"align="center">
<template scope="scope">
<span>{{scope.row.ststusName}}</span>
</template>
</el-table-column>
<el-table-column min-width="250" align="center" label="名称/车牌号">
<template scope="scope">
<span>{{scope.row.name}}</span><br/><span>{{scope.row.vehicleNumberPlat}}</span>
......@@ -75,7 +92,7 @@
</el-table-column>
<el-table-column width="150" align="center" label="姓名/手机号">
<template scope="scope">
<span>{{scope.row.username}}</span>/<span>{{scope.row.telephone}}</span>
<span>{{scope.row.realName}}</span>/<span>{{scope.row.telephone}}</span>
</template>
</el-table-column>
<el-table-column width="200" align="center" label="取车时间/还车时间">
......@@ -102,15 +119,15 @@
</template>
</el-table-column>
<el-table-column align="center" label="订单状态">
<template scope="scope">
<span v-if="scope.row.status == '2'">取消</span>
<span v-if="scope.row.status == '3'">待付款</span>
<span v-if="scope.row.status == '4'">待出行</span>
<span v-if="scope.row.status == '5'">出行中</span>
<span v-if="scope.row.status == '6'">已完成</span>
</template>
</el-table-column>
<!-- <el-table-column align="center" label="订单状态">-->
<!-- <template scope="scope">-->
<!-- <span v-if="scope.row.status == '2'">取消</span>-->
<!-- <span v-if="scope.row.status == '3'">待付款</span>-->
<!-- <span v-if="scope.row.status == '4'">待出行</span>-->
<!-- <span v-if="scope.row.status == '5'">出行中</span>-->
<!-- <span v-if="scope.row.status == '6'">已完成</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column width="100" align="center" label="订单详情" fixed="right">
<template scope="scope">
......@@ -161,7 +178,7 @@
</div>
<div class="label-title">
<span>姓名/手机号:</span> <span
class="label-text"><span>{{form.username}}</span>/<span>{{form.telephone}}</span></span>
class="label-text"><span>{{form.realName}}</span>/<span>{{form.telephone}}</span></span>
</div>
<div class="label-title">
<span>取车:</span> <span class="label-text">{{form.orderRentVehicleDetail.startTime}}</span><span
......@@ -353,6 +370,7 @@
hasPay: undefined,
id: undefined,
name: undefined,
realName:undefined,
no: undefined,
orderAmount: undefined,
orderOrigin: undefined,
......@@ -433,7 +451,9 @@
endTime: undefined,
zoneId: undefined,
startCompanyId: undefined,
plateNumber: undefined
plateNumber: undefined,
realName: undefined,
vehicleCode: undefined
},
baranchQuery: {
zoneId: null
......@@ -834,7 +854,7 @@
*/
getList() {
this.listLoading = true;
console.log(this.listQuery)
// if(this.listQuery.startTime){
// this.listQuery.startTime = this.listQuery.startTime.getTime();
// }
......@@ -843,7 +863,28 @@
// }
page(this.listQuery)
.then(response => {
if (response.data.data){
response.data.data.map(function (el) {
console.log(el)
if (el.status == 2) {
el.ststusName = '取消';
}
if (el.status == 3) {
el.ststusName = '待付款';
}
if (el.status == 4) {
el.ststusName = '待出行';
}
if (el.status == 5) {
el.ststusName = '出行中';
}
if (el.status == 6) {
el.ststusName = '已完成';
}
})
}
this.list = response.data.data;
this.total = response.data.totalCount;
this.listLoading = false;
})
......
src/views/userManagement/model/memberOrderDetailModal.vue
View file @ 0828e966
......@@ -21,7 +21,7 @@
<el-row>
<el-col :span="8">
<el-form-item label="姓名:">
<span>{{form.username}}</span>
<span>{{form.realName}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -95,6 +95,7 @@
hasPay: undefined,
id: undefined,
name: undefined,
realName: undefined,
no: undefined,
orderAmount: undefined,
orderOrigin: undefined,
......
src/views/userManagement/model/rentOrderDetailModal.vue
View file @ 0828e966
......@@ -21,7 +21,7 @@
<el-row>
<el-col :span="8">
<el-form-item label="姓名:">
<span>{{form.username}}</span>
<span>{{form.realName}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
......
src/views/userManagement/model/tourOrderDetailModal.vue
View file @ 0828e966
......@@ -14,7 +14,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="订单状态:">
<span>{{form.ststusName}}</span>
<span>{{form.status}}</span>
</el-form-item>
</el-col>
</el-row>
......@@ -40,7 +40,12 @@
</el-col>
</el-row>
<table class="orderDetail">
<tr><th>旅行</th><th>价格</th><th>人数</th><th>保险</th></tr>
<tr>
<th>旅行</th>
<th>价格</th>
<th>人数</th>
<th>保险</th>
</tr>
<tr>
<td>{{form.name}}</td>
<td>{{tourCostDetail}}</td>
......@@ -48,24 +53,32 @@
<td>{{insureDetail}}</td>
</tr>
<tr>
<td ></td>
<td ></td>
<td ></td>
<td >订单金额:{{form.realAmount}}元</td>
<td></td>
<td></td>
<td></td>
<td>订单金额:{{form.realAmount}}元</td>
</tr>
</table>
<div>
<div style="margin: 20px 0;"><span style="font-size: 18px;font-weight: bold;">联系人信息</span></div>
<div>
<span style="font-weight: 700">联系人：</span><span class="label-text" >{{form.orderTourDetail.contactMan}}</span>
<span style="font-weight: 700">联系电话：</span><span class="label-text" >{{form.orderTourDetail.contactPhone}}</span>
<span style="font-weight: 700">Email:</span><span class="label-text">{{form.orderTourDetail.contactEmail}}</span>
<span style="font-weight: 700">联系人：</span><span class="label-text">{{form.orderTourDetail.contactMan}}</span>
<span style="font-weight: 700">联系电话：</span><span
class="label-text">{{form.orderTourDetail.contactPhone}}</span>
<span style="font-weight: 700">Email:</span><span
class="label-text">{{form.orderTourDetail.contactEmail}}</span>
</div>
</div>
<div>
<div style="margin: 20px 0;"><span style="font-size: 18px;font-weight: bold;">出游人信息 成人{{form.orderTourDetail.adultNum}}人 儿童{{form.orderTourDetail.childNum}}人</span></div>
<div style="margin: 20px 0;"><span style="font-size: 18px;font-weight: bold;">出游人信息 成人{{form.orderTourDetail.adultNum}}人 儿童{{form.orderTourDetail.childNum}}人</span>
</div>
<table class="orderDetail">
<tr><th>身份</th><th>姓名</th><th>电话</th><th>身份证号</th></tr>
<tr>
<th>身份</th>
<th>姓名</th>
<th>电话</th>
<th>身份证号</th>
</tr>
<tr v-for="(item,index) in form.orderTourDetail.userVoList " :key="index">
<td v-if="item && item.isdel == 0 && item.isChild == 0">成人</td>
<td v-if="item && item.isdel == 0 && item.isChild == 1">儿童</td>
......@@ -92,6 +105,7 @@
import {
timestamp2Date
} from 'utils/dateUtils';
export default {
props: ["tourRow"],
name: 'tourOrderDetailModal',
......@@ -118,6 +132,7 @@
hasPay: undefined,
id: undefined,
name: undefined,
realName: undefined,
no: undefined,
orderAmount: undefined,
orderOrigin: undefined,
......@@ -155,7 +170,7 @@
refundStatus: undefined,
startCompanyName: undefined,
status: undefined,
ststusName:undefined,
ststusName: undefined,
telephone: undefined,
type: undefined,
updTime: undefined,
......@@ -164,24 +179,24 @@
vehicleNumberPlat: undefined,
version: undefined,
},
costDetail:{
key:undefined,
val:undefined,
children:[
costDetail: {
key: undefined,
val: undefined,
children: [
{
key:undefined,
detail:undefined,
val:undefined
key: undefined,
detail: undefined,
val: undefined
}
]
},
insureDetail:'',//保险
tourCostDetail:''
insureDetail: '',//保险
tourCostDetail: ''
}
},
watch: {
dialogVisible(newValue, oldValue){
if(!newValue){
dialogVisible(newValue, oldValue) {
if (!newValue) {
this.$emit("tourOrderDetailDialogEvent", false);
}
},
......@@ -191,24 +206,24 @@
},
methods: {
//获取订单详情
getOrderInfo(){
getOrderInfo() {
// let params = {
// orderNo: this.tourRow.no
// };
this.form=this.tourRow
this.dialogVisible = true;
// this.form=this.tourRow
// this.dialogVisible = true;
// getVehicleOrderDetail(params).then(res => {
// if (res.status == 200) {
// let a = res.data;
// this.form = a;
// this.form.orderTourDetail.startTime = timestamp2Date(a.orderTourDetail.startTime)
// this.form.orderTourDetail.endTime = timestamp2Date(a.orderTourDetail.endTime)
// this.costDetail = JSON.parse(a.orderTourDetail.costDetail)
// var cost = '';
// this.costDetail.children.forEach(function(a1) {
// var detail = a1.detail==undefined?'':a1.detail
// cost += a1.key + ":" +detail+" "
// })
let a = this.tourRow;
this.form = a;
this.form.orderTourDetail.startTime = timestamp2Date(a.orderTourDetail.startTime)
this.form.orderTourDetail.endTime = timestamp2Date(a.orderTourDetail.endTime)
this.costDetail = JSON.parse(a.orderTourDetail.costDetail)
var cost = '';
this.costDetail.children.forEach(function (a1) {
var detail = a1.detail == undefined ? '' : a1.detail
cost += a1.key + ":" + detail + " "
})
// if (this.form.status == 2) {
// this.form.ststusName = '取消';
// }
......@@ -224,11 +239,11 @@
// if (this.form.status == 6) {
// this.form.ststusName = '已完成';
// }
// if(a.orderTourDetail.hasInsure == 0) {
// this.insureDetail = "不需要保险"
// }
// this.tourCostDetail = cost;
// this.dialogVisible = true;
if (a.orderTourDetail.hasInsure == 0) {
this.insureDetail = "不需要保险"
}
this.tourCostDetail = cost;
this.dialogVisible = true;
// } else {
// this.$notify({
// title: '失败',
......@@ -244,17 +259,20 @@
}
</script>
<style>
.label-text{
.label-text {
margin-left: 10px;
margin-right: 20px;
}
.label-title{
.label-title {
margin-top: 10px;
}
.orderDetail tr th{
.orderDetail tr th {
background: #eef1f6;
}
.orderDetail tr td, .orderDetail tr th{
.orderDetail tr td, .orderDetail tr th {
width: 500px;
text-align: center;
border: 1px solid #dfe6ec;
......@@ -262,15 +280,18 @@
margin-right: 100px;
padding: 10px;
}
.label-value{
.label-value {
margin-left: 80px;
margin-right: 100px;
}
#license-img{
#license-img {
width: 50px;
height: 50px;
}
.order-details .el-form-item{
.order-details .el-form-item {
margin-bottom: 10px !important;
}
</style>
src/views/userManagement/userList/index.vue
View file @ 0828e966
......@@ -548,8 +548,8 @@
data() {
return {
tourCostDetail: '',
memberCostDetail:'',
rentCostDetail:'',
memberCostDetail: '',
rentCostDetail: '',
serviceCost: 0,
inline: true,
peopleSettingModal: false,
......@@ -606,9 +606,9 @@
file: ''
},
rentDialogVisible: false,
tourDialogVisible:false,
memberDialogVisible:false,
insureDetail:'',
tourDialogVisible: false,
memberDialogVisible: false,
insureDetail: '',
fileList: [],
errorHandler: true,
list: null,
......@@ -643,6 +643,7 @@
hasPay: undefined,
id: undefined,
name: undefined,
realName: undefined,
no: undefined,
orderAmount: undefined,
orderOrigin: undefined,
......@@ -697,7 +698,7 @@
version: undefined
},
tourRow: {},
memberRow:{},
memberRow: {},
rules: {
totalNumber: [this.integerValidator()],
rentFreeDays: [this.integerValidator()]
......@@ -839,16 +840,15 @@
this.rentDialogVisible = true;
}
if (row.type == "旅游") {
this.tourRow=row
this.tourRow = row
this.tourDialogVisible = true;
}
if (row.type == "会员") {
this.memberRow=row;
this.memberDialogVisible=true;
this.memberRow = row;
this.memberDialogVisible = true;
}
},
/**
* 租车订单详情弹框关闭
......@@ -865,7 +865,7 @@
/**
* 旅游订单详情弹框关闭
* */
tourOrderDetailDialogEvent(e){
tourOrderDetailDialogEvent(e) {
this.tourDialogVisible = false;
},
......
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