From 1fc8237aed572fc833f0eaa67f371889809cb6f0 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sat, 9 Sep 2023 18:21:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BA=A4=E8=B4=B9=E6=98=8E?=
 =?UTF-8?q?=E7=BB=86=E6=8A=A5=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/fee/feeDetail.js                |  20 +++++
 constant/url.js                     |   2 +
 pages/report/reportPayFeeDetail.vue | 134 +++++++++++++++++++++++++++-
 3 files changed, 155 insertions(+), 1 deletion(-)
 create mode 100644 api/fee/feeDetail.js

diff --git a/api/fee/feeDetail.js b/api/fee/feeDetail.js
new file mode 100644
index 0000000..4d09b96
--- /dev/null
+++ b/api/fee/feeDetail.js
@@ -0,0 +1,20 @@
+import url from '../../constant/url.js'
+
+export function queryPayFeeDetail(_that,_data){
+	return new Promise(function(reslove,reject){
+		_that.context.get({
+			url: url.queryPayFeeDetail,
+			data:_data,
+			success: function(res) {
+				reslove(res.data);
+			},
+			fail: function(e) {
+				wx.showToast({
+					title: "服务器异常了",
+					icon: 'none',
+					duration: 2000
+				})
+			}
+		})
+	});
+}
diff --git a/constant/url.js b/constant/url.js
index 7fd0f43..2b4af51 100644
--- a/constant/url.js
+++ b/constant/url.js
@@ -209,6 +209,8 @@ export default {
 	queryOrderDataReport:baseUrl+"app/dataReport.queryOrderDataReport",
 	queryInoutDataReport:baseUrl+"app/dataReport.queryInoutDataReport",
 	queryOthersDataReport:baseUrl+"app/dataReport.queryOthersDataReport",
+	queryPayFeeDetail:baseUrl+"app/reportFeeMonthStatistics/queryPayFeeDetail",
+	
 	
 	
 }
diff --git a/pages/report/reportPayFeeDetail.vue b/pages/report/reportPayFeeDetail.vue
index 8183fd0..87eb274 100644
--- a/pages/report/reportPayFeeDetail.vue
+++ b/pages/report/reportPayFeeDetail.vue
@@ -1,22 +1,154 @@
 <template>
 	<view>
+		<view class="q-query flex justify-start flex-wrap">
+			<view class="q-item">
+				<input type="text" class="q-input" placeholder="输入房屋号" v-model="roomName"></input>
+			</view>
+			<view class="q-item">
+				<input type="text" class="q-input" placeholder="输入开始时间" v-model="startTime" ></input>
+			</view>
+			<view class="q-item">
+				<input type="text" class="q-input" placeholder="输入结束时间" v-model="endTime"></input>
+			</view>
+			<view class="q-item">
+				<input type="text" class="q-input" placeholder="费用项" v-model="endTime"></input>
+			</view>
+			<view class="q-item">
+				<input type="text" class="q-input" placeholder="支付方式" v-model="endTime"></input>
+			</view>
+			<view class="q-item-btn">
+				<button class="cu-btn  line-blue round q-input" @click="_loadFeeDetails">搜索</button>
+			</view>
+		</view>
+		<view class="margin-top flex justify-between padding-lr-sm">
+			<view><text>应收:</text><text>{{allReceivableAmount}}</text></view>
+			<view><text>实收:</text><text>{{allReceivedAmount}}</text></view>
+		</view>
 		
+		<view class="margin-top" v-if="feeDetails.length > 0">
+			<view class="bg-white margin-bottom padding-sm margin-sm radius-sm" v-for="(item,index) in feeDetails" :key="index" >
+				<view class="apply-title flex justify-between">
+					<view>
+						<text class="cuIcon-goods text-cut text-green margin-right-xs"></text>
+						<text class="text-bold">{{item.objName}}/{{item.ownerName}}</text>
+						<text class="margin-left-sm">({{item.stateName}})</text>
+					</view>
+					<view class="flex justify-start">
+						<!-- <button class="cu-btn round sm line-black margin-left-sm"
+							@tap="_toApplyDetail(item)">详情</button> -->
+					</view>
+				</view>
+				<view class="apply-content flex justify-start flex-wrap">
+					<view class="item">
+						<text>费用项:</text>
+						<text>{{item.feeTypeCdName}}>{{item.feeName}}</text>
+					</view>
+					<view class="item">
+						<text>支付方式:</text>
+						<text>{{item.primeRate}}</text>
+					</view>
+					<view class="item">
+						<text>时间段:</text>
+						<text>{{item.startTime}}~{{item.endTime}}</text>
+					</view>
+					<view class="item">
+						<text>缴费时间:</text>
+						<text>{{item.createTime}}</text>
+					</view>
+					<view class="item">
+						<text>收银员:</text>
+						<text>{{item.cashierName}}</text>
+					</view>
+					<view class="item">
+						<text>应收金额:</text>
+						<text>{{item.receivableAmount}}</text>
+					</view>
+					<view class="item">
+						<text>实收金额:</text>
+						<text>{{item.receivedAmount}}</text>
+					</view>
+					
+					
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
 <script>
+	import {queryPayFeeDetail} from '@/api/fee/feeDetail.js' ;
 	export default {
 		data() {
 			return {
+				feeDetails:[],
+				roomName:'',
+				startTime:'',
+				endTime:'',
+				allReceivableAmount:'',
+				allReceivedAmount:'',
 				
 			}
 		},
+		onLoad() {
+			
+			this._loadFeeDetails();
+			
+		},
 		methods: {
 			
+			_loadFeeDetails:function(){
+				let _that = this;
+				queryPayFeeDetail(this,{
+					communityId:this.getCommunityId(),
+					page:1,
+					row:100
+				}).then(_data =>{
+					_that.feeDetails = _data.data;
+					_that.allReceivableAmount = _data.sumTotal.allReceivableAmount;
+					_that.allReceivedAmount = _data.sumTotal.allReceivedAmount;
+				})
+			}
+
 		}
 	}
 </script>
 
-<style>
+<style lang="scss">
+	.q-query {
+		background-color: #FFF;
+		padding:15upx;
 
+		.q-item{
+			width: 30%;
+			margin-left: 15upx;
+			padding: 10upx 15upx;
+			border-radius: 15upx;
+			background-color: #f1f1f1;
+			.q-input{
+				height: 40upx;
+			}
+			margin-bottom: 15upx;
+		}
+		.q-item-btn{
+			width: 30%;
+			margin-left: 15upx;
+			.q-input{
+				height: 60upx;
+			}
+		}
+	}
+	.apply-title{
+		height: 60upx;
+		line-height: 50upx;
+		border-bottom: 1upx solid #F1F1F1;
+	}
+	.apply-content{
+		.item{
+			width: 50%;
+			margin-top:20upx;
+		}
+	}
+	.radius-sm{
+		border-radius: 16upx;
+	}
 </style>