Skip to content

A
Athena
Commit d6539d19 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

订单

parent 9fbecbac
Show whitespace changes
Inline Side-by-side
Showing with 1109 additions and 1 deletion
src/components/FreeTravel/OrderConfirmation.vue
View file @ d6539d19
......@@ -386,6 +386,7 @@ export default {
msg.total_fee=data.TotalPrice;
msg.body=data.Describe;
msg.orderId=data.orderId;
msg.costType=data.costType;
msg.attach=`${data.costType}|${userInfo.name}|${data.orderId}|${userInfo.customerId}|${data.RB_Branch_id}`;
sessionStorage.setItem("FreePay",JSON.stringify(msg));
this.$router.push({name:'FreePayBefore'})
......
src/components/FreeTravel/payInfo.vue 0 → 100644
View file @ d6539d19
<template>
<div id="app" class="commonF FreeInfo" style="padding-bottom:20px">
<div class="w1200">
<el-row>
<el-col class="Left" :span="6">
<div style="border:1px solid #E0E0E0;margin-top:20px;">
<div class="imgDiv"><img style="width:100%;height:100%" :src="ImgSrc" :onerror="defaultImg" alt=""></div>
<p class="cee f20" style="padding:16px">
{{oldModel.ProductName}}
</p>
<p class="f14" style="padding:6px 16px"><span class="c99">日期</span><span class="c66" style="margin-left:20px">{{oldModel.StartDate | YMD}}</span></p>
<el-row class="f14" style="padding:6px 16px">
<el-col :span="4">
<span class="c99">人数</span>
</el-col>
<el-col class="c66" :span="20">
<p v-if="jo.price1_qty>0" style="margin-bottom:6px">成人 x {{jo.price1_qty}}</p>
<p v-if="jo.price2_qty>0" style="margin-bottom:6px">儿童 x {{jo.price2_qty}}</p>
<p v-if="jo.price3_qty>0" style="margin-bottom:6px">婴儿 x {{jo.price3_qty}}</p>
<p v-if="jo.price4_qty>0" style="margin-bottom:6px">老人 x {{jo.price4_qty}}</p>
</el-col>
</el-row>
</div>
<div class="commomStyle">
<div class="titleDiv">
<!-- <span class="redSpan"></span> -->
<el-row>
<el-col :span="12"><span class="f18 pfR">订单总额</span></el-col>
<el-col :span="12"><span class="f18 cee">￥{{oldModel.TotalPrice}}</span></el-col>
</el-row>
</div>
<ul class="fysm f14" style="padding:20px">
<div v-if="oldModel.OldContent">
<el-row v-if="jo.price1_qty>0" style="margin-bottom:7px">
<el-col :span="6">成人 x {{jo.price1_qty}}</el-col>
<el-col :span="12"><div class="dashDiv"></div></el-col>
<el-col style="text-align:center" :span="6">{{oldModel.OldContent.price1_b2c}}</el-col>
</el-row>
<el-row v-if="jo.price2_qty>0" style="margin-bottom:7px">
<el-col :span="6">儿童 x {{jo.price2_qty}}</el-col>
<el-col :span="12"><div class="dashDiv"></div></el-col>
<el-col style="text-align:center" :span="6">{{oldModel.OldContent.price2_b2c}}</el-col>
</el-row>
<el-row v-if="jo.price3_qty>0" style="margin-bottom:7px">
<el-col :span="6">婴儿 x {{jo.price3_qty}}</el-col>
<el-col :span="12"><div class="dashDiv"></div></el-col>
<el-col style="text-align:center" :span="6">{{oldModel.OldContent.price2_b2c}}</el-col>
</el-row>
<el-row v-if="jo.price4_qty>0" style="margin-bottom:7px">
<el-col :span="6">老人 x {{jo.price4_qty}}</el-col>
<el-col :span="12"><div class="dashDiv"></div></el-col>
<el-col style="text-align:center" :span="6">{{oldModel.OldContent.price2_b2c}}</el-col>
</el-row>
</div>
</ul>
</div>
</el-col>
<el-col :span="1">
&nbsp;
</el-col>
<el-col class="Right" :span="17">
<div class="commomStyle">
<div class="titleDiv">
<span class="redSpan"></span>
<span v-if="oldModel.OrderStatus!=2" class="f18 pfR">订单编号：{{oldModel.OrderID}}</span>
<span class="f18 cee pfR" v-if="oldModel.OrderStatus==2">订单已取消</span>
</div>
<ul class="fysm f14" style="padding:20px;position:relative">
<li>
<img src="../../assets/img/free/cp.png" alt="">
<span class="c88 marginSpan">产品编号</span>
<span>{{jo.prod_no}}</span>
</li>
<li>
<img src="../../assets/img/free/gsmc.png" alt="">
<span class="c88 marginSpan">产品名称</span>
<span>{{jo.prod_name}}</span>
</li>
<li>
<img src="../../assets/img/free/gmr.png" alt="">
<span class="c88" style="margin:0 29px 0 6px;">购买人</span>
<span>{{jo.buyer_last_name}}{{jo.buyer_first_name}}</span>
</li>
<li>
<img src="../../assets/img/free/yx.png" alt="">
<span class="c88 marginSpan">电子邮箱</span>
<span>{{jo.buyer_Email}}</span>
</li>
<li>
<img src="../../assets/img/free/dh.png" alt="">
<span class="c88 marginSpan">联系电话</span>
<span>{{jo.buyer_tel_number}}</span>
</li>
<li>
<img src="../../assets/img/free/dgrq.png" alt="">
<span class="c88 marginSpan">订购日期</span>
<span>{{jo.order_date | YMD}}</span>
</li>
<div class="btnDiv">
<span @click="Exit" v-if="IsCanOrder==0" style="border:1px solid #EE4454;color:#EE4454">取消订单</span>
<span @click="Pay" v-if="oldModel.Income!=oldModel.TotalPrice" style="background:#EE4454;color:#fff">立即付款</span>
</div>
</ul>
</div>
<div class="commomStyle">
<div class="titleDiv">
<span class="redSpan"></span>
<span class="f18 pfR">行程介绍</span>
</div>
<div style="padding:20px">
<div class="f12">
<div style="margin-bottom:20px">
{{dataDetail.prod_desc}}
</div>
<p class="f14 pfR" style="color:#000000;margin-bottom:15px" v-if="dataDetail.tour_list.length>0">行程列表</p>
<div v-for="(item,index) in dataDetail.tour_list" :key="index+100">
<p>第{{item.tour_day}}天</p>
<p style="padding:8px 0">说明{{item.tour_desc}}</p>
<div>
<img v-if="item.photo_url&&item.photo_url!=''" style="width:100;height: auto;display:block" :src="ConcatImg(item.photo_url)" alt="">
</div>
</div>
<div v-if="dataDetail.meal_list">
<p class="f14 pfR" style="color:#000000;margin-bottom:15px" v-if="dataDetail.meal_list.length>0">餐食列表</p>
<div v-for="(item,index) in dataDetail.meal_list" :key="index+100">
<p>行程第{{item.tour_day}}天提供餐食</p>
<p style="padding:8px 0">
<span>早餐：{{item.is_breakfast}}</span>
<span>午餐：{{item.is_lunch}}</span>
<span>晚餐：{{item.is_dinner}}</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="commomStyle">
<div class="titleDiv">
<span class="redSpan"></span>
<span class="f18 pfR">注意事项</span>
</div>
<div class="f12" style="padding:20px">
<p v-for="(item,index) in dataDetail.remind_list" :key="index+50"><span class="f26 pfR">.</span>{{item.remind_desc}}</p>
</div>
</div>
<div v-if="dataDetail.prod_tips!=''" class="commomStyle">
<div class="titleDiv">
<span class="redSpan"></span>
<span class="f18 pfR">温馨提示</span>
</div>
<div class="f12" style="padding:20px">
<div>{{dataDetail.prod_tips}}</div>
</div>
</div>
</el-col>
</el-row>
</div>
<el-dialog title="取消订单" width="400px" :visible.sync="dialogFormVisible">
<el-form :model="exitMsg" label-width="80px">
<el-form-item label="取消类型">
<el-select size="small" v-model="exitMsg.cancel_type" placeholder="请选择取消类型">
<el-option label="行程变更或取消" value="MC001"></el-option>
<el-option label="重复订单" value="MC002"></el-option>
<el-option label="价格原因" value="MC003"></el-option>
<el-option label="个人因素" value="MC004"></el-option>
<el-option label="交通因素" value="MC005"></el-option>
<el-option label="交通因素" value="MC006"></el-option>
<el-option label="其他" value="MC999"></el-option>
</el-select>
</el-form-item>
<el-form-item label="取消原因" >
<el-input v-model="exitMsg.cancel_desc" autocomplete="off" type="textarea" :rows="2"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button size="small" @click="dialogFormVisible = false">取 消</el-button>
<el-button size="small" type="danger" @click="ExitOrder">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data () {
return {
defaultImg: 'this.src="' + require('assets/img/juan/error.png') + '"',
dialogFormVisible:false,
exitMsg:{
order_no:'',
cancel_type:"",
cancel_desc:"",
CancelBy:'',
},
msg:{
order_no:'',
},
payInfoObj:{},
oldModel:{},
jo:{},
DomainUrl:"",
dataDetail:{
tour_list:[],
},
IsCanOrder:-1,
payInfoGo:{},
ImgSrc:'',
}
},
created(){
if(this.$route.query.ThirdOrderNo){
this.msg.order_no=this.$route.query.ThirdOrderNo;
}
this.getPayInfo();
},
mounted() {
},
methods: {
Pay(){
let userInfo = this.getLocalStorage();
let user = userInfo.customerId;
let msg={};
let data=this.oldModel;
let payInfoGo=this.payInfoGo;
msg.CancelTime=payInfoGo.CancelTime;
msg.OrderSource=15;
msg.total_fee=data.TotalPrice;
msg.body=payInfoGo.Describe;
msg.orderId=data.OrderID;
msg.costType=payInfoGo.costType;
msg.attach=`${payInfoGo.costType}|${userInfo.name}|${data.OrderID}|${userInfo.customerId}|${data.RB_Branch_Id}`;
sessionStorage.setItem("FreePay",JSON.stringify(msg));
this.$router.push({name:'FreePayBefore'})
this.$router.push({
name: "FreePay",
query: {
id:-1,
}
});
},
Exit(){
let userInfo = this.getLocalStorage();
// console.log(item);
this.dialogFormVisible=true;
this.exitMsg.order_no=this.oldModel.ThirdOrderNo;
this.exitMsg.CancelBy=userInfo.name;
},
ExitOrder(){
if(this.exitMsg.cancel_type==""){
this.Error("请选择取消类型！");
return;
}
this.dialogFormVisible=false;
this.apipost(
"dmc_post_Get_KKDayOrderCancel",
this.exitMsg,
res => {
// console.log("res",res);
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.$emit('queryDays')
this. exitMsg={
order_no:'',
cancel_type:"",
cancel_desc:"",
CancelBy:'',
};
} else {
this.$message.error(res.data.message);
}
},
null
);
},
getPayInfo(){
this.apipost(
"dmc_post_Get_KKDayOrderQueryOrderDtl",
this.msg,
res => {
console.log("sfafg",res);
if (res.data.resultCode == 1) {
this.oldModel=res.data.data.oldModel;
this.jo=res.data.data.jo;
this.IsCanOrder=res.data.data.IsCanOrder;
this.payInfoGo=res.data.data;
if(this.oldModel.OldContent){
this.oldModel.OldContent=JSON.parse(this.oldModel.OldContent)
this.ImgSrc=this.oldModel.OldContent.DomainUrl+this.oldModel.OldContent.ProductPic;
}
this.getDetails(this.oldModel.ProductNo);
} else {
this.$message.error(res.data.message);
}
},
null
);
},
getDetails(id){
this.apiJavaPost(
"/api/kkday/QueryProduct",
{
"prod_no": id ? id : "28474",
"locale":"zh-cn"
},
res => {
if (res.data.data.result === "00") {
this.DomainUrl=res.data.data.KkdayDomain;
let data = res.data.data.prod
this.dataDetail = data;
console.log("data",data)
} else {
this.Error(res.data.data.result_msg)
}
},
null
);
},
}
}
</script>
<style>
@import '../../assets/css/common.css';
.FreeInfo .Right .btnDiv span{
display: block;
width:272px;
height:45px;
line-height:45px;
border:1px solid rgba(238, 68, 84, 1);
border-radius:4px;
margin-bottom:20px;
text-align: center;
cursor: pointer;
}
.FreeInfo .Right .btnDiv{
position: absolute;
top: 30px;
right: 20px;
}
.FreeInfo .Right .fysm li{
display: flex;
align-items: center;
margin-bottom:15px;
}
.FreeInfo .Right .marginSpan{
margin:0 15px 0 6px;
}
.FreeInfo .Left .imgDiv{
width:100%;
height:194px;
border-radius:3px;
}
.FreeInfo .commomStyle{
border:1px solid rgba(224, 224, 224, 1);
width:100%;
box-sizing: border-box;
margin-top: 20px;
}
.FreeInfo .commomStyle .titleDiv .redSpan{
width:4px;
height:20px;
background:rgba(238,68,84,1);
display: inline-block;
position: absolute;
left: 0;
top: 15px;
}
.FreeInfo .commomStyle .titleDiv{
width:100%;
height:50px;
line-height:50px;
border-bottom:1px solid rgba(224, 224, 224, 1);
background: #EDF4FF;
position: relative;
padding-left: 20px;
box-sizing: border-box;
}
.FreeInfo .Left .dashDiv{
border-bottom: 1px dashed #999999;
margin-top:10px;
}
</style>
src/components/newPersonalCenter/block/OrderCenter.vue
View file @ d6539d19
......@@ -7,8 +7,10 @@
<div>
<!-- 团订单 -->
<TcOrder v-if="data === '8-1'"/>
<!-- 新自由行订单 -->
<FreeOrder v-if="data === '8-2'"/>
<!-- 自由行订单 -->
<TzOrder v-if="data === '8-2'"/>
<!-- <TzOrder v-if="data === '8-2'"/> -->
<!-- 当地游订单 -->
<TDDOrder v-if="data === '8-3'"/>
<!-- 定制游订单 -->
......@@ -31,6 +33,7 @@
import TcOrder from './model/TcOrder'
import TdOrder from './model/TdOrder'
import TQOrder from './model/TQOrder'
import FreeOrder from './model/FreeOrder'
import TzOrder from './model/TzOrder'
import TkOrder from './model/TkOrder'
import TscenOrder from './model/TscenOrder'
......@@ -47,6 +50,7 @@ export default {
TdOrder: TdOrder,
TkOrder: TkOrder,
TzOrder: TzOrder,
FreeOrder: FreeOrder,
TscenOrder:TscenOrder,
TQOrder:TQOrder,
TDDOrder:TDDOrder,
......
src/components/newPersonalCenter/block/model/FreeOrder.vue 0 → 100644
View file @ d6539d19
<style>
@import "../../../../assets/css/newPersonalCenter/block/OrderCenter.css";
.FreeOrder .PlaceLi{
float: right;
padding:0;
}
.FreeOrder .PlaceLi .el-input__inner{
border-radius: 0;
}
.FreeOrder .PlaceLi .el-button{
background: #dddddd;
border-radius: 0;
outline: none;
}
</style>
<template>
<el-row class="OrderCenter FreeOrder">
<!-- 条件 -->
<ul class="clearfix">
<template v-for="item in TitList">
<li
class="__cp"
@click="handleClick(item)" :key="item.ID"
:class="{_active: activeName === item.ID}"
>{{item.Type}}</li>
</template>
<li class="PlaceLi">
<el-input style="display:inline-block;width:150px" v-model="getOrderMsg.ProductName" size="mini" placeholder="商品名称"></el-input>
<el-button @click="SearchInput" size="mini" icon="el-icon-search"></el-button>
</li>
</ul>
<!-- 表格 -->
<FreeTable v-loading="orderLoading" :tableData ="tableData" v-on:queryDays="queryDays"/>
<div class="empty-data" v-if="tableData.length<1">
<i class="iconfont icon-kong"></i>
很抱歉，你想要的信息我们真的找不到了
</div>
<!-- 分页 -->
<el-row class="_pagination" v-if="tableData.length>0">
<el-pagination
:current-page.sync="currentPage"
:page-size="getOrderMsg.pageSize"
layout="total, prev, pager, next"
:total="Count"
@current-change="handleCurrentChange"
></el-pagination>
</el-row>
</el-row>
</template>
<script>
import FreeTable from "./OrderInfoModel/FreeTable";
export default {
components: {
FreeTable: FreeTable
},
data() {
return {
activeName: -1,
currentPage: 1,
orderLoading: false,
totalCount: 1,
Count: 1,
WaitDealOrderPageList: "",
getOrderMsg: {
pageIndex: 1,
pageSize: 5,
queryDays: 0,
ProductType:"",
B2BSelectOrderState:0,
RB_Branch_Id:-1,
RB_Department_Id:0,
CreateBy:0,
ProductName:"",
StartTime:"",
EndTime:"",
CStartTime:"",
CEndTime:"",
CustomerId: "",
},
TitList: [
{
Type: "全部",
ID: 0
},
{
Type: "待支付",
ID: 1
},
{
Type: "交易完成",
ID: 2
},
{
Type: "取消",
ID: 3
}
],
tableData: []
};
},
computed: {},
created() {},
mounted() {
let userInfo = localStorage.userInfo
? JSON.parse(localStorage.userInfo)
: "";
this.getOrderMsg.CustomerId = userInfo.customerId;
this.gerOrderList();
// this.b2b_get_GetWaitDealOrderPageList();
},
methods: {
SearchInput(){
this.gerOrderList();
},
queryDays(){
this.gerOrderList();
},
b2b_get_GetWaitDealOrderPageList() {
//获取待处理订单
let msg = {
pageIndex: 1,
pageSize: 100
};
this.apipost(
"b2b_get_GetWaitDealOrderPageList",
this.getOrderMsg,
res => {
if (r.data.resultCode == 1) {
console.log(res);
} else {
this.$message.error(r.data.message);
}
},
null
);
},
gerOrderList: function() {
this.orderLoading = true;
this.apipost(
"sellorder_post_GetB2BKKDayOrderList",
this.getOrderMsg,
res => {
this.orderLoading = false;
if (res.data.resultCode == 1) {
console.log("reasfafs",res);
this.tableData=res.data.data.pageData;
console.log(" this.tableData", this.tableData);
this.totalCount = res.data.data.pageCount;
this.Count = res.data.data.count;
} else {
this.$message.error(res.data.message);
}
},
null
);
},
handleClick(item) {
console.log(item);
this.activeName = item.ID;
this.getOrderMsg.B2BSelectOrderState = item.ID;
this.gerOrderList();
},
handleCurrentChange(val) {
// 翻页
this.getOrderMsg.pageIndex = parseInt(val);
this.gerOrderList();
}
}
};
</script>
src/components/newPersonalCenter/block/model/OrderInfoModel/FreeTable.vue 0 → 100644
View file @ d6539d19
<style>
.orderTable{
width: 100%;
border: solid 1px #EDEDED;
border-collapse: collapse;
}
.orderTable thead tr {
}
.orderTable thead tr th{
padding: 15px 0;
font-size: 12px;
color: #666666;
font-weight: initial;
}
.orderTable thead tr th:nth-child(1){
text-align: left;
padding-left: 20px;
}
.orderTable tbody tr td{
border: solid 1px #EDEDED;
}
.orderTable tbody .top td{
padding: 7px 20px;
font-size: 14px;
border: 1px solid #EDEDED;
}
.orderTable tbody .top td .time{
color: #999999;
padding-right: 20px;
}
.orderTable tbody .top td .num{
color: #666666;
padding-right: 20px;
}
.orderTable tbody .top td .num span{
color: #999999;
}
.orderTable tbody .top td .contacts{
color: #333333;
}
.orderTable tbody .top td .contacts .iconfont{
color: #5290FF;
padding-right: 10px;
}
.orderTable tbody .info td{
padding: 20px 15px;
}
.orderTable tbody .info .tc_info{
/* display: flex; */
}
.orderTable tbody .info .tc_info ._left{
width:64px;
height:64px;
background-color: gray;
margin-right: 10px;
display: inline-block;
}
.orderTable tbody .info .tc_info ._right{
color: #666666;
font-size: 12px;
display: inline-block;
width: 230px;
}
.color333{
color: #333333;
}
.color666{
color: #666666;
}
.font-size14{
font-size: 14px
}
.font-size12{
font-size: 12px
}
.orderTable tbody .info .tc_info ._right p:nth-child(2){
margin: 8px 0;
}
.orderTable tbody .info .name_list{
font-size: 12px;
text-align: center;
}
.orderTable tbody .info .name_list .__cp:hover{
color: #2299EE;
}
.orderTable tbody .info .name_list p{
margin-bottom: 5px;
}
.orderTable tbody .info .money{
font-size: 12px;
text-align: center;
}
.orderTable tbody .info .money p{
margin-bottom: 4px
}
.orderTable tbody .info .money .pay_ok{
color: #52BF7D;
padding-bottom: 2px;
}
.orderTable tbody .info .money .pay_no{
color: #FF8800 !important;
}
.orderTable tbody .info .money .pay_ok .iconfont{
color: #333333
}
.orderTable tbody .info .money .pay_list{
border-top: 1px solid #E6E6E6;
padding-top: 5px;
color: #666666;
/* height: 0;
overflow: hidden;
transition: all linear .5s; */
}
.orderTable tbody .info .money .pay_list.height_aotu{
height: 66px;
}
.orderTable .text2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.shang{
transform: rotate(180deg);
display: inline-block;
}
.hover_bg{
background: rgba(255,240,240,1);
}
.list_details ul{
margin-top: 0px;
padding-top: 15px;
border-top: 1px solid #E6E6E6;
}
.list_details .__item{
display: flex;
font-size: 12px;
margin-bottom: 15px;
}
.list_details .__item .img{
height: 54px;
width: 72px;
background-color: gray;
margin-right: 10px;
}
.list_details .__item .img{
height: 54px;
width: 72px;
}
.list_details .__item .__name .iconfont{
color: #3EABFF
}
.list_details .__item .__name .icon-shiliangzhinengduixiang1{
color: #FF5151
}
</style>
<template>
<el-row>
<table class="orderTable" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th width="328px">
<div class="__cp _drop">
<!-- <el-dropdown trigger="click" @command="handleCommandTwo">
<span class="el-dropdown-link">
{{dropTitTwo}}
<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<template v-for="item in dayList">
<el-dropdown-item :command="item">{{item.Day}}</el-dropdown-item>
</template>
</el-dropdown-menu>
</el-dropdown> -->
</div>
</th>
<th width="159px">
订单详情
</th>
<th width="170px">
金额
</th>
<th width="">
订单状态
</th>
<th width="159px">
操作
</th>
</tr>
</thead>
<tbody>
<template v-for="(item, index) in tableData">
<tr class="top" :key="index" :class="{hover_bg: activeRow === index}" @mouseenter="enter(index)" @mouseleave="enter()">
<td colspan="5">
<span class="time">{{item.CreateDateStr}}</span>
<span class="num">订单号：<span>{{item.ThirdOrderNo}}</span></span>
<span class="contacts">
<!-- <i class="iconfont icon-dianhua"></i> -->
<span>{{item.CreateByStr}}
<!-- {{item.servicePhone}} -->
</span></span>
</td>
</tr>
<tr class="info" @mouseenter="enter(index)" @mouseleave="enter()" :class="{hover_bg: activeRow === index}">
<td>
<div class="tc_info">
<div class="_left">
<img v-if="item.ProductPic" style="width:100%;height:100%" :src="item.ProductPic" alt="">
</div>
<div class="_right">
<p class="text2 color333 font-size14">{{item.ProductName}}</p>
<p>{{item.ProductPKGName}}</p>
<!-- <p>团号：{{item.tcid}}</p> -->
</div>
</div>
</td>
<td class="name_list">
<!-- <p>成人：5 [ <span class="__cp">上传名单</span> ]</p> -->
<p>客户名称：{{item.CustomerName}}</p>
<p>客户手机号：{{item.CustomerPhone}}</p>
<!-- <p>婴儿：0</p> -->
</td>
<td class="money">
<p>总额 ¥{{item.TotalPrice | priceFormat}}</p>
<p>实付金额 ¥{{item.Income | priceFormat}}</p>
<!-- <p class="__cp pay_no" v-if="!item.payShow" @click="item.payShow = true">已付总额 ¥{{item.customerPayMoney | priceFormat}} <i class="iconfont icon-xia"></i></p> -->
<!-- <p class="__cp pay_no" v-if="item.payShow" @click="item.payShow = false">已付总额 ¥{{item.customerPayMoney | priceFormat}} <i class="iconfont icon-xia shang"></i></p> -->
<!-- <p style="color:#999999">优惠金额 ¥{{item.DiscountMoney | priceFormat}}</!--> -->
<p style="color:#999999">取消产生的费用 ¥{{item.CancelFee | priceFormat}}</p>
<!-- :class="{height_aotu: item.payShow}" -->
<!-- <div class="pay_list" v-if="item.payShow">
<p>04-18 ¥8680.00 支付宝</p>
<p>04-18 ¥8680.00 支付宝</p>
<p>04-18 ¥8680.00 支付宝</p>
</div> -->
</td>
<td class="color333 font-size14">
<span>{{item.OrderStatus}}</span>
</td>
<td>
<p style="margin-bottom:6px" v-if="item.Income!=item.TotalPrice">
<el-button @click="Pay(item)" size="mini" type="danger">立即支付</el-button>
</p>
<p style="margin-bottom:6px">
<el-button @click="gopayInfo(item)" size="mini" type="danger">查看详情</el-button>
</p>
<p v-if="item.IsCanOrder==0" style="margin-bottom:6px">
<el-button @click="Exit(item)" size="mini">取消订单</el-button>
</p>
</td>
</tr>
</template>
</tbody>
</table>
<el-dialog title="取消订单" width="400px" :visible.sync="dialogFormVisible">
<el-form :model="exitMsg" label-width="80px">
<el-form-item label="取消类型">
<el-select size="small" v-model="exitMsg.cancel_type" placeholder="请选择取消类型">
<el-option label="行程变更或取消" value="MC001"></el-option>
<el-option label="重复订单" value="MC002"></el-option>
<el-option label="价格原因" value="MC003"></el-option>
<el-option label="个人因素" value="MC004"></el-option>
<el-option label="交通因素" value="MC005"></el-option>
<el-option label="交通因素" value="MC006"></el-option>
<el-option label="其他" value="MC999"></el-option>
</el-select>
</el-form-item>
<el-form-item label="取消原因" >
<el-input v-model="exitMsg.cancel_desc" autocomplete="off" type="textarea" :rows="2"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button size="small" @click="dialogFormVisible = false">取 消</el-button>
<el-button size="small" type="danger" @click="ExitOrder">确 定</el-button>
</div>
</el-dialog>
</el-row>
</template>
<script>
import payURL from "../../../../global/pay.vue";
export default {
components: {
payurlItem: payURL,
},
props:["tableData"],
data() {
return {
activeRow: '',
activeNames: ['1'],
dropTitTwo: "10天内",
dataList:[],
dayList: [
{
Day: "10天",
Number: 10,
ID: 1
},
{
Day: "30天",
Number: 30,
ID: 1
},
{
Day: "60天",
Number: 60,
ID: 1
}
],
dialogFormVisible:false,
exitMsg:{
order_no:'',
cancel_type:"",
cancel_desc:"",
CancelBy:'',
},
};
},
mounted() {
},
methods: {
ExitOrder(){
if(this.exitMsg.cancel_type==""){
this.Error("请选择取消类型！");
return;
}
this.dialogFormVisible=false;
this.apipost(
"dmc_post_Get_KKDayOrderCancel",
this.exitMsg,
res => {
// console.log("res",res);
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.$emit('queryDays')
this. exitMsg={
order_no:'',
cancel_type:"",
cancel_desc:"",
CancelBy:'',
};
} else {
this.$message.error(res.data.message);
}
},
null
);
},
Exit(item){
let userInfo = this.getLocalStorage();
this.dialogFormVisible=true;
this.exitMsg.order_no=item.ThirdOrderNo;
this.exitMsg.CancelBy=userInfo.name;
},
gopayInfo(item){
this.$router.push({
name: "payInfo",
query: {
ThirdOrderNo:item.ThirdOrderNo,
}
});
},
// 跳转到支付
Pay(item){
let userInfo = this.getLocalStorage();
let user = userInfo.customerId;
let msg={};
let data=item;
msg.CancelTime=data.EndTime;
msg.OrderSource=15;
msg.total_fee=data.TotalPrice;
msg.body=data.Describe;
msg.orderId=data.OrderID;
msg.costType=data.costType;
msg.attach=`${data.costType}|${userInfo.name}|${data.OrderID}|${userInfo.customerId}|${data.RB_Branch_id}`;
sessionStorage.setItem("FreePay",JSON.stringify(msg));
this.$router.push({name:'FreePayBefore'})
this.$router.push({
name: "FreePay",
query: {
id:-1,
}
});
},
enter: function (t) {
if (t+1) {
this.activeRow = t
} else {
this.activeRow = ''
}
},
handleCommandTwo(command) {
this.dropTitTwo = command.Day;
let queryDays = command.Number;
this.$emit('queryDays', queryDays)
},
b2b_get_GetWaitDealOrderPageList() {
//获取待处理订单
let msg = {
pageIndex: 1,
pageSize: 100
};
this.apipost(
"b2b_get_GetWaitDealOrderPageList",
msg,
r => {
if (r.data.resultCode == 1) {
this.WaitDealOrderPageList = r.data.data.pageData;
} else {
this.$message.error(r.data.message);
}
},
null
);
},
}
};
</script>
src/components/taskPage/Img5.vue
View file @ d6539d19
......@@ -86,6 +86,12 @@ height: 100%;
width: 34%;
}
.TuanDivPc{
position: absolute;
bottom: 100px;
left: 0;
width: 100%;
}
</style>
......@@ -116,6 +122,46 @@ height: 100%;
<source src="../../assets/media/mhb.mp4" type="video/webm">
</video>
</div>
<div class="TuanDivPc" style="bottom:6px;font-size:12px">
<div style="width:90%;margin:0 auto;z-index:200">
<el-row style="padding:4px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/nvnRDgcd%2FPI%3D/4170/preview"> 土耳其+希腊13天</a>
</el-col>
<el-col :span="12" style="text-align:center">出团日期：9月26日</el-col>
</el-row>
<el-row style="padding:4px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/56HVNdIExFI%3D/5705/preview"> 土耳其希腊</a>
</el-col>
<el-col :span="12" style="text-align:center">出团日期： 10月05日</el-col>
</el-row>
<el-row style="padding:4px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/orsYR2%2B%2B9ps%3D/5661/preview"> 土耳其希腊</a>
</el-col>
<el-col :span="12" style="text-align:center">出团日期： 10月10日</el-col>
</el-row>
<el-row style="padding:4px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/6vbZ9iLhhM0%3D/5697/preview"> 土耳其希腊</a>
</el-col>
<el-col :span="12" style="text-align:center">出团日期： 10月11日</el-col>
</el-row>
<el-row style="padding:4px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/te1%2B4I7a7vY%3D/5702/preview"> 土耳其希腊</a>
</el-col>
<el-col :span="12" style="text-align:center">出团日期： 10月12日</el-col>
</el-row>
<!-- <el-row style="padding:4px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/8c5Ehbo3dUY%3D/5698/preview"> 土耳其希腊</a>
</el-col>
<el-col :span="12" style="text-align:center">出团日期： 10月25日</el-col>
</el-row> -->
</div>
</div>
</div>
</div>
<div style="position: relative;" v-show="!isPhone">
......@@ -143,6 +189,50 @@ height: 100%;
<source src="../../assets/media/mhb.mp4" type="video/webm">
</video>
</div>
<div class="TuanDivPc">
<div style="width:90%;margin:0 auto;z-index:200">
<el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/nvnRDgcd%2FPI%3D/4170/preview"> 土耳其+希腊13天</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期：9月26日</el-col>
</el-row>
<el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/56HVNdIExFI%3D/5705/preview"> 土耳其希腊</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期： 10月05日</el-col>
</el-row>
<el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/orsYR2%2B%2B9ps%3D/5661/preview"> 土耳其希腊</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期： 10月10日</el-col>
</el-row>
<el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/6vbZ9iLhhM0%3D/5697/preview"> 土耳其希腊</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期： 10月11日</el-col>
</el-row>
<el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/te1%2B4I7a7vY%3D/5702/preview"> 土耳其希腊</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期： 10月12日</el-col>
</el-row>
<!-- <el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/detailTwo/8c5Ehbo3dUY%3D/5698/preview"> 土耳其希腊</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期： 10月25日</el-col>
</el-row> -->
</div>
</div>
</div>
</div>
......
src/router.js
View file @ d6539d19
......@@ -727,6 +727,15 @@ export default new Router({
title: "自由行-支付"
}
},
{
path: "/payInfo",
name: "payInfo",
component: resolve =>
require(["@/components/FreeTravel/payInfo.vue"], resolve),
meta: {
title: "自由行-订单详情"
}
},
]
},
{
......
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