-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbillhistory.html
77 lines (66 loc) · 2.7 KB
/
billhistory.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<!--<link href="css/mui.min.css" rel="stylesheet" />-->
<link href="css/main.css" rel="stylesheet" />
</head>
<body class="f-billhistory">
<div class="" id="f-billhistory">
<div class="f-yearBox" v-for="yearData in hisDatas" :id="yearData.yearIndex">
<div class="title">{{yearData.yearIndex}}年</div>
<ul class="mui-table-view">
<li class="mui-table-view-cell" v-for="rowData in yearData.yearDatas" :id="rowData.monthIndex" @click="billhistoryRowC(yearData.yearIndex,rowData.monthIndex)">
<a href="bill.html">
<span class="time">{{rowData.monthIndex}} 月账单</span>
<span class="money">￥{{rowData.monthMoney}}</span>
<span class="status" v-if="rowData.monthstatus==0">已结清</span>
<span class="status" v-else :class="{ paySome:rowData.monthstatus==1,payNone:rowData.monthstatus==2}">未结清</span>
</a>
</li>
</ul>
</div>
</div>
<script src="js/vue.js"></script>
<script src="js/jsondatas.js"></script>
<script type="text/javascript">
var billDatasArrSeession=JSON.parse(sessionStorage.getItem('billDatasArrSeession'));
billDatasArrSeession.sort(function(x,y){return y.yearIndex-x.yearIndex})//按年份大到小排序；
for(i=0,len=billDatasArrSeession.length;i<len;i++){
var monthDatas=billDatasArrSeession[i].yearDatas;
monthDatas.sort(function(x,y){return x.monthIndex>y.monthIndex?-1:1});//按月份大到小排序；
}
var vbillhistory=new Vue({
el:'#f-billhistory',
data:{
hisDatas:billDatasArrSeession
},
methods:{
billhistoryRowC:function(y,m){
var billDatasArrSeession=JSON.parse(sessionStorage.getItem('billDatasArrSeession'));
for(i=0,len=billDatasArrSeession.length;i<len;i++){
if(billDatasArrSeession[i].yearIndex===y){
var monthDatas=billDatasArrSeession[i].yearDatas;
for(var k=0,len=monthDatas.length;k<len;k++){
if(monthDatas[k].monthIndex===m){
var billDetailS=monthDatas[k].monthDatas;
var monthMoney=monthDatas[k].monthMoney;
var monthstatus=monthDatas[k].monthstatus;
sessionStorage.setItem('billDetailS-money',monthMoney);
sessionStorage.setItem('billDetailS-status',monthstatus);
sessionStorage.setItem('billDetailS-year',y);
sessionStorage.setItem('billDetailS-Month',m);
sessionStorage.setItem('billDetailS',JSON.stringify(billDetailS));
return;
}
}
}
}
}
}
});
</script>
</body>
</html>