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.
61 lines
2.3 KiB
61 lines
2.3 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><div id="app">
|
|
<div v-for="(item,key) in dataList">
|
|
<div style="width: 100%;text-align: center;font-size:20px;line-height: 30px;margin-top:20px;">{{item.title}}</div>
|
|
<div v-for="(itemSon,itemKey) in item.son">
|
|
<div style="color: darkred;margin-left:10px;margin-top:15px;">{{itemSon.title}}</div>
|
|
<div style="display: flex;width: 100%;margin:0 10px;color: #999999;">
|
|
<div style="flex: 1">姓名</div>
|
|
<div style="flex: 1">学校</div>
|
|
<div style="flex: 1">班级</div>
|
|
<div style="flex: 1">金额</div>
|
|
<div style="flex: 1">手机</div>
|
|
</div>
|
|
<div style="display: flex;width: 100%;margin:0 10px;color: #333333;font-size: 12px;" v-for="(itemSon1,itemKey1) in itemSon.order" v-if="itemSon.order">
|
|
<div style="flex: 1">
|
|
<span v-if="itemSon1.status===1" style="background: red;color: #ffffff;">未缴费</span>
|
|
<span v-if="itemSon1.status===2" style="background: green;color: #ffffff;">已缴费</span>
|
|
{{itemSon1.name}}</div>
|
|
<div style="flex: 1">{{itemSon1.school}}</div>
|
|
<div style="flex: 1">{{itemSon1.grade}}</div>
|
|
<div style="flex: 1">{{itemSon1.money}}</div>
|
|
<div style="flex: 1">{{itemSon1.phone}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
<script>
|
|
new Vue({
|
|
el: '#app',
|
|
data: {
|
|
dataList:[],
|
|
},
|
|
methods:{
|
|
selectThis(active){
|
|
this.active=active
|
|
}
|
|
},
|
|
mounted(){
|
|
|
|
axios.post('/index.php/index/index/orderList',this.addForm).then(res=>{
|
|
this.dataList=res.data
|
|
})
|
|
|
|
}
|
|
|
|
})
|
|
$('.pop_bg').css('height',$(window).height())
|
|
</script>
|
|
</html> |