Skip to content

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

修改订单列表

parent bd1b9704
Hide whitespace changes
Inline Side-by-side
Showing with 864 additions and 149 deletions
src/components/global/pay.vue
View file @ 6c7da5b6
<template>
<div class="templatePayURL" style="display: inline-block; float: right; margin-right: 10px; display: flex;">
<div class="templatePayURL" style="display: inline-block; float: right; margin-right: 10px; ">
<el-popover width="320" @hide='clearTimer'>
<div>
<p style="margin:0 0 15px 0;">二维码收款</p>
......@@ -33,9 +33,9 @@
size="mini"
type="danger"
@click="isOpen(item,2)">立即付款</el-button>
</el-popover>
&nbsp;
</el-popover>
<el-button
style="margin-top: 10px;"
size="mini"
@click="deleteOrder(item)">取消订单</el-button>
</div>
......
src/components/newPersonalCenter/block/MemberCenter.vue
View file @ 6c7da5b6
......@@ -2,23 +2,25 @@
@import "../../../assets/css/newPersonalCenter/block/MemberCenter.css";
</style>
<template>
<el-row class="MemberCenter">
<el-row>
<el-row class="MemberCenter" v-show="!showRule">
<el-row class="level_info">
<el-row class="chart">
<el-col :span="6" class="left">
<div class="head_img">
<img src="../../../assets/img/head_normal1.png" alt="">
<img v-if="userInfo.photo" src="userInfo.photo" alt="">
<img v-else src="../../../assets/img/head_normal1.png" alt="">
</div>
<p class="name">李山田</p>
<p class="name">{{userInfo.name}}</p>
<p><i class="_vip_level">V0</i></p>
</el-col>
<el-col :span="18" class="right">
<p class="tit"><span>会员成长值</span><span class="__cp">等级规则</span></p>
<p class="tit"><span>会员成长值</span><span class="__cp" @click="showRule = true">等级规则</span></p>
<div id="chartsMap" style="height:155px;width:100%;"></div>
</el-col>
</el-row>
<el-row class="tequan">
<p class="tit"><span>我的会员特权</span><span class="__cp">等级权益</span></p>
<p class="tit"><span>我的会员特权</span><span class="__cp" @click="showRule = true">等级权益</span></p>
<el-carousel indicator-position="none" arrow="always" :autoplay="false" height="110px">
<el-carousel-item v-for="(item, index) in iconList" :key="index">
<div class="_icon_list">
......@@ -97,15 +99,21 @@
</el-row>
</el-row>
</el-row>
<Rule v-show="showRule" @childrenFun="changeShow"/>
</el-row>
</template>
<script>
import Rule from "./model/Rule.vue";
export default {
components: {
Rule: Rule,
},
data(){
return {
UserMemberExp: {},
showRule: false,
point: 0,
userInfo: {},
iconList: [
{
......@@ -131,115 +139,154 @@ export default {
},
mounted() {
this.userInfo = this.getLocalStorage();
let myChart = this.$echarts.init(document.getElementById("chartsMap"));
myChart.setOption({
title: {
left: "left",
textStyle: {
fontWeight: "bold",
fontSize: 14,
color: "#333333",
height: "30px"
},
padding: [
20, // 上
20, // 右
20, // 下
20 // 左
]
},
tooltip: {
trigger: "item",
formatter: "{b} : {c}"
},
xAxis: {
type: "category",
axisLine: {
show: false,
lineStyle: {
width: 30
this.getUserMemberExp()
},
methods: {
// 获取会员经验与下个会员等级信息
getUserMemberExp: function () {
this.apiJavaPost(
"/api/member/getUserMemberExp",
{customer: this.userInfo.customerId},
res => {
if (res.data.resultCode == 1) {
console.log(res)
let UserMemberExp = res.data.data
let getExpArr = [0]
let getExpTimeArr = ['-']
let getExpNullArr = ['-']
UserMemberExp.exps.forEach((element, index) => {
getExpArr.push(element.exp)
getExpTimeArr.push(element.time)
if (index === UserMemberExp.exps.length-1) {
getExpNullArr.push(element.exp)
this.point = index
} else {
getExpNullArr.push('-')
}
},
axisTick: false,
data: ['一月', '二月', '三月', '四月', '五月', '六月'],
},
grid: {
x: -100,
y: 20,
x2: 0,
y2: 0,
containLabel: true,
tooltip: {
textStyle:{
color: 'red'
});
getExpArr.push('-')
getExpTimeArr.push(UserMemberExp.next.rate)
getExpNullArr.push(UserMemberExp.next.gap)
this.creatChart(getExpArr, getExpTimeArr, getExpNullArr)
} else {
this.Error(res.data.message);
}
}
},
yAxis: {
type: "value",
// axisLine: {
// show: false
// },
min: '10',
axisTick: false,
splitLine: {
show: false,
lineStyle: {
color: "rgba(245,245,245,1)"
},
null
);
},
getColor:function (param) {
console.log(param.dataIndex, this.point+1)
if (param.dataIndex === this.point+1) {
return '#67C23A';
} else {
return "#FFFFFF"
}
},
creatChart: function(getExpArr, getExpTimeArr, getExpNullArr) {
let that = this
console.log(getExpArr, getExpTimeArr, getExpNullArr,[0, 1000, 2000, '-', '-','-'],['-', '-', 2000, 4000, 6000, 8000])
let myChart = this.$echarts.init(document.getElementById("chartsMap"));
myChart.setOption({
title: {
left: "left",
textStyle: {
fontWeight: "bold",
fontSize: 14,
color: "#333333",
height: "30px"
},
padding: [
20, // 上
20, // 右
20, // 下
20 // 左
]
},
tooltip: {
trigger: "item",
formatter: "{b} : {c}"
},
xAxis: {
type: "category",
axisLine: {
show: false,
lineStyle: {
width: 30
}
},
axisTick: false,
data: getExpTimeArr,
// data: ['一月', '二月', '三月', '四月', '五月', '六月'],
},
grid: {
x: -100,
y: 20,
x2: 0,
y2: 0,
containLabel: true,
tooltip: {
textStyle:{
color: 'red'
}
}, //去除网格线
// axisLable: {
// show: false,
// }
},
series: [
{
name:'',
type: "line",
smooth: false,
data: [0, 1000, 2000, '-', '-','-'],
markPoint: {
data: [
{name: '周最低', value: 1000, xAxis: 1, yAxis: -1.5},
]
},
// data: then.dateList,
lineStyle: {
width: 3,
color: "#E5AF63"
},
itemStyle: {
borderWidth: 5,
color: "#FFFFFF"
},
},
{
name:'',
type: "line",
smooth: false,
data: ['-', '-', 2000, 4000, 6000, 8000],
markPoint: {
data: [
{name: '周最低', value: 1000, xAxis: 1, yAxis: -1.5},
]
},
// data: then.dateList,
lineStyle: {
width: 3,
color: "#808290",
type: 'dashed'
},
itemStyle: {
borderWidth: 5,
color: "#FFFFFF"
},
}
]
},true);
},
methods: {
},
yAxis: {
type: "value",
// axisLine: {
// show: false
// },
min: '10',
axisTick: false,
splitLine: {
show: false,
lineStyle: {
color: "rgba(245,245,245,1)"
}
}, //去除网格线
// axisLable: {
// show: false,
// }
},
series: [
{
name:'',
type: "line",
smooth: false,
data: getExpArr,
// data: [0, 1000, 2000, '-', '-','-'],
lineStyle: {
width: 3,
color: "#E5AF63"
},
itemStyle: {
borderWidth: 5,
color: "#FFFFFF"
},
},
{
name:'',
type: "line",
smooth: false,
data: getExpNullArr,
// data: ['-', '-', 2000, 4000, 6000, 8000],
// data: then.dateList,
lineStyle: {
width: 3,
color: "#808290",
type: 'dashed'
},
itemStyle: {
borderWidth: 5,
color: that.getColor
},
}
]
},true);
},
changeShow: function () {
this.showRule = false
}
}
}
</script>
src/components/newPersonalCenter/block/model/OrderInfoModel/TCTable(作废).vue 0 → 100644
View file @ 6c7da5b6
<style>
</style>
<template>
<el-row>
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="orderId" label="订单号" width="80"></el-table-column>
<el-table-column prop="title" label="团名" width="180">
<template slot-scope="scope">
<el-tooltip class="item" popper-class="w180" effect="dark" :content="scope.row.title" placement="bottom-end">
<p class="_row_2">{{scope.row.title}}</p>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="startDate" label="团期"></el-table-column>
<el-table-column prop="guestNum" label="人数" width="80"></el-table-column>
<el-table-column prop="preferPrice" label="金额" width="80"></el-table-column>
<el-table-column prop="orderState" label="订单状态" width="100">
<template slot-scope="scope">
<span v-if="scope.row.orderState === 1">待付定金</span>
<span v-else-if="scope.row.orderState === 2">待付尾款</span>
<span v-else-if="scope.row.orderState === 3">待发团</span>
<span v-else-if="scope.row.orderState === 4">交易完成</span>
<span v-else-if="scope.row.orderState === 0">取消</span>
</template>
</el-table-column>
<!-- 操作按钮 -->
<el-table-column align="left" label="操作">
<template slot-scope="scope">
<payurlItem
v-if="scope.row.orderState !== 0 && scope.row.orderState !== 4"
@b2b_get_GetWaitDealOrderPageList="b2b_get_GetWaitDealOrderPageList"
:item="scope.row"
></payurlItem>
</template>
</el-table-column>
</el-table>
</el-row>
</template>
<script>
import payURL from "../../../../global/pay.vue";
export default {
components: {
payurlItem: payURL,
},
props:["tableData"],
data() {
return {};
},
mounted() {},
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
);
},
}
};
</script>
src/components/newPersonalCenter/block/model/OrderInfoModel/TCTable.vue
View file @ 6c7da5b6
<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;
}
.orderTable tbody .info .tc_info ._right{
color: #666666;
font-size: 12px;
}
.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;
}
.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>
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="orderId" label="订单号" width="80"></el-table-column>
<el-table-column prop="title" label="团名" width="180">
<template slot-scope="scope">
<el-tooltip class="item" popper-class="w180" effect="dark" :content="scope.row.title" placement="bottom-end">
<p class="_row_2">{{scope.row.title}}</p>
</el-tooltip>
<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" :class="{hover_bg: activeRow === index}" @mouseenter="enter(index)" @mouseleave="enter()">
<td colspan="5">
<span class="time">2019-04-28 08:25:23</span>
<span class="num">订单号：<span>451648</span></span>
<span class="contacts"><i class="iconfont icon-dianhua"></i> <span>李晓敏 13880688956</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"></div>
<div class="_right">
<p class="color333 font-size14">日本跟团游</p>
<p>系列名称系列名称系列名称...</p>
<p>团号：XY336889999</p>
</div>
</div>
</td>
<td class="name_list">
<p>成人：5 [ <span class="__cp">上传名单</span> ]</p>
<p>儿童：5
<el-popover
popper-class='list_details'
placement="bottom"
title="名单详情"
width="200"
trigger="click">
<ul>
<li class="__item">
<div class="img">
</div>
<div class="__info">
<p class="__name color333">李健国 <i class="iconfont icon-nan"></i></p>
<p class="color666">13880879660</p>
<p class="color666">房号：403 单人间</p>
</div>
</li>
<li class="__item">
<div class="img">
</div>
<div class="__info">
<p class="__name color333">李健国 <i class="iconfont icon-shiliangzhinengduixiang1"></i></p>
<p class="color666">13880879660</p>
<p class="color666">房号：403 单人间</p>
</div>
</li>
<li class="__item">
<div class="img">
</div>
<div class="__info">
<p class="__name color333">李健国 <i class="iconfont icon-nan"></i></p>
<p class="color666">13880879660</p>
<p class="color666">房号：403 单人间</p>
</div>
</li>
</ul>
<span slot="reference">[ <span class="__cp">名单详情</span> ]</span>
</el-popover>
</p>
<p>婴儿：0</p>
</td>
<td class="money">
<p>总额 ¥8680.00</p>
<p class="__cp pay_no" v-if="!item.payShow" @click="item.payShow = true">已付总额 ¥8680.00 <i class="iconfont icon-xia"></i></p>
<p class="__cp pay_no" v-if="item.payShow" @click="item.payShow = false">已付总额 ¥8680.00 <i class="iconfont icon-xia shang"></i></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 v-if="item.orderState === 1">待付定金</span>
<span v-else-if="item.orderState === 2">待付尾款</span>
<span v-else-if="item.orderState === 3">待发团</span>
<span v-else-if="item.orderState === 4">交易完成</span>
<span v-else-if="item.orderState === 0">取消</span>
</td>
<td>
<payurlItem
v-if="item.orderState !== 0 && item.orderState !== 4"
@b2b_get_GetWaitDealOrderPageList="b2b_get_GetWaitDealOrderPageList"
:item="item"
></payurlItem>
</td>
</tr>
</template>
</el-table-column>
<el-table-column prop="startDate" label="团期"></el-table-column>
<el-table-column prop="guestNum" label="人数" width="80"></el-table-column>
<el-table-column prop="preferPrice" label="金额" width="80"></el-table-column>
<el-table-column prop="orderState" label="订单状态" width="100">
<template slot-scope="scope">
<span v-if="scope.row.orderState === 1">待付定金</span>
<span v-else-if="scope.row.orderState === 2">待付尾款</span>
<span v-else-if="scope.row.orderState === 3">待发团</span>
<span v-else-if="scope.row.orderState === 4">交易完成</span>
<span v-else-if="scope.row.orderState === 0">取消</span>
</template>
</el-table-column>
<!-- 操作按钮 -->
<el-table-column align="left" label="操作">
<template slot-scope="scope">
<payurlItem
v-if="scope.row.orderState !== 0 && scope.row.orderState !== 4"
@b2b_get_GetWaitDealOrderPageList="b2b_get_GetWaitDealOrderPageList"
:item="scope.row"
></payurlItem>
</template>
</el-table-column>
</el-table>
</tbody>
</table>
</el-row>
</template>
<script>
......@@ -43,12 +284,66 @@ export default {
components: {
payurlItem: payURL,
},
props:["tableData"],
// props:["tableData"],
data() {
return {};
return {
activeRow: '',
activeNames: ['1'],
dropTitTwo: "10天内",
tableData: [
{
title: '111',
payShow: false,
orderState: 1
},{
title: '222',
payShow: false,
orderState: 0
},
{
title: '333',
payShow: false,
orderState: 2
},
{
title: '444',
payShow: false,
orderState: 3
}
],
dayList: [
{
Day: "10天",
Number: 10,
ID: 1
},
{
Day: "30天",
Number: 30,
ID: 1
},
{
Day: "60天",
Number: 60,
ID: 1
}
],
};
},
mounted() {},
methods: {
enter: function (t) {
if (t+1) {
this.activeRow = t
} else {
this.activeRow = ''
}
},
handleCommandTwo(command) {
this.dropTitTwo = command.Day;
// this.getOrderMsg.queryDays = command.Number;
// this.gerOrderList();
},
b2b_get_GetWaitDealOrderPageList() {
//获取待处理订单
let msg = {
......
src/components/newPersonalCenter/block/model/Rule.vue 0 → 100644
View file @ 6c7da5b6
<style>
/* 等级权益 */
.level_equity{
margin: 20px 0;
background-color: white;
}
.level_equity>p,.level_rule>p,.level_question>p{
font-size: 16px;
color: #333333;
font-family: "PingFangR";
font-weight: bold;
padding: 22px;
border:1px solid rgba(230,230,230,1);
border-bottom: 0;
}
.level_equity>p span,.level_rule>p span,.level_question>p span{
display: inline-block;
height: 14px;
width: 4px;
background-color: #DBA261;
margin-right: 5px;
}
.MemberCenter .info_box table{
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.MemberCenter .info_box table thead th{
color: #909399;
}
.MemberCenter .info_box table tbody th{
font-weight: normal;
}
.MemberCenter .info_box table tbody tr:hover{
background-color: #FFF0F0 !important;
}
.MemberCenter .info_box th{
background-color: #fff1f1
}
.MemberCenter .info_box th, .MemberCenter .info_box td {
height: 38px;
border: 1px solid #e8e8e8;
text-align: center;
color: #666;
font-size: 14px;
}
.MemberCenter .info_box td i.icon-xuanzhong2{
font-size: 12px;
width: 18px;
height: 18px;
border-radius: 50%;
display: inline-block;
background-color: #67c93c;
text-align: center;
line-height: 18px;
color: white
}
.level_rule{
margin-bottom: 20px;
background-color: white;
}
.level_rule td{
text-align: left !important;
padding:5px 20px;
}
.level_question{
margin-bottom: 20px;
background-color: white;
}
.level_question>p{
border-bottom: 1px solid rgba(230,230,230,1);
}
.level_question .modu_con {
width: auto;
padding: 0 20px 0 22px;
color: #666;
border: 1px solid rgba(230,230,230,1);
border-top: none;
}
.level_question .modu_con p {
padding: 16px 0 12px 0;
}
.return{
text-align: right;
font-size: 14px;
color: #EE4454;
padding-right: 20px;
}
</style>
<template>
<el-row class="MemberCenter">
<el-row class="return">
<span class="__cp" @click="childMethod">返回</span>
</el-row>
<el-row class="info_box">
<!-- 等级权益 -->
<el-row class="level_equity">
<p><span></span>等级权益</p>
<table>
<thead>
<tr>
<th>权益\等级</th>
<th>注册会员</th>
<th>一星会员</th>
<th>二星会员</th>
<th>三星会员</th>
<th>四星会员</th>
<th>五星会员</th>
<th>白金会员</th>
<th>钻石会员</th>
</tr>
</thead>
<tbody>
<tr>
<th>抵用特权</th>
<td>1倍</td>
<td>1倍</td>
<td>1倍</td>
<td>1倍</td>
<td>1.5倍</td>
<td>2倍</td>
<td>2倍</td>
<td>2倍</td>
</tr>
<tr>
<th>预订奖励</th>
<td>1倍</td>
<td>1倍</td>
<td>1倍</td>
<td>1倍</td>
<td>1.5倍</td>
<td>2倍</td>
<td>2倍</td>
<td>2倍</td>
</tr>
<tr>
<th>签到特权</th>
<td></td>
<td></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
</tr>
<tr>
<th>活动尊享</th>
<td></td>
<td></td>
<td></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
</tr>
<tr>
<th>生日关怀</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
</tr>
<tr>
<th>送机特权</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
</tr>
<tr>
<th>贵宾室特权</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
<td><i class="iconfont icon-xuanzhong2"></i></td>
</tr>
</tbody>
</table>
</el-row>
<!-- 登记规则 -->
<el-row class="level_rule">
<p><span></span>等级规则</p>
<table class="group">
<tbody>
<tr>
<th rowspan="2" class="modu_level_tit" style="width: 80px">会员级别</th>
<th rowspan="2" width="15%">级别标准</th>
<th width="30%">升降级标准</th>
<th class="modu_level_tit" width="40%">星级有效期延长的条件</th>
</tr>
<tr>
<td>1、二星以上会员的星级有效期为1年，自完成升星之日<br>
算起；注册及一星会员的星级有效期长期有效<br>
2、当星级到期时，将扣除二星及以上会员不同数量的成<br>
长值，并根据剩余成长值重新计算会员星级<br>
3、若达到上一级别的级别标准，即可升级。若未达到，<br>
则根据星级有效期延长的条件判断<br>
说明：扣除成长值时，会员的成长值最低为0</td>
<td>当会员星级到期后，未能达到升级标准，<br>
1、只要符合以下条件，您的当前会员级别可以顺延一年<br>
2、若未能达到以下条件，将顺次下调一个会员级别，同时按照下调日更新会员星级有效期
</td>
</tr>
<tr>
<td>注册会员</td>
<td>注册但无消费记录</td>
<td colspan="2" style="text-align: center">永久有效</td>
</tr>
<tr>
<td>一星会员</td>
<td>成长值在1-1999，并有出游归来订单（指途牛旅游产品订单）</td>
<td colspan="2" style="text-align: center">永久有效</td>
</tr>
<tr>
<td>二星会员</td>
<td>成长值2000—6999</td>
<td>有效期1年，到期后扣除<span style="color: red">1000</span>成长值，根据剩余成长值重新计算会员星级。</td>
<td>在会员星级有效期内，签约未取消订单数≥<span style="color: red">2单</span>或签约未取消订单金额（仅订单实际支付金额，不包括旅游券等）≥<span style="color: red">100元</span></td>
</tr>
<tr>
<td>三星会员</td>
<td>成长值7000—14999</td>
<td>有效期1年，到期后扣除<span style="color: red">1500</span>成长值，根据剩余成长值重新计算星级</td>
<td>在会员星级有效期内，签约未取消订单数≥<span style="color: red">2单</span>或签约未取消订单金额（仅订单实际支付金额，不包括旅游券等）≥<span style="color: red">600元</span></td>
</tr>
<tr>
<td>四星会员</td>
<td>成长值15000—49999</td>
<td>有效期1年，到期后扣除<span style="color: red">3500</span>成长值，根据剩余成长值重新计算星级</td>
<td>在会员星级有效期内，签约未取消订单数≥<span style="color: red">2单</span>或签约未取消订单金额（仅订单实际支付金额，不包括旅游券等）≥<span style="color: red">1500元</span></td>
</tr>
<tr>
<td>五星会员</td>
<td>成长值50000—99999</td>
<td>有效期1年，到期后扣除<span style="color: red">7000</span>成长值，根据剩余成长值重新计算星级</td>
<td>在会员星级有效期内，签约未取消订单数≥<span style="color: red">3单</span>或签约未取消订单金额（仅订单实际支付金额，不包括旅游券等）≥<span style="color: red">3000元</span></td>
</tr>
<tr>
<td>白金会员</td>
<td>成长值100000—299999</td>
<td>有效期1年，到期后扣除<span style="color: red">15000</span>成长值，根据剩余成长值重新计算星级</td>
<td>在会员星级有效期内，签约未取消订单数≥<span style="color: red">3单</span>或签约未取消订单金额（仅订单实际支付金额，不包括旅游券等）≥<span style="color: red">5000元</span></td>
</tr>
<tr>
<td>钻石会员</td>
<td>成长值300000+</td>
<td>有效期1年，到期后扣除<span style="color: red">50000</span>成长值，根据剩余成长值重新计算星级</td>
<td>在会员星级有效期内，签约未取消订单数≥<span style="color: red">4单</span>或签约未取消订单金额（仅订单实际支付金额，不包括旅游券等）≥<span style="color: red">8000元</span></td>
</tr>
</tbody>
</table>
</el-row>
<!-- 常见问题 -->
<el-row class="level_question">
<p><span></span>常见问题</p>
<div class="modu_con">
<p>1.会员星级有效期多久？<br>二星以上会员的星级有效期为1年，自完成升星之日算起；注册及一星会员的星级有效期长期有效。</p>
<p>2.二星及以上会员的星级有效期限能延长吗？<br>当会员星级到期后，如未能达到升级标准，按照对应星级的保级标准，达到顺延一年,未达到顺次下调一个会员星级（最低只降到一星会员，不会再降到普通会员）同时按照下调日更新会员级别有效期。</p>
</div>
</el-row>
</el-row>
</el-row>
</template>
<script>
export default {
data(){
return {
}
},
computed: {
},
created(){
},
mounted() {
},
methods: {
childMethod: function () {
this.$emit('childrenFun');
}
}
}
</script>
\ No newline at end of file
src/components/newPersonalCenter/newPersonalCenter.vue
View file @ 6c7da5b6
......@@ -50,7 +50,7 @@
<i class="iconfont icon-huiyuanicon"></i>
<span slot="title">会员中心</span>
</el-menu-item>
<el-submenu index="3">
<el-submenu index="9">
<template slot="title">
<i class="iconfont icon-huiyuanicon"></i>
<span>定制游</span>
......
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