|
|
@@ -1,8 +1,9 @@
|
|
|
<template>
|
|
|
<view class="billall">
|
|
|
- <u-cell-group>
|
|
|
- <u-cell :title="mytitle" value="修改" :isLink="true" @click="floorchange">
|
|
|
- <u-icon slot="icon" size="40" name="map"></u-icon>
|
|
|
+ <u-cell-group class="toptemplate">
|
|
|
+ <u-cell :title="mytitle" @click="floorchange">
|
|
|
+ <u-icon slot="icon" size="40" color="#fff" name="map"></u-icon>
|
|
|
+ <u-icon slot="right-icon" size="40" color="#fff" name="search"></u-icon>
|
|
|
</u-cell>
|
|
|
</u-cell-group>
|
|
|
<view class="topbill">
|
|
|
@@ -25,70 +26,71 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
-<view class="u-listdata">
|
|
|
-
|
|
|
- <view style="padding:10rpx 0 0 30rpx">
|
|
|
- 共有 <span style="color: red">{{totalnumber}}</span>条记录
|
|
|
- </view>
|
|
|
- <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 class="u-listdata">
|
|
|
+
|
|
|
+ <view style="padding:10rpx 0 0 30rpx">
|
|
|
+ 共有 <span style="color: red">{{totalnumber}}</span>条记录
|
|
|
+ </view>
|
|
|
+ <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 class="outstanding" v-if="item.status==0">
|
|
|
未结清
|
|
|
</view> -->
|
|
|
- <view class="outstanding">
|
|
|
- 预存
|
|
|
+ <view class="outstanding">
|
|
|
+ 预存
|
|
|
+ </view>
|
|
|
+ <h3>{{item.tenantInfo.name}}</h3>
|
|
|
+ <view class="Currentamount">
|
|
|
+ 扣缴金额: <span>￥{{item.surplus}}</span>
|
|
|
+ </view>
|
|
|
+ <view class="Currentamount">
|
|
|
+ 租户电话: {{item.tenantInfo.tel}}
|
|
|
+ </view>
|
|
|
+ <view class="Currentamount">
|
|
|
+ 操作人:{{item.createName}}
|
|
|
+ </view>
|
|
|
+ <view class="Currentamount">
|
|
|
+ 扣缴时间: {{item.createDate}}
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
- <h3>{{item.tenantInfo.name}}</h3>
|
|
|
- <view class="Currentamount">
|
|
|
- 扣缴金额: <span>￥{{item.surplus}}</span>
|
|
|
- </view>
|
|
|
- <view class="Currentamount">
|
|
|
- 租户电话: {{item.tenantInfo.tel}}
|
|
|
- </view>
|
|
|
- <view class="Currentamount">
|
|
|
- 操作人:{{item.createName}}
|
|
|
- </view>
|
|
|
- <view class="Currentamount">
|
|
|
- 扣缴时间: {{item.createDate}}
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- </u-list-item>
|
|
|
- </u-list>
|
|
|
-
|
|
|
-</view>
|
|
|
+
|
|
|
+ </u-list-item>
|
|
|
+ </u-list>
|
|
|
+
|
|
|
+ </view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- <u-picker :show="showtype" :columns="columnstype" keyName="dictLabel" @confirm="confirmtype" @cancel='canceltype'></u-picker>
|
|
|
-
|
|
|
-
|
|
|
+ <u-picker :show="showtype" :columns="columnstype" keyName="dictLabel" @confirm="confirmtype"
|
|
|
+ @cancel='canceltype'></u-picker>
|
|
|
+
|
|
|
+
|
|
|
<u-picker :show="showfloor" ref="uPicker" :loading="loading" @confirm="confirmfloor" @cancel='cancelfloor'
|
|
|
:columns="columns" keyName="orgName" @change="changeHandler"></u-picker>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<u-notify ref="uNotify" :show="showdct" message="服务器请求失败"></u-notify>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-//import { isEmpty, getDictDataList } from "@/utils/index";
|
|
|
+ //import { isEmpty, getDictDataList } from "@/utils/index";
|
|
|
export default {
|
|
|
components: {
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
data() {
|
|
|
-
|
|
|
+
|
|
|
return {
|
|
|
- totalnumber:0,
|
|
|
+ totalnumber: 0,
|
|
|
setyesno: true,
|
|
|
indexList: [],
|
|
|
dataList: [],
|
|
|
@@ -101,7 +103,7 @@
|
|
|
page: 1,
|
|
|
limit: 10,
|
|
|
},
|
|
|
-
|
|
|
+ pd: true,
|
|
|
showtype: false,
|
|
|
showdct: false,
|
|
|
mytitle: '',
|
|
|
@@ -115,7 +117,7 @@
|
|
|
showPicker: false,
|
|
|
//myday: currentDate,
|
|
|
columnstype: [
|
|
|
-
|
|
|
+
|
|
|
],
|
|
|
|
|
|
|
|
|
@@ -125,16 +127,16 @@
|
|
|
//监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参
|
|
|
onLoad() {
|
|
|
|
|
|
- let getDictDataList=uni.getStorageSync('getDictDataList');
|
|
|
- // console.log('111111111111111111', getDictDataList)
|
|
|
+ let getDictDataList = uni.getStorageSync('getDictDataList');
|
|
|
+ // console.log('111111111111111111', getDictDataList)
|
|
|
|
|
|
- for(let i=0;i<getDictDataList.length;i++){
|
|
|
- if(getDictDataList[i].dictType=='PayType'){
|
|
|
- this.columnstype=[getDictDataList[i].dataList]
|
|
|
+ for (let i = 0; i < getDictDataList.length; i++) {
|
|
|
+ if (getDictDataList[i].dictType == 'PayType') {
|
|
|
+ this.columnstype = [getDictDataList[i].dataList]
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
+
|
|
|
this.getfloor();
|
|
|
// this.loadmore();
|
|
|
},
|
|
|
@@ -155,72 +157,64 @@
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
- seedetail(e){
|
|
|
- console.log('222',e)
|
|
|
+ seedetail(e) {
|
|
|
+ console.log('222', e)
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
scrolltolower() {
|
|
|
- // this.loadmore()
|
|
|
- this.dataForm.page = this.dataForm.page + 1;
|
|
|
+ if (this.pd) {
|
|
|
+ this.getalldata();
|
|
|
+ } else {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
- this.$api.get('/billinfo/paypage', this.dataForm)
|
|
|
+ getalldata() {
|
|
|
+ this.$api.get('/payrecord/page', this.dataForm)
|
|
|
.then(res => {
|
|
|
+ // this.totalnumber=res.data.data.total;
|
|
|
+ // this.indexList = [];
|
|
|
+ // this.indexList = res.data.data.list;
|
|
|
+ this.totalnumber = res.data.data.total;
|
|
|
if (res.data.data.list.length != 0) {
|
|
|
this.indexList.push(...res.data.data.list);
|
|
|
+ this.dataForm.page = this.dataForm.page + 1;
|
|
|
+ this.pd = true;
|
|
|
} else {
|
|
|
uni.showToast({
|
|
|
- title:'暂无更多数据了',
|
|
|
+ title: '暂无更多数据了',
|
|
|
icon: 'none',
|
|
|
duration: 1500
|
|
|
})
|
|
|
+ this.pd = false;
|
|
|
}
|
|
|
-
|
|
|
- console.log('111111111111111111', this.indexList)
|
|
|
})
|
|
|
},
|
|
|
- loadmore() {
|
|
|
- // for (let i = 0; i < 30; i++) {
|
|
|
- // this.indexList.push({
|
|
|
- // url: this.urls[uni.$u.random(0, this.urls.length - 1)]
|
|
|
- // })
|
|
|
- // }
|
|
|
- },
|
|
|
-
|
|
|
|
|
|
- getalldata() {
|
|
|
- this.$api.get('/payrecord/page', this.dataForm)
|
|
|
- .then(res => {
|
|
|
- this.totalnumber=res.data.data.total;
|
|
|
- this.indexList = [];
|
|
|
- this.indexList = res.data.data.list;
|
|
|
-
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
canceltype() {
|
|
|
this.showtype = false;
|
|
|
},
|
|
|
confirmtype(e) {
|
|
|
console.log('111111111111111111', e.value[0])
|
|
|
this.showtype = false;
|
|
|
- if( e.value[0].dictValue=='all'){
|
|
|
+ if (e.value[0].dictValue == 'all') {
|
|
|
this.mytype = e.value[0].dictLabel;
|
|
|
- this.dataForm.type ='';
|
|
|
- this.dataForm.page=1;
|
|
|
+ this.dataForm.type = '';
|
|
|
+ this.dataForm.page = 1;
|
|
|
this.getalldata();
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.mytype = e.value[0].dictLabel;
|
|
|
this.dataForm.type = e.value[0].dictValue;
|
|
|
- this.dataForm.page=1;
|
|
|
+ this.dataForm.page = 1;
|
|
|
this.getalldata();
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
typechange() {
|
|
|
this.showtype = true;
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
getfloor() {
|
|
|
this.$api.get('/control/getOrgStructureTree/', {})
|
|
|
.then(res => {
|
|
|
@@ -241,7 +235,7 @@
|
|
|
}
|
|
|
// console.log('111111111111111111',allfloor)
|
|
|
this.columnData = allfloor;
|
|
|
- this.dataForm.page=1;
|
|
|
+ this.dataForm.page = 1;
|
|
|
this.getalldata();
|
|
|
} else {
|
|
|
this.showdct = true
|
|
|
@@ -295,19 +289,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;
|
