WechatOwnerService/pages/myApplyRoom/myApplyRoomDetail.vue
2022-03-18 19:20:00 +08:00

136 lines
2.5 KiB
Vue

<template>
<view>
<view class="cu-form-group" @click="showRecord()">
<view class="title">跟踪记录</view>
点击查看>
</view>
<view class="block__title">用户信息</view>
<view class="cu-form-group">
<view class="title">名称</view>
{{applyDetail.createUserName}}
</view>
<view class="cu-form-group">
<view class="title">联系方式</view>
{{applyDetail.createUserTel}}
</view>
<view class="block__title">房屋信息</view>
<view class="cu-form-group">
<view class="title">房屋号</view>
{{applyDetail.roomName}}
</view>
<view class="cu-form-group">
<view class="title">开始时间</view>
{{applyDetail.startTime}}
</view>
<view class="cu-form-group">
<view class="title">结束时间</view>
{{applyDetail.endTime}}
</view>
<view class="cu-form-group">
<view class="title">当前进度</view>
{{applyDetail.stateName}}
</view>
<view class="button_up_blank"></view>
</view>
</template>
<script>
import context from '../../lib/java110/Java110Context.js';
const factory = context.factory;
export default {
data() {
return {
applyDetail: {},
};
},
components: {},
props: {},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
let _that = this;
context.onLoad(options);
_that.applyDetail = JSON.parse(options.room);
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function() {},
/**
* 生命周期函数--监听页面显示
*/
onShow: function() {},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function() {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function() {},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function() {},
methods: {
/**
* 查看跟踪记录
*/
showRecord: function(){
uni.navigateTo({
url: '/pages/myApplyRoom/myApplyRoomRecord?apply=' + JSON.stringify(this.applyDetail)
});
},
}
};
</script>
<style>
.block__title {
margin: 0;
font-weight: 400;
font-size: 14px;
color: rgba(69, 90, 100, .6);
padding: 40rpx 30rpx 20rpx;
}
.button_up_blank {
height: 40rpx;
}
.block__bottom {
height: 180rpx;
}
.btn-box{
padding: 30rpx 0;
}
.btn-sub{
width: 80%;
margin: 0 auto;
background-color: #1F8DEE!important;
color: #fff!important;
}
</style>