Skip to content

A
applet
提交 18518ff5 authored 作者: 何忠建's avatar 何忠建
浏览文件
操作

.gitignore

上级 1ba8a6ef
隐藏空白字符变更
内嵌 并排
正在显示 包含 538 行增加 和 0 行删除
.gitignore 0 → 100644
浏览文件 @ 18518ff5
unpackage
\ No newline at end of file
pages/housing/audit.vue 0 → 100644
浏览文件 @ 18518ff5
<template>
<view class="container">
<view class="page">
<view class="housing">
<view class="audit">
<view class="uni-icons"><uni-icons type="more-filled" size="25" color="#F6C864"></uni-icons></view>
<view class="name">房屋审核中，请耐心等待</view>
</view>
<view class="steps">
<view class="item active">
<view class="uni-icons"><uni-icons type="home-filled" size="20" color="#6A59F2"></uni-icons>
</view>
<view class="name">房屋信息</view>
</view>
<view class="dotted dottedActive"></view>
<view class="item active">
<view class="uni-icons"><uni-icons type="person-filled" size="20" color="#6A59F2"></uni-icons>
</view>
<view class="name">住户信息</view>
</view>
<view class="dotted dottedActive"></view>
<view class="item active">
<view class="uni-icons"><uni-icons type="auth-filled" size="20" color="#6A59F2"></uni-icons>
</view>
<view class="name">物业审核</view>
</view>
<view class="dotted"></view>
<view class="item">
<view class="uni-icons"><uni-icons type="checkbox-filled" size="20" color="#B5B8ED"></uni-icons>
</view>
<view class="name">认证成功</view>
</view>
</view>
<view class="information">
<view class="title">房屋信息</view>
<view class="content">
<view class="item">
<view class="name">物业公司</view>
<view class="detail">广州市南航碧桂园物业公司</view>
</view>
<view class="item">
<view class="name">小区</view>
<view class="detail">广州市南航碧桂园小区</view>
</view>
<view class="item">
<view class="name">房间号</view>
<view class="detail">101栋2单元402123</view>
</view>
<view class="item">
<view class="name">业主</view>
<view class="detail">张三</view>
</view>
<view class="item">
<view class="name">房间状态</view>
<view class="detail">租赁</view>
</view>
</view>
</view>
<view class="information">
<view class="title">住户信息</view>
<view class="content">
<view class="item">
<view class="name">业主姓名 </view>
<view class="detail">张三</view>
</view>
<view class="item">
<view class="name">手机号码</view>
<view class="detail">15619009090</view>
</view>
<view class="item">
<view class="name">住户性别</view>
<view class="detail">女</view>
</view>
<view class="item">
<view class="name">证件类型</view>
<view class="detail">身份证</view>
</view>
<view class="item">
<view class="name">证件号码</view>
<view class="detail">371538199608080987</view>
</view>
<view class="item">
<view class="name">与业主关系</view>
<view class="detail">租户</view>
</view>
<view class="item">
<view class="name">住户姓名</view>
<view class="detail">李四</view>
</view>
<view class="item">
<view class="name">住户手机号码</view>
<view class="detail">15619009090</view>
</view>
</view>
</view>
<view class="form-submit" @click="toEditor()">修改</view>
<view class="form-delete" @click="deleteDialog">删除</view>
</view>
</view>
<uni-popup ref="popup" type="dialog">
<uni-popup-dialog type="error" cancelText="关闭" confirmText="同意" title="删除信息" content="确定要删除此房屋信息吗？!"
@confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
</uni-popup>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {
deleteDialog() {
this.$refs.popup.open()
},
dialogConfirm() {
},
dialogClose() {
this.$refs.popup.close()
},
toEditor() {
uni.navigateTo({
url: '/pages/housing/residents',
});
}
},
onLoad() {
},
onShow() {
}
}
</script>
<style lang="scss" scoped>
.page {
padding: 30rpx;
background-color: #F8F6F9;
min-height: 95vh;
}
.housing {
.audit {
display: flex;
flex-wrap: wrap;
justify-content: center;
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.uni-icons {
background-color: #F8F6F9;
text-align: center;
width: 100rpx;
height: 100rpx;
border-radius: 100rpx;
border: 2px dashed #6A59F2;
line-height: 100rpx;
}
.name {
margin-top: 20rpx;
font-size: 28rpx;
color: #373737;
width: 100%;
text-align: center;
}
}
.steps {
display: flex;
justify-content: space-between;
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.item {
display: flex;
flex-wrap: wrap;
justify-content: center;
.uni-icons {
text-align: center;
width: 60rpx;
height: 60rpx;
border-radius: 60rpx;
border: 1px solid #B5B8ED;
line-height: 60rpx;
}
.name {
margin-top: 10rpx;
font-size: 28rpx;
color: #9D9CA6;
}
}
.active {
.uni-icons {
border: 1px solid #6A59F2;
}
.name {
color: #373737;
}
}
.dotted {
margin-top: 28rpx;
width: 40px;
height: 1px;
border-bottom: 1px dashed #B5B8ED;
}
.dottedActive {
border-bottom: 1px solid #6A59F2;
}
}
}
.information {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.title {
height: 40rpx;
line-height: 40rpx;
padding-left: 20rpx;
border-left: 3px solid #6852F0;
font-size: 32rpx;
color: #373737;
}
.content {
margin-top: 20rpx;
.item {
display: flex;
height: 70rpx;
line-height: 70rpx;
.name {
width: 35%;
font-size: 28rpx;
color: #CECED3;
}
.detail {
font-size: 28rpx;
color: #373737;
}
}
}
}
.form-submit {
height: 80rpx;
line-height: 80rpx;
background-color: #6A59F2;
border-radius: 80rpx;
width: 100%;
text-align: center;
font-size: 28rpx;
color: #FFFFFF;
margin-bottom: 30rpx;
}
.form-delete {
height: 80rpx;
line-height: 80rpx;
background-color: #ffffff;
border: 1px solid #6A59F2;
border-radius: 80rpx;
width: 100%;
text-align: center;
font-size: 28rpx;
color: #6A59F2;
}
</style>
\ No newline at end of file
pages/housing/certification.vue 0 → 100644
浏览文件 @ 18518ff5
<template>
<view class="container">
<view class="page">
<view class="housing">
<view class="audit">
<view class="uni-icons"><uni-icons type="checkmarkempty" size="25" color="#F6C864"></uni-icons>
</view>
<view class="name">房屋已认证成功</view>
</view>
<view class="steps">
<view class="item active">
<view class="uni-icons"><uni-icons type="home-filled" size="20" color="#6A59F2"></uni-icons>
</view>
<view class="name">房屋信息</view>
</view>
<view class="dotted dottedActive"></view>
<view class="item active">
<view class="uni-icons"><uni-icons type="person-filled" size="20" color="#6A59F2"></uni-icons>
</view>
<view class="name">住户信息</view>
</view>
<view class="dotted dottedActive"></view>
<view class="item active">
<view class="uni-icons"><uni-icons type="auth-filled" size="20" color="#6A59F2"></uni-icons>
</view>
<view class="name">物业审核</view>
</view>
<view class="dotted dottedActive"></view>
<view class="item active">
<view class="uni-icons"><uni-icons type="checkbox-filled" size="20" color="#6A59F2"></uni-icons>
</view>
<view class="name">认证成功</view>
</view>
</view>
<view class="information">
<view class="title">房屋信息</view>
<view class="content">
<view class="item">
<view class="name">物业公司</view>
<view class="detail">广州市南航碧桂园物业公司</view>
</view>
<view class="item">
<view class="name">小区</view>
<view class="detail">广州市南航碧桂园小区</view>
</view>
<view class="item">
<view class="name">房间号</view>
<view class="detail">101栋2单元402123</view>
</view>
<view class="item">
<view class="name">业主</view>
<view class="detail">张三</view>
</view>
<view class="item">
<view class="name">房间状态</view>
<view class="detail">租赁</view>
</view>
</view>
</view>
<view class="information">
<view class="title">住户信息</view>
<view class="content">
<view class="item">
<view class="name">业主姓名 </view>
<view class="detail">张三</view>
</view>
<view class="item">
<view class="name">手机号码</view>
<view class="detail">15619009090</view>
</view>
<view class="item">
<view class="name">住户性别</view>
<view class="detail">女</view>
</view>
<view class="item">
<view class="name">证件类型</view>
<view class="detail">身份证</view>
</view>
<view class="item">
<view class="name">证件号码</view>
<view class="detail">371538199608080987</view>
</view>
<view class="item">
<view class="name">与业主关系</view>
<view class="detail">租户</view>
</view>
<view class="item">
<view class="name">住户姓名</view>
<view class="detail">李四</view>
</view>
<view class="item">
<view class="name">住户手机号码</view>
<view class="detail">15619009090</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
onLoad() {
},
onShow() {
}
}
</script>
<style lang="scss" scoped>
.page {
padding: 30rpx;
background-color: #F8F6F9;
min-height: 95vh;
}
.housing {
.audit {
display: flex;
flex-wrap: wrap;
justify-content: center;
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.uni-icons {
background-color: #F8F6F9;
text-align: center;
width: 100rpx;
height: 100rpx;
border-radius: 100rpx;
border: 2px dashed #6A59F2;
line-height: 100rpx;
}
.name {
margin-top: 20rpx;
font-size: 28rpx;
color: #373737;
width: 100%;
text-align: center;
}
}
.steps {
display: flex;
justify-content: space-between;
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.item {
display: flex;
flex-wrap: wrap;
justify-content: center;
.uni-icons {
text-align: center;
width: 60rpx;
height: 60rpx;
border-radius: 60rpx;
border: 1px solid #B5B8ED;
line-height: 60rpx;
}
.name {
margin-top: 10rpx;
font-size: 28rpx;
color: #9D9CA6;
}
}
.active {
.uni-icons {
border: 1px solid #6A59F2;
}
.name {
color: #373737;
}
}
.dotted {
margin-top: 28rpx;
width: 40px;
height: 1px;
border-bottom: 1px dashed #B5B8ED;
}
.dottedActive {
border-bottom: 1px solid #6A59F2;
}
}
}
.information {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.title {
height: 40rpx;
line-height: 40rpx;
padding-left: 20rpx;
border-left: 3px solid #6852F0;
font-size: 32rpx;
color: #373737;
}
.content {
margin-top: 20rpx;
.item {
display: flex;
height: 70rpx;
line-height: 70rpx;
.name {
width: 35%;
font-size: 28rpx;
color: #CECED3;
}
.detail {
font-size: 28rpx;
color: #373737;
}
}
}
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论