Skip to content

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

我的房屋3+我的退款1

上级 1452ba4a
隐藏空白字符变更
内嵌 并排
正在显示 包含 647 行增加 和 12 行删除
pages.json
浏览文件 @ 01e01757
...@@ -120,21 +120,38 @@ ...@@ -120,21 +120,38 @@
"style": { "style": {
"navigationBarTitleText": "物业费" "navigationBarTitleText": "物业费"
} }
},{ }, {
"path": "pages/payCostRecord/index", "path": "pages/payCostRecord/index",
"style": { "style": {
"navigationBarTitleText": "缴费记录" "navigationBarTitleText": "缴费记录"
} }
},{ }, {
"path": "pages/payCostDetails/index", "path": "pages/payCostDetails/index",
"style": { "style": {
"navigationBarTitleText": "缴费详情" "navigationBarTitleText": "缴费详情"
} }
},{ }, {
"path": "pages/payCostStatistical/index", "path": "pages/payCostStatistical/index",
"style": { "style": {
"navigationBarTitleText": "历史缴费统计" "navigationBarTitleText": "历史缴费统计"
} }
}, {
"path": "pages/myHouse/index",
"style": {
"navigationBarTitleText": "我的房屋认证",
"navigationBarBackgroundColor": "#ffffff"
}
}, {
"path": "pages/myHouseDetails/index",
"style": {
"navigationBarTitleText": "房屋信息",
"navigationBarBackgroundColor": "#ffffff"
}
}, {
"path": "pages/myRefund/index",
"style": {
"navigationBarTitleText": "我的退款"
}
} }
], ],
"globalStyle": { "globalStyle": {
......
pages/mine/index.vue
浏览文件 @ 01e01757
...@@ -7,56 +7,56 @@ ...@@ -7,56 +7,56 @@
<view class="phone">15245214563</view> <view class="phone">15245214563</view>
</view> </view>
<view class="service"> <view class="service">
<view class="item"> <view class="item" @click="quickEntry(1)">
<view class="left"> <view class="left">
<image src="../../static/images/user01.png" class="icon"></image> <image src="../../static/images/user01.png" class="icon"></image>
<div class="title">个人资料</div> <div class="title">个人资料</div>
</view> </view>
<image src="../../static/images/icon_more.png" class="arrow"></image> <image src="../../static/images/icon_more.png" class="arrow"></image>
</view> </view>
<view class="item"> <view class="item" @click="quickEntry(2)">
<view class="left"> <view class="left">
<image src="../../static/images/user02.png" class="icon"></image> <image src="../../static/images/user02.png" class="icon"></image>
<div class="title">我的房屋</div> <div class="title">我的房屋</div>
</view> </view>
<image src="../../static/images/icon_more.png" class="arrow"></image> <image src="../../static/images/icon_more.png" class="arrow"></image>
</view> </view>
<view class="item"> <view class="item" @click="quickEntry(3)">
<view class="left"> <view class="left">
<image src="../../static/images/user03.png" class="icon"></image> <image src="../../static/images/user03.png" class="icon"></image>
<div class="title">我的报修</div> <div class="title">我的报修</div>
</view> </view>
<image src="../../static/images/icon_more.png" class="arrow"></image> <image src="../../static/images/icon_more.png" class="arrow"></image>
</view> </view>
<view class="item"> <view class="item" @click="quickEntry(4)">
<view class="left"> <view class="left">
<image src="../../static/images/user04.png" class="icon"></image> <image src="../../static/images/user04.png" class="icon"></image>
<div class="title">我的投诉</div> <div class="title">我的投诉</div>
</view> </view>
<image src="../../static/images/icon_more.png" class="arrow"></image> <image src="../../static/images/icon_more.png" class="arrow"></image>
</view> </view>
<view class="item"> <view class="item" @click="quickEntry(5)">
<view class="left"> <view class="left">
<image src="../../static/images/user05.png" class="icon"></image> <image src="../../static/images/user05.png" class="icon"></image>
<div class="title">缴费记录</div> <div class="title">缴费记录</div>
</view> </view>
<image src="../../static/images/icon_more.png" class="arrow"></image> <image src="../../static/images/icon_more.png" class="arrow"></image>
</view> </view>
<view class="item"> <view class="item" @click="quickEntry(6)">
<view class="left"> <view class="left">
<image src="../../static/images/user06.png" class="icon"></image> <image src="../../static/images/user06.png" class="icon"></image>
<div class="title">我的收据</div> <div class="title">我的收据</div>
</view> </view>
<image src="../../static/images/icon_more.png" class="arrow"></image> <image src="../../static/images/icon_more.png" class="arrow"></image>
</view> </view>
<view class="item"> <view class="item" @click="quickEntry(7)">
<view class="left"> <view class="left">
<image src="../../static/images/user07.png" class="icon"></image> <image src="../../static/images/user07.png" class="icon"></image>
<div class="title">切换物业公司</div> <div class="title">切换物业公司</div>
</view> </view>
<image src="../../static/images/icon_more.png" class="arrow"></image> <image src="../../static/images/icon_more.png" class="arrow"></image>
</view> </view>
<view class="item"> <view class="item" @click="quickEntry(8)">
<view class="left"> <view class="left">
<image src="../../static/images/user08.png" class="icon"></image> <image src="../../static/images/user08.png" class="icon"></image>
<div class="title">维修员</div> <div class="title">维修员</div>
...@@ -76,7 +76,37 @@ ...@@ -76,7 +76,37 @@
} }
}, },
methods: { methods: {
quickEntry(type) {
if (type == 1) {
// uni.navigateTo({
// url: '/pages/message/index',
// });
} else if (type == 2) {
uni.navigateTo({
url: '/pages/myHouse/index',
});
} else if (type == 3) {
// uni.navigateTo({
// url: '/pages/payCost/index',
// });
} else if (type == 4) {
// uni.navigateTo({
// url: '/pages/maintenance/index',
// });
} else if (type == 5) {
uni.navigateTo({
url: '/pages/payCostRecord/index',
});
} else if (type == 6) {
// uni.navigateTo({
// url: '/pages/announcement/index',
// });
} else if (type == 7) {
uni.navigateTo({
url: '/pages/community/index',
});
}
},
}, },
onLoad() { onLoad() {
......
pages/myHouse/index.vue 0 → 100644
浏览文件 @ 01e01757
<template>
<view class="container">
<view class="page">
<view class="house">
<view class="information" @click="toDetails()">
<view class="title green">十堰汉江之星小区<view class="tag">认证成功</view>
</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">自住</view>
</view>
<view class="item">
<view class="name">房间号</view>
<view class="detail">101栋2单元1401</view>
</view>
<view class="item">
<view class="name">物业公司</view>
<view class="detail">汉江之星物业公司</view>
</view>
</view>
</view>
<view class="information" @click="toDetails()">
<view class="title yellow">十堰阳光花园小区<view class="tag">认证中</view>
</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">自住</view>
</view>
<view class="item">
<view class="name">房间号</view>
<view class="detail">101栋2单元1401</view>
</view>
<view class="item">
<view class="name">物业公司</view>
<view class="detail">汉江之星物业公司</view>
</view>
</view>
</view>
<view class="information">
<view class="title red">十堰阳光花园小区<view class="tag">认证失败</view>
</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">自住</view>
</view>
<view class="item">
<view class="name">房间号</view>
<view class="detail">101栋2单元1401</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>
</view>
<view class="form-submit-fixed">
<view class="form-submit" @click="toEditor()">添加房屋</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {
toEditor() {
uni.navigateTo({
url: '/pages/housing/index',
});
},
toDetails() {
uni.navigateTo({
url: '/pages/myHouseDetails/index',
});
}
},
onLoad() {
},
onShow() {
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx 30rpx 90rpx;
background-color: #F8F6F9;
}
.house {
.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;
}
}
.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;
}
}
.yellow {
border-left: 2px solid #F1BE51;
.tag {
color: #F1BE51;
border: 1px solid #F1BE51;
background-color: #FFFCF6;
}
}
.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/myHouseDetails/index.vue 0 → 100644
浏览文件 @ 01e01757
<template>
<view class="container">
<view class="page">
<view class="house">
<view class="details">
<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">房屋ID</view>
<view class="detail">25845628</view>
</view>
<view class="item">
<view class="name">楼栋</view>
<view class="detail">9号楼</view>
</view>
<view class="item">
<view class="name">单元</view>
<view class="detail">1单元</view>
</view>
<view class="item">
<view class="name">房屋编号</view>
<view class="detail">1-1</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">95平方米</view>
</view>
<view class="item">
<view class="name">房屋状态</view>
<view class="detail green">
<view class="tag">认证成功</view>
</view>
</view>
<view class="item">
<view class="name">房屋状态</view>
<view class="detail red">
<view class="tag">认证失败</view>
</view>
</view>
</view>
</view>
<view class="form-submit" @click="toEditor()">解除绑定/修改</view>
<view class="form-delete" @click="deleteDialog">删除</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {
deleteDialog() {
this.$refs.popup.open()
},
toEditor() {
// uni.navigateTo({
// url: '/pages/housing/index',
// });
}
},
onLoad() {
},
onShow() {
}
}
</script>
<style>
page {
background-color: #FFFFFF;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx 30rpx 90rpx;
}
.house {
.details {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.yellow {
border-left: 2px solid #F1BE51;
.tag {
color: #F1BE51;
border: 1px solid #F1BE51;
background-color: #FFFCF6;
}
}
.item {
display: flex;
height: 84rpx;
line-height: 84rpx;
justify-content: space-between;
border-bottom: 1px solid #F0F0F2;
align-items: center;
.name {
font-size: 28rpx;
color: #CECED3;
}
.detail {
font-size: 28rpx;
color: #373737;
.tag {
width: 130rpx;
text-align: center;
height: 36rpx;
line-height: 36rpx;
font-size: 22rpx;
border-radius: 30rpx;
}
}
}
.red {
.tag {
color: #F42E2E;
border: 1px solid #F42E2E;
background-color: #FFF5F5;
}
}
.green {
.tag {
color: #10D680;
border: 1px solid #10D680;
background-color: #F1FFF9;
}
}
.gray {
.tag {
color: #B6B6BA;
border: 1px solid #B6B6BA;
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;
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/myRefund/index.vue 0 → 100644
浏览文件 @ 01e01757
<template>
<view class="container">
<view class="page">
<view class="property">
<view class="list">
<view class="item" @click="toDetail()">
<view class="title gray">
<view class="name">退款金额：<view class="cost">¥100.00</view>
</view>
<view class="tag">退款成功</view>
</view>
<view class="content">
<view class="text">
<view class="name">退款单号</view>
<view class="detail">61312313213</view>
</view>
<view class="text">
<view class="name">退款时间</view>
<view class="detail">2023年3月1日 12:12</view>
</view>
</view>
</view>
<view class="item" @click="toDetail()">
<view class="title yellow">
<view class="name">退款金额：<view class="cost">¥100.00</view>
</view>
<view class="tag">待审核</view>
</view>
<view class="content">
<view class="text">
<view class="name">退款单号</view>
<view class="detail">61312313213</view>
</view>
<view class="text">
<view class="name">退款时间</view>
<view class="detail">2023年3月1日 12:12</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {
toDetail() {
// uni.navigateTo({
// url: '/pages/payCostDetails/index',
// });
}
},
onLoad() {
},
onShow() {
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx 30rpx 90rpx;
background-color: #F8F6F9;
}
.property {
.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;
border-radius: 36rpx;
}
}
.gray {
.tag {
color: #B6B6BA;
border: 1px solid #B6B6BA;
background-color: #F8F8F8;
}
}
.yellow {
.tag {
color: #F1BE51;
border: 1px solid #F1BE51;
background-color: #FFFCF6;
}
}
.content {
border-top: 1px solid #F0F0F2;
padding-top: 20rpx;
.text {
display: flex;
height: 60rpx;
line-height: 60rpx;
.name {
width: 180rpx;
font-size: 28rpx;
color: #9D9CA6;
}
.detail {
font-size: 28rpx;
color: #373737;
}
}
}
}
}
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论