Skip to content

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

我的收据+我的退款详情

上级 01e01757
隐藏空白字符变更
内嵌 并排
正在显示 包含 331 行增加 和 19 行删除
pages.json
浏览文件 @ 6702c2cb
......@@ -152,6 +152,16 @@
"style": {
"navigationBarTitleText": "我的退款"
}
}, {
"path": "pages/myRefundDetails/index",
"style": {
"navigationBarTitleText": "退款详情"
}
}, {
"path": "pages/myReceipt/index",
"style": {
"navigationBarTitleText": "我的收据"
}
}
],
"globalStyle": {
......
pages/mine/index.vue
浏览文件 @ 6702c2cb
......@@ -86,21 +86,21 @@
url: '/pages/myHouse/index',
});
} else if (type == 3) {
// uni.navigateTo({
// url: '/pages/payCost/index',
// });
uni.navigateTo({
url: '/pages/maintenance/index',
});
} else if (type == 4) {
// uni.navigateTo({
// url: '/pages/maintenance/index',
// });
uni.navigateTo({
url: '/pages/complaints/index',
});
} else if (type == 5) {
uni.navigateTo({
url: '/pages/payCostRecord/index',
});
} else if (type == 6) {
// uni.navigateTo({
// url: '/pages/announcement/index',
// });
uni.navigateTo({
url: '/pages/myReceipt/index',
});
} else if (type == 7) {
uni.navigateTo({
url: '/pages/community/index',
......
pages/myHouse/index.vue
浏览文件 @ 6702c2cb
......@@ -135,10 +135,12 @@
margin-bottom: 30rpx;
.tag {
width: 136rpx;
text-align: center;
height: 36rpx;
line-height: 36rpx;
font-size: 22rpx;
padding: 2rpx 20rpx;
border-radius: 30rpx;
display: inline-block;
float: right;
}
}
......
pages/myHouseDetails/index.vue
浏览文件 @ 6702c2cb
......@@ -55,9 +55,11 @@
</view>
<view class="form-submit" @click="toEditor()">解除绑定/修改</view>
<view class="form-delete" @click="deleteDialog">删除</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>
......
pages/myReceipt/index.vue 0 → 100644
浏览文件 @ 6702c2cb
<template>
<view class="container">
<view class="page">
<view class="receipt">
<view class="list">
<view class="item" @click="toDetail()">
<view class="title">
<view class="name">电费：<view class="cost">¥100.00</view>
</view>
<view class="text">2022年3月12日 12:12</view>
</view>
<view class="download">
<image src="../../static/images/download.png" class="icon"></image>
</view>
</view>
<view class="item" @click="toDetail()">
<view class="title">
<view class="name">水费：<view class="cost">¥100.00</view>
</view>
<view class="text">2022年3月12日 12:12</view>
</view>
<view class="download">
<image src="../../static/images/download.png" class="icon"></image>
</view>
</view>
<view class="item" @click="toDetail()">
<view class="title">
<view class="name">物业费：<view class="cost">¥100.00</view>
</view>
<view class="text">2022年3月12日 12:12</view>
</view>
<view class="download">
<image src="../../static/images/download.png" class="icon"></image>
</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;
}
.receipt {
.list {
.item {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
.title {
.name {
font-size: 32rpx;
color: #373737;
display: flex;
font-weight: bold;
.cost {
font-size: 36rpx;
color: #6A59F2;
font-weight: bold;
}
}
.text {
margin-top: 15rpx;
font-size: 28rpx;
color: #9D9CA6;
}
}
.download {
width: 76rpx;
height: 76rpx;
display: flex;
align-items: center;
background-color: #EEECFE;
border-radius: 76rpx;
justify-content: center;
.icon {
width: 40rpx;
height: 40rpx;
}
}
}
}
}
</style>
\ No newline at end of file
pages/myRefund/index.vue
浏览文件 @ 6702c2cb
<template>
<view class="container">
<view class="page">
<view class="property">
<view class="refund">
<view class="list">
<view class="item" @click="toDetail()">
<view class="title gray">
......@@ -50,9 +50,9 @@
},
methods: {
toDetail() {
// uni.navigateTo({
// url: '/pages/payCostDetails/index',
// });
uni.navigateTo({
url: '/pages/myRefundDetails/index',
});
}
},
onLoad() {
......@@ -74,7 +74,7 @@
background-color: #F8F6F9;
}
.property {
.refund {
.list {
.item {
......@@ -104,11 +104,13 @@
}
.tag {
width: 136rpx;
text-align: center;
height: 36rpx;
line-height: 36rpx;
font-size: 22rpx;
padding: 4rpx 20rpx;
border-radius: 36rpx;
float: right;
}
......
pages/myRefundDetails/index.vue 0 → 100644
浏览文件 @ 6702c2cb
<template>
<view class="container">
<view class="page">
<view class="refund">
<view class="steps-landscape">
<view class="title">退款流程</view>
<uni-steps :options="list2" active-color="#6A59F2" :active="active" direction="column" />
</view>
<view class="information">
<view class="title">退款明细</view>
<view class="content">
<view class="item">
<view class="name">订单编号</view>
<view class="detail">CZ202012261006450001</view>
</view>
<view class="item">
<view class="name">支付方式</view>
<view class="detail">微信支付</view>
</view>
<view class="item">
<view class="name">退款金额</view>
<view class="detail">20</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 text">
<view class="name">退款时间</view>
<view class="detail"> 2022/4/31 13: 01</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
active: 2,
list2: [{
title: '提交退款申请',
desc: '2022/09/09 10:30'
}, {
title: '物业审核中',
desc: '2022/09/09 10:30'
},{
title: '物业同意退款',
desc: '很抱歉给您造成了不好的体验，物业已同意您 的退款申请 2022/09/09 10:30'
},{
title: '退款中',
desc: '平台正在为您退款，将在1-3个工作日退还至您 的支付账户2022/09/09 10:30'
},{
title: '退款成功',
desc: '成功退款，将原路返回您的支付账户2022/09/09 10:30'
}]
}
},
methods: {
},
onLoad() {
},
onShow() {
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx;
}
.refund {
.steps-landscape {
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;
margin-bottom: 20rpx;
}
}
}
.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 {
width: 65%;
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
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论