修改个人信息 入住记录页面

app.json

@@ -19,7 +19,8 @@
     "root":"subpages/mine",
     "name":"mine",
     "pages":[
-      "editUser/editUser"
+      "editUser/editUser",
+      "checkInRecord/checkInRecord"
     ]
   }
   ],

app.wxss

@@ -213,6 +213,12 @@ page{
 .ml-28{
   margin-left: 28rpx;
 }
+.mr-10{
+  margin-right: 10rpx;
+}
+.px-20{
+  padding: 0 20rpx;
+}
 .icon-20{
   width: 20rpx !important;
   height: 20rpx !important;

components/noData/nodata.js

@@ -0,0 +1,14 @@
+"use strict";
+Component({
+    properties: {
+        isShow: {
+            type: Boolean
+        },
+        top:{
+            type:Boolean,
+            value:false
+        }
+    },
+    data: {},
+    methods: {}
+});

components/noData/nodata.json

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

components/noData/nodata.wxml

@@ -0,0 +1,5 @@
+<!--components/nodata/nodata.wxml-->
+<view class="box" wx:if="{{isShow}}" style="margin-top:{{top?'400rpx':''}}">
+    <text class="text">暂无数据~</text>
+</view>
+

components/noData/nodata.wxss

@@ -0,0 +1,20 @@
+/* components/nodata/nodata.wxss */
+.box{
+    width: 100%;
+    height: auto;
+    box-sizing: border-box;
+    text-align: center;
+    margin-top: 100rpx;
+}
+.image{
+    width: 450rpx;
+    height: 240rpx;
+}
+.text{
+    width: 100%;
+    height: auto;
+    font-size: 28rpx;
+    color: #BCBCBC;
+    display: block;
+    margin: 0 auto;
+}

pages/mine/mine.js

@@ -1,12 +1,38 @@
 // pages/mine/mine.js
 const app = getApp()
+import Notify from '@vant/weapp/notify/notify';
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+      serviceNavList:[
+        {
+          label:'物资情况',
+          url:''
+        },
+        {
+          label:'入住记录',
+          url:'/subpages/mine/checkInRecord/checkInRecord'
+        },
+        {
+          label:'预约看房',
+          url:''
+        },
+        {
+          label:'我的报修',
+          url:''
+        },
+        {
+          label:'我的报事',
+          url:''
+        },
+        {
+          label:'共享空间',
+          url:''
+        }
+      ]
     },
 
     /**
@@ -73,5 +99,16 @@ Page({
      */
     onShareAppMessage() {
 
+    },
+    toInfo(e){
+      console.log(e);
+      if(e.currentTarget.dataset.url){
+        wx.navigateTo({
+          url:e.currentTarget.dataset.url ,
+        })
+      }else{
+        Notify({ type: 'primary', message: '持续上线中，敬请期待~' });
+
+      }
     }
 })

pages/mine/mine.json

@@ -1,6 +1,7 @@
 {
     "usingComponents": {
-        "van-icon": "@vant/weapp/icon/index"
+        "van-icon": "@vant/weapp/icon/index",
+        "van-notify": "@vant/weapp/notify/index"
     },
     "navigationStyle": "custom"
 }

pages/mine/mine.wxml

@@ -77,10 +77,11 @@
             服务信息
         </view>
         <view class="service-c">
-            <view class="flex  p10" style="width: 180rpx;background-color: #f3f9fc;border-radius: 10rpx;" wx:for="{{7}}">
-                <image src="{{'../../images/mine/s'+(index + 1)+'.png'}}" class="icon-40" />
-                <view>空调空调</view>
+            <view class="flex  p10" style="width: 180rpx;background-color: #f3f9fc;border-radius: 10rpx;" wx:for="{{serviceNavList}}" bind:tap="toInfo" data-url="{{item.url}}">
+                <image src="{{'../../images/mine/s'+(index + 1)+'.png'}}" class="icon-40 mr-10" />
+                <view>{{item.label}}</view>
             </view>
         </view>
     </view>
-</view>
+</view>
+<van-notify id="van-notify" />

pages/register/register.wxss

@@ -1,4 +1,7 @@
 /* pages/register/register.wxss */
