|
@@ -44,41 +44,41 @@
|
|
|
</t-tr>
|
|
|
</t-table> -->
|
|
|
|
|
|
-<view class="u-listdata">
|
|
|
-
|
|
|
-
|
|
|
- <u-list @scrolltolower="scrolltolower" :pagingEnabled='true'>
|
|
|
- <u-list-item v-for="(item, index) in indexList" :key="index">
|
|
|
-
|
|
|
- <view class="companylist" @click="seedetail(item)">
|
|
|
- <view class="settled" v-if="item.status==1">
|
|
|
- 已结清
|
|
|
- </view>
|
|
|
- <view class="outstanding" v-if="item.status==0">
|
|
|
- 未结清
|
|
|
- </view>
|
|
|
- <h3>{{item.name}}</h3>
|
|
|
- <view class="Currentamount">
|
|
|
- 本期金额: <span>¥{{item.feeTotal}}</span>
|
|
|
- </view>
|
|
|
- <view class="Currentamount">
|
|
|
- 欠费天数: {{item.elecAmount}}
|
|
|
- </view>
|
|
|
- <view class="Currentamount">
|
|
|
- 账户余额:¥{{item.balance}}
|
|
|
- </view>
|
|
|
- <view class="Currentamount">
|
|
|
- 联系电话: {{item.tel}}
|
|
|
- </view>
|
|
|
- <view class="Callfee" v-if="item.status==0" @click.stop="handleClick(item.id)">
|
|
|
- 催费
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </u-list-item>
|
|
|
- </u-list>
|
|
|
-
|
|
|
-</view>
|
|
|
+ <view class="u-listdata">
|
|
|
+
|
|
|
+
|
|
|
+ <u-list @scrolltolower="scrolltolower" :pagingEnabled='true'>
|
|
|
+ <u-list-item v-for="(item, index) in indexList" :key="index">
|
|
|
+
|
|
|
+ <view class="companylist" @click="seedetail(item)">
|
|
|
+ <view class="settled" v-if="item.status==1">
|
|
|
+ 已结清
|
|
|
+ </view>
|
|
|
+ <view class="outstanding" v-if="item.status==0">
|
|
|
+ 未结清
|
|
|
+ </view>
|
|
|
+ <h3>{{item.name}}</h3>
|
|
|
+ <view class="Currentamount">
|
|
|
+ 本期金额: <span>¥{{item.feeTotal}}</span>
|
|
|
+ </view>
|
|
|
+ <view class="Currentamount">
|
|
|
+ 欠费天数: {{item.elecAmount}}
|
|
|
+ </view>
|
|
|
+ <view class="Currentamount">
|
|
|
+ 账户余额:¥{{item.balance}}
|
|
|
+ </view>
|
|
|
+ <view class="Currentamount">
|
|
|
+ 联系电话: {{item.tel}}
|
|
|
+ </view>
|
|
|
+ <view class="Callfee" v-if="item.status==0" @click.stop="handleClick(item.id)">
|
|
|
+ 催费
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </u-list-item>
|
|
|
+ </u-list>
|
|
|
+
|
|
|
+ </view>
|
|
|
|
|
|
|
|
|
|
|
@@ -141,7 +141,7 @@
|
|
|
showfloor: false,
|
|
|
loading: false,
|
|
|
columns: [],
|
|
|
- pd:true,
|
|
|
+ pd: true,
|
|
|
columnData: [],
|
|
|
myday: '',
|
|
|
mytype: '全部',
|
|
@@ -188,45 +188,69 @@
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
- seedetail(e){
|
|
|
- // console.log('222',e)
|
|
|
+ seedetail(e) {
|
|
|
+ console.log('222',e)
|
|
|
+let faltesdata={
|
|
|
+ name:e.name,
|
|
|
+ id:e.id,
|
|
|
+ cycle:e.cycle
|
|
|
+}
|
|
|
+ console.log('111111111111111111',faltesdata)
|
|
|
uni.navigateTo({
|
|
|
- url: "/pages/Workorder/Tenantbill/companybill/companybill?para=" + encodeURIComponent(JSON.stringify(e))
|
|
|
- })
|
|
|
+ url: "/pages/Workorder/Tenantbill/companybill/companybill?para=" + encodeURIComponent(JSON.stringify(faltesdata))
|
|
|
+ })
|
|
|
},
|
|
|
- handleClick(e){
|
|
|
- console.log('111111111111111111',e)
|
|
|
-
|
|
|
+ handleClick(e) {
|
|
|
+ console.log('111111111111111111', e)
|
|
|
+ this.$api.post('/expeditrecord/charge', {
|
|
|
+ data: e
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ uni.showToast({
|
|
|
+ title: '催费成功',
|
|
|
+ icon: 'none',
|
|
|
+ duration: 1500
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ title: res.data.msg,
|
|
|
+ icon: 'none',
|
|
|
+ duration: 1500
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
},
|
|
|
scrolltolower() {
|
|
|
- if(this.pd){
|
|
|
+ if (this.pd) {
|
|
|
this.getalldata();
|
|
|
- }else{
|
|
|
- return
|
|
|
+ } else {
|
|
|
+ return
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
getalldata() {
|
|
|
-
|
|
|
+
|
|
|
this.$api.get('/billinfo/paypage', this.dataForm)
|
|
|
.then(res => {
|
|
|
-
|
|
|
+
|
|
|
if (res.data.data.list.length != 0) {
|
|
|
this.indexList.push(...res.data.data.list);
|
|
|
- this.dataForm.page = this.dataForm.page + 1;
|
|
|
- this.pd=true;
|
|
|
+ this.dataForm.page = this.dataForm.page + 1;
|
|
|
+ this.pd = true;
|
|
|
} else {
|
|
|
uni.showToast({
|
|
|
- title:'暂无更多数据了',
|
|
|
+ title: '暂无更多数据了',
|
|
|
icon: 'none',
|
|
|
duration: 1500
|
|
|
})
|
|
|
- this.pd=false;
|
|
|
- }
|
|
|
-
|
|
|
+ this.pd = false;
|
|
|
+ }
|
|
|
+
|
|
|
})
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
loadmore() {
|
|
|
// for (let i = 0; i < 30; i++) {
|
|
|
// this.indexList.push({
|
|
@@ -243,11 +267,11 @@
|
|
|
this.showtype = false;
|
|
|
},
|
|
|
confirmtype(e) {
|
|
|
- // console.log('111111111111111111', e.value[0])
|
|
|
+ // console.log('111111111111111111', e.value[0])
|
|
|
this.showtype = false;
|
|
|
this.mytype = e.value[0].label;
|
|
|
this.dataForm.cycle = e.value[0].id;
|
|
|
- this.dataForm.page=1;
|
|
|
+ this.dataForm.page = 1;
|
|
|
this.getalldata();
|
|
|
},
|
|
|
typechange() {
|
|
@@ -256,7 +280,7 @@
|
|
|
dateChange(e) {
|
|
|
this.myday = e.target.value;
|
|
|
this.dataForm.cycle = e.target.value;
|
|
|
- this.dataForm.page=1;
|
|
|
+ this.dataForm.page = 1;
|
|
|
this.getalldata();
|
|
|
},
|
|
|
getDate(type) {
|
|
@@ -292,7 +316,7 @@
|
|
|
}
|
|
|
// console.log('111111111111111111',allfloor)
|
|
|
this.columnData = allfloor;
|
|
|
- this.dataForm.page=1;
|
|
|
+ this.dataForm.page = 1;
|
|
|
this.getalldata();
|
|
|
} else {
|
|
|
this.showdct = true
|
|
@@ -346,19 +370,21 @@
|
|
|
padding-left: 9rpx;
|
|
|
}
|
|
|
}
|
|
|
-.Callfee{
|
|
|
- width: 100rpx;
|
|
|
- height: 45rpx;
|
|
|
- text-align: center;
|
|
|
- line-height:45rpx;
|
|
|
- color: #5C8FFF;
|
|
|
- border: 1px solid #5C8FFF;
|
|
|
- font-size: 22rpx;
|
|
|
- position: absolute;
|
|
|
- bottom: 10rpx;
|
|
|
- right: 10px;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
+
|
|
|
+ .Callfee {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 45rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 45rpx;
|
|
|
+ color: #5C8FFF;
|
|
|
+ border: 1px solid #5C8FFF;
|
|
|
+ font-size: 22rpx;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 10rpx;
|
|
|
+ right: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
.companylist {
|
|
|
margin: 20rpx 30rpx;
|
|
|
background: #fff;
|