|
@@ -1,108 +1,128 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
<!-- 注意,如果需要兼容微信小程序,最好通过setRules方法设置rules规则 -->
|
|
|
- <u--form labelPosition="left" :model="userInfo" :rules="rules" ref="form1" labelWidth="80">
|
|
|
+ <u--form labelPosition="left" :model="wuyeAmountInfo" :rules="rules" ref="form1" labelWidth="80">
|
|
|
<u-form-item label="楼号" prop="name" borderBottom ref="item1">
|
|
|
- <u--input v-model="userInfo.name" border="none" placeholder="请输入楼号"></u--input>
|
|
|
+ <u--input v-model="wuyeAmountInfo.buildingNo" border="none" placeholder="请输入楼号(例:1)" type='number'>
|
|
|
+ </u--input>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="单元号" prop="name" borderBottom ref="item1">
|
|
|
- <u--input v-model="userInfo.name1" border="none" placeholder="请输入单元号"></u--input>
|
|
|
+ <u--input v-model="wuyeAmountInfo.unitNo" border="none" placeholder="请输入单元号(例:2)" type='number'>
|
|
|
+ </u--input>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="房间号" prop="name" borderBottom ref="item1">
|
|
|
- <u--input v-model="userInfo.name2" border="none" placeholder="请输入房间号"></u--input>
|
|
|
+ <u--input v-model="wuyeAmountInfo.floor" border="none" placeholder="请输入房间号(例:501)" type='number'>
|
|
|
+ </u--input>
|
|
|
</u-form-item>
|
|
|
</u--form>
|
|
|
<u-button type="primary" text="查询" @click="selectInfo"></u-button>
|
|
|
<u-toast ref="uToast"></u-toast>
|
|
|
- <view class="fy-detail">
|
|
|
- <view class="title">
|
|
|
- 户主信息
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="left">
|
|
|
- 户主:
|
|
|
- </view>
|
|
|
- <view class="">
|
|
|
- 王洋
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="left">
|
|
|
- 房源号:
|
|
|
+ <view class="content1" v-if="isSHowInfo">
|
|
|
+ <view class="fy-detail">
|
|
|
+ <view class="title">
|
|
|
+ 户主信息
|
|
|
</view>
|
|
|
- <view class="">
|
|
|
- 1-1-602
|
|
|
+ <view class="row">
|
|
|
+ <view class="left">
|
|
|
+ 户主:
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ {{wuyeAmountInfo.householder}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="left">
|
|
|
- 实际面积:
|
|
|
+ <view class="row">
|
|
|
+ <view class="left">
|
|
|
+ 房源号:
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ {{wuyeAmountInfo.sourceNumber}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="">
|
|
|
- 110.1
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="title">
|
|
|
- 费用明细:
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="left">
|
|
|
- 物业费:
|
|
|
+ <view class="row">
|
|
|
+ <view class="left">
|
|
|
+ 实际面积:
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ {{wuyeAmountInfo.actualMoney}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="">
|
|
|
- 2,114
|
|
|
+ <view class="row">
|
|
|
+ <view class="left">
|
|
|
+ 付款状态:
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ {{wuyeAmountInfo.totalActualPayment==0?'未支付':"已支付"}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="left">
|
|
|
- 电梯费:
|
|
|
+ <view class="title-qj">
|
|
|
+ 缴费区间:{{wuyeAmountInfo.paymentRange}}
|
|
|
</view>
|
|
|
- <view class="">
|
|
|
- 110.1
|
|
|
+ <view class="title">
|
|
|
+ 费用明细:
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="left">
|
|
|
- 车位管理费:
|
|
|
+ <view class="row">
|
|
|
+ <view class="left">
|
|
|
+ 物业费:
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ {{wuyeAmountInfo.propertyFee}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="">
|
|
|
- 110.1
|
|
|
+ <view class="row">
|
|
|
+ <view class="left">
|
|
|
+ 电梯费:
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ {{wuyeAmountInfo.elevatorFee}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="left">
|
|
|
- 车库管理费:
|
|
|
+ <view class="row">
|
|
|
+ <view class="left">
|
|
|
+ 车位管理费:
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ {{wuyeAmountInfo.parkingSpace}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="">
|
|
|
- 110.1
|
|
|
+ <view class="row">
|
|
|
+ <view class="left">
|
|
|
+ 车库管理费:
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ {{wuyeAmountInfo.garage}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="left">
|
|
|
- 仓库管理费:
|
|
|
+ <view class="row">
|
|
|
+ <view class="left">
|
|
|
+ 仓库管理费:
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ {{wuyeAmountInfo.warehouse}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="">
|
|
|
- 110.1
|
|
|
+ <view class="row">
|
|
|
+ <view class="left">
|
|
|
+ 垃圾清运费:
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ {{wuyeAmountInfo.garbageClearing}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="row">
|
|
|
+ <view class="total">
|
|
|
<view class="left">
|
|
|
- 垃圾清运费:
|
|
|
+ 应缴费总合计:
|
|
|
</view>
|
|
|
<view class="">
|
|
|
- 110.1
|
|
|
+ {{total}}
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <u-button type="primary" text="去付款" @click="pay" class="pay"></u-button>
|
|
|
</view>
|
|
|
- <view class="total">
|
|
|
- <view class="left">
|
|
|
- 应缴费总合计:
|
|
|
- </view>
|
|
|
- <view class="">
|
|
|
- 110.1
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <u-button type="primary" text="去付款" @click="pay" class="pay"></u-button>
|
|
|
+ <!-- <u-popup :show="isShowCode" @close="isShowCode= false" @open="open" mode="center">
|
|
|
+
|
|
|
+ </u-popup> -->
|
|
|
+
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -110,39 +130,78 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- showSex: false,
|
|
|
- userInfo: {
|
|
|
- name: '',
|
|
|
+ isSHowInfo: false,
|
|
|
+ isShowCode: false,
|
|
|
+ wuyeAmountInfo: {
|
|
|
+ buildingNo: '',
|
|
|
+ unitNo: '',
|
|
|
+ floor: '',
|
|
|
},
|
|
|
rules: {
|
|
|
- 'name': {
|
|
|
+ 'buildingNo': {
|
|
|
type: 'string',
|
|
|
required: true,
|
|
|
message: '请填写楼号',
|
|
|
- trigger: ['blur']
|
|
|
+ trigger: ['blur', 'change']
|
|
|
},
|
|
|
- 'name1': {
|
|
|
+ 'unitNo': {
|
|
|
type: 'string',
|
|
|
required: true,
|
|
|
message: '请填写单元号',
|
|
|
- trigger: ['blur']
|
|
|
+ trigger: ['blur', 'change']
|
|
|
},
|
|
|
- 'name2': {
|
|
|
+ 'floor': {
|
|
|
type: 'string',
|
|
|
required: true,
|
|
|
message: '请填写房间号',
|
|
|
- trigger: ['blur']
|
|
|
+ trigger: ['blur', 'change']
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
},
|
|
|
+ computed: {
|
|
|
+ total() {
|
|
|
+ let _totalPrice = Number(this.wuyeAmountInfo.propertyFee) + Number(this.wuyeAmountInfo.elevatorFee) +
|
|
|
+ Number(this.wuyeAmountInfo.parkingSpace) + Number(this.wuyeAmountInfo.garage) + Number(this
|
|
|
+ .wuyeAmountInfo.warehouse) + Number(this.wuyeAmountInfo.garbageClearing)
|
|
|
+ return _totalPrice;
|
|
|
+ },
|
|
|
+ },
|
|
|
methods: {
|
|
|
pay() {
|
|
|
console.log("去付款")
|
|
|
+ this.isShowCode = true
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/pay/pay?price=' + this.total + "&id=" + this.wuyeAmountInfo.id
|
|
|
+ })
|
|
|
+
|
|
|
},
|
|
|
selectInfo() {
|
|
|
- this.$request.baseRequest('sunServiceOrderApp', 'payment', {
|
|
|
- sunServiceOrder: JSON.stringify(this.dataObj)
|
|
|
+ if (!this.wuyeAmountInfo.buildingNo) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: '请输入楼号!',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.wuyeAmountInfo.unitNo) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: '请输入单元号!',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.wuyeAmountInfo.floor) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: '请输入房间号!',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ this.$request.baseRequest('wuyeAmountInfoApp', 'getInfo', {
|
|
|
+ wuyeAmountInfo: JSON.stringify(this.wuyeAmountInfo)
|
|
|
}, failres => {
|
|
|
this.$refs.uToast.show({
|
|
|
type: 'error',
|
|
@@ -151,6 +210,8 @@
|
|
|
uni.hideLoading()
|
|
|
}).then(res => {
|
|
|
console.log(res)
|
|
|
+ this.isSHowInfo = true
|
|
|
+ this.wuyeAmountInfo = res.data
|
|
|
})
|
|
|
|
|
|
},
|
|
@@ -167,6 +228,11 @@
|
|
|
}
|
|
|
|
|
|
.fy-detail {
|
|
|
+ .title-qj {
|
|
|
+ font-weight: 700;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ }
|
|
|
+
|
|
|
.title {
|
|
|
font-size: 36rpx;
|
|
|
font-weight: 700;
|