调整优化等
This commit is contained in:
parent
65dd5f5ff6
commit
3d0334df5a
|
@ -43,6 +43,22 @@ export function delDevice(deviceId) {
|
|||
})
|
||||
}
|
||||
|
||||
// 一键上线
|
||||
export function oneClickOnline(deviceId) {
|
||||
return request({
|
||||
url: '/system/device/oneClickOnline/' + deviceId,
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
// 一键下线
|
||||
export function oneClickOffline(deviceId) {
|
||||
return request({
|
||||
url: '/system/device/oneClickOffline/' + deviceId,
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
// 查询所有车辆信息
|
||||
export function allDevice() {
|
||||
return request({
|
||||
|
|
|
@ -8,3 +8,11 @@ export function listReconciliation(query) {
|
|||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function getAreaList() {
|
||||
return request({
|
||||
url: '/system/getAreaList',
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
|
|
|
@ -198,6 +198,7 @@ export default {
|
|||
getGeoAddress(lng, lat) {
|
||||
console.log('getGeoAddress', lng,lat);
|
||||
console.log('this.geocoder', this.geocoder);
|
||||
if(this.geocoder){
|
||||
return new Promise((resolve, reject) =>{
|
||||
this.geocoder.getAddress([lng, lat], (status, result) => {
|
||||
if (status === 'complete' && result.info === 'OK') {
|
||||
|
@ -209,6 +210,7 @@ export default {
|
|||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
// 加载逆地理编码
|
||||
loadGeoCoder() {
|
||||
|
|
|
@ -296,13 +296,13 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="调度费" label-width="150">
|
||||
<el-form-item label="运营区外调度费" label-width="150">
|
||||
<el-input-number style="width: 50%" v-model="form.dispatchFee"
|
||||
placeholder="车辆超出运行区外的调度费用"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="管理费" label-width="150">
|
||||
<el-form-item label="停车点外调度费" label-width="150">
|
||||
<el-input-number style="width: 50%" v-model="form.vehicleManagementFee"
|
||||
placeholder="车辆在运营区内但没在停车区产生的调度费用"></el-input-number>
|
||||
</el-form-item>
|
||||
|
|
|
@ -146,7 +146,7 @@
|
|||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="边界" prop="boundaryStr">
|
||||
<area-map :key="key" v-model="form.boundaryStr" :dataId="form.areaId" :pathList="form.boundaryStr" @mapList="mapList" @center="center" />
|
||||
<area-map :key="key" v-model="form.boundaryStr" :dataId="form.areaId" :lon="areaLon" :lat="areaLat" :pathList="form.boundaryStr" @mapList="mapList" @center="center" />
|
||||
</el-form-item>
|
||||
<!-- <span style="color: red">双击区域可重新编辑</span>-->
|
||||
</el-col>
|
||||
|
@ -208,6 +208,8 @@ export default {
|
|||
open: false,
|
||||
// 通过key重新渲染area-map组件
|
||||
key: 0,
|
||||
areaLon: null,
|
||||
areaLat: null,
|
||||
// 分区列表
|
||||
areaOptions:[],
|
||||
// 类型列表
|
||||
|
@ -224,6 +226,15 @@ export default {
|
|||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
parkingName: [
|
||||
{ required: true, message: "禁停区不能为空", trigger: "blur" }
|
||||
],
|
||||
type: [
|
||||
{ required: true, message: "类型不能为空", trigger: "blur" }
|
||||
],
|
||||
boundaryStr: [
|
||||
{ required: true, message: "边界不能为空", trigger: "blur" }
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
|
@ -249,6 +260,8 @@ export default {
|
|||
getArea(areaId) {
|
||||
getArea(areaId).then(response => {
|
||||
this.queryParams.areaId = response.data.areaId;
|
||||
this.areaLon = response.data.longitude;
|
||||
this.areaLat = response.data.latitude;
|
||||
this.defaultAreaId = response.data.areaId;
|
||||
this.getList();
|
||||
});
|
||||
|
@ -266,6 +279,11 @@ export default {
|
|||
this.parkingList = response.rows;
|
||||
this.total = response.total;
|
||||
this.defaultAreaId = this.queryParams.areaId;
|
||||
getArea(this.defaultAreaId).then(response => {
|
||||
this.queryParams.areaId = response.data.areaId;
|
||||
this.areaLon = response.data.longitude;
|
||||
this.areaLat = response.data.latitude;
|
||||
});
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
|
|
@ -157,7 +157,7 @@
|
|||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="边界" prop="boundaryStr">
|
||||
<area-map :key="key" v-model="form.boundaryStr" :dataId="form.areaId" :pathList="form.boundaryStr" @mapList="mapList" @center="center" />
|
||||
<area-map :key="key" v-model="form.boundaryStr" :dataId="form.areaId" :lon="areaLon" :lat="areaLat" :pathList="form.boundaryStr" @mapList="mapList" @center="center" />
|
||||
</el-form-item>
|
||||
<!-- <span style="color: red">双击区域可重新编辑</span>-->
|
||||
</el-col>
|
||||
|
@ -219,6 +219,8 @@ export default {
|
|||
open: false,
|
||||
// 通过key重新渲染area-map组件
|
||||
key: 0,
|
||||
areaLon: null,
|
||||
areaLat: null,
|
||||
// 分区列表
|
||||
areaOptions:[],
|
||||
// 类型列表
|
||||
|
@ -235,6 +237,15 @@ export default {
|
|||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
parkingName: [
|
||||
{ required: true, message: "禁停区不能为空", trigger: "blur" }
|
||||
],
|
||||
type: [
|
||||
{ required: true, message: "类型不能为空", trigger: "blur" }
|
||||
],
|
||||
boundaryStr: [
|
||||
{ required: true, message: "边界不能为空", trigger: "blur" }
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
|
@ -260,6 +271,8 @@ export default {
|
|||
getArea(areaId) {
|
||||
getArea(areaId).then(response => {
|
||||
this.queryParams.areaId = response.data.areaId;
|
||||
this.areaLon = response.data.longitude;
|
||||
this.areaLat = response.data.latitude;
|
||||
this.defaultAreaId = response.data.areaId;
|
||||
this.getList();
|
||||
});
|
||||
|
@ -277,6 +290,11 @@ export default {
|
|||
this.parkingList = response.rows;
|
||||
this.total = response.total;
|
||||
this.defaultAreaId = this.queryParams.areaId;
|
||||
getArea(this.defaultAreaId).then(response => {
|
||||
this.queryParams.areaId = response.data.areaId;
|
||||
this.areaLon = response.data.longitude;
|
||||
this.areaLat = response.data.latitude;
|
||||
});
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
|
|
@ -152,7 +152,7 @@
|
|||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="边界" prop="boundaryStr">
|
||||
<area-map :key="key" v-model="form.boundaryStr" :dataId="form.areaId" :pathList="form.boundaryStr" @mapList="mapList" @center="center" />
|
||||
<area-map :key="key" v-model="form.boundaryStr" :dataId="form.areaId" :lon="areaLon" :lat="areaLat" :pathList="form.boundaryStr" @mapList="mapList" @center="center" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col >
|
||||
|
@ -218,6 +218,8 @@ export default {
|
|||
open: false,
|
||||
// 通过key重新渲染area-map组件
|
||||
key: 0,
|
||||
areaLon: null,
|
||||
areaLat: null,
|
||||
// 分区列表
|
||||
areaOptions:[],
|
||||
// 类型列表
|
||||
|
@ -234,6 +236,15 @@ export default {
|
|||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
parkingName: [
|
||||
{ required: true, message: "禁停区不能为空", trigger: "blur" }
|
||||
],
|
||||
type: [
|
||||
{ required: true, message: "类型不能为空", trigger: "blur" }
|
||||
],
|
||||
boundaryStr: [
|
||||
{ required: true, message: "边界不能为空", trigger: "blur" }
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
|
@ -259,6 +270,8 @@ export default {
|
|||
getArea(areaId) {
|
||||
getArea(areaId).then(response => {
|
||||
this.queryParams.areaId = response.data.areaId;
|
||||
this.areaLon = response.data.longitude;
|
||||
this.areaLat = response.data.latitude;
|
||||
this.defaultAreaId = response.data.areaId;
|
||||
this.getList();
|
||||
});
|
||||
|
@ -276,6 +289,11 @@ export default {
|
|||
this.parkingList = response.rows;
|
||||
this.total = response.total;
|
||||
this.defaultAreaId = this.queryParams.areaId;
|
||||
getArea(this.defaultAreaId).then(response => {
|
||||
this.queryParams.areaId = response.data.areaId;
|
||||
this.areaLon = response.data.longitude;
|
||||
this.areaLat = response.data.latitude;
|
||||
});
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
|
|
@ -1,6 +1,16 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="运营商" prop="deptId" v-if="userName == 'admin'">
|
||||
<el-select v-model="queryParams.deptId" placeholder="请选择运营商" clearable>
|
||||
<el-option
|
||||
v-for="item in deptOptions"
|
||||
:key="item.deptId"
|
||||
:label="item.deptName"
|
||||
:value="item.deptId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="MAC" prop="mac">
|
||||
<el-input style="width: 150px"
|
||||
v-model="queryParams.mac"
|
||||
|
@ -86,6 +96,28 @@
|
|||
v-hasPermi="['system:device:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="oneClickOnline"
|
||||
v-hasPermi="['system:device:edit']"
|
||||
>一键上线</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-lock"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="oneClickOffline"
|
||||
v-hasPermi="['system:device:edit']"
|
||||
>一键下线</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
|
@ -334,6 +366,7 @@
|
|||
v-if="showPlaceSearchMap"
|
||||
ref="map"
|
||||
height="400px"
|
||||
:key="key"
|
||||
@select-changed="onSelectChange"
|
||||
@map-geo="onMapGeo"
|
||||
:init-lat="form.latitude"
|
||||
|
@ -374,7 +407,7 @@
|
|||
addDevice,
|
||||
updateDevice,
|
||||
handleLock,
|
||||
handleUnlocking, ring
|
||||
handleUnlocking, ring,oneClickOnline,oneClickOffline
|
||||
} from '@/api/system/device'
|
||||
import Map from "@/components/Map";
|
||||
import OrderRecord from "@/views/system/device/components/orderRecord.vue";
|
||||
|
@ -386,6 +419,7 @@ import LocationMap from '@/components/Map/location/LocationMap.vue';
|
|||
import { listModel} from "@/api/system/model";
|
||||
import QrCode from "@/components/QrCode/index.vue";
|
||||
import { listArea } from '@/api/system/area'
|
||||
import { listDept } from '@/api/system/dept'
|
||||
|
||||
export default {
|
||||
name: "Device",
|
||||
|
@ -409,6 +443,8 @@ export default {
|
|||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
deptOptions: [],
|
||||
key: 0,
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
|
@ -457,9 +493,6 @@ export default {
|
|||
mac: [
|
||||
{ required: true, message: "MAC不能为空", trigger: "blur" }
|
||||
],
|
||||
// areaId: [
|
||||
// { required: true, message: "运营区不能为空", trigger: "blur" }
|
||||
// ],
|
||||
}
|
||||
};
|
||||
},
|
||||
|
@ -468,8 +501,31 @@ export default {
|
|||
this.userName = this.$store.state.user.name;
|
||||
this.getList();
|
||||
console.log("------"+this.activeIndex)
|
||||
if(this.userName === 'admin'){
|
||||
listDept({status: '0' }).then(response => {
|
||||
this.deptOptions = response.data;
|
||||
});
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
oneClickOnline(row){
|
||||
const deviceIds = row.deviceId || this.ids;
|
||||
this.$modal.confirm('确认一键上线?').then(function() {
|
||||
return oneClickOnline(deviceIds);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
oneClickOffline(row){
|
||||
const deviceIds = row.deviceId || this.ids;
|
||||
this.$modal.confirm('确认一键下线?').then(function() {
|
||||
return oneClickOffline(deviceIds);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
onMapGeo(data, lat, lng) {
|
||||
console.log("onMapGeo", data)
|
||||
let component = data.regeocode.addressComponent;
|
||||
|
@ -581,6 +637,7 @@ export default {
|
|||
this.open2 = true;
|
||||
this.form = row;
|
||||
this.showPlaceSearchMap = true;
|
||||
this.key++;
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
|
|
|
@ -45,6 +45,17 @@
|
|||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="交易时间">
|
||||
<el-date-picker
|
||||
v-model="dateRange"
|
||||
style="width: 240px"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="daterange"
|
||||
range-separator="-"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
|
@ -190,6 +201,8 @@ export default {
|
|||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 日期范围
|
||||
dateRange: [],
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 资金流水表格数据
|
||||
|
@ -232,7 +245,7 @@ export default {
|
|||
/** 查询资金流水列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listFlow(this.queryParams).then(response => {
|
||||
listFlow(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
|
||||
this.flowList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
|
|
|
@ -87,7 +87,7 @@
|
|||
});
|
||||
},
|
||||
deviceMarker(){
|
||||
listDevice().then(response => {
|
||||
listDevice({pageNum: 1,pageSize: 999}).then(response => {
|
||||
this.deviceList = response.rows;
|
||||
this.deviceList.forEach(device => {
|
||||
// 检查经纬度是否为空且为有效数字
|
||||
|
|
|
@ -57,7 +57,7 @@
|
|||
<el-table-column type="selection" width="55" align="center" />
|
||||
<!-- <el-table-column label="订单id" align="center" prop="orderId" />-->
|
||||
<el-table-column label="区域" align="center" prop="area" />
|
||||
<el-table-column label="订单号" :show-overflow-tooltip="true" align="center" prop="orderNo" />
|
||||
<el-table-column label="订单号" align="center" prop="orderNo" width="200"/>
|
||||
<el-table-column label="用户" align="center" prop="userName" />
|
||||
<el-table-column label="设备SN" align="center" prop="sn" />
|
||||
<el-table-column label="车牌号" align="center" prop="vehicleNum" />
|
||||
|
@ -66,22 +66,22 @@
|
|||
<dict-tag :options="dict.type.et_order_status" :value="scope.row.status"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="支付时间" align="center" prop="payTime" width="150">
|
||||
<el-table-column label="支付时间" align="center" prop="payTime" width="140">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.payTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开始骑行时间" align="center" prop="unlockTime" width="150">
|
||||
<el-table-column label="开始骑行时间" align="center" prop="unlockTime" width="140">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.unlockTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="结束骑行时间" align="center" prop="returnTime" width="150">
|
||||
<el-table-column label="结束骑行时间" align="center" prop="returnTime" width="140">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.returnTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="150">
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="140">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
||||
</template>
|
||||
|
@ -147,7 +147,7 @@
|
|||
|
||||
<!-- 添加或修改订单对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body>
|
||||
<el-form ref="form" :model="form" label-width="110px">
|
||||
<el-form ref="form" :model="form" label-width="140px">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="支付订单编号:">{{ form.orderNo }}</el-form-item>
|
||||
|
@ -175,6 +175,22 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
<h2 style="font-weight: bold;font-size: 18px">行程记录</h2>
|
||||
<el-row v-if="form.tripLogs">
|
||||
<template v-for="(log, index) in form.tripLogs" >
|
||||
<el-row :key="index">
|
||||
<el-col :span="12">
|
||||
<el-form-item :label="getTypeText(log.type)+'时间:'">
|
||||
{{ log.createTime }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item :label="getTypeText(log.type)+'地点:'">
|
||||
{{ log.longitude }}, {{ log.latitude }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
</el-row>
|
||||
<!-- 显示路径 -->
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
|
@ -191,11 +207,11 @@
|
|||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="预约费用:">{{ formatFee(form.appointmentFee) }}</el-form-item>
|
||||
<el-form-item label="调度费:">{{ formatFee(form.dispatchFee) }}</el-form-item>
|
||||
<el-form-item label="运营区外调度费:">{{ formatFee(form.dispatchFee) }}</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="骑行费用:" >{{ formatFee(form.ridingFee) }}</el-form-item>
|
||||
<el-form-item label="管理费:" >{{ formatFee(form.manageFee) }}</el-form-item>
|
||||
<el-form-item label="停车点外调度费:" >{{ formatFee(form.manageFee) }}</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
|
@ -212,25 +228,25 @@
|
|||
<el-form-item label="计费模板:" >{{ form.rule.name }}</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-row v-if="form.etRefund">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="预约费退款:">{{ formatFee(form.payFee) }}</el-form-item>
|
||||
<el-form-item label="调度费退款:">{{ formatFee(form.payFee) }}</el-form-item>
|
||||
<el-form-item label="预约费退款:">{{ formatFee(form.etRefund.appointmentFee) }}</el-form-item>
|
||||
<el-form-item label="调度费退款:">{{ formatFee(form.etRefund.dispatchFee) }}</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="骑行费用退款:" >{{ formatFee(form.areaName) }}</el-form-item>
|
||||
<el-form-item label="管理费退款:" >{{ formatFee(form.remainingPower) }}</el-form-item>
|
||||
<el-form-item label="骑行费用退款:" >{{ formatFee(form.etRefund.ridingFee) }}</el-form-item>
|
||||
<el-form-item label="停车点外调度费退款:" >{{ formatFee(form.etRefund.manageFee) }}</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-row v-if="form.etRefund">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="退款原因:">{{ form.mac }}</el-form-item>
|
||||
<el-form-item label="退款时间:">{{ form.sn }}</el-form-item>
|
||||
<el-form-item label="退款原因:">{{ form.etRefund.reason }}</el-form-item>
|
||||
<el-form-item label="退款时间:">{{ form.etRefund.createTime }}</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-row v-if="form.etRefund">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="结算总费用:">{{ formatFee(form.mac) }}</el-form-item>
|
||||
<el-form-item label="结算总费用:">{{ formatFee(form.payFee-form.etRefund.appointmentFee-form.etRefund.dispatchFee-form.etRefund.ridingFee-form.etRefund.manageFee) }}</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
@ -259,13 +275,13 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="管理费(元)" prop="manageFee">
|
||||
<el-input v-model="form2.manageFee" placeholder="请输入管理费"/>
|
||||
<el-form-item label="停车点外调度费(元)" prop="manageFee">
|
||||
<el-input v-model="form2.manageFee" placeholder="请输入停车点外调度费"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="title2 === '退款'">
|
||||
<el-form-item label="原因" prop="reason">
|
||||
<el-input v-model="form2.reason" placeholder="请输入管理费"/>
|
||||
<el-input v-model="form2.reason" placeholder="请输入停车点外调度费"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-col>
|
||||
|
@ -311,6 +327,7 @@ export default {
|
|||
showPlaceSearchMap: false,
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
open2: false,
|
||||
vehicleNum: null,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
|
@ -330,6 +347,14 @@ export default {
|
|||
vehicleNum: null,
|
||||
mac: null
|
||||
},
|
||||
etRefund: {
|
||||
appointmentFee: null,
|
||||
ridingFee: null,
|
||||
dispatchFee: null,
|
||||
manageFee: null,
|
||||
reason: null,
|
||||
createTime: null
|
||||
},
|
||||
rule: {
|
||||
name: null
|
||||
},
|
||||
|
@ -338,11 +363,16 @@ export default {
|
|||
payFee: null,
|
||||
appointmentFee: null,
|
||||
tripRouteStr: null,
|
||||
vehicleNum: null
|
||||
vehicleNum: null,
|
||||
},
|
||||
form2: {
|
||||
orderNo: null,
|
||||
|
||||
appointmentFee: null,
|
||||
ridingFee: null,
|
||||
dispatchFee: null,
|
||||
manageFee: null,
|
||||
reason: null,
|
||||
createTime: null
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
|
@ -359,33 +389,49 @@ export default {
|
|||
};
|
||||
},
|
||||
created() {
|
||||
this.reset();
|
||||
this.reset2();
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
getTypeText(type) {
|
||||
switch (type) {
|
||||
case '1':
|
||||
return '开锁';
|
||||
case '2':
|
||||
return '临时锁车';
|
||||
case '3':
|
||||
return '解锁';
|
||||
case '4':
|
||||
return '关锁';
|
||||
default:
|
||||
return ''; // 或者根据实际情况返回其他默认值
|
||||
}
|
||||
},
|
||||
changePrice(row){
|
||||
console.log('changePrice')
|
||||
// console.log('changePrice')
|
||||
const orderId = row.orderId || this.ids
|
||||
this.reset2();
|
||||
getOrder(orderId).then(response => {
|
||||
this.form2 = response.data;
|
||||
console.log("this.form2============="+JSON.stringify(this.form2));
|
||||
// console.log("this.form2============="+JSON.stringify(this.form2));
|
||||
this.open2 = true;
|
||||
this.title2 = "改价";
|
||||
});
|
||||
},
|
||||
refund(row){
|
||||
console.log('changePrice')
|
||||
// console.log('changePrice')
|
||||
const orderId = row.orderId || this.ids
|
||||
this.reset2();
|
||||
getOrder(orderId).then(response => {
|
||||
this.form2 = response.data;
|
||||
console.log("this.form2============="+JSON.stringify(this.form2));
|
||||
// console.log("this.form2============="+JSON.stringify(this.form2));
|
||||
this.open2 = true;
|
||||
this.title2 = "退款";
|
||||
});
|
||||
},
|
||||
returnVehicle(row){
|
||||
console.log('returnVehicle--------------'+JSON.stringify(row))
|
||||
// console.log('returnVehicle--------------'+JSON.stringify(row))
|
||||
this.$modal.confirm('是否确认辅助还车MAC为:' + row.sn + '"的设备吗?').then(function() {
|
||||
return returnVehicle({orderNo:row.orderNo,returnType:"2"});
|
||||
}).then(() => {
|
||||
|
@ -395,7 +441,7 @@ export default {
|
|||
});
|
||||
},
|
||||
formatDistance(row){
|
||||
console.log("============"+JSON.stringify(row))
|
||||
// console.log("============"+JSON.stringify(row))
|
||||
// console.log("============"+row.distance)
|
||||
if(row == undefined || row.distance == null){
|
||||
return "";
|
||||
|
@ -437,8 +483,10 @@ export default {
|
|||
return '支付宝';
|
||||
case 'wx':
|
||||
return '微信';
|
||||
case 'sys':
|
||||
return '系统自动';
|
||||
default:
|
||||
return '未知';
|
||||
return '无';
|
||||
}
|
||||
},
|
||||
formatDuration(row) {
|
||||
|
@ -496,6 +544,22 @@ export default {
|
|||
vehicleNum: null,
|
||||
mac: null
|
||||
},
|
||||
etRefund: {
|
||||
appointmentFee: null,
|
||||
ridingFee: null,
|
||||
dispatchFee: null,
|
||||
manageFee: null,
|
||||
reason: null,
|
||||
createTime: null
|
||||
},
|
||||
appointmentFee: null,
|
||||
ridingFee: null,
|
||||
dispatchFee: null,
|
||||
manageFee: null,
|
||||
returnTime: null,
|
||||
user: {
|
||||
nickName: null
|
||||
},
|
||||
rule: {
|
||||
name: null
|
||||
}
|
||||
|
@ -505,6 +569,14 @@ export default {
|
|||
reset2() {
|
||||
this.form2 = {
|
||||
orderId: null,
|
||||
orderNo: null,
|
||||
payTime: null,
|
||||
appointmentFee: null,
|
||||
ridingFee: null,
|
||||
dispatchFee: null,
|
||||
manageFee: null,
|
||||
reason: null,
|
||||
createTime: null
|
||||
};
|
||||
this.resetForm("form2");
|
||||
},
|
||||
|
@ -535,7 +607,11 @@ export default {
|
|||
this.reset();
|
||||
const orderId = row.orderId || this.ids
|
||||
getOrder(orderId).then(response => {
|
||||
console.log("=====getOrder======="+JSON.stringify(response))
|
||||
this.form = response.data;
|
||||
if (response.data.etRefund) {
|
||||
this.form.etRefund = response.data.etRefund;
|
||||
}
|
||||
this.showPlaceSearchMap = true;
|
||||
this.open = true;
|
||||
this.title = "订单详情";
|
||||
|
@ -544,7 +620,7 @@ export default {
|
|||
},
|
||||
/** 提交改价 */
|
||||
submitChangePrice(){
|
||||
console.log("=====submitChangePrice======="+this.form2)
|
||||
// console.log("=====submitChangePrice======="+this.form2)
|
||||
changePrice(this.form2).then(response => {
|
||||
this.$modal.msgSuccess("改价成功");
|
||||
this.open2 = false;
|
||||
|
@ -553,7 +629,7 @@ export default {
|
|||
},
|
||||
/** 提交退款 */
|
||||
submitRefund(){
|
||||
console.log("=====submitRefund======="+this.form2)
|
||||
// console.log("=====submitRefund======="+this.form2)
|
||||
refund(this.form2).then(response => {
|
||||
this.$modal.msgSuccess("退款成功");
|
||||
this.open2 = false;
|
||||
|
@ -606,4 +682,7 @@ export default {
|
|||
.el-form-item--mini.el-form-item {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
.el-dialog:not(.is-fullscreen) {
|
||||
margin-top: 1vh !important;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -1,6 +1,16 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="运营区" prop="areaId" >
|
||||
<el-select v-model="queryParams.areaId" placeholder="请选择运营区">
|
||||
<el-option
|
||||
v-for="item in areaOptions"
|
||||
:key="item.areaId"
|
||||
:label="item.areaName"
|
||||
:value="item.areaId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间">
|
||||
<el-date-picker
|
||||
v-model="dateRange"
|
||||
|
@ -45,19 +55,11 @@
|
|||
<el-table-column label="调度费用" align="center" prop="dispatchFee" />
|
||||
</el-table>
|
||||
|
||||
<!-- <pagination-->
|
||||
<!-- v-show="total>0"-->
|
||||
<!-- :total="total"-->
|
||||
<!-- :page.sync="queryParams.pageNum"-->
|
||||
<!-- :limit.sync="queryParams.pageSize"-->
|
||||
<!-- @pagination="getList"-->
|
||||
<!-- />-->
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listReconciliation } from "@/api/system/reconciliation";
|
||||
import { listReconciliation,getAreaList } from "@/api/system/reconciliation";
|
||||
|
||||
export default {
|
||||
name: "Reconciliation",
|
||||
|
@ -79,6 +81,8 @@ export default {
|
|||
total: 0,
|
||||
// 退款订单表格数据
|
||||
refundList: [],
|
||||
// 区域列表
|
||||
areaOptions: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
|
@ -91,7 +95,8 @@ export default {
|
|||
orderNo: null,
|
||||
userId: null,
|
||||
amount: null,
|
||||
itemDesc: null
|
||||
itemDesc: null,
|
||||
areaId: null,
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
|
@ -107,7 +112,13 @@ export default {
|
|||
};
|
||||
},
|
||||
created() {
|
||||
getAreaList().then(response => {
|
||||
this.areaOptions = response.data;
|
||||
if (this.areaOptions.length >= 1) {
|
||||
this.queryParams.areaId = this.areaOptions[0].areaId;
|
||||
}
|
||||
this.getList();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
/** 查询退款订单列表 */
|
||||
|
|
|
@ -118,6 +118,8 @@
|
|||
<el-table-column label="手机号" align="center" key="phonenumber" prop="phonenumber" v-if="columns[3].visible" width="120" />
|
||||
<el-table-column label="移动端" align="center" key="appName" prop="appName" v-if="columns[3].visible" width="120" />
|
||||
<el-table-column label="余额" align="center" key="balance" prop="balance" v-if="columns[4].visible" width="120" />
|
||||
<el-table-column label="系统用户" align="center" key="userName" prop="sysUser.userName" v-if="columns[3].visible" width="120" />
|
||||
<el-table-column label="系统用户昵称" align="center" key="nickName" prop="sysUser.nickName" v-if="columns[3].visible" width="120" />
|
||||
<el-table-column label="最后登录时间" align="center" prop="createTime" v-if="columns[5].visible" width="160">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.loginDate) }}</span>
|
||||
|
|
Loading…
Reference in New Issue
Block a user