+page{
+    overflow: hidden;
+}
 .btn-box{
     width: 620rpx;
     position: absolute;

subpages/mine/checkInRecord/checkInRecord.js

@@ -0,0 +1,99 @@
+// subpages/mine/checkInRecord/checkInRecord.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    },
+    getList(){
+        let parm = {
+          flag:1,
+          pageSize:10,
+          pageNo:1
+        }
+        getList(parm).then(res=>{
+          if(res.code === 0){
+           this.setData({
+             list:res.data.list
+           })
+          }
+        }).catch(err=>{
+          wx.showToast({
+            title: err.msg,
+            duration:2000,
+            icon:'none'
+          })
+        })
+      },
+    scrolltolower(){
+        if (this.data.list.length < this.data.total) {
+          this.setData({
+              pageNo: this.data.pageNo + 1
+          })
+          this.getList()
+        }else{
+          wx.showToast({
+            icon:'none',
+            title:'没有更多了'
+          })
+        }
+      },
+})

subpages/mine/checkInRecord/checkInRecord.json

@@ -0,0 +1,8 @@
+{
+    "usingComponents": {
+        "no-data":"../../../components/noData/nodata",
+        "van-divider": "@vant/weapp/divider/index",
+        "van-button": "@vant/weapp/button/index"
+    },
+    "navigationBarTitleText": "入住记录"
+}

subpages/mine/checkInRecord/checkInRecord.wxml

@@ -0,0 +1,23 @@
+<!-- bindscrolltolower="scrolltolower" wx:if="{{list.length>0}}" -->
+<scroll-view scroll-y class="scroll-view" >
+    <!--  wx:for="{{list}}" -->
+    <view class="card flex" wx:key="index">
+        <image src="../../../images/zixun.png" style="width: 200rpx;height:152rpx;margin-right: 16rpx;border-radius: 10rpx;" mode="" />
+        <view class="flex flex-col flex-1">
+            <view class="flex flex-sb">
+                <view class="name font-bold">国信</view>
+                <view class="status text-28">入住办理中</view>
+            </view>
+            <view style="margin-bottom: 22rpx;">5号楼1单元888南卧</view>
+            <view class="date">2028-11-11至2222-22-22</view>
+        </view>
+    </view>
+    <van-divider dashed />
+    <view class="flex flex-sb px-20">
+        <view class="doc">
+            青岛免租金租房合同.docx
+        </view>
+        <van-button round type="info" plain size="small" color="#d3d3d3">待支付</van-button>
+    </view>
+</scroll-view>
+<!-- <no-data isShow="{{list.length ===0 || !list}}" ></no-data> -->

subpages/mine/checkInRecord/checkInRecord.wxss

@@ -0,0 +1,12 @@
+/* subpages/mine/checkInRecord/checkInRecord.wxss */
+.name{
+    font-size: 36rpx;
+}
+.date{
+    font-size: 26rpx;
+    color: #737373;
+}
+.doc{
+    color: #08b3b3;
+    font-size: 20rpx;
+}

subpages/mine/editUser/editUser.js

@@ -564,19 +564,7 @@ Page({
         console.log(err);
       });
   },
-  getPhoneNumber(e) {
-    getwxphone(e.detail.code)
-      .then((res) => {
-        if (res.code === 0) {
-          this.setData({
-            mobile: res.data,
-          });
-        }
-      })
-      .catch((err) => {
-        console.log(err);
-      });
-  },
+
   deleteImg() {
     console.log(11);
     this.setData({

subpages/mine/editUser/editUser.wxml

@@ -4,14 +4,12 @@
             <van-image width="55" height="55" round src="{{avatarUrl || 'https://img.yzcdn.cn/vant/cat.jpeg'}}" />
         </view>
     </van-cell>
-    <!-- <van-uploader style="margin-top: 15rpx;" file-list="{{ fileList }}" bind:delete="deleteImg" bind:after-read="afterRead" max-count="1" /> -->
 </view>
 <view class="card">
     <view class="title">
         基本信息
     </view>
     <van-cell-group>
-
         <van-field model:value="{{ nickName }}" placeholder="请输入" input-align="right" label="昵称" />
         <van-field model:value="{{ name }}" input-align="right" label="姓名" placeholder="请输入" />
         <van-field model:value="{{ idCard }}" label="身份证" input-align="right" type="idcard" placeholder="实名认证请输入身份证" border="{{ false }}" />