diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000000000000000000000000000000000000..efe77355a2bcd208c7f55c265041b976110d2f01 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +unpackage \ No newline at end of file diff --git a/pages/housing/audit.vue b/pages/housing/audit.vue new file mode 100644 index 0000000000000000000000000000000000000000..e7b758cdb589690931d8431731bb5f770874e734 --- /dev/null +++ b/pages/housing/audit.vue @@ -0,0 +1,288 @@ +<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 diff --git a/pages/housing/certification.vue b/pages/housing/certification.vue new file mode 100644 index 0000000000000000000000000000000000000000..d39adce51f9579c1a3681f318b990ed61f2773aa --- /dev/null +++ b/pages/housing/certification.vue @@ -0,0 +1,246 @@ +<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