|
...
|
...
|
@@ -8,8 +8,59 @@ |
|
|
|
<title>学考无忧-收入记录</title>
|
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
|
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
|
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css">
|
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css">
|
|
|
|
</head>
|
|
|
|
<style>
|
|
|
|
.time {
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: space-around;
|
|
|
|
align-items: center;
|
|
|
|
padding: 0.3rem 0 0.14rem 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.time_btn {
|
|
|
|
width: 1.16rem;
|
|
|
|
height: 0.64rem;
|
|
|
|
background: linear-gradient(328deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%);
|
|
|
|
box-shadow: 0 0.06rem 0.12rem rgba(255, 128, 0, 0.24);
|
|
|
|
opacity: 1;
|
|
|
|
border-radius: 0.08rem;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 0.64rem;
|
|
|
|
font-size: 0.28rem;
|
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.time button {
|
|
|
|
width: 2.2rem;
|
|
|
|
height: 0.64rem;
|
|
|
|
background: rgba(235, 235, 235, 1);
|
|
|
|
border-radius: 0.32rem;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 0.26rem;
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
|
border: none;
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mui-poppicker-header,
|
|
|
|
.mui-picker {
|
|
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mui-btn-blue,
|
|
|
|
.mui-btn-primary,
|
|
|
|
input[type=submit] {
|
|
|
|
background-color: #FF7700;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mui-pciker-list li.highlight {
|
|
|
|
color: #FF7700;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<body>
|
|
|
|
<!-- 顶部 -->
|
|
|
|
<div class="order_top">
|
|
...
|
...
|
@@ -18,6 +69,18 @@ |
|
|
|
</a>
|
|
|
|
<p>收入记录</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="time">
|
|
|
|
<div class="start_time">
|
|
|
|
<button id='result' data-options='{"type":"date"}'>选择起始时间</button>
|
|
|
|
</div>
|
|
|
|
<div class="end_time">
|
|
|
|
<button id='ss' data-options='{"type":"date"}'>选择截止时间 </button>
|
|
|
|
</div>
|
|
|
|
<div class="time_btn">重置</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="record_Box">
|
|
|
|
<ul>
|
|
|
|
<volist name="res" id="vo">
|
|
...
|
...
|
@@ -61,6 +124,49 @@ |
|
|
|
<!-- 底部更多 -->
|
|
|
|
<div class="in_what">—— 已经到底了哦 ——</div>
|
|
|
|
<script src="__TMPL__/public/assets/js/base.js"></script>
|
|
|
|
<script src="__TMPL__/public/assets/js/mui.min.js"></script>
|
|
|
|
<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
|
|
|
|
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
|
|
|
|
<script src="__TMPL__/public/assets/js/jquery.js"></script>
|
|
|
|
<script>
|
|
|
|
var start_time = 0,end_time = 0,time_btn=$(".time_btn");
|
|
|
|
(function($) {
|
|
|
|
$.init();
|
|
|
|
var result = $('#result')[0];
|
|
|
|
var ss = document.getElementById("ss");
|
|
|
|
var btns = $('.btn');
|
|
|
|
result.addEventListener('tap', function() {
|
|
|
|
var optionsJson = this.getAttribute('data-options') || '{}';
|
|
|
|
var options = JSON.parse(optionsJson);
|
|
|
|
var id = this.getAttribute('id');
|
|
|
|
var picker = new $.DtPicker(options);
|
|
|
|
picker.show(function(rs) {
|
|
|
|
result.innerText = rs.text;
|
|
|
|
picker.dispose();
|
|
|
|
start_time = 1;
|
|
|
|
});
|
|
|
|
if(start_time==1&&end_time==1){
|
|
|
|
time_btn[0].innerText = '搜索'
|
|
|
|
}
|
|
|
|
|
|
|
|
}, false);
|
|
|
|
ss.addEventListener('tap', function() {
|
|
|
|
var optionsJson = this.getAttribute('data-options') || '{}';
|
|
|
|
var options = JSON.parse(optionsJson);
|
|
|
|
var id = this.getAttribute('id');
|
|
|
|
var picker = new $.DtPicker(options);
|
|
|
|
picker.show(function(rs) {
|
|
|
|
ss.innerText = rs.text;
|
|
|
|
picker.dispose();
|
|
|
|
end_time = 1
|
|
|
|
if(start_time==1&&end_time==1){
|
|
|
|
time_btn[0].innerText = '搜索'
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
}, false);
|
|
|
|
})(mui);
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|
