You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
2.4 KiB
67 lines
2.4 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
|
|
<title>订单页面</title>
|
|
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
|
|
<script src="/axios.min.js"></script>
|
|
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/index.css">
|
|
</head>
|
|
<body style="background: #efefef"><div id="app">
|
|
<div style="background:#31A462;color: #ffffff;text-align: center;line-height: 100px; ">我已报名的活动</div>
|
|
<div v-for="(item,key) in dataList">
|
|
<div style="background: #ffffff;padding: 10px;border-radius: 5px;margin:0 10px;margin-top:10px;">
|
|
<div style="">{{item.fuAc.title}}</div>
|
|
<div style="">{{item.sonAc.title}}</div>
|
|
<div style="color: #666666;font-size: 14px;line-height: 25px;">姓名:{{item.name}}</div>
|
|
<div style="color: #666666;font-size: 14px;line-height: 25px;">学校:{{item.school}}</div>
|
|
<div style="color: #666666;font-size: 14px;line-height: 25px;">班级:{{item.grade}}</div>
|
|
<div style="color: #666666;font-size: 14px;line-height: 25px;">金额:{{item.money}}</div>
|
|
<div style="color: #666666;font-size: 14px;line-height: 25px;">手机:{{item.phone}}</div>
|
|
<div style="color: #666666;font-size: 14px;line-height: 25px;">状态:
|
|
<span v-if="item.status===1" style="background: red;color: #ffffff;">未缴费</span>
|
|
<span v-if="item.status===2" style="background: green;color: #ffffff;">已缴费</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="dataList.length===0">
|
|
<div style="background: #ffffff;padding: 10px;border-radius: 5px;margin:0 10px;margin-top:10px;">
|
|
<div style="text-align: center">暂无订单</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
<script>
|
|
new Vue({
|
|
el: '#app',
|
|
data: {
|
|
dataList:[]
|
|
},
|
|
methods:{
|
|
selectThis(active){
|
|
this.active=active
|
|
}
|
|
},
|
|
mounted(){
|
|
let pem={
|
|
openid:'{$openid}'
|
|
}
|
|
axios.post('/index.php/index/index/meorderList',pem).then(res=>{
|
|
this.dataList=res.data
|
|
})
|
|
|
|
}
|
|
|
|
})
|
|
$('.pop_bg').css('height',$(window).height())
|
|
</script>
|
|
</html> |