Commit b645b07d authored by 黄奎's avatar 黄奎

新增优惠券列表未完成

parent a8773473
.PsMyCoupon ._content table{
width: 100%;
}
.PsMyCoupon ._content tbody td{
padding: 6px 0;
text-align: center;
font-size: 12px;
border-bottom: 1px solid #E6E6E6;
}
.PsMyCoupon ._el_tab{
margin: 20px 0 0 0;
}
.PsMyCoupon ._el_tab ul{
padding: 0;
display: flex;
border-bottom: 1px solid #E6E6E6;
}
.PsMyCoupon ._el_tab ul li{
font-size: 14px;
color: #999999;
list-style: none;
cursor: pointer;
padding-bottom: 14px;
border-bottom: 2px solid white;
transition: all linear .2s;
width: 110px;
text-align: center;
}
.PsMyCoupon ._el_tab ul li:hover{
color: #E73828;
border-bottom: 2px solid #E73828;
}
.PsMyCoupon ._el_tab ul li.active{
color: #E73828;
border-bottom: 2px solid #E73828;
}
.PsMyCoupon .hgh_table{margin-bottom: 20px;}
.PsMyCoupon ._el_tab_2 ul{
display: flex;
align-items: center;
height: 40px;
line-height: 40px;
background-color: #D6D6D6;
font-size: 12px;
color: #333333;
}
.PsMyCoupon ._el_tab_2 ul li{
list-style: none;
cursor: pointer;
padding: 0 25px;
}
.PsMyCoupon ._el_tab_2 ul li.active{
color: #E73828;
}
._content_item{
display: flex;
}
._content_item ._item{
width: 220px;
}
\ No newline at end of file
<style>
@import "../../assets/mall/PsMyCoupon.css";
</style>
<template>
<el-row class="PsMyCoupon">
<el-col :span="20" :offset="2" class="_content">
<el-row class="_el_tab">
<ul>
<li :class="active==0?'active':''" @click="active=0,getList(),resetPageIndex()">跟团游</li>
<li :class="active==1?'active':''" @click="active=1,getList(),resetPageIndex()">机票</li>
<li :class="active==2?'active':''" @click="active=2,getList(),resetPageIndex()">签证</li>
</ul>
</el-row>
<el-row class="_el_tab_2">
<ul>
<li :class="activeSub==0?'active':''" @click="activeSub=0,getList(),resetPageIndex()">全部</li>
<li :class="activeSub==1?'active':''" @click="activeSub=1,getList(),resetPageIndex()">折扣券</li>
<li :class="activeSub==2?'active':''" @click="activeSub=2,getList(),resetPageIndex()">抵扣券</li>
<!-- <li :class="activeSub==3?'active':''" @click="active=0,getList(),resetPageIndex()">即将过期</li> -->
</ul>
</el-row>
<el-row class="_table_box" v-loading='dateLoading'>
<div v-if="dtaaList.length>0" class="_content_item">
<div class="_item">
</div>
</div>
<div class="empty-data" v-else>
<i class="iconfont icon-kong"></i>
很抱歉,你想要的信息我们真的找不到了
</div>
</el-row>
</el-col>
</el-row>
</template>
<script>
export default {
components: {
},
data(){
return {
active: 0,
activeSub: 0,
totalCount: 20,
pageSize: 1,
msg:{
pageIndex: 1,
pageSize: 10,
useState: 1,
lineId: 0,
lineteamId: 0,
couponsName: '',
couponsType: '',
couponStatus: 1,
couponEffectStatus: 1,
couponsUseScope: 1,
},
dtaaList: [],
dateLoading: true,
LineList: [],
QLineTeamList: [],
LineTeamList: [],
}
},
computed: {
},
created(){
},
mounted() {
this.getList();
this.getLineList();
},
methods: {
getList(){ // 获取数据
this.dateLoading = true;
this.msg.orderType = this.active;
this.apipost('b2b_get_GetMyOrderPageList',this.msg,r=>{
if(r.data.resultCode==1){
let data = r.data.data.pageData;
this.totalCount = r.data.data.pageCount;
data.forEach(x => {
x.createDate = x.createDate.replace('T',' ')
});
this.MyOrderPageList = data;
this.dateLoading = false;
}else{
this.$message.error(r.data.message);
this.dateLoading = false;
}
},null)
},
//获取线路列表
getLineList() {
this.apipost('line_post_GetList', {}, res => {
if (res.data.resultCode == 1) {
this.LineList = res.data.data
}
})
},
//获取系列列表
getLineTeamList (LineID, type) {
let msg = {
lineID: LineID,
isTOOP: 1
}
this.apipost('team_post_GetList', msg, res => {
if (res.data.resultCode == 1) {
if (type) {
this.QLineTeamList = res.data.data
} else {
this.LineTeamList = res.data.data
}
}
})
},
handleCurrentChange(val) { // 翻页
this.msg.pageIndex=parseInt(val)
this.getList()
},
resetPageIndex() {//查询初始化页码
this.msg.pageIndex = 1;
},
}
}
</script>
\ No newline at end of file
......@@ -140,6 +140,7 @@ color:rgba(51,51,51,1);
<el-menu-item index="3"><a href="javascript:void(0);">经营管理</a></el-menu-item>
<el-menu-item index="4" @click="goUrl('PsSystem',false)"><a href="javascript:void(0);">系统管理</a></el-menu-item>
<el-menu-item index="5" @click="goUrl('PsAccBalance',false)"><a href="javascript:void(0);">账户余额</a></el-menu-item>
<el-menu-item index="7" @click="goUrl('PsMyCoupon',false)"><a href="javascript:void(0);">我的优惠券</a></el-menu-item>
</el-menu>
</el-col>
</el-row>
......
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