Signed-off-by: yukangzhe <382985154@qq.com>

app.json

@@ -1,11 +1,11 @@
 {
   "plugins": {},
   "pages": [
+    "pages/index/index",
     "pages/schedule/schedule",
     "pages/piano/piano",
     "pages/login/login",
     "pages/makePiano/makePiano",
-    "pages/index/index",
     "pages/myself/myself"
   ],
   "window": {

pages/Components/selectDate/selectDate.js

@@ -0,0 +1,62 @@
+// pages/Components/selectDate/selectDate.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    beginDate: '2021-01-01',
+    endDate: '2021-02-02',
+    yFlag: false,
+    animationBox: {},
+    animationBg: {},
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    showSelect:function(){
+      var animation = wx.createAnimation({
+        timingFunction: 'linear',
+      })
+      this.animation = animation
+      var num = 0
+      var opacity = 0
+      if(this.data.yFlag == false){
+        num = 165
+        opacity = 0.4
+        this.setData({
+          yFlag: true
+        })
+      } else {
+        num = -360
+        opacity = 0
+        this.setData({
+          yFlag: false
+        })
+      }
+      animation.translateY(num).step()
+      this.setData({
+        animationBox:animation.export()
+      })
+  
+      var animation2 = wx.createAnimation({
+        timingFunction: 'linear',
+      })
+      this.animation2 = animation2
+  
+      animation2.opacity(opacity).step()
+      this.setData({
+        animationBg:animation2.export()
+      })
+  
+    },
+  }
+})

pages/Components/selectDate/selectDate.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

pages/Components/selectDate/selectDate.wxml

@@ -0,0 +1,27 @@
+<view class="select-view" bindtap="showSelect">筛选</view>
+  <view class="select-box" animation="{{animationBox}}">
+    <view class="change-time">
+      <view class="select-title">选择时间段:</view>
+    <view class="select-date-view">
+      <view class="section">
+        <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
+          <view class="picker">
+            {{beginDate}}
+          </view>
+        </picker>
+        <view> 至 </view>
+        <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
+          <view class="picker">
+            {{endDate}}
+          </view>
+        </picker>
+      </view>
+    </view>
+    </view>
+    <view class="search-btn-view">
+      <view class="search-btn">确定</view>
+      <view class="reset-btn">重置</view>
+    </view>
+  </view>
+  <view class="select-box-bg" bindtap="showSelect" animation="{{animationBg}}" wx:if="{{yFlag == true}}"></view>
+  <view class="height-view"></view>

pages/Components/selectDate/selectDate.wxss

@@ -0,0 +1,85 @@
+.select-view {
+  height: 60rpx;
+  line-height: 60rpx;
+  background: #cc6031;
+  color: #FFF;
+  text-align: center;
+  font-size: 36rpx;
+  position: fixed;
+  width: 750rpx;
+  z-index: 3;
+}
+
+.height-view {
+  height: 60rpx;
+}
+
+.select-box {
+  position: fixed;
+  background: #FFF;
+  top: -240rpx;
+  width: 750rpx;
+  height: 300rpx;
+  font-size: 32rpx;
+  z-index: 2;
+  
+}
+.change-time{
+  display: flex;
+  margin-top: 40rpx;
+}
+.section{
+  display: flex;
+  padding-top: 40rpx;
+}
+.section view{
+  line-height: 60rpx;
+}
+.picker{
+  margin: 0 10rpx;
+  border: 1px solid #ccc;
+  padding: 0 20rpx;
+  height: 60rpx;
+  line-height: 60rpx;
+  border-radius: 5rpx;
+}
+.select-title{
+  height: 140rpx;
+  line-height: 140rpx;
+  margin-left: 25rpx;
+}
+.search-btn-view{
+  display: flex;
+    width: 400rpx;
+    margin: 20rpx auto;
+}
+.search-btn-view view{
+  margin: 0 auto;
+}
+.search-btn{
+  height: 60rpx;
+  line-height: 60rpx;
+  width: 150rpx;
+  border-radius: 10rpx;
+  background: #cc6031;
+  text-align: center;
+  color: #FFF;
+}
+.reset-btn{
+  height: 60rpx;
+  line-height: 60rpx;
+  width: 150rpx;
+  border-radius: 10rpx;
+  background: #f1f1f1;
+  text-align: center;
+  color: #666;
+}
+.select-box-bg{
+  background: #333;
+  opacity: 0;
+  z-index: 1;
+  height: 100%;
+  width: 100%;
+  top: 60rpx;
+  position: fixed;
+}

pages/index/index.js

