Skip to content

A
Athena
Commit bd1b9704 authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/huaguohao/athena

parents d18a8adc c3c76787
Show whitespace changes
Inline Side-by-side
Showing with 813 additions and 34 deletions
src/assets/css/home.css
View file @ bd1b9704
......@@ -15,12 +15,16 @@
}
.Home .el-tabs__item.is-active {
color: #fd6473;
font-family: "PingFangR";
}
.Home .tag_active {
background: #fff;
color: #fd6473 !important;
font-weight: bold;
}
.Home .tag_active .iconfont{
color: #fd6473 !important;
}
.Home .form_ul {
overflow: auto;
}
......@@ -60,6 +64,7 @@
}
.Home .Home_top .tag_left li .iconfont {
font-size: 20px;
color: #ababab;
}
.Home ul,
p {
......@@ -78,7 +83,7 @@ p {
font-size: 12px;
padding-top: 12px;
box-sizing: border-box;
border-bottom: 1px dashed #aaaaaa;
border-bottom: 1px dashed #737373;
cursor: pointer;
}
.Home .Home_top .tag_left {
......@@ -662,3 +667,10 @@ p {
background: url('../img/home/qipao.png') no-repeat;
background-size:100% 100%;
}
/* 修改样式 */
.Home .visa .el-tabs__nav-wrap::after{
height: 1px;
background-color: #d8d8d8;
}
\ No newline at end of file
src/components/DependentTravel/CustomizedTourism.vue
View file @ bd1b9704
<template>
<div class="CustomizedTourism">
<div class="CustomizedTourism DesignScheme">
<div class="w1200" v-loading="loading">
<div class="step_head">
<div class="step_head" style="position:relative">
<p class="step_head_title">{{dataInfo.departureName}}-{{dataInfo.destinationNames}}/{{dataInfo.playDays}}天*定制游</p>
<p style="padding:20px 0;color:#333333;font-size:12px">需求编号：{{customId}}</p>
<el-steps :active="actice_step">
<span class="exitorder" @click="ExitOrder">取消订单{{actice_step}}</span>
<el-row class="top" v-if="actice_step!=7">
<el-col :span="4">
<div :class="actice_step>0?'bule':'grey'" class="line"></div>
<div class="text">
<span class="bottom" :class="actice_step>0?'bule_back':''">
<span class="circle">
<i class="iconfont icon-yuandian"></i>
</span>
<p>提交需求</p>
</span>
</div>
</el-col>
<el-col :span="4">
<div :class="actice_step>1?'bule':'grey'" class="line"></div>
<!-- <div v-show="actice_step<=1" class="line grey"></div> -->
<div class="text">
<span class="bottom" :class="actice_step>1?'bule_back':''">
<span class="circle">
<i class="iconfont icon-yuandian"></i>
</span>
<p>设计方案</p>
</span>
</div>
</el-col>
<el-col :span="4">
<div v-if="actice_step>2 && actice_step<4" class="stepHalf">
<i></i><i></i>
</div>
<div v-else :class="actice_step>3?'bule':'grey'" class="line"></div>
<!-- <div v-show="actice_step<=2" class="line grey"></div> -->
<div class="text">
<span class="bottom" :class="actice_step>2?'bule_back':''">
<span class="circle">
<i class="iconfont icon-yuandian"></i>
</span>
<p >签证合同</p>
</span>
</div>
</el-col>
<el-col :span="4">
<div :class="actice_step>4?'bule':'grey'" class="line"></div>
<!-- <div v-show="actice_step<=4" class="line grey"></div> -->
<div class="text">
<span class="bottom" :class="actice_step>4?'bule_back':''">
<span class="circle">
<i class="iconfont icon-yuandian"></i>
</span>
<p>恭喜成团</p>
</span>
</div>
</el-col>
<el-col :span="4">
<div :class="actice_step>5?'bule':'grey'" class="line"></div>
<!-- <div v-show="step<=5" class="line grey"></div> -->
<div class="text">
<span class="bottom" :class="actice_step>5?'bule_back':''">
<span class="circle">
<i class="iconfont icon-yuandian"></i>
</span>
<p>成团结束</p>
</span>
</div>
</el-col>
</el-row>
<!-- <el-steps v-if="actice_step!=7" :active="actice_step">
<el-step title="提交需求" icon="iconfont icon-yuandian"></el-step>
<el-step title="设计方案" icon="iconfont icon-yuandian"></el-step>
<el-step title="签订合同" icon="iconfont icon-yuandian"></el-step>
<el-step title="恭喜成团" icon="iconfont icon-yuandian"></el-step>
<el-step title="成团结束" icon="iconfont icon-yuandian"></el-step>
</el-steps> -->
<el-steps style="width:280px" v-if="actice_step==7" :active="actice_step">
<el-step title="提交需求" icon="iconfont icon-yuandian"></el-step>
<el-step title="取消订单" icon="iconfont icon-yuandian"></el-step>
</el-steps>
</div>
<div>
......@@ -39,7 +122,7 @@
<div v-show="actice_step==2">
<DesignScheme :customId="customId" :tcid="tcid"></DesignScheme>
</div>
<div class="commonStyle Signcontract" v-if="actice_step==3 || actice_step==4 || actice_step==5">
<div class="commonStyle Signcontract" v-if="actice_step==3 || actice_step==4 || actice_step==5 || actice_step==7">
<p class="title">订单信息</p>
<ul class="orderinfo">
<li>
......@@ -56,21 +139,186 @@
<span><em>需求包含</em>：{{dataInfo.provideItem}}</span>
<span><em>游玩天数</em>：{{dataInfo.playDays}}天</span>
</p>
<p><em>放完日期</em>：出发日期（{{dataInfo.startDate | YMD}}）</p>
<p><em>往返日期</em>：出发日期（{{dataInfo.startDate | YMD}}）</p>
</li>
<li style="text-align:right;float:right">
<img style="width:50px;height:50px;border-radius:50%" :src="dataInfo.salesPhoto" alt="">
<p style="text-align:center">{{dataInfo.salesName}}</p>
</li>
<p style="margin-top:15px;font-size:12px;text-align:center;position:absolute;bottom:40px;right:60px">
<span @click="GetDes" :class="desshow?'desstatus':''" style="color:#666666;cursor:pointer">查看行程详情 <i class="iconfont icon-more"></i></span>
</p>
</ul>
<!-- 查看详情 -->
<div v-loading="desLoad" v-show="desshow" class="cutomdes">
<p class="title"> {{dataInfo.salesName}}——定制游详情</p>
<div style="position:relative;">
<p class="xcap"></p>
<div style="padding-top: 80px;">
<div class="daylist" v-for="(item,index) in datades.dayList" :key="index+100">
<div style="padding-left:36px;margin-bottom:30px;">
<span class="dayindex">D{{item.dayNum}}</span>
<!-- <span class="daytitle">出发东京迪士尼，探寻梦幻王国（专车送去迪士尼）</span> -->
</div>
<div class="common_left" v-for="(des,index) in item.dayArray" :key="index+2000">
<!-- 酒店 -->
<div v-if="des.type==3" class="commonday">
<div class="commonday_item">
<span class="icon_span" style="background:#fff;">
<span class="iconfont icon-Shape"></span>
</span>
<p style="font-size:16px;"><span>酒店</span><span style="color:#5F95E8;margin-left:5px">{{des.childItem.hotelName}}</span></p>
<div v-if="des.childItem.description" style="font-size:14px;margin-top:20px">
<div v-html="des.childItem.description">
</div>
</div>
</div>
</div>
<!-- 航班信息 -->
<!-- <div class="commonday" >
<div class="commonday_item">
<span class="icon_span" style="background:#fff;">
<span class="iconfont icon-Shape1"></span>
</span>
<p style="font-size:16px;"><span>航班</span><span style="font-size:12px;color:#666666;">（参考）</span></p>
<div style="font-size:14px;margin-top:20px">
<ul class="hbxf">
<li>
<p>田间航空公司</p>
<p>Gs7979</p>
</li>
<li>
<p class="pfR font16">13:15</p>
<p>国际机场</p>
</li>
<li>
. . . . . .
</li>
<li>
<p class="pfR font16">13:15</p>
<p>国际机场</p>
</li>
<li>
<p>经济舱</p>
</li>
</ul>
</div>
</div>
</div> -->
<!-- 交通 -->
<div v-if="des.type==1" class="commonday">
<div class="commonday_item">
<span class="icon_span" style="background:#fff;">
<span class="iconfont icon-jiaotonggongjiaochekanfangtuandabamianxing"></span>
</span>
<p style="font-size:16px;"><span>交通</span></p>
<div style="font-size:14px;margin-top:20px">
<span v-if="des.childItem.trafficIntroduce">{{des.childItem.trafficIntroduce.introduceDetail}}</span>
</div>
</div>
</div>
<!-- 景点 -->
<div v-if="des.type==2" class="commonday">
<div class="commonday_item">
<span class="icon_span" style="background:#fff;">
<span class="iconfont icon-Shape4"></span>
</span>
<p style="font-size:16px;"><span>景点</span></p>
<div v-if="index==0" v-for="(img,index) in des.childItem.imaArray" :key="img.url" style="font-size:14px;margin-top:20px;overflow:auto">
<img :src="img.url" style="width:200px;height:133px;float:left;" alt="">
<div v-if="des.childItem.description" style="float:left;margin-left:20px;width:719px">
<p v-html="des.childItem.description"></p>
</div>
</div>
</div>
</div>
<!-- 餐饮 -->
<div v-if="des.type==4" class="commonday commonHover">
<div class="commonday_item">
<span class="icon_span" style="background:#fff;">
<span class="iconfont icon-Shape5"></span>
</span>
<p style="font-size:16px;"><span>餐饮</span><span style="color:#5F95E8;margin-left:5px">一{{des.childItem.dinnerName}}</span></p>
<div v-if="index==0" v-for="(img,index) in des.childItem.imaArray" :key="img.url" style="font-size:14px;margin-top:20px;overflow:auto">
<img :src="img.url" style="width:200px;height:133px;float:left;" alt="">
<div v-if="des.childItem.description" style="float:left;margin-left:20px;width:719px">
<p v-html="des.childItem.description"></p>
</div>
</div>
</div>
</div>
<!-- 温馨提示 -->
<div v-if="des.type==6" class="commonday">
<div class="commonday_item">
<span class="icon_span" style="background:#fff;">
<span class="iconfont icon-Shape6"></span>
</span>
<p style="font-size:16px;"><span>温馨提示</span></p>
<div v-if="des.childItem.description" style="font-size:14px;margin-top:20px">
<div v-html="des.childItem.description">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="position:relative;margin-top:30px;padding:0 0 30px 60px">
<p class="ygbj"></p>
<p style="font-size:14px;padding-top:60px">
价格：<span style="color:#FB8F0F;font-size:18px;">￥{{dataInfo.planPrice}}</span>人/起
</p>
<p style="color:#666666;font-size:12px;padding-top:10px">该价格为案例参考报价，最终价格以实际合同为准</p>
<p style="color:#333;font-size:14px;padding-top:10px">费用包含：酒店；签证；机票</p>
</div>
</div>
</div>
<p class="title">合同签订</p>
<div class="htqd">
<div v-for="(item,index) in dataInfo.contractFile" :key="index+200">
<p><a href="#">xxxxxxxxxxxx合同</a></p>
<p style="margin-top: 17px"><span class="downorder">
<p style="margin:17px 0"><a style="color:#558EE5;font-size:14px;font-family:'PingFangR'" :href="item.url">{{item.name}}</a></p>
<a :href="item.url" style="text-decoration: none;"><span class="downorder">
<span style="background:#B4B4B4;padding: 0px 3px;"><i class="iconfont icon-xiazai"></i></span>
下载合同</span></p>
下载合同</span></a>
</div>
</div>
......@@ -91,29 +339,74 @@ import DesignScheme from '@/components/DependentTravel/DesignScheme'
export default {
data () {
return {
desshow:false,
desLoad:false,
actice_step:0,
customId:14,
customId:0,
loading:false,
dataInfo:{},
tcid:0,
configId:0,
datades:{},
}
},
components:{
DesignScheme
},
created(){
this.customId=this.$route.query.customId ? Number(this.$route.query.customId):this.customId;
},
mounted() {
this.GetStatus();
},
methods: {
GetDes(){
this.desshow=!this.desshow;
if(this.desshow==false){
return;
}
this.desLoad=true;
let msg={};
msg.configId=this.configId;
msg.tcid=this.tcid;
this.apipost('b2b_get_GetB2BFreeTravelCustomPlanInfo',msg,res=>{
this.desLoad=false;
if(res.data.resultCode==1){
this.datades=res.data.data;
}else{}
},err=>{})
},
ExitOrder(){
this.$confirm("确认取消订单?", '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.apiJavaPost('/api/b2b/free/cancelTravelCoupom',{customId:this.customId},res=>{
if(res.data.resultCode==1){
this.Success(res.data.message);
this.GetStatus();
}else{
this.Error(res.data.message);
}
},null)
}).catch(() => {
});
},
GetStatus(){
this.loading=true;
this.apiJavaPost('/api/b2b/free/getTravelCustomOrderInfo',{customId: this.customId},res=>{
this.loading=false;
// console.log("GetStatus父组件");
console.log(res);
if(res.data.resultCode==1){
this.dataInfo=res.data.data;
this.tcid=this.dataInfo.tcid;
this.configId=this.dataInfo.configId;
this.actice_step=this.dataInfo.orderStatus;
}else{
this.Error(res.data.message);
......@@ -125,6 +418,101 @@ export default {
</script>
<style>
.CustomizedTourism .cutomdes{
transition: all linear 0.5s;
}
.CustomizedTourism .commonday{
padding:0 60px;
box-sizing: border-box;
}
.CustomizedTourism .stepHalf{
width: 100%;
height: 4px;
position: absolute;
top: 22px;
left:0;
}
.CustomizedTourism .stepHalf i{
display: inline-block;
width: 50%;
height: 100%;
position: absolute;
top: 0;
}
.CustomizedTourism .stepHalf i:nth-child(1){
background: #409EFF;
left: 0;
}
.CustomizedTourism .stepHalf i:nth-child(2){
background: #CCCCCC;
left: 50%;
}
.CustomizedTourism .bule_back i{
color: #409EFF!important;
}
.CustomizedTourism .bule_back p{
color: #409EFF!important;
font-family: "PingFangR";
}
.top .el-col-4{
width: 20%;
position: relative;
}
.CustomizedTourism .bottom {
display: inline-block;
background: #fff;
}
.CustomizedTourism .text .circle{
display: inline-block;
width: 48px;
height: 48px;
border-radius: 50%;
line-height: 48px;
text-align: center;
}
.CustomizedTourism .text .iconfont{
color: #e1e1e1;
}
.CustomizedTourism .text p{
font-size: 12px;
}
.CustomizedTourism .text{
text-align: center;
font-size: 14px;
z-index: 1;
position: relative;
}
.CustomizedTourism .bule{
background: #5893EB;
}
.CustomizedTourism .grey{
background: #CCCCCC;
}
.CustomizedTourism .line{
width: 100%;
height: 4px;
position: absolute;
top: 22px;
left:0;
}
.CustomizedTourism .exitorder{
position: absolute;
right: 60px;
top: 26px;
display: block;
font-size: 12px;
color:rgba(102,102,102,1);
width:76px;
height:26px;
line-height: 26px;
text-align: center;
background:rgba(244,244,244,1);
border:1px solid rgba(220,220,220,1);
cursor: pointer;
}
.CustomizedTourism .Signcontract .yct{
position: absolute;
top: 82px;
......@@ -182,6 +570,7 @@ export default {
overflow: auto;
padding: 30px 60px;
box-sizing: border-box;
position: relative;
}
.CustomizedTourism .Signcontract .orderinfo li{
float: left;
......
src/components/DependentTravel/DesignScheme.vue
View file @ bd1b9704
......@@ -60,8 +60,9 @@
</span>
<p style="font-size:16px;"><span>酒店</span><span style="color:#5F95E8;margin-left:5px">{{des.childItem.hotelName}}</span></p>
<div style="font-size:14px;margin-top:20px">
{{des.childItem.description}}
<div v-if="des.childItem.description" style="font-size:14px;margin-top:20px">
<div v-html="des.childItem.description">
</div>
</div>
......@@ -131,11 +132,11 @@
<span class="iconfont icon-Shape4"></span>
</span>
<p style="font-size:16px;"><span>景点</span><span style="margin-left:5px;font-size:12px;">（3个）</span></p>
<div v-for="img in des.childItem.imaArray" :key="img.url" style="font-size:14px;margin-top:20px;overflow:auto">
<p style="font-size:16px;"><span>景点</span></p>
<div v-if="index==0" v-for="(img,index) in des.childItem.imaArray" :key="img.url" style="font-size:14px;margin-top:20px;overflow:auto">
<img :src="img.url" style="width:200px;height:133px;float:left;" alt="">
<div style="float:left;margin-left:20px;width:719px">
<!-- <p>晚餐</p> -->
<div v-if="des.childItem.description" style="float:left;margin-left:20px;width:719px">
<p v-html="des.childItem.description"></p>
</div>
</div>
......@@ -151,11 +152,11 @@
<span class="iconfont icon-Shape5"></span>
</span>
<p style="font-size:16px;"><span>餐饮</span><span style="color:#5F95E8;margin-left:5px">一兰拉面(道顿堀店)(大阪)</span></p>
<div v-for="img in des.childItem.imaArray" style="font-size:14px;margin-top:20px;overflow:auto">
<img src="../../assets/img/visa/activy.jpg" style="width:200px;height:133px;float:left;" alt="">
<div style="float:left;margin-left:20px;width:719px">
<p>晚餐</p>
<p style="font-size:16px;"><span>餐饮</span><span style="color:#5F95E8;margin-left:5px">一{{des.childItem.dinnerName}}</span></p>
<div v-if="index==0" v-for="(img,index) in des.childItem.imaArray" :key="img.url" style="font-size:14px;margin-top:20px;overflow:auto">
<img :src="img.url" style="width:200px;height:133px;float:left;" alt="">
<div v-if="des.childItem.description" style="float:left;margin-left:20px;width:719px">
<p v-html="des.childItem.description"></p>
</div>
</div>
......@@ -255,6 +256,7 @@ export default {
if(res.data.resultCode==1){
this.Success(res.data.message);
this.GetData();
this.$parent.GetStatus();
}else{
this.Error(res.data.message);
}
......@@ -276,12 +278,14 @@ export default {
if(res.data.resultCode==1){
this.datades=res.data.data;
}else{}
},err=>{})
},
GetData(){
this.apiJavaPost('/api/b2b/free/getTravelCoupomPlanList',this.msg,res=>{
// console.log(res)
if(res.data.resultCode==1){
this.dataList=res.data.data.pageData;
......
src/components/DependentTravel/PersonalTailor.vue
View file @ bd1b9704
......@@ -428,10 +428,12 @@ export default {
},
methods: {
goUrl(path,id,tcid){
// detailTwo
path = 'CustomizedTourism'
// path=`${path}/${encodeURIComponent(id)}/`+tcid
this.$router.push({ path })
this.$router.push({
name: "CustomizedTourism",
query: {
customId: this.OrderId,
}
});
},
dateChange(val){
if(val){
......
src/components/Home.vue
View file @ bd1b9704
<template>
<div class="Home">
<div class="Home_top">
<el-carousel arrow="always" :height="banner_height" :interval="10000" trigger="click" :style="{'background':'#ddd'}">
<el-carousel arrow="always" height="300px" :interval="10000" trigger="click" :style="{'background':'#ddd'}">
<el-carousel-item>
<img src='../assets/img/ticket/banner01.jpg'>
</el-carousel-item>
......
src/components/global/newHead.vue
View file @ bd1b9704
......@@ -45,6 +45,7 @@
<el-dropdown-menu class="changelanguage" slot="dropdown">
<el-dropdown-item @click.native="goUrl('newPersonalCenter', '1')">个人中心</el-dropdown-item>
<el-dropdown-item @click.native="goUrl('newPersonalCenter', '2')">会员中心</el-dropdown-item>
<el-dropdown-item @click.native="goUrl('newPersonalCenter', '9-1')">定制游</el-dropdown-item>
<el-dropdown-item @click.native="goUrl('newPersonalCenter', '8-1')">订单中心</el-dropdown-item>
<el-dropdown-item @click.native="goUrl('newPersonalCenter', '3-1')">个人信息</el-dropdown-item>
<el-dropdown-item @click.native="">我的积分</el-dropdown-item>
......
src/components/newPersonalCenter/block/CustomizedList.vue 0 → 100644
View file @ bd1b9704
<template>
<div class="CustomizedList">
<el-form class="choose_form" ref="form" :model="form" label-width="80px">
<el-form-item label="订单信息">
<el-select size="small" v-model="form.orderStatus" placeholder="请订单信息">
<el-option label="不限" :value="-1"></el-option>
<el-option label="已提交" :value="1"></el-option>
<el-option label="方案设计" :value="2"></el-option>
<el-option label="合同签订" :value="3"></el-option>
<el-option label="下单" :value="4"></el-option>
<el-option label="已成团" :value="5"></el-option>
<el-option label="已关团" :value="6"></el-option>
<el-option label="已取消" :value="6"></el-option>
</el-select>
</el-form-item>
<el-form-item label="出发日期">
<el-date-picker size="small" type="date" v-model="form.startDate"
value-format="yyyy-MM-dd" placeholder></el-date-picker>
</el-form-item>
<el-form-item label="返回日期">
<el-date-picker size="small" type="date" v-model="form.backDate"
value-format="yyyy-MM-dd" placeholder></el-date-picker>
</el-form-item>
<el-form-item label="需要提供">
<el-select size="small" @change="ProvideChange" multiple collapse-tags v-model="provideItem" placeholder="请选择内容">
<el-option label="线路设计" value="线路设计"></el-option>
<el-option label="机票" value="机票"></el-option>
<el-option label="酒店" value="酒店"></el-option>
<el-option label="用车" value="用车"></el-option>
<el-option label="用餐" value="用餐"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button @click="getList" type="danger" size="small">查询</el-button>
</el-form-item>
</el-form>
<div>
<el-table
:data="tableData"
border
style="width: 100%">
<el-table-column
prop="customId"
label="单号">
</el-table-column>
<el-table-column
prop="departureName"
label="出发地">
</el-table-column>
<el-table-column
prop="destinationNames"
label="目的地">
</el-table-column>
<el-table-column
prop="budget"
label="人均预算">
</el-table-column>
<el-table-column
label="处理状态">
<template slot-scope="scope">
<span v-if="scope.row.orderStatus==1">未分配</span>
<span v-if="scope.row.orderStatus==2">处理中</span>
<span v-if="scope.row.orderStatus==3">处理完成</span>
<span v-if="scope.row.orderStatus==4">处理失败</span>
</template>
</el-table-column>
<el-table-column
prop="provideItem"
label="需要提供">
</el-table-column>
<el-table-column
label="人数">
<template slot-scope="scope">
<span>{{scope.row.audltNumber+scope.row.childrenNumber}}</span>
</template>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="120">
<template slot-scope="scope">
<el-button
@click.native.prevent="gourl(scope.row)"
type="danger"
size="mini">
查看订单
</el-button>
</template>
</el-table-column>
</el-table>
<el-row class="_pagination" v-if="totalCount > 1">
<el-pagination
:page-size="form.pageSize"
layout="total, prev, pager, next"
:total="totalCount"
@current-change="handleCurrentChange"
></el-pagination>
</el-row>
</div>
</div>
</template>
<script>
export default {
data () {
return {
totalCount:0,
provideItem:[],
form:{
pageIndex:1,
pageSize:10,
},
tableData:[],
}
},
mounted() {
this.getList();
},
methods: {
gourl(scope){
let path = 'CustomizedTourism'
this.$router.push({
name:path,
query: {
customId: scope.customId,
blank: "y"
}
});
},
getList(){
this.apiJavaPost('/api/b2b/free/getTravelCoupomList',this.form,res=>{
this.loading=false;
console.log(res);
if(res.data.resultCode==1){
this.tableData=res.data.data.pageData;
this.totalCount=res.data.data.count;
}else{
this.Error(res.data.message);
}
},null)
},
ProvideChange(val){
this.form.provideItem=val.join(',');
},
handleCurrentChange(val) {
// 翻页
this.form.pageIndex = parseInt(val);
this.getList();
}
}
}
</script>
<style>
.CustomizedList ._pagination{
height: 45px;
background-color: #EBEBEB;
display: flex;
align-items: center;
justify-content: flex-end;
}
.CustomizedList .el-pagination .btn-next,.CustomizedList .el-pagination .btn-prev{
width:40px !important;
height:20px !important;
border:1px solid rgba(238,68,84,1);
border-radius:10px;
color: #f56c6c;
}
.CustomizedList .el-form-item{
display: inline-block;
}
.CustomizedList .el-pagination{
display: flex;
align-items: center;
}
.CustomizedList .el-pager li{
background: transparent;
font-weight: initial;
}
.CustomizedList .el-pager li:hover{
color: #f56c6c;
}
.CustomizedList .el-pager li.active{
color: #f56c6c;
}
.CustomizedList ._row_2{
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
}
</style>
src/components/newPersonalCenter/block/OrderCenter.vue
View file @ bd1b9704
......@@ -7,12 +7,15 @@
<div>
<!-- 团订单 -->
<TcOrder v-if="data === '8-1'"/>
<!-- 定制游订单 -->
<TdOrder v-if="data === '8-2'"/>
<!-- 机票订单 -->
<TkOrder v-if="data === '8-5'"/>
</div>
</template>
<script>
import TcOrder from './model/TcOrder'
import TdOrder from './model/TdOrder'
import TkOrder from './model/TkOrder'
export default {
props:{
......@@ -20,6 +23,7 @@ export default {
},
components: {
TcOrder: TcOrder,
TdOrder: TdOrder,
TkOrder: TkOrder,
},
data() {
......
src/components/newPersonalCenter/block/model/TdOrder.vue 0 → 100644
View file @ bd1b9704
<style>
@import "../../../../assets/css/newPersonalCenter/block/OrderCenter.css";
</style>
<template>
<el-row class="OrderCenter">
<!-- 条件 -->
<ul class="clearfix">
<template v-for="item in TitList">
<li
class="__cp"
@click="handleClick(item)"
:class="{_active: activeName === item.ID}"
>{{item.Type}}</li>
</template>
</ul>
<!-- 表格 -->
<TKTable :tableData="tableData"/>
<div class="empty-data" v-if="tableData.length<1">
<i class="iconfont icon-kong"></i>
很抱歉，你想要的信息我们真的找不到了
</div>
<!-- 分页 -->
<el-row class="_pagination" v-if="totalCount > 1 && 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 TKTable from "./OrderInfoModel/TKTable";
export default {
components: {
TKTable: TKTable
},
data() {
return {
activeName: -1,
currentPage: 1,
rderLoading: false,
totalCount: 1,
Count: 1,
WaitDealOrderPageList: "",
getOrderMsg: {
pageIndex: 1,
pageSize: 10,
orderType: 2,
queryDays: 0,
orderState: -1,
CustomerId: ""
},
TitList: [
{
Type: "全部",
ID: -1
},
{
Type: "待付定金",
ID: 1
},
{
Type: "待付尾款",
ID: 2
},
{
Type: "待发团",
ID: 3
},
{
Type: "交易完成",
ID: 4
},
{
Type: "取消",
ID: 5
}
// {
// val: 6,
// lable: '等待商家确认'
// },
// {
// val: 7,
// lable: '退款中'
// },
// {
// val: 8,
// lable: '退款成功'
// },
// {
// val: 9,
// lable: '交易完成'
// },
],
tableData: []
};
},
computed: {},
created() {
console.log("定制游订单");
},
mounted() {
let userInfo = localStorage.userInfo
? JSON.parse(localStorage.userInfo)
: "";
this.getOrderMsg.CustomerId = userInfo.customerId;
this.gerOrderList();
this.b2b_get_GetWaitDealOrderPageList();
},
methods: {
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
);
},
gerOrderList: function() {
this.orderLoading = true;
this.apiJavaPost(
"/api/b2b/user/getrecentorder",
this.getOrderMsg,
res => {
console.log("定制游订单",res);
if (res.data.resultCode == 1) {
this.tableData = res.data.data.pageData;
this.totalCount = res.data.data.pageCount;
this.Count = res.data.data.count;
this.orderLoading = false;
} else {
this.Error(res.data.message);
this.orderLoading = false;
}
},
null
);
},
handleClick(item) {
this.activeName = item.ID;
this.getOrderMsg.orderState = item.ID;
this.gerOrderList();
},
handleCurrentChange(val) {
// 翻页
this.getOrderMsg.pageIndex = parseInt(val);
this.gerOrderList();
}
}
};
</script>
src/components/newPersonalCenter/newPersonalCenter.vue
View file @ bd1b9704
......@@ -50,10 +50,13 @@
<i class="iconfont icon-huiyuanicon"></i>
<span slot="title">会员中心</span>
</el-menu-item>
<el-menu-item index="9" @click="clickMenu('9')">
<el-submenu index="3">
<template slot="title">
<i class="iconfont icon-huiyuanicon"></i>
<span slot="title">定制游</span>
</el-menu-item>
<span>定制游</span>
</template>
<el-menu-item index="9-1" @click="clickMenu('9-1')">定制游列表</el-menu-item>
</el-submenu>
<el-submenu index="8">
<template slot="title">
<i class="iconfont icon-dingdanicon"></i>
......@@ -107,6 +110,8 @@
<MemberCenter v-else-if="active === '2'" :data="active"/>
<!-- 个人信息 -->
<Information v-else-if="active.indexOf('3-') !== -1" :data="active"/>
<!-- 定制游 -->
<CustomizedList v-else-if="active.indexOf('9-') !== -1" :data="active"/>
<!-- 订单中心 -->
<OrderCenter v-else-if="active.indexOf('8-') !== -1" :data="active"/>
<!-- 优惠券 -->
......@@ -122,6 +127,7 @@
<script>
import HomePage from '@/components/newPersonalCenter/block/HomePage'
import Information from '@/components/newPersonalCenter/block/Information'
import CustomizedList from '@/components/newPersonalCenter/block/CustomizedList'
import MemberCenter from '@/components/newPersonalCenter/block/MemberCenter'
import OrderCenter from '@/components/newPersonalCenter/block/OrderCenter'
import MyCoupon from '@/components/newPersonalCenter/block/MyCoupon'
......@@ -133,7 +139,8 @@ export default {
MemberCenter,
OrderCenter,
MyCoupon,
Integral
Integral,
CustomizedList
},
data () {
return {
......@@ -142,14 +149,14 @@ export default {
},
methods: {
handleOpen(key, keyPath) {
console.log(key, keyPath);
// console.log(key, keyPath);
},
handleClose(key, keyPath) {
console.log(key, keyPath);
// console.log(key, keyPath);
},
clickMenu: function (key) {
this.active = key
console.log(key)
// console.log(key)
},
setActive: function(t){
if (t) {
......
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