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