Skip to content

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

投诉3+缴费2

上级 00cecbbe
隐藏空白字符变更
内嵌 并排
正在显示 包含 909 行增加 和 37 行删除
pages.json
浏览文件 @ 38fcca44
{
"pages": [ {
"pages": [{
"path": "pages/home/index",
"style": {
"navigationBarTitleText": "首页",
......@@ -38,7 +38,6 @@
"path": "pages/message/index",
"style": {
"navigationBarTitleText": "我的消息",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#F8F6F9"
}
},
......@@ -52,7 +51,6 @@
"path": "pages/housing/index",
"style": {
"navigationBarTitleText": "房屋登记认证",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
},
......@@ -60,7 +58,6 @@
"path": "pages/housingResidents/index",
"style": {
"navigationBarTitleText": "住户信息",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
},
......@@ -68,7 +65,6 @@
"path": "pages/housingAudit/index",
"style": {
"navigationBarTitleText": "物业审核",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
},
......@@ -76,51 +72,54 @@
"path": "pages/housingCertification/index",
"style": {
"navigationBarTitleText": "认证成功",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
}, {
"path": "pages/maintenance/index",
"style": {
"navigationBarTitleText": "维修上报",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
}, {
"path": "pages/maintenanceAdd/index",
"style": {
"navigationBarTitleText": "填写维修信息",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
}, {
"path": "pages/maintenanceAaudit/index",
"style": {
"navigationBarTitleText": "维修提交审核",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
}, {
"path": "pages/complaints/index",
"style": {
"navigationBarTitleText": "投诉记录",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
},{
}, {
"path": "pages/complaintsAdd/index",
"style": {
"navigationBarTitleText": "新增投诉",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
},{
}, {
"path": "pages/complaintsDetail/index",
"style": {
"navigationBarTitleText": "投诉详情",
"backgroundColor": "#F8F6F9",
"navigationBarBackgroundColor": "#ffffff"
}
}, {
"path": "pages/payCost/index",
"style": {
"navigationBarTitleText": "生活缴费"
}
}, {
"path": "pages/payCostProperty/index",
"style": {
"navigationBarTitleText": "物业费"
}
}
],
"globalStyle": {
......
pages/announcement/index.vue
浏览文件 @ 38fcca44
......@@ -57,11 +57,14 @@
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx 0 0;
background-color: #ffffff;
}
// .nav-bar {
......
pages/complaints/index.vue 0 → 100644
浏览文件 @ 38fcca44
<template>
<view class="container">
<view class="page">
<view class="complaints">
<view class="information" @click="toDetail()">
<view class="title yellow">小区垃圾桶太少<view class="tag">待处理</view>
</view>
<view class="content">
<view class="item">
<view class="name">投诉人</view>
<view class="detail">张三123 156****7800 </view>
</view>
<view class="item">
<view class="name">投诉时间</view>
<view class="detail">2022年3月12日</view>
</view>
</view>
</view>
<view class="information" @click="toDetail()">
<view class="title gray">浴霸不出水了<view class="tag">已完成</view>
</view>
<view class="content">
<view class="item">
<view class="name">投诉人</view>
<view class="detail">张三123 156****7800 </view>
</view>
<view class="item">
<view class="name">投诉时间</view>
<view class="detail">2022年3月12日</view>
</view>
</view>
</view>
</view>
</view>
<view class="form-submit-fixed">
<view class="form-submit" @click="toEditor()">新增投诉</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {
toDetail() {
uni.navigateTo({
url: '/pages/complaintsDetail/index',
});
},
toEditor() {
uni.navigateTo({
url: '/pages/complaintsAdd/index',
});
}
},
onLoad() {
},
onShow() {
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx 30rpx 90rpx;
background-color: #F8F6F9;
}
.complaints {
.information {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.title {
height: 40rpx;
line-height: 40rpx;
padding-left: 20rpx;
font-size: 32rpx;
color: #373737;
font-weight: bold;
margin-bottom: 30rpx;
.tag {
font-size: 22rpx;
padding: 2rpx 20rpx;
border-radius: 30rpx;
display: inline-block;
float: right;
}
}
.yellow {
border-left: 2px solid #F1BD4D;
.tag {
color: #F1BD4D;
border: 1px solid #F1BD4D;
background-color: #FFFCF6;
}
}
.red {
border-left: 2px solid #F42E2E;
.tag {
color: #F42E2E;
border: 1px solid #F42E2E;
background-color: #FFF5F5;
}
}
.green {
border-left: 2px solid #10D680;
.tag {
color: #10D680;
border: 1px solid #10D680;
background-color: #F1FFF9;
}
}
.gray {
border-left: 2px solid #B6B6BA;
.tag {
color: #B6B6BA;
border: 1px solid #B6B6BA;
background-color: #F8F8F8;
}
}
.content {
border-top: 1px solid #F0F0F2;
padding-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-fixed {
position: fixed;
width: 100%;
bottom: 10rpx;
}
.form-submit {
margin: 0 30rpx;
box-sizing: border-box;
height: 80rpx;
line-height: 80rpx;
background-color: #6A59F2;
border-radius: 80rpx;
text-align: center;
font-size: 28rpx;
color: #FFFFFF;
}
</style>
\ No newline at end of file
pages/complaintsAdd/index.vue 0 → 100644
浏览文件 @ 38fcca44
<template>
<view class="container">
<view class="page">
<view class="complaints">
<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.name1" focus placeholder="请输入投诉主题" />
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
<view class="asterisk">*</view>投诉人姓名
</view>
<view class="form-item-fr">
<view class="form-item-tit">张三</view>
<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">
<view class="form-item-tit">18888888888</view>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
<view class="form-item-text">
<view class="title">问题描述</view>
<view class="textarea">
<uni-easyinput type="textarea" v-model="baseFormData.introduction"
placeholder="请输入问题描述" /></uni-easyinput>
</view>
</view>
<view class="form-item-text">
<view class="title">问题图片(最多传三张)</view>
<view class="picker">
<uni-file-picker limit="3"></uni-file-picker>
</view>
</view>
</uni-forms>
</view>
<view class="form-submit" @click="toAudit()">提交</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
formData: {
name: '',
},
datetimesingle: '',
}
},
methods: {
toAudit() {
}
},
onLoad() {
},
onShow() {
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx;
}
.complaints {
.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;
text-align: right;
}
.form-item-tit {
font-size: 28rpx;
color: #666;
margin-right: 20rpx;
text-align: right;
}
.form-item-text{
.title{
height: 84rpx;
line-height: 84rpx;
font-size: 28rpx;
color: #373737;
margin-left: 10rpx;
}
.textarea{
background-color: #F8F8F8;
}
}
}
}
.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/complaintsDetail/index.vue 0 → 100644
浏览文件 @ 38fcca44
<template>
<view class="container">
<view class="page">
<view class="complaints">
<view class="information">
<view class="title">小区垃圾桶太少</view>
<view class="content">
<view class="item">
<view class="name">投诉人</view>
<view class="detail">张三123</view>
</view>
<view class="item">
<view class="name">投诉时间</view>
<view class="detail">2020年3月12日</view>
</view>
<view class="item">
<view class="name">联系方式</view>
<view class="detail">16589000078</view>
</view>
<view class="item text">
<view class="name">问题描述</view>
<view class="detail">校区垃圾桶太少，导致每次丢垃校区垃圾桶太少，导致每次丢垃校区垃圾桶太少，导致每次丢垃校区垃圾桶太少，导致每次丢垃</view>
</view>
<view class="item">
<view class="name">状态</view>
<view class="detail"><view class="tag">已处理</view></view>
</view>
<view class="item text">
<view class="name">处理结果</view>
<view class="detail">已安排在3、5栋门前增加垃圾桶</view>
</view>
<view class="item text">
<view class="name">附件</view>
<view class="image">
<image src="../../static/images/img02.png" class="icon"></image>
<image src="../../static/images/img03.png" class="icon"></image>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
onLoad() {
},
onShow() {
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx;
}
.information {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.title {
height: 40rpx;
line-height: 40rpx;
font-size: 32rpx;
color: #373737;
border-bottom: 1px solid #f8f8f8;
padding-bottom: 30rpx;
font-weight: bold;
}
.content {
margin-top: 20rpx;
.item {
display: flex;
height: 70rpx;
line-height: 70rpx;
.name {
width: 35%;
font-size: 28rpx;
color: #CECED3;
}
.detail {
width: 65%;
font-size: 28rpx;
color: #373737;
.tag {
height: 40rpx;
line-height: 40rpx;
font-size: 22rpx;
padding: 2rpx 20rpx;
border-radius: 30rpx;
display: inline-block;
color: #B6B6BA;
border: 1px solid #B6B6BA;
background-color: #F8F8F8;
}
}
}
.text {
height: auto;
.detail {
line-height: 52rpx;
}
.image {
display: flex;
.icon {
width: 120rpx;
height: 120rpx;
border-radius: 10rpx;
margin-right: 10rpx;
}
}
}
}
}
</style>
\ No newline at end of file
pages/home/index.vue
浏览文件 @ 38fcca44
......@@ -35,7 +35,7 @@
<view class="item" @click="quickEntry(2)">
<image src="../../static/images/quick02.png" class="icon"></image><text>房屋登记</text>
</view>
<view class="item">
<view class="item" @click="quickEntry(3)">
<image src="../../static/images/quick03.png" class="icon"></image><text>生活缴费</text>
</view>
<view class="item" @click="quickEntry(4)">
......@@ -47,7 +47,7 @@
<view class="item" @click="quickEntry(6)">
<image src="../../static/images/quick06.png" class="icon"></image><text>公告公示</text>
</view>
<view class="item">
<view class="item" @click="quickEntry(7)">
<image src="../../static/images/quick07.png" class="icon"></image><text>缴纳物业费</text>
</view>
</view>
......@@ -120,6 +120,10 @@
uni.navigateTo({
url: '/pages/housing/index',
});
} else if (type == 3) {
uni.navigateTo({
url: '/pages/payCost/index',
});
} else if (type == 4) {
uni.navigateTo({
url: '/pages/maintenance/index',
......@@ -132,6 +136,10 @@
uni.navigateTo({
url: '/pages/announcement/index',
});
} else if (type == 7) {
uni.navigateTo({
url: '/pages/payCostProperty/index',
});
}
},
toDetails(type) {
......
pages/housing/index.vue
浏览文件 @ 38fcca44
......@@ -133,12 +133,14 @@
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx;
background-color: #F8F6F9;
min-height: 95vh;
}
.housing {
......
pages/housingAudit/index.vue
浏览文件 @ 38fcca44
......@@ -133,12 +133,14 @@
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx;
background-color: #F8F6F9;
min-height: 95vh;
}
.housing {
......
pages/housingCertification/index.vue
浏览文件 @ 38fcca44
......@@ -115,12 +115,14 @@
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx;
background-color: #F8F6F9;
min-height: 95vh;
}
.housing {
......
pages/housingResidents/index.vue
浏览文件 @ 38fcca44
......@@ -150,12 +150,14 @@
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx;
background-color: #F8F6F9;
min-height: 95vh;
}
.housing {
......
pages/maintenanceAaudit/index.vue
浏览文件 @ 38fcca44
......@@ -94,12 +94,14 @@
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx;
background-color: #F8F6F9;
min-height: 95vh;
}
.housing {
......
pages/message/index.vue
浏览文件 @ 38fcca44
......@@ -69,11 +69,14 @@
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx;
background-color: #F8F6F9;
}
.message {
......
pages/mine/index.vue
浏览文件 @ 38fcca44
......@@ -86,11 +86,14 @@
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 20rpx 30rpx 20rpx;
background-color: #F8F6F9;
}
.user {
......
pages/payCost/index.vue 0 → 100644
浏览文件 @ 38fcca44
<template>
<view class="container" style="background-image: url('../../static/images/bg_pay.png');">
<view class="page">
<view class="paycost">
<view class="item">
<view class="information">
<view class="image">
<image src="../../static/images/paycost01.png" class="icon"></image>
</view>
<view class="title">
<view class="name">水费<view class="tag">待缴费</view>
</view>
<view class="add">汉江之星小区3栋1401，张一</view>
</view>
</view>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
<view class="item">
<view class="information">
<view class="image">
<image src="../../static/images/paycost02.png" class="icon"></image>
</view>
<view class="title">
<view class="name">电费<view class="tag">待缴费</view>
</view>
<view class="add">汉江之星小区3栋1401，张一</view>
</view>
</view>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
<view class="item">
<view class="information">
<view class="image">
<image src="../../static/images/paycost03.png" class="icon"></image>
</view>
<view class="title">
<view class="name">物业费<view class="tag">待缴费</view>
</view>
<view class="add">汉江之星小区3栋1401，张一</view>
</view>
</view>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
},
onLoad() {
},
onShow() {
}
}
</script>
<style lang="scss" scoped>
.container {
width: 100%;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.page {
padding: 0 30rpx;
}
.paycost {
padding: 30rpx 0;
box-sizing: border-box;
min-height: 100vh;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
.item {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
border-radius: 16rpx;
padding: 54rpx 50rpx;
margin-bottom: 40rpx;
.information {
display: flex;
justify-content: center;
align-items: center;
.image {
width: 76rpx;
height: 76rpx;
display: flex;
justify-content: center;
align-items: center;
background-color: #EEECFE;
border-radius: 76rpx;
.icon {
width: 44rpx;
height: 44rpx;
}
}
.title {
margin-left: 20rpx;
.name {
font-size: 32rpx;
color: #373737;
font-weight: bold;
display: flex;
margin-bottom: 15rpx;
.tag {
height: 36rpx;
line-height: 36rpx;
font-size: 22rpx;
padding: 0 20rpx;
border-radius: 30rpx;
display: inline-block;
color: #F42E2E;
border: 1px solid #F42E2E;
background-color: #FFF5F5;
margin-left: 20rpx;
}
}
.add {
font-size: 28rpx;
color: #9D9CA6;
}
}
}
}
}
</style>
\ No newline at end of file
pages/payCostProperty/index.vue 0 → 100644
浏览文件 @ 38fcca44
<template>
<view class="container">
<view class="page">
<view class="property">
<view class="top">
<view class="user" style="background-image: url('../../static/images/bg_mine.png');">
<view class="name">张一 15214525682</view>
<view class="add">十堰市张湾区汉江之星小区1栋1302</view>
</view>
<view class="link">
<view class="tit on">历史缴费统计</view>
<view class="tit">缴费记录</view>
</view>
</view>
<view class="list">
<view class="item">
<view class="title">
<view class="name">物业费：<view class="cost">¥3000.00</view>
</view>
<view class="tag">去缴费</view>
</view>
<view class="content">
<view class="text">
<view class="name">缴费周期</view>
<view class="detail">1个月</view>
</view>
<view class="text">
<view class="name">创建日期</view>
<view class="detail">2023年3月1日</view>
</view>
<view class="text">
<view class="name">缴费单位</view>
<view class="detail">汉江之星物业公司</view>
</view>
</view>
</view>
<view class="item">
<view class="title">
<view class="name">物业费：<view class="cost">¥3000.00</view>
</view>
<view class="tag">去缴费</view>
</view>
<view class="content">
<view class="text">
<view class="name">缴费周期</view>
<view class="detail">1个月</view>
</view>
<view class="text">
<view class="name">创建日期</view>
<view class="detail">2023年3月1日</view>
</view>
<view class="text">
<view class="name">缴费单位</view>
<view class="detail">汉江之星物业公司</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {
toEditor() {
uni.navigateTo({
url: '/pages/maintenanceAdd/index',
});
}
},
onLoad() {
},
onShow() {
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx 30rpx 90rpx;
background-color: #F8F6F9;
}
.property {
.top {
border-radius: 16rpx;
background-color: #E8E5FF;
margin-bottom: 30rpx;
.user {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16rpx;
padding: 40rpx;
.name {
font-size: 32rpx;
color: #ffffff;
margin-bottom: 20rpx;
}
.add {
font-size: 28rpx;
color: #D5DCFF;
}
}
.link {
display: flex;
padding: 24rpx 0;
.tit {
width: 49%;
font-size: 28rpx;
color: #6A59F2;
text-align: center;
}
.on {
border-right: 1px solid #D6D3EC;
}
}
}
.list {
.item {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.title {
height: 40rpx;
line-height: 40rpx;
margin-bottom: 30rpx;
display: flex;
justify-content: space-between;
.name {
font-size: 28rpx;
color: #9D9CA6;
display: flex;
.cost {
font-size: 36rpx;
color: #6A59F2;
font-weight: bold;
}
}
.tag {
height: 36rpx;
line-height: 36rpx;
font-size: 22rpx;
padding: 4rpx 20rpx;
color: #FEFEFE;
background-color: #6A59F2;
border-radius: 36rpx;
}
}
.content {
border-top: 1px solid #F0F0F2;
padding-top: 20rpx;
.text {
display: flex;
height: 60rpx;
line-height: 60rpx;
.name {
width: 140rpx;
font-size: 28rpx;
color: #9D9CA6;
}
.detail {
font-size: 28rpx;
color: #373737;
}
}
}
}
}
}
</style>
\ No newline at end of file
static/images/banner.png
查看替换文件 @ 00cecbbe 浏览文件 @ 38fcca44
static/images/banner.png

322.1 KB | W: | H:

static/images/banner.png

96.1 KB | W: | H:

static/images/banner.png
static/images/banner.png
static/images/banner.png
static/images/banner.png
  • 2-up
  • Swipe
  • Onion skin
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论