update

miniprogram/api/roomList.ts

@@ -1,6 +1,6 @@
 
 
-import { GET_HOME_ROOM_LIST } from '../utils/apiList'
+import { GET_HOME_ROOM_LIST, GET_MY_ROOM_LIST } from '../utils/apiList'
 import { request, Response } from '../utils/http'
 
 
@@ -30,10 +30,19 @@ type RoomListRes = Response & {
   data: ListItem[]
 }
 export const getHomeRoomList = async (params: parmams): Promise<ListItem[]> => {
-  const res = await request.get<RoomListRes>(GET_HOME_ROOM_LIST, {
+  const res = await request.post<RoomListRes>(GET_HOME_ROOM_LIST, {
     pageNum: params.pageNum || 1,
     pageSize: params.pageSize || 1000
   })
-  return res.data
+
+  return res.data.list
+
+}
+export const getHMyRoomList = async (params: parmams): Promise<ListItem[]> => {
+  const res = await request.post<RoomListRes>(GET_MY_ROOM_LIST, {
+    pageNum: params.pageNum || 1,
+    pageSize: params.pageSize || 1000
+  })
+  return res.data.list
 
 }

miniprogram/app.json

@@ -5,7 +5,8 @@
     "pages/personal/personal",
     "pages/mp/mp",
     "pages/about/about",
-    "pages/room/room"
+    "pages/room/room",
+    "pages/myScene/myScene"
   ],
   "window": {
     "backgroundTextStyle": "light",

miniprogram/pages/index/index.ts

@@ -10,12 +10,11 @@ import { getHomeRoomList, ListItem } from '../../api/roomList'
 Page({
   data: {
     searchValue: '',
-    dataList: [] as ListItem[]
+    dataList: [] as ListItem[],
+    searchDataList: [] as ListItem[]
   },
   // 事件处理函数
-  bindViewTap() {
 
-  },
   onLoad() {
     // @ts-ignore
     if (wx.getUserProfile) {
@@ -33,6 +32,16 @@ Page({
     })
 
   },
+
+  handleSerach(event: WechatMiniprogram.TouchEvent) {
+    console.log('event', event)
+    const { value } = event.detail
+    const updateData = this.data.dataList.filter(item => item.roomTitle.includes(value))
+    console.log('updateData', updateData)
+    this.setData({
+      searchDataList: updateData
+    })
+  },
   handleToRoom(event: WechatMiniprogram.TouchEvent) {
     const { roomId } = event.detail
     console.log('roomId', roomId)

miniprogram/pages/index/index.wxml

@@ -2,13 +2,13 @@
 <view class="wrapper">
   <t-sticky offset-top="{{0}}">
     <view class="search-container">
-      <t-search class="search" model:value="{{searchValue}}" label="1" placeholder="搜索带看" shape='round' />
+      <t-search class="search" model:value="{{searchValue}}" label="1" bind:change='handleSerach' placeholder="搜索带看" shape='round' />
     </view>
 
   </t-sticky>
   <view class="container">
 
-    <view wx:for="{{dataList}}" wx:key="roomId" wx:for-index="idx" wx:for-item="item">
+    <view wx:for="{{searchValue.length > 0 ? searchDataList : dataList}}" wx:key="roomId" wx:for-index="idx" wx:for-item="item">
 
       <card cardId="{{item.roomId}}" name="{{item.roomTitle}}" cover="{{item.roomCoverUrl}}" status="{{item.roomStatus}}" lastTime="{{item.lastLookTime}}" bindtoRoom="handleToRoom"></card>
     </view>

miniprogram/pages/my/my.wxml

@@ -15,7 +15,7 @@
 
   </view>
   <view class="cell-list-contianer">
-    <t-cell title="我的带看" arrow>
+    <t-cell title="我的带看" arrow url="/pages/myScene/myScene">
       <t-icon name="root-list" color="#ed7b2f" slot="left-icon" />
     </t-cell>
     <t-cell title="关注公众号" url="/pages/mp/mp" jump-type="navigateTo" note="获取最新资讯，咨询" arrow>

miniprogram/pages/myScene/myScene.json

@@ -0,0 +1,9 @@
+{
+  "navigationBarTitleText": "我的带看",
+  "usingComponents": {
+    "t-back-top": "tdesign-miniprogram/back-top/back-top",
+    "t-search": "tdesign-miniprogram/search/search",
+    "t-sticky": "tdesign-miniprogram/sticky/sticky",
+    "card": "../../components/card/card"
+  }
+}

miniprogram/pages/myScene/myScene.scss

@@ -0,0 +1,32 @@
+/* pages/myScene/myScene.wxss */
+.search-container {
+  background-color: #ffffff;
+  padding: 15rpx 0;
+
+}
+
+.search {
+  margin: 0 auto 0 auto;
+  display: block;
+  padding: 0 15rpx;
+  --td-seach-bg-color: #ffffff;
+  --td-search-font-size: 26rpx;
+
+  .t-search__input-box {
+    border: 2rpx #eeeeee solid
+  }
+}
+
+.container {
+  padding: 15rpx;
+  display: block;
+  margin-top: 10rpx;
+  box-sizing: border-box;
+  padding-bottom: 200rpx;
+}
+
+.backtoTop {
+  .t-back-top--fixed {
+    bottom: 200rpx !important;
+  }
+}

miniprogram/pages/myScene/myScene.ts

@@ -0,0 +1,41 @@
+// index.ts
+// 获取应用实例
+
+const app = getApp<IAppOption>()
+// import { request, Response } from '../../utils/http'
+import { getHMyRoomList, ListItem } from '../../api/roomList'
+
+
+
+Page({
+  data: {
+    searchValue: '',
+    dataList: [] as ListItem[]
+  },
+  // 事件处理函数
+  bindViewTap() {
+
+  },
+  onLoad() {
+
+  },
+
+  async onShow() {
+    const res = await getHMyRoomList({});
+    debugger
+    this.setData({
+      dataList: res
+    })
+
+  },
+  handleToRoom(event: WechatMiniprogram.TouchEvent) {
+    const { roomId } = event.detail
+    console.log('roomId', roomId)
+    wx.navigateTo({
+      url: `/pages/room/room?roomId=${roomId}`
+    })
+  },
+  onToTop(e: WechatMiniprogram.TouchEvent) {
+    console.log('backToTop', e);
+  },
+})

miniprogram/pages/myScene/myScene.wxml

@@ -0,0 +1,19 @@
+<!--pages/myScene/myScene.wxml-->
+<view class="wrapper">
+  <t-sticky offset-top="{{0}}">
+    <view class="search-container">
+      <t-search class="search" model:value="{{searchValue}}" label="1" placeholder="搜索带看" shape='round' />
+    </view>
+
+  </t-sticky>
+  <view class="container">
+
+    <view wx:for="{{dataList}}" wx:key="roomId" wx:for-index="idx" wx:for-item="item">
+
+      <card cardId="{{item.roomId}}" name="{{item.roomTitle}}" cover="{{item.roomCoverUrl}}" status="{{item.roomStatus}}" lastTime="{{item.lastLookTime}}" bindtoRoom="handleToRoom"></card>
+    </view>
+
+  </view>
+  <t-back-top class="backtoTop" theme="round" text="顶部" bind:to-top="onToTop" fixed="{{true}}"></t-back-top>
+
+</view>