getUserInfo

pages/roomManger/roomManger.js

@@ -12,15 +12,36 @@ Page({
     hasData: true,
     loading: false,
     isSearch: false,
+    state:true,
     fetcherData: {
       type: 32,
       address: '',
       page: 1,
       size: 20,
       name: '',
-      state: ''
+      state: 1
     }
   },
+  async getUserInfo() {
+    const {data} = await util.request(api.UserInfo)
+    console.log('UserInfo',data)
+    wx.setStorageSync('userinfoDetail', data)
+    this.setData({
+      userInfo: {
+        nickName: data.nickname,
+        avatarUrl: data.avatar,
+      }
+    })
+  },
+  setActive(ev){
+    const that = this
+    const { type } = ev.currentTarget.dataset
+    this.setData({
+      'fetcherData.state': type == 'true'?1:2,
+    },()=>{
+      that.searchRoomList()
+    });
+  },
   inputChange(e) {
     this.setData({
       'fetcherData.name': e.detail.value,
@@ -135,7 +156,6 @@ Page({
             roomList: res.data.data,
           })
         }
-        console.log('roomData', res.data.list);
       }).catch(err => {
         this.setData({
           loading: false
@@ -194,7 +214,7 @@ Page({
       'fetcherData.type': options.type
     })
     this.getRoomList()
-
+    this.getUserInfo()
   },
 
   /**

pages/roomManger/roomManger.wxml

@@ -4,10 +4,12 @@
 
   <view class="storeContent">
     <view class="tab-header">
-      <view class="un-start">
+      <view class="un-start {{fetcherData.state == 1?'active':''}}" data-type="true" bindtap="setActive">
         <text>待开始</text>
       </view>
-      <view class="has-start"> <text>已开始</text></view>
+      <view class="has-start {{fetcherData.state !== 1?'active':''}}" data-type="false" bindtap="setActive"> 
+        <text>已开始</text>
+      </view>
     </view>
     <view class="search-container">
       <view class="storeSearch">

pages/roomManger/roomManger.wxss

@@ -24,7 +24,18 @@
   justify-content: center;
   align-items: center;
 }
-
+.tab-header .active text{
+  color: #0075DC;
+  border-bottom:4rpx solid #0075DC;
+}
+.tab-header view text{
+  padding-bottom:15rpx;
+  /*transition: all 0.3s;*/
+}
+.storeSearch image {
+  width: 24rpx;
+  height: 24rpx;
+}
 .un-start,
 .has-start {
   width: 50%;