Skip to content

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

我的消息+房屋信息认证+住户消息认证

上级 1f198920
隐藏空白字符变更
内嵌 并排
正在显示 包含 692 行增加 和 4 行删除
pages.json
浏览文件 @ 1800451b
...@@ -33,6 +33,46 @@ ...@@ -33,6 +33,46 @@
"style": { "style": {
"navigationBarTitleText": "公告详情" "navigationBarTitleText": "公告详情"
} }
},
{
"path": "pages/message/index",
"style": {
"navigationBarTitleText": "我的消息",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#F8F6F9"
}
},
{
"path": "pages/housing/index",
"style": {
"navigationBarTitleText": "房屋登记认证",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
},
{
"path": "pages/housing/residents",
"style": {
"navigationBarTitleText": "住户信息",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
},
{
"path": "pages/housing/audit",
"style": {
"navigationBarTitleText": "物业审核",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
},
{
"path": "pages/housing/certification",
"style": {
"navigationBarTitleText": "认证成功",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
} }
], ],
"globalStyle": { "globalStyle": {
......
pages/announcement/index.vue
浏览文件 @ 1800451b
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
.item { .item {
background-color: #ffffff; background-color: #ffffff;
border-radius: 30rpx; border-radius: 16rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 30rpx; padding: 30rpx;
......
pages/home/index.vue
浏览文件 @ 1800451b
...@@ -25,14 +25,14 @@ ...@@ -25,14 +25,14 @@
</swiper> </swiper>
</view> </view>
<view class="quick-entry"> <view class="quick-entry">
<view class="item"> <view class="item" @click="quickEntry(1)">
<view class="item-img"> <view class="item-img">
<image src="../../static/images/quick01.png" class="icon"></image> <image src="../../static/images/quick01.png" class="icon"></image>
<view class="num">10</view> <view class="num">10</view>
</view> </view>
<text>我的消息</text> <text>我的消息</text>
</view> </view>
<view class="item"> <view class="item" @click="quickEntry(2)">
<image src="../../static/images/quick02.png" class="icon"></image><text>房屋登记</text> <image src="../../static/images/quick02.png" class="icon"></image><text>房屋登记</text>
</view> </view>
<view class="item"> <view class="item">
...@@ -112,7 +112,15 @@ ...@@ -112,7 +112,15 @@
}); });
}, },
quickEntry(type) { quickEntry(type) {
if (type == 6) { if (type == 1) {
uni.navigateTo({
url: '/pages/message/index',
});
} else if (type == 2) {
uni.navigateTo({
url: '/pages/housing/index',
});
} else if (type == 6) {
uni.navigateTo({ uni.navigateTo({
url: '/pages/announcement/index', url: '/pages/announcement/index',
}); });
......
pages/housing/index.vue 0 → 100644
浏览文件 @ 1800451b
<template>
<view class="container">
<view class="page">
<view class="housing">
<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"></view>
<view class="item">
<view class="uni-icons"><uni-icons type="person-filled" size="20" color="#B5B8ED"></uni-icons>
</view>
<view class="name">住户信息</view>
</view>
<view class="dotted"></view>
<view class="item">
<view class="uni-icons"><uni-icons type="auth-filled" size="20" color="#B5B8ED"></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="form">
<uni-forms>
<view class="form-item">
<view class="form-item-fl">物业公司</view>
<view class="form-item-fr">
<picker @change="bindPickerChange" :value="index" :range="array" class="form-item-tit">
<view class="uni-input">{{array[index] || '请选择'}}</view>
</picker>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
<view class="form-item">
<view class="form-item-fl">小区</view>
<view class="form-item-fr">
<picker @change="bindPickerChange" :value="index" :range="array" class="form-item-tit">
<view class="uni-input">{{array[index] || '请选择'}}</view>
</picker>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
<view class="form-item">
<view class="form-item-fl">楼栋</view>
<view class="form-item-fr">
<picker @change="bindPickerChange" :value="index" :range="array" class="form-item-tit">
<view class="uni-input">{{array[index] || '请选择'}}</view>
</picker>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
<view class="form-item">
<view class="form-item-fl">单元</view>
<view class="form-item-fr">
<picker @change="bindPickerChange" :value="index" :range="array" class="form-item-tit">
<view class="uni-input">{{array[index] || '请选择'}}</view>
</picker>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
<view class="form-item">
<view class="form-item-fl">户号</view>
<view class="form-item-fr">
<picker @change="bindPickerChange" :value="index" :range="array" class="form-item-tit">
<view class="uni-input">{{array[index] || '请选择'}}</view>
</picker>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
<view class="form-item">
<view class="form-item-fl">房屋状态</view>
<view class="form-item-fr">
<picker @change="bindPickerChange" :value="index" :range="array" class="form-item-tit">
<view class="uni-input">{{array[index] || '请选择'}}</view>
</picker>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
<view class="form-item">
<view class="form-item-fl">房屋用途</view>
<view class="form-item-fr">
<picker @change="bindPickerChange" :value="index" :range="array" class="form-item-tit">
<view class="uni-input">{{array[index] || '请选择'}}</view>
</picker>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
<view class="form-item">
<view class="form-item-fl">设为默认房屋</view>
<view class="form-item-fr">
<switch checked color="#6A59F2" style="transform:scale(0.7)" />
</view>
</view>
</uni-forms>
</view>
<view class="form-submit" @click="toNext()">下一步</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
index: '',
array: ['选择一', '选择二', '选择三']
}
},
methods: {
bindPickerChange: function(e) {
this.index = e.detail.value
},
toNext() {
uni.navigateTo({
url: '/pages/housing/residents',
});
}
},
onLoad() {
},
onShow() {
}
}
</script>
<style lang="scss" scoped>
.page {
padding: 30rpx;
background-color: #F8F6F9;
min-height: 95vh;
}
.housing {
.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;
}
}
.form {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.form-item {
display: flex;
align-items: center;
justify-content: space-between;
height: 84rpx;
line-height: 84rpx;
border-bottom: 1px solid #F8F6F9;
overflow: hidden;
}
.form-item-fl {
font-size: 28rpx;
color: #373737;
}
.form-item-fr {
display: flex;
flex: 2;
align-items: center;
justify-content: flex-end;
margin-left: 20rpx;
}
.form-item-tit {
font-size: 28rpx;
color: #666;
margin-right: 20rpx;
}
}
}
.form-submit {
height: 80rpx;
line-height: 80rpx;
background-color: #6A59F2;
border-radius: 80rpx;
width: 100%;
text-align: center;
font-size: 28rpx;
color: #FFFFFF;
}
</style>
\ No newline at end of file
pages/housing/residents.vue 0 → 100644
浏览文件 @ 1800451b
<template>
<view class="container">
<view class="page">
<view class="housing">
<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"></view>
<view class="item">
<view class="uni-icons"><uni-icons type="auth-filled" size="20" color="#B5B8ED"></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="form">
<uni-forms>
<view class="form-item">
<view class="form-item-fl">
<view class="asterisk">*</view>业主姓名
</view>
<view class="form-item-fr">
<input class="form-item-tit" v-model="formData.name" focus placeholder="请输入真实姓名" />
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
<view class="asterisk">*</view>联系方式
</view>
<view class="form-item-fr">
<input class="form-item-tit" v-model="formData.name1" focus placeholder="请输入手机号码" />
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
<view class="asterisk"></view>住户性别
</view>
<view class="form-item-fr">
<uni-data-checkbox v-model="formData.sex" :localdata="sexs" class="form-item-tit" />
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
<view class="asterisk"></view>证件类型
</view>
<view class="form-item-fr">
<picker @change="bindPickerChange" :value="formData.name2" :range="array"
class="form-item-tit">
<view class="uni-input">{{array[index] || '请选择证件类型'}}</view>
</picker>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
<view class="asterisk"></view>证件号码
</view>
<view class="form-item-fr">
<input class="form-item-tit" v-model="formData.name1" focus placeholder="请输入证件号码" />
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
<view class="asterisk">*</view>与业主关系
</view>
<view class="form-item-fr">
<picker @change="bindPickerChange" :value="formData.name2" :range="array"
class="form-item-tit">
<view class="uni-input">{{array[index] || '请选择与业主关系'}}</view>
</picker>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
<view class="asterisk">*</view>住户姓名
</view>
<view class="form-item-fr">
<input class="form-item-tit" v-model="formData.name" focus placeholder="请输入住户姓名" />
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
<view class="asterisk">*</view>住户手机号码
</view>
<view class="form-item-fr">
<input class="form-item-tit" v-model="formData.name1" focus placeholder="请输入手机号码" />
</view>
</view>
</uni-forms>
</view>
<view class="form-submit" @click="toAudit()">提交审核</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
formData: {
name: '',
name1: '',
sex: '',
name2: '',
},
sexs: [{
text: '男',
value: 0
}, {
text: '女',
value: 1
}],
index: '',
array: ['选择一', '选择二', '选择三']
}
},
methods: {
bindPickerChange: function(e) {
this.index = e.detail.value
},
toAudit() {
uni.navigateTo({
url: '/pages/housing/audit',
});
}
},
onLoad() {
},
onShow() {
}
}
</script>
<style lang="scss" scoped>
.page {
padding: 30rpx;
background-color: #F8F6F9;
min-height: 95vh;
}
.housing {
.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;
}
}
.form {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.form-item {
display: flex;
align-items: center;
justify-content: space-between;
height: 84rpx;
line-height: 84rpx;
border-bottom: 1px solid #F8F6F9;
overflow: hidden;
}
.form-item-fl {
font-size: 28rpx;
color: #373737;
display: flex;
.asterisk {
color: #F42E2E;
width: 10rpx;
margin-right: 6rpx;
}
}
.form-item-fr {
display: flex;
flex: 2;
align-items: center;
justify-content: flex-end;
margin-left: 20rpx;
}
.form-item-tit {
font-size: 28rpx;
color: #666;
margin-right: 20rpx;
text-align: right;
}
}
}
.form-submit {
height: 80rpx;
line-height: 80rpx;
background-color: #6A59F2;
border-radius: 80rpx;
width: 100%;
text-align: center;
font-size: 28rpx;
color: #FFFFFF;
}
</style>
\ No newline at end of file
pages/message/index.vue 0 → 100644
浏览文件 @ 1800451b
<template>
<view class="container">
<view class="page">
<view class="message">
<view class="item">
<view class="top">
<view class="title">
<view class="point"></view>
<image src="../../static/images/img01.png" class="icon"></image>
<view class="name">维修申请状态更新通知</view>
</view>
<image src="../../static/images/icon_more.png" class="arrow"></image>
</view>
<view class="con">
您提交的【门把手脱落】 维修申请已通过申请，即将有工作人员上门维修，请注意接听来电!
</view>
</view>
<view class="item">
<view class="top">
<view class="title">
<view class="point"></view>
<image src="../../static/images/img01.png" class="icon"></image>
<view class="name">2022年4月物业费账单通知</view>
</view>
<image src="../../static/images/icon_more.png" class="arrow"></image>
</view>
<view class="con">
您2022年4月物业费账单已经生成，请及时缴费，谢谢配合!
</view>
</view>
<view class="item">
<view class="top">
<view class="title">
<view class="point"></view>
<image src="../../static/images/img01.png" class="icon"></image>
<view class="name">2022年3月物业费账单通知</view>
</view>
<image src="../../static/images/icon_more.png" class="arrow"></image>
</view>
<view class="con">
您2022年3月物业费账单已经生成，请及时缴费，谢谢配合!
</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;
}
.message {
.item {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.top {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20rpx;
margin-bottom: 30rpx;
border-bottom: 1px solid #F0F0F2;
.title {
display: flex;
align-items: center;
.point {
width: 14rpx;
height: 14rpx;
background-color: #F6C864;
border-radius: 14rpx;
}
.icon {
width: 66rpx;
height: 66rpx;
border-radius: 60rpx;
margin: 0 20rpx;
}
.name {
font-size: 32rpx;
color: #373737;
}
}
.arrow {
width: 16rpx;
height: 24rpx;
}
}
.con {
font-size: 28rpx;
color: #9D9CA6;
}
}
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论