From 4f9cf9ea78e2e02cdc75c2d0a374399557a89ca8 Mon Sep 17 00:00:00 2001
From: wangxy <xinyao.wang@le-it.com.cn>
Date: Thu, 4 Nov 2021 13:40:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=95=E5=9B=AD=E5=8C=BA=E5=8D=95=E6=9C=88?=
 =?UTF-8?q?=E6=94=B6=E8=B4=B9=E6=B5=81=E6=B0=B4=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/property/carPort.vue       |   8 ++
 src/views/reportform/monthCharge.vue | 127 ++++++++++++---------------
 2 files changed, 65 insertions(+), 70 deletions(-)

diff --git a/src/views/property/carPort.vue b/src/views/property/carPort.vue
index 776d0a4..4b017d9 100644
--- a/src/views/property/carPort.vue
+++ b/src/views/property/carPort.vue
@@ -18,6 +18,7 @@
       <el-table-column :label="getColumnName('carportid')" align="center" prop="carportid" :show-overflow-tooltip="true" width="100" />
       <el-table-column :label="getColumnName('propertyid')" align="center" prop="propertyid" width="110" :show-overflow-tooltip="true" />
       <el-table-column :label="getColumnName('propertytypeid')" align="center" prop="propertytypeid" :show-overflow-tooltip="true" width="120" />
+			<el-table-column :label="getColumnName('rentouttypeid')" align="center" prop="rentouttypeid" :show-overflow-tooltip="true" width="120" />
       <el-table-column :label="getColumnName('descr')" prop="descr" align="center" width="120" :show-overflow-tooltip="true" />
 			<el-table-column :label="getColumnName('contact')" prop="contact" align="center" width="100" :show-overflow-tooltip="true" />
 			<el-table-column :label="getColumnName('phone')" prop="phone" align="center" width="120" :show-overflow-tooltip="true" />
@@ -67,6 +68,7 @@
     <!-- 添加或修改角色配置对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="800px">
       <el-form ref="form" :model="form" :rules="rules" label-width="130px">
+			<el-row>
         <el-col :span="12">
           <el-form-item :label="getColumnName('carportid')" prop="carportid">
             <el-input v-model="form['carportid']" :disabled="!isAdd" />
@@ -81,6 +83,11 @@
           <el-form-item :label="getColumnName('propertytypeid')">
             <el-input v-model="form['propertytypeid']" placeholder="请输入" />
           </el-form-item>
+        </el-col>
+				<el-col :span="12">
+          <el-form-item :label="getColumnName('rentouttypeid')">
+            <el-input v-model="form['rentouttypeid']" placeholder="请输入" />
+          </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label="getColumnName('descr')">
@@ -114,6 +121,7 @@
             </el-select>
           </el-form-item>
         </el-col>
+			</el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
diff --git a/src/views/reportform/monthCharge.vue b/src/views/reportform/monthCharge.vue
index 4ca8761..92b42c6 100644
--- a/src/views/reportform/monthCharge.vue
+++ b/src/views/reportform/monthCharge.vue
@@ -8,17 +8,11 @@
 						:key="item.cid"
 						:label="item.descr"
 						:value="item.cid"
-						clear="false"
-					/>
+						clear="false" />
 				</el-select>
 			</el-form-item>
       <el-form-item label="缴费类型：">
-        <el-select
-          ref="headerSearchSelect"
-          v-model="queryParams.chargetype"
-          clearable
-          size="small"
-        >
+        <el-select v-model="queryParams.chargetype" clearable size="small">
           <el-option v-for="item in feesType" :key="item.value" :value="item.value" :label="item.label" />
         </el-select>
       </el-form-item>
@@ -29,48 +23,27 @@
                         placeholder="请选择"
                         clearable
                         size="small"/>
-      </el-form-item>
-			<el-form-item label="陈欠周期">
-        <el-input 
-					placeholder="请输入"
-          clearable
-					size="small"
-					v-model="queryParams.owe"></el-input>
-      </el-form-item>
-			<el-form-item label="预缴周期">
-        <el-input 
-					placeholder="请输入"
-          clearable
-					size="small"
-					v-model="queryParams.prepay"></el-input>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <!-- <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button> -->
       </el-form-item>
 			<div>
-				<el-form-item label="陈欠收费金额:">
-					{{ chenQianCharge }} 元
-				</el-form-item>
-				<el-form-item label="当期收费金额:">
-					{{ currentCharge }} 元
-				</el-form-item>
-				<el-form-item label="预缴收费金额:">
-					{{ prepayCharge }} 元
-				</el-form-item>
-				<el-form-item label="实缴金额:">
-					{{ paidInCharge }} 元
-				</el-form-item>
+				<el-form-item label="陈欠收费金额:"> {{ chenQianCharge }} 元 </el-form-item>
+				<el-form-item label="当期收费金额:"> {{ currentCharge }} 元 </el-form-item>
+				<el-form-item label="预缴收费金额:"> {{ prepayCharge }} 元 </el-form-item>
+				<el-form-item label="实缴金额:"> {{ paidInCharge }} 元 </el-form-item>
 			</div>
     </el-form>
     <el-table v-loading="loading" :data="dataList" border>