@@ -12,12 +12,12 @@ Page({
     index: 0,
     curStu: {},
     classList: [
-      { img: '/images/kc.png', title: '今日课程', num: '0' },
+      { img: '/images/kc.png', title: '今日课程', num: '0', url:"/pages/schedule/schedule" },
       { img: '/images/jtzy.png', title: '今日作业', num: '0' },
       { img: '/images/cq.png', title: '出勤率', num: '0%' },
     ],
     appList: [
-      { img: '/images/kb.png', title: '我的课表' },
+      { img: '/images/kb.png', title: '我的课表',url:"/pages/schedule/schedule" },
       { img: '/images/zy.png', title: '提交作业' },
       { img: '/images/dp.png', title: '课堂点评' },
       { img: '/images/zj.png', title: '成长足迹' },
@@ -85,6 +85,12 @@ Page({
     });
   },
 
+  toPage:function(e){
+    wx.navigateTo({
+      url: e.currentTarget.dataset.url,
+    })
+  },
+
   /**
    * 生命周期函数--监听页面加载
    */

pages/index/index.wxml

@@ -34,7 +34,7 @@
   <view class="class-view">
     <view class="title">课程数据</view>
     <view class="class-list">
-      <view class="class-box" wx:for="{{classList}}" wx:key="index">
+      <view class="class-box" wx:for="{{classList}}" wx:key="index" data-url="{{item.url}}" bindtap="toPage">
         <view class="class-img">
           <image src="{{item.img}}"></image>
         </view>
@@ -51,7 +51,7 @@
   <view class="app-view">
     <view class="title">我的应用</view>
     <view class="app-list">
-      <view class="app-box" wx:for="{{appList}}" wx:key="index">
+      <view class="app-box" wx:for="{{appList}}" wx:key="index" data-url="{{item.url}}" bindtap="toPage">
         <view class="app-img">
           <image src="{{item.img}}"></image>
         </view>

pages/piano/piano.js

@@ -5,8 +5,7 @@ Page({
    * 页面的初始数据
    */
   data: {
-    animationBox: {},
-    animationBg: {},
+   
     list:[
       {},
       {},
@@ -17,47 +16,10 @@ Page({
     ],
     loading:'上拉加载',
     flag:0,
-    beginDate: '2021-01-01',
-    endDate: '2021-02-02',
-    yFlag: false,
+   
   },
 
-  showSelect:function(){
-    var animation = wx.createAnimation({
-      timingFunction: 'linear',
-    })
-    this.animation = animation
-    var num = 0
-    var opacity = 0
-    if(this.data.yFlag == false){
-      num = 165
-      opacity = 0.4
-      this.setData({
-        yFlag: true
-      })
-    } else {
-      num = -360
-      opacity = 0
-      this.setData({
-        yFlag: false
-      })
-    }
-    animation.translateY(num).step()
-    this.setData({
-      animationBox:animation.export()
-    })
-
-    var animation2 = wx.createAnimation({
-      timingFunction: 'linear',
-    })
-    this.animation2 = animation2
-
-    animation2.opacity(opacity).step()
-    this.setData({
-      animationBg:animation2.export()
-    })
-
-  },
+  
 
   getPiano:function(){
     wx.navigateTo({

pages/piano/piano.json

@@ -1,4 +1,6 @@
 {
-  "usingComponents": {},
+  "usingComponents": {
+    "selectDate":"/pages/Components/selectDate/selectDate"
+  },
   "navigationBarTitleText": "预约练琴"
 }

pages/piano/piano.wxml

@@ -1,31 +1,9 @@
 <view class="container">
-  <view class="select-view" bindtap="showSelect">筛选</view>
-  <view class="select-box" animation="{{animationBox}}">
-    <view class="change-time">
-      <view class="select-title">选择时间段:</view>
-    <view class="select-date-view">
-      <view class="section">
-        <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
-          <view class="picker">
-            {{beginDate}}
-          </view>
-        </picker>
-        <view> 至 </view>
-        <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
-          <view class="picker">
-            {{endDate}}
-          </view>
-        </picker>
-      </view>
-    </view>
-    </view>
-    <view class="search-btn-view">
-      <view class="search-btn">确定</view>
-      <view class="reset-btn">重置</view>
-    </view>
-  </view>
-  <view class="select-box-bg" bindtap="showSelect" animation="{{animationBg}}" wx:if="{{yFlag == true}}"></view>
-  <view class="height-view"></view>
+
+  <!-- 时间筛选 -->
+  <selectDate></selectDate>
+  <!-- end -->
+  
   <view class="piano-list">
     <view class="piano-box" wx:for="{{list}}" wx:key="index">
       <view class="piano-detail">