From 769b522f7709500c8c339722d77c2bbaa3f42c62 Mon Sep 17 00:00:00 2001 From: anyv <anyu@bronet.cn> Date: Fri, 21 Jun 2019 14:26:02 +0800 Subject: [PATCH] 1 --- public/themes/simpleboot3/portal/personalcenter/income_record.html | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 106 insertions(+), 0 deletions(-) diff --git a/public/themes/simpleboot3/portal/personalcenter/income_record.html b/public/themes/simpleboot3/portal/personalcenter/income_record.html index f9c4cf6..a1813d3 100755 --- a/public/themes/simpleboot3/portal/personalcenter/income_record.html +++ b/public/themes/simpleboot3/portal/personalcenter/income_record.html @@ -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 -- libgit2 0.24.0