入住详情与外出申请

api/index.js

@@ -102,4 +102,26 @@ export function getgoOutInfo(data) {
 // 外出申请-重新提交
 export function goOutReSubmit(data) {
   return fly.post(`/bysmp/goingOut/updateById`, data);
+}
+// 查询是否可以外出申请
+export function selectMyApplyCount(data) {
+  return fly.get(`/bysmp/goingOut/selectMyApplyCount/` + data.id);
+}
+ export function dictDataList(pamars) {
+  return fly.get(`/system/dict/data/list`, pamars);
+}
+export function chooseRoomRecDetail(pamars) {
+  return fly.get(`/bysmp/chooseRoomRec/chooseRoomRecDetail`, pamars);
+}
+export function checkInRecDetail(pamars) {
+  return fly.get(`/bysmp/chooseRoomRec/checkInRecDetail`, pamars);
+}
+export function getCheckInRecInfo(pamars) {
+  return fly.get(`/bysmp/chooseRoomRec/getCheckInRecInfo`, pamars);
+}
+export function getRenewalRecordByChooseRecId(pamars) {
+  return fly.get(`/bysmp/chooseRoomRec/getRenewalRecordByChooseRecId/${pamars.chooseRecId}`);
+}
+export function checkOutInfo(pamars) {
+  return fly.get(`/asdh5/checkOut/page`, pamars);
 }

app.json

@@ -30,7 +30,8 @@
                 "checkInEvaluate/checkInEvaluate",
                 "repairList/repairList",
                 "eventList/eventList",
-                "mySpace/mySpace"
+                "mySpace/mySpace",
+                "xfjlxq/xfjlxq"
             ]
         },
         {

pages/index/index.js

@@ -7,7 +7,8 @@ import {
 import {
   getPolicyList,
   message,
-  selectMzGraduateInfo
+  selectMzGraduateInfo,
+  selectMyApplyCount
 } from "../../api/index"
 Page({
   /**
@@ -43,11 +44,11 @@ Page({
       //   url: "/subpages/bsPage/bsPage/bsPage",
       //   image:'../../images/icon/baoxiu.png'
       // },
-      {
-         name: "外出申请",
-        url: "/subpages/goOut/goOut/goOut",
-        image:'../../images/icon/47f8f3454b398d2a7b67b10d78321687.png'
-      },
+      // {
+      //    name: "外出申请",
+      //   url: "/subpages/goOut/goOut/goOut",
+      //   image:'../../images/icon/47f8f3454b398d2a7b67b10d78321687.png'
+      // },
       // {
       //   name: "更多",
       //   url:'/pages/serve/serve',
@@ -58,7 +59,7 @@ Page({
     policyList:[],//政策列表
     getUserInfo:{},
     bindPhone:false,
-    userInfo: {}
+    userInfo: {},
   },
 
   /**
@@ -218,9 +219,25 @@ Page({
         }
         if(e.currentTarget.dataset.url === '/subpages/goOut/goOut/goOut'){
           if(this.data.userInfo.graduateId){
-            wx.navigateTo({
-              url: '/subpages/goOut/goOut/goOut',
-            })
+              selectMyApplyCount({id:this.data.userInfo.graduateId}).then(res=>{
+                 if(res.code === 200 && res.data){
+                  wx.navigateTo({
+                    url: '/subpages/goOut/goOut/goOut',
+                  }) 
+                 }else{
+                   wx.showToast({
+                     title: res.msg,
+                     icon:'none'
+                   })
+                 }
+               }).catch(err=>{
+                 wx.showToast({
+                   title: err.msg,
+                   icon:'none'
+                 })
+                
+               })
+               return 
           }else{
             wx.showToast({
               title: '未绑定入住信息',

pages/mine/mine.js

@@ -25,10 +25,10 @@ Page({
         //   label:'我的报修',
         //   url:'/subpages/mine/repairList/repairList'
         // },
-        {
-          label:'外出申请',
-          url:'/subpages/goOut/mygoOut/mygoOut'
-        },
+        // {
+        //   label:'外出申请',
+        //   url:'/subpages/goOut/mygoOut/mygoOut'
+        // },
         {
           label:'共享空间',
           url:'/subpages/mine/mySpace/mySpace'

subpages/goOut/goOut/goOut.js

@@ -1,6 +1,6 @@
 // subpages/goOut/goOut/goOut.js
 var config = require('../../../utils/config')
-import { goOutSubmit,getgoOutInfo } from '../../../api/index'
+import { goOutSubmit,getgoOutInfo,goOutReSubmit  } from '../../../api/index'
 const app = getApp()
 Page({
 
@@ -345,22 +345,41 @@ Page({
             imgs: this.data.fileList,
             graduateId: app.globalData.userInfo.graduateId,
         }
-        goOutSubmit(parms).then(res => {
-            if (res.code === 200) {
-                this.setData({
-                    showSuccessModal: true
+        console.log(parms,'外出申请入参');
+        if(this.data.id){
+            parms.id = this.data.id
+            goOutReSubmit(parms).then(res => {
+                if (res.code === 200) {
+                    this.setData({
+                        showSuccessModal: true
+                    })
+                }
+            }).catch(err=>{
+                wx.showToast({
+                  title: err.msg,
+                  icon:'none'
                 })
-            }
-        }).catch(err=>{
-            wx.showToast({
-              title: err.msg,
-              icon:'none'
             })
-        })
+        }else{
+            goOutSubmit(parms).then(res => {
+                if (res.code === 200) {
+                    this.setData({
+                        showSuccessModal: true
+                    })
+                }
+            }).catch(err=>{
+                wx.showToast({
+                  title: err.msg,
+                  icon:'none'
+                })
+            })
+        }
+       
     },
     closeSuccessModal() {
         this.setData({
             showSuccessModal: false
         })
+        wx.navigateBack()
     },
 })

subpages/mine/checkInRecord/checkInRecord.js

@@ -112,5 +112,10 @@ Page({
         wx.navigateTo({
           url: `/subpages/mine/evaluate/evaluate?id=${e.currentTarget.dataset.item.checkInRecId}&obj=${JSON.stringify({apartmentName:e.currentTarget.dataset.item.apartmentName,buildingName:e.currentTarget.dataset.item.buildingName,buildingName:e.currentTarget.dataset.item.buildingName,roomType:e.currentTarget.dataset.item.roomType,unitName:e.currentTarget.dataset.item.unitName,checkInRecId:e.currentTarget.dataset.item.checkInRecId,houseName:e.currentTarget.dataset.item.houseName})}`,
         })
+      },
+      toDetail(e){
+        wx.navigateTo({
+          url: `/subpages/mine/xfjlxq/xfjlxq?id=${e.currentTarget.dataset.item.id}&checkInRecId=${e.currentTarget.dataset.item.checkInRecId}`,
+        })
       }
 })

subpages/mine/checkInRecord/checkInRecord.wxml

@@ -1,5 +1,5 @@
 <scroll-view scroll-y class="scroll-view" bindscrolltolower="scrolltolower" wx:if="{{list.length>0}}">
-    <view class="card " wx:key="index" wx:for="{{list}}">
+    <view class="card " wx:key="index" wx:for="{{list}}" bindtap="toDetail" data-item="{{item}}">
         <view class="item flex">
             <image src="{{item.imageUrl}}" style="width: 200rpx;height:152rpx;margin-right: 16rpx;border-radius: 10rpx;" mode="" />
             <view class="flex flex-col flex-1">

subpages/mine/xfjlxq/xfjlxq.js

@@ -0,0 +1,374 @@
+// 引入API配置
+import { chooseRoomRecDetail, checkInRecDetail, getRenewalRecordByChooseRecId, checkOutInfo, dictDataList,getCheckInRecInfo }  from '../../../api/index'
+
+Page({
+  data: {
+    xfjlData: {},
+    rzjlData: {},
+    yzjlDataList: [],
+    tfjlData: null,
+    satisfiedZt: 0,
+    satisfiedHj: 0,
+    satisfiedFw: 0,
+    satisfiedTy: 0,
+    titleActiveCode: 0,
+    titleList: [
+      { name: '选房记录' },
+      { name: '入住记录' },
+      { name: '延租记录' },
+      { name: '退房记录' },
+    ],
+    token: '',
+    userInfo: {},
+    queryData: {},
+    bankList: [],
+    forceCheckoutReasonDict:[],
+    forceCheckoutReason:''
+  },
+
+  onLoad(options) {
+    // 获取页面参数
+    console.log(options);
+    if (options.id) {
+      this.setData({
+        queryData: {
+          id: options.id,
+          checkInRecId: options.checkInRecId
+        }
+      });
+    }
+
+    this.dictDataList();
+    this.setData({
+      titleActiveCode: 0
+    });
+    this.getChooseRoomRecDetail(this.data.queryData.id);
+  },
+
+  // 处理时间格式
+  processTime(dateTimeStr) {
+    const date = new Date(dateTimeStr);
+    const hours = date.getHours();
+    if (hours === 9) {
+      return dateTimeStr.slice(0, 16) + '-12:00';
+    } else {
+      return dateTimeStr.slice(0, 16) + '-18:00';
+    }
+  },
+
+  // 计算居住天数
+  calculateStayDays() {
+    const tfjlData = this.data.tfjlData;
+    if (!tfjlData.checkInDate || !tfjlData.actualCheckOutTime) {
+      return '';
+    }
+    try {
+      const checkInDate = new Date(tfjlData.checkInDate);
+      const checkOutDate = new Date(tfjlData.actualCheckOutTime);
+      // 计算时间差（毫秒）
+      const timeDiff = checkOutDate.getTime() - checkInDate.getTime();
+      // 转换为天数
+      const daysDiff = Math.ceil(timeDiff / (1000 * 3600 * 24));
+      // 如果入住时间晚于退房时间，返回0
+      if (daysDiff < 0) {
+        return '0天';
+      }
+      return `${daysDiff}天`;
+    } catch (error) {
+      console.error('计算居住天数失败:', error);
+      return '计算失败';
+    }
+  },
+
+  // 获取银行名称
+  getBankName(value) {
+    const bank = this.data.bankList.find(item => item.value == value);
+    return bank ? bank.label : '';
+  },
+
+  // 获取字典数据
+  dictDataList() {
+    dictDataList({ dictType: 'bank_list' }).then(res => {
+      if (res.code == 200) {
+        this.setData({
+          bankList: res.rows.map(item => ({
+            value: item.dictValue,
+            label: item.dictLabel,
+          }))
+        });
+      }
+    })
+    dictDataList({ dictType: 'forceCheckoutReason' }).then(res => {
+      if (res.code == 200) {
+        this.setData({
+          forceCheckoutReasonDict: res.rows.map(item => ({
+            value: item.dictValue,
+            label: item.dictLabel,
+          }))
+        });
+      }
+    })
+    // wx.request({
+    //   url: api.dictDataList,
+    //   method: 'GET',
+    //   header: {
+    //     'Content-Type': 'application/json',
+    //     'Authorization': 'Bearer ' + this.data.token
+    //   },
+    //   data: {
+    //     dictType: 'bank_list',
+    //   },
+    //   success: (res) => {
+    //     const data = res.data;
+    //     if (data.code == 200) {
+    //       const deptArray = data.rows.length > 0 && data.rows.map(item => ({
+    //         value: item.dictValue,
+    //         label: item.dictLabel,
+    //       }));
+    //       this.setData({
+    //         bankList: deptArray
+    //       });
+    //     }
+    //   },
+    //   fail: (error) => {
+    //     console.error('出错：', error);
+    //   }
+    // });
+  },
+
+  // 预览图片
+  handleDcwjClick() {
+    const url = this.data.tfjlData.mzCheckOutRec.deliveryReceiptUrl;
+    wx.previewImage({
+      urls: [url],
+      current: url
+    });
+  },
+
+  handleDcwjClick1(e) {
+    const url = e.currentTarget.dataset.url;
+    wx.previewImage({
+      urls: [url],
+      current: url
+    });
+  },
+
+  // 获取选房记录详情
+  getChooseRoomRecDetail(id) {
+    chooseRoomRecDetail({ chooseRoomRecId: id }).then(res => {
+      if (res.code == 200) {
+        this.setData({
+          xfjlData: res.data
+        });
+      }
+    });
+    // wx.request({
+    //   url: api.chooseRoomRecDetail,
+    //   method: 'GET',
+    //   header: {
+    //     'Content-Type': 'application/json',
+    //     'Authorization': 'Bearer ' + this.data.token
+    //   },
+    //   data: {
+    //     chooseRoomRecId: id,
+    //   },
+    //   success: (res) => {
+    //     const data = res.data;
+    //     if (data.code == 200) {
+    //       this.setData({
+    //         xfjlData: data.data
+    //       });
+    //     }
+    //   },
+    //   fail: (error) => {
+    //     console.error('出错：', error);
+    //   }
+    // });
+  },
+
+  // 获取入住记录详情
+  getCheckInRecDetail(id) {
+    checkInRecDetail({ checkInRecId: id }).then(res => {
+      if (res.code == 200) {
+        this.setData({
+          rzjlData: {
+            ...this.data.rzjlData,
+            ...res.data
+          }
+        });
+      }
+    });
+    // wx.request({
+    //   url: api.checkInRecDetail,
+    //   method: 'GET',
+    //   header: {
+    //     'Content-Type': 'application/json',
+    //     'Authorization': 'Bearer ' + this.data.token
+    //   },
+    //   data: {
+    //     checkInRecId: id,
+    //   },
+    //   success: (res) => {
+    //     const data = res.data;
+    //     if (data.code == 200) {
+    //       this.setData({
+    //         rzjlData: {
+    //           ...this.data.rzjlData,
+    //           ...data.data
+    //         }
+    //       });
+    //     }
+    //   },
+    //   fail: (error) => {
+    //     console.error('出错：', error);
+    //   }
+    // });
+  },
+
+  // 获取入住记录信息
+  getCheckInRecInfo(id) {
+    getCheckInRecInfo({ chooseRecId: id }).then(res => {
+      if (res.code == 200) {
+        this.setData({
+          rzjlData: {
+            ...this.data.rzjlData,
+            ...res.data.data
+          }
+        });
+      }
+    });
+    // wx.request({
+    //   url: api.getCheckInRecInfo,
+    //   method: 'GET',
+    //   header: {
+    //     'Content-Type': 'application/json',
+    //     'Authorization': 'Bearer ' + this.data.token
+    //   },
+    //   data: {
+    //     chooseRecId: id,
+    //   },
+    //   success: (res) => {
+    //     const data = res.data;
+    //     if (data.code == 200) {
+    //       this.setData({
+    //         rzjlData: {
+    //           ...this.data.rzjlData,
+    //           ...data.data
+    //         }
+    //       });
+    //     }
+    //   },
+    //   fail: (error) => {
+    //     console.error('出错：', error);
+    //   }
+    // });
+  },
+
+  // 获取延租记录
+  getRenewalRecordByChooseRecId(id) {
+    getRenewalRecordByChooseRecId({chooseRecId: id}).then(res => {
+      if (res.code == 200) {
+        this.setData({
+          yzjlDataList: res.data
+        });
+      }else{
+        this.setData({
+          yzjlDataList: []
+        });
+      }
+    });
+    // wx.request({
+    //   url: api.getRenewalRecordByChooseRecId + id,
+    //   method: 'GET',
+    //   header: {
+    //     'Authorization': 'Bearer ' + this.data.token,
+    //   },
+    //   success: (res) => {
+    //     const data = res.data;
+    //     if (data.code == 200) {
+    //       this.setData({
+    //         yzjlDataList: data.data
+    //       });
+    //     } else {
+    //       this.setData({
+    //         yzjlDataList: []
+    //       });
+    //     }
+    //   },
+    //   fail: (error) => {
+    //     console.error('出错：', error);
+    //   }
+    // });
+  },
+
+  // 获取退房信息
+  getCheckOutInfo(id) {
+    checkOutInfo({mzChooseRoomRecId: id}).then(res => {
+      if (res.code == 200) {
+        const forceCheckoutReason = this.data.forceCheckoutReasonDict.find(item => item.value == res.data.mzCheckOutRec.forceCheckoutReason);
+       
+        console.log(forceCheckoutReason);
+        this.setData({
+          tfjlData: res.data,
+          forceCheckoutReason: forceCheckoutReason.label || '',
+          satisfiedZt: (res.data.mzCheckInEvaluate && res.data.mzCheckInEvaluate.satisfiedZt) || 0,
+          satisfiedHj: (res.data.mzCheckInEvaluate && res.data.mzCheckInEvaluate.satisfiedHj) || 0,
+          satisfiedFw: (res.data.mzCheckInEvaluate && res.data.mzCheckInEvaluate.satisfiedFw) || 0,
+          satisfiedTy: (res.data.mzCheckInEvaluate && res.data.mzCheckInEvaluate.satisfiedTy) || 0
+        });
+      }
+    });
+    // wx.request({
+    //   url: api.checkOut,
+    //   method: 'GET',
+    //   header: {
+    //     'Authorization': 'Bearer ' + this.data.token,
+    //   },
+    //   data: {
+    //     mzChooseRoomRecId: id,
+    //   },
+    //   success: (res) => {
+    //     const data = res.data;
+    //     if (data.code == 200 && data.data != null) {
+    //       this.setData({
+    //         tfjlData: data.data,
+    //         satisfiedZt: (data.data.mzCheckInEvaluate && data.data.mzCheckInEvaluate.satisfiedZt) || 0,
+    //         satisfiedHj: (data.data.mzCheckInEvaluate && data.data.mzCheckInEvaluate.satisfiedHj) || 0,
+    //         satisfiedFw: (data.data.mzCheckInEvaluate && data.data.mzCheckInEvaluate.satisfiedFw) || 0,
+    //         satisfiedTy: (data.data.mzCheckInEvaluate && data.data.mzCheckInEvaluate.satisfiedTy) || 0
+    //       });
+    //     }
+    //   },
+    //   fail: (error) => {
+    //     console.error('出错：', error);
+    //   }
+    // });
+  },
+
+  // 点击标签切换
+  handleClickInfo(e) {
+    const index = e.currentTarget.dataset.index;
+    this.setData({
+      titleActiveCode: index
+    });
+
+    switch (index) {
+      case 0:
+        this.getChooseRoomRecDetail(this.data.queryData.id);
+        break;
+      case 1:
+        this.setData({
+          rzjlData: {}
+        });
+        this.getCheckInRecDetail(this.data.queryData.checkInRecId);
+        this.getCheckInRecInfo(this.data.queryData.id);
+        break;
+      case 2:
+        this.getRenewalRecordByChooseRecId(this.data.queryData.id);
+        break;
+      case 3:
+        this.getCheckOutInfo(this.data.queryData.id);
+        break;
+    }
+  },
+});

subpages/mine/xfjlxq/xfjlxq.json

@@ -0,0 +1,12 @@
+{
+    "usingComponents": {
+         "van-rate": "@vant/weapp/rate/index"
+    },
+    "navigationBarTitleText": "选房记录详情",
+    "navigationBarBackgroundColor": "#ffffff",
+    "navigationBarTextStyle": "black",
+    "backgroundColor": "#f8f8f8",
+    "enablePullDownRefresh": false,
+    "disableScroll": false
+  }
+  

subpages/mine/xfjlxq/xfjlxq.wxml

@@ -0,0 +1,536 @@
+<view class="H5_messageCss">
+  <view class="H5_titleBox">
+    <view class="H5_titleItem" wx:for="{{titleList}}" wx:key="index" bindtap="handleClickInfo" data-index="{{index}}">
+      <view class="{{titleActiveCode == index ? 'H5_itemNameActive' : 'H5_itemName'}}">{{item.name}}</view>
+      <image class="H5_itemImg" wx:if="{{index != 3}}" 
+        src="{{titleActiveCode == index ? '../../../images/icon/nextActive.png' : '../../../images/icon/next.png'}}"></image>
+    </view>
+  </view>
+  
+  <!-- 选房记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 0}}">
+    <text class="H5_infoTitle" wx:if="{{xfjlData.assignDetailId}}">选房登记信息</text>
+    <text class="H5_infoTitle" wx:else>求职选房信息</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">选择乐业社区</text>
+      <text class="H5_infoItemValue">{{xfjlData.apartmentName || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem" wx:if="{{xfjlData.assignDetailId}}">
+      <text class="H5_infoItemName">选房登记时间</text>
+      <text class="H5_infoItemValue">{{xfjlData.applyTime || ''}}</text>
+    </view>
+    <view class="H5_infoItem" wx:else>
+      <text class="H5_infoItemName">求职选房时间</text>
+      <text class="H5_infoItemValue">{{xfjlData.chooseRoomRecCreateTime || ''}}</text>
+    </view>
+  </view>
+  
+  <!-- 选房记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 0}}">
+    <text class="H5_infoTitle">选房结果</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">当前状态</text>
+      <text class="H5_infoItemValue">
+        {{(xfjlData.state == '-1' || xfjlData.state == '-2') ? '已预定房源' : xfjlData.state == '0' ? '待入住' :
+          xfjlData.state == '1' ? '已入住' : xfjlData.state == '3' ? '已过期' : xfjlData.state == '4' ? '已取消' : xfjlData.state
+            == '5' ? '已退房' : xfjlData.state == '6' ? '已撤销资格' : xfjlData.state == '7' ? '审核不通过' : ''
+        }}
+      </text>
+    </view>
+    <view class="divider"></view>
+    <!-- 就业创业开始 -->
+    <view class="H5_infoItem" wx:if="{{xfjlData.assignDetailId}}">
+      <text class="H5_infoItemName">是否入围</text>
+      <text class="H5_infoItemValue">是</text>
+    </view>
+    <view class="divider" wx:if="{{xfjlData.assignDetailId}}"></view>
+    <view class="H5_infoItem" wx:if="{{xfjlData.assignDetailId}}">
+      <text class="H5_infoItemName">是否确认入住</text>
+      <text class="H5_infoItemValue">是</text>
+    </view>
+    <view class="divider" wx:if="{{xfjlData.assignDetailId}}"></view>
+    <!-- 就业创业结束 -->
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">分配房间</text>
+      <text class="H5_infoItemValue">
+        {{(xfjlData.apartmentName ? xfjlData.apartmentName : '') + (xfjlData.buildingName ? xfjlData.buildingName :
+          '') + (xfjlData.unitName ? xfjlData.unitName : '') + (xfjlData.houseName ? xfjlData.houseName : '') +
+          (xfjlData.roomTypeName ? xfjlData.roomTypeName : '')
+        }}
+      </text>
+    </view>
+    <view class="divider"></view>
+    <!-- 就业创业开始 -->
+    <view class="H5_infoItem" wx:if="{{xfjlData.assignDetailId}}">
+      <text class="H5_infoItemName">确认入住时间</text>
+      <text class="H5_infoItemValue">{{xfjlData.checkSuccessDate || ''}}</text>
+    </view>
+    <view class="divider" wx:if="{{xfjlData.assignDetailId}}"></view>
+    <!-- 就业创业结束 -->
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">毕业生所选入住时间</text>
+      <text class="H5_infoItemValue">{{xfjlData.predictCheckInTime && xfjlData.predictCheckInTime.slice(0, 10) || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">毕业生所选退房时间</text>
+      <text class="H5_infoItemValue">{{xfjlData.predictCheckOutTime && xfjlData.predictCheckOutTime.slice(0, 10) || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">计划办理入住时间</text>
+      <text class="H5_infoItemValue">
+        <text style="display: block;">
+          {{xfjlData.handleCheckInTimeFrom ? processTime(xfjlData.handleCheckInTimeFrom).slice(0, 10) : ''}}
+        </text>
+        <text style="display: block;">
+          {{xfjlData.handleCheckInTimeFrom ?
+            processTime(xfjlData.handleCheckInTimeFrom).slice(11, processTime(xfjlData.handleCheckInTimeFrom).length) :
+            ''}}
+        </text>
+      </text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">取消选房时间</text>
+      <text class="H5_infoItemValue">{{xfjlData.cancelTime ||''}}</text>
+    </view>
+    <view class="divider" wx:if="{{xfjlData.state == '3'}}"></view>
+    <view class="H5_infoItem" wx:if="{{xfjlData.state == '3'}}">
+      <text class="H5_infoItemName">过期时间</text>
+      <text class="H5_infoItemValue">{{xfjlData.overTime || ''}}</text>
+    </view>
+  </view>
+
+  <!-- 入住记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 1 && rzjlData.checkInRecId}}">
+    <text class="H5_infoTitle">入住信息核验</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">办理状态</text>
+      <text class="H5_infoItemValue">
+        {{rzjlData.state == '-2' ? "待审核" : rzjlData.state == '-1' ? '模型审核失败' : rzjlData.state == 0 ? '待入住'
+          : rzjlData.state == 1 ? '已入住' : rzjlData.state == 5 ? '已退房' : rzjlData.state == 4 ? '已取消' : rzjlData.state ==
+            7 ? '审核不通过' : rzjlData.state == 6 ? '已撤销资格' : rzjlData.state == 3 ? '已过期' : ''
+        }}
+      </text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">实际入住时间</text>
+      <text class="H5_infoItemValue">{{rzjlData.checkInDate || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">计划退房时间</text>
+      <text class="H5_infoItemValue">{{rzjlData.checkOutDate || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">计划居住天数</text>
+      <text class="H5_infoItemValue">{{rzjlData.planDiffDays || ''}}</text>
+    </view>
+  </view>
+  
+  <!-- 入住记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 1 && rzjlData.checkInRecId}}">
+    <text class="H5_infoTitle">看房确认</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">房间设施情况</text>
+    </view>
+    <view class="H5_infoNewBox">
+      <view class="H5_infoItemNew" wx:for="{{rzjlData.facilities}}" wx:key="index">
+        <text class="H5_infoItemNameNew">{{item.name}}</text>
+        <view class="H5_infoItemValueNew">
+          <image 
+            src="{{item.facilityStatus == 0 ? '../../../images/icon/wanhao.png' : '../../../images/icon/posun.png'}}"></image>
+          {{item.facilityStatus == 0 ? '完好' : item.facilityStatus == 1 ? '破损' : '丢失'}}
+        </view>
+      </view>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">其他说明</text>
+      <text class="H5_infoItemValue">{{rzjlData.confirmRemark || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">水表数</text>
+      <text class="H5_infoItemValue">{{rzjlData.waterMeterValue || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">电表数</text>
+      <text class="H5_infoItemValue">{{rzjlData.energyMeterValue || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">上传附件</text>
+    </view>
+    <view class="H5_infoNewBox" style="display: flex;flex-wrap: wrap;" wx:if="{{rzjlData.checkInRecAttachments && rzjlData.checkInRecAttachments.length > 0}}">
+      <image src="{{item.fileUrl}}" class="H5_infoNewImg" wx:for="{{rzjlData.checkInRecAttachments}}"
+        wx:key="index" bindtap="handleDcwjClick1" data-url="{{item.fileUrl}}"></image>
+    </view>
+  </view>
+  
+  <!-- 入住记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 1 && rzjlData.checkInRecId}}">
+    <text class="H5_infoTitle">合同签订</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">合同签订形式</text>
+      <text class="H5_infoItemValue">{{rzjlData.signType == 0 ? '线上签订电子合同' : (rzjlData.signType == 1 ? '线下签订纸质合同' : '')}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">合同签订状态</text>
+      <text class="H5_infoItemValue">{{rzjlData.offlineFlag == 0 ? '未签订' : '已签订'}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">签订时间</text>
+      <text class="H5_infoItemValue">{{rzjlData.contractTime || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">合同附件</text>
+    </view>
+    <view class="H5_infoNewBox" style="display: flex;flex-wrap: wrap;" wx:if="{{rzjlData.offlinePictureList && rzjlData.offlinePictureList.length > 0 && rzjlData.offlineFlag == 1}}">
+      <image src="{{item.url}}" class="H5_infoNewImg" wx:for="{{rzjlData.offlinePictureList}}"
+        wx:key="index" wx:if="{{item}}" bindtap="handleDcwjClick1" data-url="{{item.url}}"></image>
+    </view>
+  </view>
+  
+  <!-- 入住记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 1 && rzjlData.checkInRecId}}">
+    <text class="H5_infoTitle">履约保证金</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">是否已缴纳</text>
+      <text class="H5_infoItemValue">{{rzjlData.confirmState == 1 ? '是' : '否'}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">备注说明</text>
+      <text class="H5_infoItemValue">{{rzjlData.salaryRemark || ''}}</text>
+    </view>
+  </view>
+  
+  <!-- 入住记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 1 && rzjlData.checkInRecId}}">
+    <text class="H5_infoTitle">物资发放</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">是否已发放物资</text>
+      <text class="H5_infoItemValue">{{rzjlData.supplies == 1 ? '是' : '否'}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">备注说明</text>
+      <text class="H5_infoItemValue">{{rzjlData.supplyRemark || ''}}</text>
+    </view>
+  </view>
+  
+  <!-- 暂无入住记录 -->
+  <view wx:if="{{titleActiveCode == 1 && (rzjlData.checkInRecId == '' || rzjlData.checkInRecId == null || rzjlData.checkInRecId == undefined)}}"
+    style="display: flex;align-items: center;width: 100%;height: 100vh;flex-direction: column;justify-content: center;">
+    <image src="../../../images/icon/zwsj.png" style="width: 400rpx;height: 200rpx;"></image>
+    <text style="color: gray;font-size: 16px;">暂无入住记录</text>
+  </view>
+
+  <!-- 延租记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 2 && yzjlDataList.length > 0}}" wx:for="{{yzjlDataList}}"
+    wx:key="index">
+    <text class="H5_infoTitle">延租申请信息</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">院校类型</text>
+      <text class="H5_infoItemValue">{{item.schoolType == 0 ? '高等院校' : '技术学院'}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">毕业状态</text>
+      <text class="H5_infoItemValue">{{item.studyState == 0 ? '未毕业' : '已毕业'}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">工作状态</text>
+      <text class="H5_infoItemValue">{{item.employState == '0' ? (item.collectionGreenChannelState == 1
+        ? '求职中(低保家庭)' : '求职中') : (item.employState == '1' ? '已就业' : '创业中')}}
+      </text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">计划延租至</text>
+      <text class="H5_infoItemValue">{{item.renewalEndDate || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">延租计划居住天数</text>
+      <text class="H5_infoItemValue">{{item.predictRenewalDays || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">延租申请日期</text>
+      <text class="H5_infoItemValue">{{item.renewalApplyTime || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">审核状态</text>
+      <text class="H5_infoItemValue">{{item.auditResult == 1 ? '通过' : '不通过'}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">办理状态</text>
+      <text class="H5_infoItemValue">
+        {{item.state == 0 ? '待办理' : item.state == 1 ? '已完成延租' : item.state == 2 ? '用户已取消' : item.state == 3 ? '审核未通过'
+          : ''}}
+      </text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">备注说明</text>
+      <text class="H5_infoItemValue">{{item.remark || ''}}</text>
+    </view>
+  </view>
+  
+  <!-- 暂无延租记录 -->
+  <view wx:if="{{titleActiveCode == 2 && yzjlDataList.length == 0}}"
+    style="display: flex;align-items: center;width: 100%;height: 100vh;flex-direction: column;justify-content: center;">
+    <image src="../../../images/icon/zwsj.png" style="width: 400rpx;height: 200rpx;"></image>
+    <text style="color: gray;font-size: 16px;">暂无延租记录</text>
+  </view>
+
+  <!-- 退房记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 3 && tfjlData}}">
+    <text class="H5_infoTitle">退房信息核验</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">办理状态</text>
+      <text class="H5_infoItemValue">
+        {{tfjlData.mzCheckOutRec ? (tfjlData.mzCheckOutRec.checkOutType == 0 ? '正常退房' : '强制退房') : ''}}
+      </text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem" wx:if="{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.checkOutType == 1}}">
+      <text class="H5_infoItemName">强制清退原因</text>
+      <text class="H5_infoItemValue">
+        {{ forceCheckoutReason || ''}}
+      </text>
+    </view>
+    <view class="divider" wx:if="{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.checkOutType == 1}}"></view>
+    <view class="H5_infoItem" wx:if="{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.checkOutType == 1}}">
+      <text class="H5_infoItemName">强制清退说明</text>
+      <text class="H5_infoItemValue">{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.forceCheckoutDesc ||''}}</text>
+    </view>
+    <view class="divider" wx:if="{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.checkOutType == 1}}"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">实际入住时间</text>
+      <text class="H5_infoItemValue">{{tfjlData.checkInDate || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">实际退房时间</text>
+      <text class="H5_infoItemValue">{{tfjlData.actualCheckOutTime || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">实际居住天数</text>
+      <text class="H5_infoItemValue">{{calculateStayDays}}</text>
+    </view>
+  </view>
+  
+  <!-- 退房记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 3 && tfjlData}}">
+    <text class="H5_infoTitle">退房检查</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">房间设施情况</text>
+    </view>
+    <view class="H5_infoNewBox" wx:if="{{tfjlData.roomCheckRecDetailRstDTO && tfjlData.roomCheckRecDetailRstDTO.facilitiesCheckResults && tfjlData.roomCheckRecDetailRstDTO.facilitiesCheckResults.length > 0}}">
+      <view class="H5_infoItemNew" wx:for="{{tfjlData.roomCheckRecDetailRstDTO.facilitiesCheckResults}}"
+        wx:key="index">
+        <text class="H5_infoItemNameNew">{{item.facilityName}}</text>
+        <view class="H5_infoItemValueNew">
+          <image 
+            src="{{item.checkResult == 0 ? '../../../images/icon/wanhao.png' : '../../../images/icon/posun.png'}}"></image>
+          {{item.checkResult == 1 ? '破损' : item.checkResult ==
+            2 ? '丢失' : item.checkResult == 0 ? '完好' : ''}}
+        </view>
+      </view>
+      <view class="divider"></view>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">其他说明</text>
+      <text class="H5_infoItemValue">{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.facilitiesCheckDesc || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">水表数</text>
+      <text class="H5_infoItemValue">{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.waterMeterValue || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">电表数</text>
+      <text class="H5_infoItemValue">{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.energyMeterValue || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">上传附件</text>
+    </view>
+    <view class="H5_infoNewBox" style="display: flex;flex-wrap: wrap;" wx:if="{{tfjlData.roomCheckRecDetailRstDTO && tfjlData.roomCheckRecDetailRstDTO.facilitiesCheckImages && tfjlData.roomCheckRecDetailRstDTO.facilitiesCheckImages.length > 0}}">
+      <image src="{{item.url}}" class="H5_infoNewImg" wx:for="{{tfjlData.roomCheckRecDetailRstDTO.facilitiesCheckImages}}"
+        wx:key="index" bindtap="handleDcwjClick1" data-url="{{item.url}}"></image>
+    </view>
+  </view>
+  
+  <!-- 退房记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 3 && tfjlData}}">
+    <text class="H5_infoTitle">房屋交割单</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">是否已签订</text>
+      <text class="H5_infoItemValue">{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.deliveryReceiptFlag == 1 ? '是' :'否' }}
+      </text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">房屋交割单</text>
+      <text class="H5_infoItemValue" wx:if="{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.deliveryReceiptUrl}}">房屋交割单
+        <text style="color: rgba(27,137,250,1);" bindtap="handleDcwjClick">查看</text>
+      </text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">备注说明</text>
+      <text class="H5_infoItemValue">{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.deliveryReceiptDesc || ''}}</text>
+    </view>
+  </view>
+  
+  <!-- 退房记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 3 && tfjlData}}">
+    <text class="H5_infoTitle">退还履约保证金</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">办理类型</text>
+      <text class="H5_infoItemValue">
+        {{tfjlData.mzCheckOutRec ? (tfjlData.mzCheckOutRec.marginState == 1 ? '扣除赔付' :
+          tfjlData.mzCheckOutRec.marginState == 0 ? '正常退还' : '') : ''}}
+      </text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">应该赔付</text>
+      <text class="H5_infoItemValue">{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.marginExpectCompensation || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">实际扣除</text>
+      <text class="H5_infoItemValue">
+        {{(tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.marginActualCompensation) || ''}}
+      </text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">退还方式</text>
+      <text class="H5_infoItemValue">{{tfjlData.mzCheckOutRec ? (
+          tfjlData.mzCheckOutRec.marginReturnWay == 1 ? '原路退还' : (
+          tfjlData.mzCheckOutRec.marginReturnWay == 2 ? '退还现金' : (
+          tfjlData.mzCheckOutRec.marginReturnWay == 3 ? '银行卡退款' : (
+          tfjlData.mzCheckOutRec.marginReturnWay == 4 ? '其他方式' : ''
+        )))) : ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">开户行和帐号</text>
+      <text class="H5_infoItemValue">
+        {{tfjlData.mzCheckOutRec ? getBankName(tfjlData.mzCheckOutRec.marginReturnBank) : ''}}
+        {{(tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.marginReturnBankNum) || ''}}
+      </text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">备注说明</text>
+      <text class="H5_infoItemValue">{{tfjlData.mzCheckOutRec && tfjlData.mzCheckOutRec.marginReturnDesc ||''}}</text>
+    </view>
+  </view>
+  
+  <!-- 退房记录 -->
+  <view class="H5_infoBox" wx:if="{{titleActiveCode == 3 && tfjlData}}">
+    <text class="H5_infoTitle">居住评价</text>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName" style="width: 30%;">总体评价</text>
+      <view class="H5_infoItemValue" style="width: 70%;">
+        {{satisfiedZt ? (satisfiedZt == 5 ? '非常满意' : satisfiedZt == 4 ? '比较满意' : satisfiedZt == 3 ? '一般' :
+          satisfiedZt == 2 ? '不满意' : satisfiedZt == 1 ? '非常不满意' : '') : ''}}
+        <view class="star-rating">
+           <van-rate model:value="{{ satisfiedZt }}" size="{{ 25 }}" color="#13c2c2" void-icon="star" void-color="#eee" readonly />
+      </view>
+    </view>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoNewBox">
+      <view class="H5_infoItemNew">
+        <text class="H5_infoItemNameNew">环境方面</text>
+        <view class="H5_infoItemValueNew">
+          {{tfjlData.mzCheckInEvaluate ? (tfjlData.mzCheckInEvaluate.satisfiedHj == 5 ? '非常满意' :
+            tfjlData.mzCheckInEvaluate.satisfiedHj == 4 ?
+              '比较满意' : tfjlData.mzCheckInEvaluate.satisfiedHj == 3 ? '一般' : tfjlData.mzCheckInEvaluate.satisfiedHj == 2 ?
+                '不满意' : tfjlData.mzCheckInEvaluate.satisfiedHj == 1 ? '非常不满意' : '') : ''}}
+          <view class="star-rating">
+            <van-rate model:value="{{ satisfiedHj }}" size="{{ 25 }}" color="#13c2c2" void-icon="star" void-color="#eee" readonly />
+          </view>
+        </view>
+      </view>
+      <view class="H5_infoItemNew">
+        <text class="H5_infoItemNameNew">服务方面</text>
+        <view class="H5_infoItemValueNew">
+          {{tfjlData.mzCheckInEvaluate ? (tfjlData.mzCheckInEvaluate.satisfiedFw == 5 ? '非常满意' :
+            tfjlData.mzCheckInEvaluate.satisfiedFw == 4 ?
+              '比较满意' : tfjlData.mzCheckInEvaluate.satisfiedFw == 3 ? '一般' : tfjlData.mzCheckInEvaluate.satisfiedFw == 2 ?
+                '不满意' : tfjlData.mzCheckInEvaluate.satisfiedFw == 1 ? '非常不满意' : '') : ''}}
+          <view class="star-rating">
+            <van-rate model:value="{{ satisfiedFw }}" size="{{ 25 }}" color="#13c2c2" void-icon="star" void-color="#eee" readonly />
+          </view>
+        </view>
+      </view>
+      <view class="H5_infoItemNew">
+        <text class="H5_infoItemNameNew">体验方面</text>
+        <view class="H5_infoItemValueNew">
+          {{tfjlData.mzCheckInEvaluate ? (tfjlData.mzCheckInEvaluate.satisfiedTy == 5 ? '非常满意' :
+            tfjlData.mzCheckInEvaluate.satisfiedTy == 4 ?
+              '比较满意' : tfjlData.mzCheckInEvaluate.satisfiedTy == 3 ? '一般' : tfjlData.mzCheckInEvaluate.satisfiedTy == 2 ?
+                '不满意' : tfjlData.mzCheckInEvaluate.satisfiedTy == 1 ? '非常不满意' : '') : ''}}
+          <view class="star-rating">
+            <van-rate model:value="{{ satisfiedTy }}" size="{{ 25 }}" color="#13c2c2" void-icon="star" void-color="#eee" readonly />
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">评价内容</text>
+      <text class="H5_infoItemValue">{{tfjlData.mzCheckInEvaluate && tfjlData.mzCheckInEvaluate.evaluateContent || ''}}</text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">上传图片</text>
+    </view>
+    <view class="H5_infoNewBox" style="display: flex;flex-wrap: wrap;" wx:if="{{tfjlData.mzCheckInEvaluate && tfjlData.mzCheckInEvaluate.images && tfjlData.mzCheckInEvaluate.images.length > 0}}">
+      <image src="{{item.url}}" class="H5_infoNewImg" wx:for="{{tfjlData.mzCheckInEvaluate.images}}"
+        wx:key="index" bindtap="handleDcwjClick1" data-url="{{item.url}}"></image>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">是否匿名</text>
+      <text class="H5_infoItemValue">
+        {{tfjlData.mzCheckInEvaluate ? (tfjlData.mzCheckInEvaluate.releaseMethod == 1 ? '是' : '否') : ''}}
+      </text>
+    </view>
+    <view class="divider"></view>
+    <view class="H5_infoItem">
+      <text class="H5_infoItemName">评价时间</text>
+      <text class="H5_infoItemValue">{{tfjlData.mzCheckInEvaluate && tfjlData.mzCheckInEvaluate.evaluateTime || ''}}</text>
+    </view>
+  </view>
+  
+  <!-- 暂无退房记录 -->
+  <view wx:if="{{titleActiveCode == 3 && !tfjlData}}"
+    style="display: flex;align-items: center;width: 100%;height: 100vh;flex-direction: column;justify-content: center;">
+    <image src="../../../images/icon/zwsj.png" style="width: 400rpx;height: 200rpx;"></image>
+    <text style="color: gray;font-size: 16px;">暂无退房记录</text>
+  </view>
+</view>

subpages/mine/xfjlxq/xfjlxq.wxss

@@ -0,0 +1,162 @@
+.H5_messageCss {
+  width: 100%;
+  z-index: 2;
+  position: absolute;
+  top: 0rpx;
+  left: 0rpx;
+  background-color: rgba(248, 248, 248, 1);
+  padding-bottom: 90rpx;
+  box-sizing: border-box;
+}
+
+.H5_titleBox {
+  width: 100%;
+  height: 110rpx;
+  background-color: rgba(255, 255, 255, 1);
+  display: flex;
+  padding-top: 20rpx;
+}
+
+.H5_titleItem {
+  width: 25%;
+  height: 90rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.H5_itemName {
+  color: rgba(0, 0, 0, 1);
+  font-size: 28rpx;
+  border-radius: 8rpx;
+  background-color: rgba(255, 255, 255, 1);
+  width: 140rpx;
+  height: 60rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 1rpx solid rgba(220, 220, 220, 1);
+}
+
+.H5_itemNameActive {
+  color: rgba(255, 255, 255, 1);
+  font-size: 28rpx;
+  font-weight: bold;
+  border-radius: 8rpx;
+  background-color: rgba(1, 171, 169, 1);
+  width: 140rpx;
+  height: 60rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.H5_itemImg {
+  width: 32rpx;
+  height: 32rpx;
+}
+
+.H5_infoBox {
+  background-color: rgba(255, 255, 255, 1);
+  box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.05);
+  width: calc(100% - 60rpx);
+  border-radius: 12rpx;
+  margin: 20rpx auto 0;
+  padding: 10rpx 20rpx;
+}
+
+.H5_infoTitle {
+  color: rgb(64, 64, 64);
+  font-size: 30rpx;
+  font-weight: bold;
+}
+
+.H5_infoItem {
+  margin: 25rpx 0rpx;
+  display: flex;
+  justify-content: space-between;
+}
+
+.H5_infoItemName {
+  color: rgba(104, 117, 139, 1);
+  font-size: 30rpx;
+  width: 45%;
+  text-align: left;
+}
+
+.H5_infoItemValue {
+  color: rgba(0, 0, 0, 1);
+  font-size: 30rpx;
+  width: 55%;
+  text-align: right;
+}
+
+.H5_infoNewBox {
+  width: 100%;
+  padding: 0 20rpx;
+  box-sizing: border-box;
+  margin-bottom: 20rpx;
+}
+
+.H5_infoItemNew {
+  margin: 30rpx 0rpx;
+  display: flex;
+  justify-content: space-between;
+}
+
+.H5_infoItemNameNew {
+  color: rgba(104, 117, 139, 1);
+  font-size: 28rpx;
+  text-align: left;
+}
+
+.H5_infoItemValueNew {
+  color: rgba(0, 0, 0, 1);
+  font-size: 28rpx;
+  text-align: right;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.H5_infoItemValueNew image {
+  width: 40rpx;
+  height: 40rpx;
+  margin-right: 8rpx;
+}
+
+.divider {
+  height: 1rpx;
+  background-color: #ebedf0;
+  margin: 0;
+}
+
+.H5_infoNewImg {
+  width: 32%;
+  height: 200rpx;
+  margin-right: 2%;
+  margin-bottom: 1%;
+}
+
+.H5_infoNewImg:nth-child(3n) {
+  margin-right: 0rpx;
+}
+
+/* 星级评分样式 */
+.star-rating {
+  display: flex;
+  margin-left: 10rpx;
+}
+
+.star {
+  font-size: 25rpx;
+  margin-right: 2rpx;
+}
+
+.star-filled {
+  color: #13C2C2;
+}
+
+.star-empty {
+  color: #eee;
+}