-      <el-table-column v-for="(item, index) in headers" :key="index" align="center" :label="getColumnName(item)" width="120px" :show-overflow-tooltip="true">
+      <el-table-column
+				v-for="(item, index) in headers"
+				:key="index"
+				align="center"
+				:label="getColumnName(item)"
+				:show-overflow-tooltip="true">
         <template slot-scope="scope">
           <span v-if=" item === 'cid'">{{ getValue(scope.row[item]) }}</span>
-          <span v-else-if=" item === 'chargetype'">{{ scope.row[item] === 2 ? '电梯卡费' : scope.row[item] === 3 ? '车位费' : '物业费' }}</span>
-          <span v-else-if=" item === 'status'">{{ scope.row[item] === 0 ? '已缴费' : '未缴费' }}</span>
-          <span v-else-if=" item === 'lastmodifytime'">{{ parseTime(scope.row.createtime) }}</span>
-          <span v-else-if=" item === 'createtime'">{{ parseTime(scope.row.createtime) }}</span>
+          <span v-else-if=" item === 'chargetype'">{{ feesTypeEcho(scope.row[item]) }}</span>
           <span v-else>{{ scope.row[item] }}</span>
         </template>
       </el-table-column>
@@ -90,34 +63,36 @@
 import { chargeTotalPage } from '@/api/reportform'
 import moment from 'moment'
 export default {
-  name: 'ExpireReport',
+  name: 'monthCharge',
   data() {
     return {
-			cidList:JSON.parse(localStorage.cid) || [], // 园区列表
-			role:localStorage.role,
-      // 数据列表
-      dataList: [],
-      // 遍历表头
-      headers: [],
-      // 遮罩层
-      loading: true,
-      // 总条数
-      total: 0,
+			cidList: JSON.parse(localStorage.cid) || [], // 园区列表
+			role: localStorage.role, // 角色
+      dataList: [], // 数据列表
+      headers1: [ // 物业费展示的字段
+				'cid','chargetype','chargetime','propertyid','begdate','enddate','lengthdate','constructionarea','unitprice',
+				'realMoney','oweMoney','NowMoney','prepayMoney'], 
+			headers2: [ // 电梯卡费展示的字段
+				'cid','chargetype','chargetime','propertyid','accesscardid','begdate','enddate','lengthdate',
+				'unitprice','realMoney','oweMoney','NowMoney','prepayMoney'], 
+			headers3: [ // 车位费展示的字段
+				'cid','chargetype','chargetime','propertyid','carportid','begdate','enddate','lengthdate','unitprice',
+				'allUnitprice','rentoutPrice','allRentoutPrice','realMoney','oweMoney','NowMoney','prepayMoney'],
+			headers: [],
+      loading: false, // 遮罩层
+      total: 0, // 总条数
 			chenQianCharge: 0, // 陈欠收费金额
 			currentCharge: 0, // 当期收费金额
 			prepayCharge: 0, // 预缴收费金额
 			paidInCharge: 0, // 实缴金额
-      // 查询参数
-      queryParams: {
+      queryParams: { // 查询参数
 				cid: undefined,
         chargetype: 1,
 				startDate: moment().format('yyyy-MM'),
-				owe: 3,
-				prepay: 12,
         pageIndex: 1,
         pageSize: 10,
       },
-      feesType: [
+      feesType: [ // 缴费类型
         { value: 1, label: '物业费' },
         { value: 2, label: '电梯卡费' },
         { value: 3, label: '车位费' }
@@ -128,27 +103,39 @@ export default {
     this.getList()
   },
   methods: {
-    /** 查询角色列表 */
+    // 查询角色列表
     getList() {
+			this.headers = []
+			if (this.queryParams.chargetype == 1) { // 物业费
+				this.headers = this.headers1
+			} else if (this.queryParams.chargetype == 2) { // 电梯卡费
+				this.headers = this.headers2
+			} else { // 车位费
+				this.headers = this.headers3
+			}
       this.loading = true
-      chargeTotalPage(this.queryParams).then(
-        response => {
-          this.dataList = response.data.data
-          this.total = response.data.count
-          this.chenQianCharge = response.data.total.oweMoneyTotal
-					this.currentCharge = response.data.total.NowMoneyTotal
-					this.prepayCharge = response.data.total.prepayMoneyTotal
-					this.paidInCharge = response.data.total.realMoneyTotal
-          if (this.dataList.length > 0) this.headers = Object.keys(this.dataList[0])
-          this.loading = false
-        }
-      )
+      chargeTotalPage(this.queryParams).then(({code, data}) => {
+				if (code === 200) {
+					this.dataList = data.data || []
+					this.total = data.count
+					this.chenQianCharge = data.total.oweMoneyTotal
+					this.currentCharge = data.total.NowMoneyTotal
+					this.prepayCharge = data.total.prepayMoneyTotal
+					this.paidInCharge = data.total.realMoneyTotal
+				}
+				this.loading = false
+      })
     },
-    /** 搜索按钮操作 */
+    // 搜索按钮操作
     handleQuery() {
       this.queryParams.pageIndex = 1
       this.getList()
     },
+		// 缴费类型字段映射
+		feesTypeEcho(data) {
+			const item = this.feesType.find(e=> e.value == data)
+			return item ? item.label : data
+		}
   }
 }
 </script>