Skip to content

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

9.4 旅游/租车顶顶那

parent c022fa8e
Hide whitespace changes
Inline Side-by-side
Showing with 2292 additions and 2278 deletions
src/views/order/rentVehicleInfo/index.vue
View file @ b05c051d
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/order/tourOrderInfo/index.vue
View file @ b05c051d
...@@ -4,80 +4,102 @@ ...@@ -4,80 +4,102 @@
<el-form ref="queryForm" :model="listQuery" label-width="100px"> <el-form ref="queryForm" :model="listQuery" label-width="100px">
<el-row> <el-row>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="所属地区" prop="zoneId"> <el-form-item label="所属公司" prop="startCompanyId">
<el-select class="filter-item" v-model="listQuery.zoneId" placeholder="请选择" @change="getProvinceRegions"> <el-select
<el-option :key="undefined" label="无" :value="undefined"></el-option> class="filter-item"
<el-option v-for="val in getAllZoneList" :key="val.id" :label="val.name" :value="val.id"></el-option> v-model="listQuery.corporationId"
clearable
filterable
placeholder="请选择公司"
>
<el-option label="全部" :key="undefined" :value="undefined"></el-option>
<el-option
v-for="val in companys_list"
:key="val.id"
:label="val.name"
:value="val.id"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="所属公司" prop="startCompanyId"> <el-form-item label="出发门店" prop="startCompanyId">
<el-select class="filter-item" v-model="listQuery.startCompanyId" placeholder="请选择" <el-select
@change="getAllBranchCompanyChange"> class="filter-item"
v-model="listQuery.startCompanyId"
placeholder="请选择"
@change="getAllBranchCompanyChange"
>
<el-option :key="undefined" label="无" :value="undefined"></el-option> <el-option :key="undefined" label="无" :value="undefined"></el-option>
<el-option v-for="val in allBranchCompany" :key="val.id" :label="val.name" :value="val.id"></el-option> <el-option
v-for="val in allBranchCompany"
:key="val.id"
:label="val.name"
:value="val.id"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5">
<el-form-item label="手机号">
<el-input v-model="listQuery.phone" type="text" placeholder="请输入手机号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="订单号"> <el-form-item label="订单号">
<el-input v-model="listQuery.no" type="text" placeholder="请输入订单号"></el-input> <el-input v-model="listQuery.no" type="text" placeholder="请输入订单号"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="状态"> <el-form-item label="手机号">
<el-select class="filter-item" v-model="listQuery.status" placeholder="请选择状态"> <el-input v-model="listQuery.phone" type="text" placeholder="请输入手机号"></el-input>
<el-option :key="null" label="无" :value="null"></el-option>
<el-option :key="2" label="取消" :value="2"></el-option>
<el-option :key="3" label="待付款" :value="3"></el-option>
<el-option :key="4" label="待出行" :value="4"></el-option>
<el-option :key="5" label="出行中" :value="5"></el-option>
<el-option :key="6" label="已完成" :value="6"></el-option>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button> <el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
<el-button class="filter-item" type="primary" v-waves icon="delete" @click="clearSearch">清除搜索</el-button> <el-button class="filter-item" type="primary" v-waves icon="delete" @click="clearSearch">清除搜索</el-button>
</div> </div>
<el-table :key='tableKey' :data="list" v-loading.body="listLoading" <el-table
border fit highlight-current-row :key="tableKey"
style="width: 100%"> :data="list"
v-loading.body="listLoading"
border
fit
highlight-current-row
style="width: 100%"
>
<el-table-column align="center" label="ID" width="70"> <el-table-column align="center" label="ID" width="70">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.id}}</span> <span>{{scope.row.id}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="200" align="center" label="订单号/创建时间"> <el-table-column width="200" align="center" label="订单号">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.no}}</span><br/> <span>{{scope.row.no}}</span>
<br />
<span>{{scope.row.crtTime}}</span> <span>{{scope.row.crtTime}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" label="名称"> <el-table-column width="110" align="center" label="状态">
<template slot-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" width="200" label="旅游路线名称">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.name}}</span> <span>{{scope.row.name}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" label="用户ID/用户名"> <el-table-column align="center" width="200" label="姓名/手机号">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.username}}</span>/<span>{{scope.row.telephone}}</span> <span>{{scope.row.username}}</span>/
<span>{{scope.row.telephone}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="150" align="center" label="报名人数"> <el-table-column width="150" align="center" label="报名人数">
<template slot-scope="scope"> <template slot-scope="scope">
<span>成人{{scope.row.orderTourDetail.adultNum}} 儿童{{scope.row.orderTourDetail.childNum}}</span> <span>成人{{scope.row.orderTourDetail.adultNum}} 儿童{{scope.row.orderTourDetail.childNum}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="200" align="center" label="活动日期"> <el-table-column width="200" align="center" label="活动日期">
...@@ -87,576 +109,585 @@ ...@@ -87,576 +109,585 @@
<span>{{dateFormat(scope.row.orderTourDetail.endTime)}}</span> <span>{{dateFormat(scope.row.orderTourDetail.endTime)}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="150" align="center" label="出发公司"> <el-table-column width="150" align="center" label="出发门店">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.startCompanyName}}</span> <span>{{scope.row.startCompanyName}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="150" align="center" label="所属公司">
<el-table-column width="110" align="center" label="订单价格">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.orderAmount}}</span> <span>{{scope.row.corporationName}}</span>
</template>
</el-table-column>
<el-table-column width="150" align="center" label="所属门店">
<template slot-scope="scope">
<span>{{scope.row.companyName}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="110" align="center" label="状态"> <el-table-column width="110" align="center" label="订单金额">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.status == '2'">取消</span> <span>{{scope.row.orderAmount}}</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> </template>
</el-table-column> </el-table-column>
<el-table-column width="200" align="center" label="订单详情" fixed="right">
<el-table-column width="200" align="center" label="操作" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<span style="color: #13CE66;cursor: pointer;" @click="handleBuy(scope.row)">订单详情</span> <span style="color: #13CE66;cursor: pointer;" @click="handleBuy(scope.row)">订单详情</span>
<el-button <el-button
size="small" size="small"
v-if="scope.row.status == 3 || scope.row.status == 4" v-if="scope.row.status == 3 || scope.row.status == 4"
class="el-button el-button--text el-button--small" class="el-button el-button--text el-button--small"
@click="handleViolatePrice(scope.row)" @click="handleViolatePrice(scope.row)"
>取消订单</el-button> >取消订单</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div v-show="!listLoading" class="pagination-container"> <div v-show="!listLoading" class="pagination-container">
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" <el-pagination
:current-page.sync="listQuery.page" :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" @size-change="handleSizeChange"
layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination> @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
:page-sizes="[10,20,30, 50]"
:page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
></el-pagination>
</div> </div>
<!--订单详情--> <!--订单详情-->
<tourOrderDetailModal :tourRow="tourRow" :insureDetail="insureDetail" v-if="tourDialogVisible" <tourOrderDetailModal
:tourCostDetail="tourCostDetail" :tourRow="tourRow"
v-on:tourOrderDetailDialogEvent="tourOrderDetailDialogEvent"></tourOrderDetailModal> :insureDetail="insureDetail"
v-if="tourDialogVisible"
<el-dialog title="取消订单" :visible.sync="showDialog"> :tourCostDetail="tourCostDetail"
<el-form> v-on:tourOrderDetailDialogEvent="tourOrderDetailDialogEvent"
<el-form-item label="违约金金额:" > ></tourOrderDetailModal>
<el-input v-model="violateAmount" type="number" @blur="checkViolateAmount()" auto-complete="off"></el-input>
</el-form-item>
<el-form-item>
<span class="label-text">实际违约金是{{changeViolateAmount}}元</span>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click = "handleCancelDialog()">取 消</el-button>
<el-button type="primary" @click = "handleConfirm()">确 定</el-button>
</div>
</el-dialog>
</div>
<el-dialog title="取消订单" :visible.sync="showDialog">
<el-form>
<el-form-item label="违约金金额:">
<el-input
v-model="violateAmount"
type="number"
@blur="checkViolateAmount()"
auto-complete="off"
></el-input>
</el-form-item>
<el-form-item>
<span class="label-text">实际违约金是{{changeViolateAmount}}元</span>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="handleCancelDialog()">取 消</el-button>
<el-button type="primary" @click="handleConfirm()">确 定</el-button>
</div>
</el-dialog>
</div>
</template> </template>
<script> <script>
import Detail from "./detail";//违章查询 import Detail from "./detail"; //违章查询
import tourOrderDetailModal from "../modal/tourOrderDetailModal";//租车订单详情 import tourOrderDetailModal from "../modal/tourOrderDetailModal"; //租车订单详情
import { import {
page, page,
getOrderList, getOrderList,
getAllBranchCompany, getAllBranchCompany,
getAllBranchCompanyByZoneId, getAllBranchCompanyByZoneId,
calculate, calculate,
getViolatePrice getViolatePrice,
} from 'api/order/rentVehicle'; } from "api/order/rentVehicle";
import {mapGetters} from 'vuex'; import { mapGetters } from "vuex";
import rsCode from '../../../utils/rsCode'; import rsCode from "../../../utils/rsCode";
import { import { timestamp2Date } from "utils/dateUtils";
timestamp2Date import { getAllZone } from "api/base_info/constant/";
} from 'utils/dateUtils'; import { formatDate } from "../../../utils/dateFormattor";
import { import { company_all_list, branchCompany_all_list } from "api/company.js";
getAllZone import { getAllCompany } from "api/base_info/branch_company";
} from 'api/base_info/constant/'; export default {
import { name: "branchCompanyStock",
formatDate components: {
} from '../../../utils/dateFormattor'; Detail,
tourOrderDetailModal,
import {getAllCompany } from 'api/base_info/branch_company' },
export default { data() {
name: 'branchCompanyStock', return {
components: { companys_list: [], //公司列表
Detail, showDialog: false,
tourOrderDetailModal changeViolateAmount: null,
}, violateAmount: null,
data() { row: null,
return { topAmount: null,
showDialog:false, form: {
changeViolateAmount:null, couponAmount: undefined,
violateAmount: null, crtHost: undefined,
row:null, crtName: undefined,
topAmount: null, crtTime: undefined,
form: { crtUser: undefined,
couponAmount: undefined, detailId: undefined,
crtHost: undefined, endCompanyName: undefined,
crtName: undefined, goodsAmount: undefined,
hasDiscount: undefined,
hasMemberRight: undefined,
hasPay: undefined,
id: undefined,
name: undefined,
no: undefined,
orderAmount: undefined,
orderOrigin: undefined,
orderTourDetail: {
adultNum: undefined,
childNum: undefined,
contactEmail: undefined,
contactMan: undefined,
contactPhone: undefined,
costDetail: undefined,
crtTime: undefined, crtTime: undefined,
crtUser: undefined, dayNum: undefined,
detailId: undefined, endAddr: undefined,
endCompanyName: undefined, endTime: undefined,
goodsAmount: undefined, goodId: undefined,
hasDiscount: undefined, hasInsure: undefined,
hasMemberRight: undefined,
hasPay: undefined,
id: undefined, id: undefined,
name: undefined, isOutside: undefined,
no: undefined, orderId: undefined,
orderAmount: undefined, siteId: undefined,
orderOrigin: undefined, spePriceId: undefined,
orderTourDetail: { startAddr: undefined,
adultNum: undefined, startCity: undefined,
childNum: undefined, startCityName: undefined,
contactEmail: undefined, startCompanyId: undefined,
contactMan: undefined, startTime: undefined,
contactPhone: undefined, totalNumber: undefined,
costDetail: undefined, tourUserIds: undefined,
crtTime: undefined,
dayNum: undefined,
endAddr: undefined,
endTime: undefined,
goodId: undefined,
hasInsure: undefined,
id: undefined,
isOutside: undefined,
orderId: undefined,
siteId: undefined,
spePriceId: undefined,
startAddr: undefined,
startCity: undefined,
startCityName: undefined,
startCompanyId: undefined,
startTime: undefined,
totalNumber: undefined,
tourUserIds: undefined,
updTime: undefined,
verificationId: undefined
},
payOrigin: undefined,
picture: undefined,
realAmount: undefined,
refundStatus: undefined,
startCompanyName: undefined,
status: undefined,
ststusName: undefined,
telephone: undefined,
type: undefined,
updTime: undefined, updTime: undefined,
userId: undefined, verificationId: undefined,
username: undefined,
vehicleNumberPlat: undefined,
version: undefined,
},
detailVisible: false,
bannerDialogVisible: false,//添加、编辑弹框
modalTitle: '订单详情',
rules: {
// companyName: [
// {
// required: true,
// message: '请输入用户',
// trigger: 'blur'
// }
// ],
}, },
applyState: { payOrigin: undefined,
'-1': { picture: undefined,
key: -1, realAmount: undefined,
label: '放弃购买' refundStatus: undefined,
}, startCompanyName: undefined,
0: { status: undefined,
key: 0, ststusName: undefined,
label: '申请中' telephone: undefined,
}, type: undefined,
1: { updTime: undefined,
key: 1, userId: undefined,
label: '确认购买' username: undefined,
} vehicleNumberPlat: undefined,
version: undefined,
},
detailVisible: false,
bannerDialogVisible: false, //添加、编辑弹框
modalTitle: "订单详情",
rules: {
// companyName: [
// {
// required: true,
// message: '请输入用户',
// trigger: 'blur'
// }
// ],
},
applyState: {
"-1": {
key: -1,
label: "放弃购买",
}, },
list: null, 0: {
total: null, key: 0,
listLoading: true, label: "申请中",
listQuery: {
page: 1,
limit: 20,
type: 2,
no: undefined,
phone: undefined,
status: null,
startTime: undefined,
endTime: undefined,
zoneId: undefined,
startCompanyId: undefined
}, },
tourRow: {},//旅游订单详情-当前行 1: {
//"{"key":"费用明细","val":"","children":[{"key":"成人价格","detail":"￥13800.00/人×1人","val":"￥13800.00"}]}" key: 1,
costDetail: { label: "确认购买",
key: undefined,
val: undefined,
children: [
{
key: undefined,
detail: undefined,
val: undefined
}
]
}, },
},
list: null,
total: null,
listLoading: true,
listQuery: {
page: 1,
limit: 20,
type: 2,
corporationId: undefined,
no: undefined,
status: null,
startTime: undefined,
endTime: undefined,
zoneId: undefined,
startCompanyId: undefined,
},
tourRow: {}, //旅游订单详情-当前行
//"{"key":"费用明细","val":"","children":[{"key":"成人价格","detail":"￥13800.00/人×1人","val":"￥13800.00"}]}"
costDetail: {
key: undefined,
val: undefined,
children: [
{
key: undefined,
detail: undefined,
val: undefined,
},
],
},
baranchQuery: { baranchQuery: {
zoneId: null zoneId: null,
}, },
dialogFormVisible: false, dialogFormVisible: false,
dialogStatus: '', dialogStatus: "",
btn_del: true, btn_del: true,
btn_buy: true, btn_buy: true,
btn_cancel: true, btn_cancel: true,
allBranchCompany: [], allBranchCompany: [],
tourCostDetail: '', tourCostDetail: "",
insureDetail: '',//保险 insureDetail: "", //保险
tableKey: 0, tableKey: 0,
tourDialogVisible: false,//旅游详情 tourDialogVisible: false, //旅游详情
};
},
created() {
let t = this;
let query = localStorage.getItem("tourOrderInfo");
this.listQuery.no = this.$route.query.id || null;
if (query != "null" && query) {
let queryJson = JSON.parse(query);
if (queryJson.page) {
t.listQuery.page = queryJson.page;
}
if (queryJson.limit) {
t.listQuery.limit = queryJson.limit;
}
if (queryJson.no) {
t.listQuery.no = queryJson.no;
}
if (queryJson.type) {
t.listQuery.type = queryJson.type;
} }
if (queryJson.startTime) {
t.listQuery.startTime = queryJson.startTime;
}
if (queryJson.endTime) {
t.listQuery.endTime = queryJson.endTime;
}
if (queryJson.status) {
t.listQuery.status = queryJson.status;
}
if (queryJson.phone) {
t.listQuery.phone = queryJson.phone;
}
}
this.get_all_companys(); //公司列表
this.getList();
getAllCompany((codeAndBranchCompany) => {
this.allBranchCompany = codeAndBranchCompany;
});
this.btn_del = this.elements["branchCompany/stockApply:btn_delete"];
},
computed: {
...mapGetters(["elements"]),
provinceRegions() {
return getSonRegionByCodes(1);
}, },
created() { //获取大区列表
let t = this; getAllZoneList() {
let query = localStorage.getItem("tourOrderInfo"); return getAllZone();
this.listQuery.no = this.$route.query.id || null },
if(query !="null" && query){ cityRegions() {
let queryJson = JSON.parse(query); if (!this.$utils.isInteger(this.form.addrProvince)) {
if(queryJson.page){ return null;
t.listQuery.page = queryJson.page;
}
if(queryJson.limit){
t.listQuery.limit = queryJson.limit;
}
if(queryJson.no){
t.listQuery.no = queryJson.no;
}
if(queryJson.type){
t.listQuery.type = queryJson.type;
}
if(queryJson.startTime){
t.listQuery.startTime = queryJson.startTime;
}
if(queryJson.endTime){
t.listQuery.endTime = queryJson.endTime;
}
if(queryJson.status){
t.listQuery.status = queryJson.status;
}
if(queryJson.phone){
t.listQuery.phone = queryJson.phone;
}
} }
this.getList(); return getSonRegionByCodes(this.form.addrProvince);
getAllCompany(codeAndBranchCompany => {
this.allBranchCompany = codeAndBranchCompany;
});
this.btn_del = this.elements['branchCompany/stockApply:btn_delete'];
}, },
computed: { },
...mapGetters([ methods: {
'elements' //所有公司
]), get_all_companys() {
provinceRegions() { company_all_list().then((res) => {
return getSonRegionByCodes(1); if (res.status == 200) {
}, this.companys_list = res.data;
//获取大区列表
getAllZoneList() {
return getAllZone();
},
cityRegions() {
if (!this.$utils.isInteger(this.form.addrProvince)) {
return null;
} }
return getSonRegionByCodes(this.form.addrProvince); });
},
/**
* 操作-查看详情按钮，显示详情弹框
*/
detailInquiry(row) {
this.currentRow = row;
this.detailVisible = true;
},
/**
* 关闭违章查询弹框
* */
detailEvent(params) {
this.detailVisible = false;
if (params) {
console.log(params);
} }
}, },
methods: { /**
/** * 旅游订单详情弹框关闭
* 操作-查看详情按钮，显示详情弹框 * */
*/ tourOrderDetailDialogEvent(e) {
detailInquiry(row) { this.tourDialogVisible = false;
this.currentRow = row; },
this.detailVisible = true; /**
}, * 旅游订单详情
/** * @param row
* 关闭违章查询弹框 */
* */ handleBuy(row) {
detailEvent(params) { this.tourRow = row;
this.detailVisible = false; this.tourDialogVisible = true;
if (params) { },
console.log(params); /**
} * 取消订单
}, */
/** //取消订单
* 旅游订单详情弹框关闭 cancel(row, changeViolateAmount) {
* */ let that = this;
tourOrderDetailDialogEvent(e) { if (changeViolateAmount == null || changeViolateAmount == 0) {
this.tourDialogVisible = false; this.$confirm("此操作将取消该订单, 是否继续?", "提示", {
}, confirmButtonText: "确定",
/** cancelButtonText: "取消",
* 旅游订单详情 type: "warning",
* @param row }).then(() => {
*/ let params = {
handleBuy(row) { cancelReason: "后台取消",
this.tourRow = row; appUserId: row.userId,
this.tourDialogVisible = true; changeViolateAmount: null,
}, };
/** calculate(row.no, params).then((data) => {
* 取消订单 if (data.status == 200) {
*/ this.$notify({
//取消订单 title: "成功",
cancel(row, changeViolateAmount) { message: "取消订单成功",
let that = this; type: "success",
if (changeViolateAmount == null || changeViolateAmount == 0) { duration: 2000,
this.$confirm('此操作将取消该订单, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
let params = {
cancelReason: '后台取消',
appUserId: row.userId,
changeViolateAmount: null
}
calculate(row.no, params).then(data => {
if (data.status == 200) {
this.$notify({
title: '成功',
message: '取消订单成功',
type: 'success',
duration: 2000
})
this.getList()
} else {
this.$notify({
title: '失败',
message: '取消订单失败',
type: 'fail',
duration: 2000
})
}
})
})
} else {
// this.$prompt('请输入违约金', '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// inputPattern: /^[0-9]*$/,
// inputErrorMessage: '只能输入数字'
// }).then(({ value }) => {
// this.$message({
// type: 'success',
// message: '你的邮箱是: ' + value
// });
// }).catch(() => {
// this.$message({
// type: 'info',
// message: '取消输入'
// });
// });
that.showDialog = true
that.changeViolateAmount = changeViolateAmount
that.violateAmount = changeViolateAmount
that.row = row
}
},
checkViolateAmount() {
console.log(this.topAmount)
console.log(this.violateAmount)
if(this.topAmount < this.violateAmount) {
this.$notify({
title: '失败',
message: '违约金额不能大于最高限制金额' + this.topAmount,
type: 'fail',
duration: 2000
})
}
},
handleConfirm() {
let params = {
cancelReason: '后台取消',
appUserId: this.row.userId,
changeViolateAmount: this.violateAmount
}
calculate(this.row.no, params).then(data => {
if (data.status == 200) {
this.$notify({
title: '成功',
message: '取消订单成功',
type: 'success',
duration: 2000
})
this.showDialog = false
this.getList()
} else {
this.$notify({
title: '失败',
message: '取消订单失败',
type: 'fail',
duration: 2000
})
}
})
},
handleCancelDialog() {
this.showDialog = false
},
handleViolatePrice(row) {
let that = this;
let params = {
cancelReason: '后台取消',
appUserId: row.userId
}
getViolatePrice(row.no).then(data => {
if (data.status == 200) {
that.topAmount = data.data.topAmount;
that.cancel(row, data.data.cutAmount);
} else {
this.$notify({
title: '失败',
message: '获取违约金失败',
type: 'success',
duration: 2000
})
}
})
},
getProvinceRegions(item) {
this.listQuery.zoneId = item
this.baranchQuery.zoneId = item
// this.listQuery.startCompanyId = undefined;
// getAllBranchCompanyByZoneId(this.baranchQuery)
// .then(response => {
// this.allBranchCompany = response.data;
// })
},
getAllBranchCompanyChange(item) {
this.listQuery.startCompanyId = item
},
handleCancel(row) {
this.$confirm('此操作将放弃购买, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
cancelApply(row.id)
.then(() => {
this.$notify({
title: '成功',
message: '操作成功',
type: 'success',
duration: 2000
});
this.getList();
}); });
}); this.getList();
}, } else {
handleDelete(row) { this.$notify({
this.$confirm('此操作将永久删除, 是否继续?', '提示', { title: "失败",
confirmButtonText: '确定', message: "取消订单失败",
cancelButtonText: '取消', type: "fail",
type: 'warning' duration: 2000,
})
.then(() => {
delObj(row.id)
.then(() => {
this.$notify({
title: '成功',
message: '删除成功',
type: 'success',
duration: 2000
});
const index = this.list.indexOf(row);
this.list.splice(index, 1);
}); });
}
}); });
},
handleFilter() {
this.listQuery.page = 1;
this.$refs.queryForm.validate(valid => {
if (valid) {
this.getList();
} else {
return false;
}
}); });
}, } else {
clearSearch() { // this.$prompt('请输入违约金', '提示', {
this.listQuery = { // confirmButtonText: '确定',
page: 1, // cancelButtonText: '取消',
limit: 20, // inputPattern: /^[0-9]*$/,
type: 2, // inputErrorMessage: '只能输入数字'
no: null, // }).then(({ value }) => {
phone: null, // this.$message({
status: null, // type: 'success',
startTime: undefined, // message: '你的邮箱是: ' + value
endTime: undefined, // });
zoneId: undefined, // }).catch(() => {
startCompanyId: undefined // this.$message({
// type: 'info',
// message: '取消输入'
// });
// });
that.showDialog = true;
that.changeViolateAmount = changeViolateAmount;
that.violateAmount = changeViolateAmount;
that.row = row;
}
},
checkViolateAmount() {
console.log(this.topAmount);
console.log(this.violateAmount);
if (this.topAmount < this.violateAmount) {
this.$notify({
title: "失败",
message: "违约金额不能大于最高限制金额" + this.topAmount,
type: "fail",
duration: 2000,
});
}
},
handleConfirm() {
let params = {
cancelReason: "后台取消",
appUserId: this.row.userId,
changeViolateAmount: this.violateAmount,
};
calculate(this.row.no, params).then((data) => {
if (data.status == 200) {
this.$notify({
title: "成功",
message: "取消订单成功",
type: "success",
duration: 2000,
});
this.showDialog = false;
this.getList();
} else {
this.$notify({
title: "失败",
message: "取消订单失败",
type: "fail",
duration: 2000,
});
} }
this.getList() });
}, },
getList() { handleCancelDialog() {
this.listLoading = true; this.showDialog = false;
console.log(this.listQuery) },
// if(this.listQuery.startTime){ handleViolatePrice(row) {
// this.listQuery.startTime = this.listQuery.startTime.getTime(); let that = this;
// } let params = {
// if(this.listQuery.endTime){ cancelReason: "后台取消",
// this.listQuery.endTime = this.listQuery.endTime.getTime(); appUserId: row.userId,
// } };
if(this.listQuery){ getViolatePrice(row.no).then((data) => {
localStorage.setItem("tourOrderInfo", JSON.stringify(this.listQuery)); if (data.status == 200) {
that.topAmount = data.data.topAmount;
that.cancel(row, data.data.cutAmount);
} else {
this.$notify({
title: "失败",
message: "获取违约金失败",
type: "success",
duration: 2000,
});
} }
getOrderList(this.listQuery) });
.then(response => { },
this.list = response.data.data;
this.total = response.data.totalCount; getProvinceRegions(item) {
this.listLoading = false; this.listQuery.zoneId = item;
}) this.baranchQuery.zoneId = item;
}, // this.listQuery.startCompanyId = undefined;
handleSizeChange(val) { // getAllBranchCompanyByZoneId(this.baranchQuery)
this.listQuery.limit = val; // .then(response => {
this.getList(); // this.allBranchCompany = response.data;
}, // })
dateFormat(timestamp) { },
let date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 getAllBranchCompanyChange(item) {
return formatDate(date, 'yyyy-MM-dd'); this.listQuery.startCompanyId = item;
}, },
handleCurrentChange(val) { handleCancel(row) {
this.listQuery.page = val; this.$confirm("此操作将放弃购买, 是否继续?", "提示", {
this.getList(); confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {
cancelApply(row.id).then(() => {
this.$notify({
title: "成功",
message: "操作成功",
type: "success",
duration: 2000,
});
this.getList();
});
});
},
handleDelete(row) {
this.$confirm("此操作将永久删除, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {
delObj(row.id).then(() => {
this.$notify({
title: "成功",
message: "删除成功",
type: "success",
duration: 2000,
});
const index = this.list.indexOf(row);
this.list.splice(index, 1);
});
});
},
handleFilter() {
this.listQuery.page = 1;
this.$refs.queryForm.validate((valid) => {
if (valid) {
this.getList();
} else {
return false;
}
});
},
clearSearch() {
this.listQuery = {
page: 1,
limit: 20,
type: 2,
no: null,
corporationId: undefined,
status: null,
startTime: undefined,
endTime: undefined,
zoneId: undefined,
startCompanyId: undefined,
};
this.getList();
},
getList() {
this.listLoading = true;
console.log(this.listQuery);
// if(this.listQuery.startTime){
// this.listQuery.startTime = this.listQuery.startTime.getTime();
// }
// if(this.listQuery.endTime){
// this.listQuery.endTime = this.listQuery.endTime.getTime();
// }
if (this.listQuery) {
localStorage.setItem("tourOrderInfo", JSON.stringify(this.listQuery));
} }
} getOrderList(this.listQuery).then((response) => {
} this.list = response.data.data;
this.total = response.data.totalCount;
this.listLoading = false;
});
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.getList();
},
dateFormat(timestamp) {
let date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
return formatDate(date, "yyyy-MM-dd");
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getList();
},
},
};
</script> </script>
<style> <style>
.label-text { .label-text {
margin-left: 10px; margin-left: 10px;
margin-right: 20px; margin-right: 20px;
} }
.label-title { .label-title {
margin-top: 10px; margin-top: 10px;
} }
.orderDetail tr td { .orderDetail tr td {
width: 500px; width: 500px;
text-align: center; text-align: center;
border: 0.0625rem solid; border: 0.0625rem solid;
margin-left: 100px; margin-left: 100px;
margin-right: 100px; margin-right: 100px;
} }
.label-value { .label-value {
margin-left: 80px; margin-left: 80px;
margin-right: 100px; margin-right: 100px;
} }
</style> </style>
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