16 changed files with 1175 additions and 27 deletions
|
After Width: | Height: | Size: 506 B |
|
After Width: | Height: | Size: 491 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 41 KiB |
@ -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; |
||||
|
} |
||||
|
}, |
||||
|
}); |
||||
@ -0,0 +1,12 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"van-rate": "@vant/weapp/rate/index" |
||||
|
}, |
||||
|
"navigationBarTitleText": "选房记录详情", |
||||
|
"navigationBarBackgroundColor": "#ffffff", |
||||
|
"navigationBarTextStyle": "black", |
||||
|
"backgroundColor": "#f8f8f8", |
||||
|
"enablePullDownRefresh": false, |
||||
|
"disableScroll": false |
||||
|
} |
||||
|
|
||||
@ -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> |
||||
@ -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; |
||||
|
} |
||||
Loading…
Reference in new issue