收费统计

operationSupport/src/views/payService/statisticalReport/chargeStatistics.vue

@@ -38,11 +38,14 @@
             :settings="{ showIndex: true, stripe: true }"
             :loading="mixins_onQuery"
             :data="mixins_list"
+            :updateFlag="true"
             :pageset="mixins_pageset"
             @page-change="pageChange"
         >
-            <template slot-scope="scope" :slot="'type' + index" v-for="(item, index) in blockArr">
-                <div :key="index" class="111">{{ scope.row['details'][index].amount }}</div>
+            <template slot-scope="scope" :slot="item.md5Key" v-for="(item, index) in tableInsert">
+                <div :key="index">
+                    {{ activeName(item, scope.row['details']) }}
+                </div>
             </template>
         </zz-table>
     </div>
@@ -85,6 +88,7 @@ export default {
             times: [],
             communityArr: [],
             blockArr: [],
+            tableInsert: [],
             thisObjCommunit: {}
         };
     },
@@ -100,47 +104,6 @@ export default {
         });
     },
     mounted() {},
-    watch: {
-        mixins_list(val) {
-            if (!!val) {
-                this.cols = [
-                    {
-                        label: '社区名称',
-                        prop: 'communityName'
-                    },
-                    {
-                        label: '房间',
-                        prop: 'houseDetail'
-                    },
-                    {
-                        label: '业主',
-                        prop: 'residentName'
-                    },
-                    {
-                        label: '物业费标准(元/月)',
-                        prop: 'chargingStandard'
-                    },
-                    {
-                        label: '月数',
-                        prop: 'months'
-                    },
-                    {
-                        label: '合计',
-                        prop: 'totalAmount'
-                    }
-                ];
-                if (val.length) {
-                    val[0].details.map((item, index) => {
-                        this.cols.splice(5 + index, 0, {
-                            label: this.typeName(item),
-                            prop: 'type' + index,
-                            slot: 'type' + index
-                        });
-                    });
-                }
-            }
-        }
-    },
     methods: {
         initSearchData(time) {
             this.mixins_query = {
@@ -150,8 +113,11 @@ export default {
             };
         },
         initSearchAll() {
-            this.mixins_search();
-            this.getTopTable();
+            new Promise((resolve) => {
+                this.getTopTable(resolve);
+            }).then(() => {
+                this.mixins_search();
+            });
         },
         typeName(item) {
             let name = '';
@@ -177,6 +143,15 @@ export default {
             }
             return name;
         },
+        activeName(item, arr) {
+            let amount = '--';
+            arr.map((its) => {
+                if (its.md5Key == item.md5Key) {
+                    amount = its.amount;
+                }
+            });
+            return amount;
+        },
         exportExcel() {
             this.__exportExcel('/sc-charge/charge/report/export/excel', this.mixins_query);
         },
@@ -201,19 +176,56 @@ export default {
 
                 .catch(function () {});
         },
-        getTopTable() {
+        getTopTable(resolve) {
+            this.cols = [
+                {
+                    label: '社区名称',
+                    prop: 'communityName'
+                },
+                {
+                    label: '房间',
+                    prop: 'houseDetail'
+                },
+                {
+                    label: '业主',
+                    prop: 'residentName'
+                },
+                {
+                    label: '物业费标准(元/月)',
+                    prop: 'chargingStandard'
+                },
+                {
+                    label: '月数',
+                    prop: 'months'
+                },
+                {
+                    label: '合计',
+                    prop: 'totalAmount'
+                }
+            ];
+            let tableInsert = [];
             this.$http.post('/sc-charge/charge/report/total', this.mixins_query).then(({ data, status, msg }) => {
                 if (status == 0) {
                     if (!!data && data.details.length) {
                         let arr = [{ label: '总收费', val: data.totalAmount }];
                         data.details.map((item, index) => {
                             arr.push({ label: this.typeName(item), val: item.amount });
+                            tableInsert.push({
+                                md5Key: item.md5Key
+                            });
+                            this.cols.splice(5 + index, 0, {
+                                label: this.typeName(item),
+                                slot: item.md5Key
+                            });
                         });
+                        this.tableInsert = tableInsert;
                         this.blockArr = arr;
                     } else {
+                        this.tableInsert = [];
                         this.blockArr = [];
                     }
                 }
+                resolve && resolve();
             });
         },
         communityChange(e) {
@@ -263,7 +275,7 @@ export default {
             padding-right: 60px;
         }
         &.blockColor {
-            width: 150px;
+            min-width: 150px;
             text-align: left;
             border-right: 1px solid #eee;
             &:last-child {