会议详情 会议报名

pages/meeting/meeting.js

@@ -31,30 +31,102 @@ Page({
       }
     ],
     // 会议列表数据
-    meetingList:[]
+    meetingList:[],
+    // 下拉框送搜索数据
+    selectData:[],
+    // 控制弹窗显示的
+    visible:false,
+    // 控制月份选择器显示
+    visibleDate:false,
+    // 是哪个筛选条件
+    index:-1
   },
-  
+
   // 会议详情
   meetingDetail(e){
     // 会议id
     let meetingInfo =JSON.stringify(e.currentTarget.dataset.meetinginfo)
     wx.navigateTo({
-      url: `../meetingDetailSigned/meetingDetailSigned?meetingInfo=${meetingInfo}`, // (已报名)
+      // url: `../meetingDetailSigned/meetingDetailSigned?meetingInfo=${meetingInfo}`, // (已报名)
+      url:'../signUpPage/signUpPage'
     })
   },
   // 获取会议列表数据
   queryMeetingList(){
     const that = this
     MeetingApi.meetingList().then(res => {
-      console.log(res,'res');
       if(res.success){
         that.setData({
           meetingList:res.result.records
         })
       }
+    }).catch(err => {
+      wx.showToast({
+        title: '加载失败',
+        icon: 'fail',
+        duration: 2000
+      })
     })
   },
-
+  // 点击搜索条件
+  changeTab(e){
+    let index = e.currentTarget.dataset.index
+    switch(index) {
+      case 1: this.setData({
+        visible:true,
+        selectData:[
+          {label:'可报名',value:1},
+          {label:'未开始',value:1},
+          {label:'进行中',value:1},
+          {label:'已结束',value:1},
+        ]
+      })
+      break
+      case 2:this.setData({
+        visible:true,
+        selectData:[
+          {label:'工作组会议',value:1},
+          {label:'标协会议',value:2},
+          {label:'国际研讨会',value:3},
+          {label:'其他会议',value:4},
+          {label:'分标委会议',value:5},
+        ]
+      })
+      break
+      case 3 : this.setData({
+        visibleDate:true
+      })
+    }
+  },
+  // 关闭弹出层
+    close() {
+      this.setData({
+        visible: false
+      })
+    },
+  // 下拉框选中
+    ok(e){
+      this.data.pageNo = 1
+      if(this.data.index === 0){
+        this.setData({
+          'searchParams.needInvoice': e.detail
+        })
+      }else if(this.data.index === 1){
+        this.setData({
+          'searchParams.pack': e.detail
+        })
+      }
+      this.loadData()
+    },
+    // 日期选中
+    dateOk(value){
+      // this.data.pageNo = 1
+      this.setData({
+        // "searchParams.year": value.detail,
+        visibleDate: false
+      })
+      this.loadData()
+    },
   /**
    * 生命周期函数--监听页面加载
    */
@@ -110,4 +182,4 @@ Page({
   onShareAppMessage: function () {
 
   }
-})
+})

pages/meeting/meeting.json

@@ -1,4 +1,7 @@
 {
   "navigationBarTitleText": "会议",
-  "usingComponents": {}
-}
+  "usingComponents": {
+    "popup": "../../components/popup/popup",
+    "dateMonth": "../../components/dateMonth/dateMonth"
+  }
+}

pages/meeting/meeting.wxml

@@ -1,6 +1,6 @@
 <!--pages/meeting/meeting.wxml首页会议活动-->
 <view class="select-list">
-	<view class="select-item" bindtap="changeTab(select)" wx:for="{{selects}}" wx:for-item="select" wx:key="tabIndex">
+	<view class="select-item" bindtap="changeTab" data-index="{{select.tabIndex}}" wx:for="{{selects}}" wx:for-item="select" wx:key="tabIndex">
 		<text>{{select.select}}</text>
 		<image wx:if="{{!select.active}}" src="../../assets/images/toTop.png"></image>
 		<image wx:if="{{select.active}}" src="../../assets/images/toBottom.png"></image>
@@ -21,4 +21,11 @@
 			<text>{{item.venue + '/' + item.address}}</text>
 		</view>
 	</view>
+	<view wx:if="{{meetingList.length === 0}}" class="no-data">
+	<text>暂无数据</text>
 </view>
+</view>
+<!-- 下拉框的弹出层 -->
+<popup visible="{{visible}}" bindclose="close" outClickCanClose="true" bindok="ok" data="{{selectData}}"></popup>
+<!-- 年份选择器 或者月份选择器 -->
+<dateMonth visible="{{visibleDate}}" mode="month" bindok="dateOk"></dateMonth>