统计报表计费规则

operationSupport/src/utils/AmapSearch.js

@@ -1,16 +1,20 @@
 var url = 'https://webapi.amap.com/maps?v=1.4.15&key=c2df9f4026e98b41962148c1703d8f33&plugin=AMap.Autocomplete,AMap.PlaceSearch&callback=onLoad';
 var jsapi = document.createElement('script');
-jsapi.charset = 'utf-8';
+jsapi.type = "text/javascript";
 jsapi.src = url;
 document.head.appendChild(jsapi);
+
 let times = setInterval(() => {
-	if (!!AMap) {
-		const s = document.createElement('script');
-		s.charset = 'utf-8';
-		s.src = 'https://webapi.amap.com/ui/1.1/main.js';
-		document.head.appendChild(s);
-		clearInterval(times)
-	}
+	try {
+		if (!!AMap) {
+			const s = document.createElement('script');
+			s.type = "text/javascript";
+			s.src = 'https://webapi.amap.com/ui/1.1/main.js';
+			document.head.appendChild(s);
+			clearInterval(times)
+		}
+	} catch { }
+
 }, 1000)
 
 window.onLoad = function () {

operationSupport/src/views/payService/billingRules/index.vue

@@ -174,19 +174,6 @@ export default {
                 .catch(function () {});
         },
         deluserbyidFn(id) {
-            // let ids = [];
-            // if (!!id) {
-            //     ids = [id];
-            // } else {
-            //     if (!this.selectRow.length) {
-            //         this.$message.error('您尚未选择要删除的记录，请选择后再操作批量删除');
-            //         return;
-            //     }
-            //     this.selectRow.forEach((v) => {
-            //         ids.push(v.id);
-            //     });
-            // }
-
             const h = this.$createElement;
             this.$msgBox(`删除`, '删除后将无法恢复，请问是否继续?')
                 .then(() => {
@@ -226,7 +213,8 @@ export default {
                     title = '修改收费项目';
                 }
                 this.$store.dispatch('addPopup', {
-                    url: '/payService/billingRules/stepPage/add.vue',
+                    // url: '/payService/billingRules/stepPage/add.vue',
+                    url: '/payService/billingRules/stepPage/newAdd.vue', 
                     width: '524px',
                     height: '600px',
                     props: {

operationSupport/src/views/payService/billingRules/stepPage/newAdd.vue

@@ -0,0 +1,295 @@
+<template>
+    <el-form :model="formData" :rules="formRules" label-width="100px" ref="formRu">
+        <el-form-item label="所属社区" prop="communityId">
+            <el-select v-model="formData.communityId" placeholder="请选择社区">
+                <el-option v-for="(item, index) in communityArr" :key="index" :label="item.communityName" :value="item.id"></el-option>
+            </el-select>
+        </el-form-item>
+        <el-form-item label="费用类型" prop="chargeType">
+            <el-select v-model="formData.chargeType" @change="chargeTypeToggle">
+                <el-option label="物业费" :value="1"></el-option>
+                <el-option label="水费" :value="2"></el-option>
+                <el-option label="电费" :value="3"></el-option>
+                <el-option label="车位费" :value="4"></el-option>
+                <el-option label="卫生费" :value="5"></el-option>
+                <el-option label="其他" :value="6"></el-option>
+            </el-select>
+        </el-form-item>
+        <el-form-item label="费用名称" prop="chargeName">
+            <el-input v-model="formData.chargeName" placeholder="请输入费用名称"></el-input>
+        </el-form-item>
+        <el-form-item label="计费方式" prop="chargeMode">
+            <el-select v-model="formData.chargeMode">
+                <template v-if="formData.chargeType == 1">
+                    <el-option label="固定收费" :value="1"></el-option>
+                    <el-option label="价格*面积收费" :value="2"></el-option>
+                </template>
+                <template v-else-if="formData.chargeType == 2 || formData.chargeType == 3">
+                    <el-option label="单价*用量" :value="4"></el-option>
+                </template>
+                <template v-else>
+                    <el-option label="固定收费" :value="1"></el-option>
+                </template>
+            </el-select>
+        </el-form-item>
+        <el-form-item :label="labelActive" prop="chargePrice">
+            <el-input v-model="formData.chargePrice" placeholder="请输入费用名称"></el-input>
+        </el-form-item>
+        <!-- 计费周期除水电费 -->
+        <el-form-item label="计费周期" v-if="formData.chargeType !== 2 && formData.chargeType !== 3">
+            <div class="form-item-flex">
+                <el-select v-model="formData.chargeCycle" class="select">
+                    <el-option :label="item" v-for="item in 12" :value="item" :key="item"></el-option>
+                </el-select>
+                <div class="widthFlex">个月</div>
+            </div>
+        </el-form-item>
+        <!-- 物业费收取滞纳金 -->
+        <el-form-item label="收滞纳金" v-if="formData.chargeType === 1">
+            <div class="form-item-flex">
+                <el-input
+                    class="input-number"
+                    v-model="formData.lateFee"
+                    disabled
+                    controls-position="right"
+                    oninput="value=value.replace(/[^0-9.]/g,'')"
+                >
+                    <i slot="suffix" style="font-style: normal; margin-right: 70px"
+                        >‰
+                        <div class="input-button">
+                            <span class="button down" @click="lateAdd('-')"><i class="el-icon-arrow-down"></i></span>
+                            <span class="button up" @click="lateAdd('+')"><i class="el-icon-arrow-up"></i></span>
+                        </div>
+                    </i>
+                </el-input>
+                <el-tooltip class="item" effect="light" placement="right">
+                    <div slot="content" v-html="lateFeeMsg"></div>
+                    <img src="@/assets/img/menuicon/icon_tishi_zhengchang.png" alt="" />
+                </el-tooltip>
+                <div>欠费时间(＞)</div>
+                <el-input
+                    class="input"
+                    oninput="value=value.replace(/[^0-9.]/g,'')"
+                    v-model="formData.arrearsDays"
+                    placeholder="请输入天数"
+                ></el-input>
+                天
+            </div>
+        </el-form-item>
+        <!-- 生成规则除水电费 -->
+        <el-form-item label="生成规则" v-if="formData.chargeType !== 2 && formData.chargeType !== 3">
+            <el-select v-model="formData.generationRules">
+                <el-option label="当月生成上月" :value="1"></el-option>
+                <el-option label="当月生成当月" :value="2"></el-option>
+            </el-select>
+        </el-form-item>
+
+        <el-form-item label="备注" prop="desc">
+            <el-input
+                type="textarea"
+                placeholder="请输入备注"
+                v-model="formData.remark"
+                :rows="3"
+                maxlength="100"
+                show-word-limit
+                resize="none"
+            ></el-input>
+        </el-form-item>
+    </el-form>
+</template>
+<script >
+export default {
+    props: ['params'],
+    data() {
+        return {
+            formData: {
+                communityId: '',
+                arrearsDays: '',
+                chargeType: 1,
+                chargeName: '',
+                chargeMode: '',
+                chargePrice: '',
+                chargeCycle: 1,
+                chargeCycleUnit: 1,
+                generationRules: '',
+                lateFee: 1,
+                remark: ''
+            },
+            lateFeeMsg: '滞纳金计算规则：</br>月费用*逾期天数*滞纳金标准',
+            formRules: {
+                chargeName: [this.$valid.inputRequired('费用名称')],
+                chargePrice: [this.$valid.inputRequired('价格')],
+                chargeMode: [this.$valid.selectRequired('计费方式')],
+                chargeType: [this.$valid.selectRequired('费用类型')],
+                communityId: [this.$valid.selectRequired('社区')]
+            }
+        };
+    },
+    computed: {
+        communityArr() {
+            return this.$store.getters['getAreaSelect'];
+        },
+        labelActive() {
+            let text = '价格(元/月)';
+            switch (this.formData.chargeType) {
+                case 2:
+                    text = '价格(元/吨)';
+                    break;
+                case 3:
+                    text = '价格(元/度)';
+                    break;
+            }
+            return text;
+        }
+    },
+    methods: {
+        lateAdd(fu) {
+            if (this.formData.lateFee == null || this.formData.lateFee == undefined) {
+                this.formData.lateFee = 1;
+            }
+            let newx = Number(this.formData.lateFee);
+            if (newx >= 1) {
+                if (fu === '-') {
+                    if (newx <= 1) {
+                        this.formData.lateFee = 1;
+                    } else {
+                        this.formData.lateFee = newx - 1;
+                    }
+                } else if (fu === '+' && this.formData.lateFee < 10) {
+                    this.formData.lateFee = newx + 1;
+                }
+            }
+        },
+        submit() {
+            this.$refs['formRu'].validate((valid) => {
+                if (valid) {
+                    let formData = this.installFromData();
+                    var loading = this.$loading();
+                    let url = '/sc-charge/scChargeStrategy/add';
+                    if (this.params.todo === 'edit') {
+                        formData.id = this.params.data.id;
+                        url = '/sc-charge/scChargeStrategy/update';
+                    }
+                    this.$http
+                        .post(url, formData)
+                        .then(({ status, msg }) => {
+                            if (status == 0) {
+                                this.$message.success(msg);
+                                this.params.callback();
+                                this.$emit('close');
+                            } else {
+                                this.$message.error(msg);
+                            }
+                            loading.close();
+                        })
+                        .catch(() => {
+                            loading.close();
+                        });
+                } else {
+                    return false;
+                }
+            });
+        },
+        installFromData() {
+            let installData = {
+                communityId: this.formData.communityId,
+                chargeType: this.formData.chargeType,
+                chargeName: this.formData.chargeName,
+                chargeMode: this.formData.chargeMode,
+                remark: this.formData.remark,
+                chargePrice: this.formData.chargePrice
+            };
+            if (this.formData.chargeType === 1) {
+                installData.lateFee = this.formData.lateFee;
+                installData.arrearsDays = this.formData.arrearsDays;
+            }
+            if (this.formData.chargeType !== 2 && this.formData.chargeType !== 3) {
+                installData.generationRules = this.formData.generationRules;
+                installData.chargeCycle = this.formData.chargeCycle;
+            }
+            return installData;
+        },
+        chargeTypeToggle() {
+            this.$refs['formRu'].clearValidate('chargeMode');
+            this.formData.chargeMode = '';
+        }
+    },
+    created() {
+        if (this.params.todo == 'edit') {
+            let paramsData = JSON.parse(JSON.stringify(this.params.data));
+            if (paramsData.chargeCycle == null) {
+                paramsData.chargeCycle = 1;
+            }
+            Object.assign(this.formData, paramsData);
+        }
+    }
+};
+</script>
+<style lang="scss" scoped>
+.just {
+    justify-content: space-between;
+}
+.form-item-flex {
+    display: flex;
+
+    .input {
+        width: 110px;
+        margin: 0 15px 0 12px;
+    }
+    .input-number {
+        width: 110px;
+        /deep/ .el-input--suffix .el-input__inner {
+            padding-right: 50px;
+        }
+        .input-button {
+            line-height: 15px;
+            .button {
+                cursor: pointer;
+            }
+            .up {
+                position: absolute;
+                top: 2px;
+                height: 16px;
+                width: 25px;
+                right: -4px;
+                border-radius: 0px 4px 0 0;
+                background: white;
+                border-bottom: 1px solid #dcdfe6;
+                border-left: 1px solid #dcdfe6;
+            }
+            .down {
+                position: absolute;
+                bottom: 1px;
+                height: 16px;
+                width: 25px;
+                right: -4px;
+                background: white;
+                border-radius: 0 0 4px 0;
+                border-top: 1px solid #dcdfe6;
+                border-left: 1px solid #dcdfe6;
+            }
+        }
+    }
+    .input100 {
+        width: 100px;
+    }
+    .select {
+        width: 360px !important;
+    }
+    .el-tooltip {
+        margin: 10px 10px 0 16px;
+        width: 16px;
+        height: 16px;
+    }
+    .widthFlex {
+        flex: 1;
+        text-align: right;
+        white-space: nowrap;
+    }
+    .sunm {
+        width: 15px;
+        text-align: center;
+        cursor: pointer;
+    }
+}
+</style>

operationSupport/src/views/payService/propertyFee/index.vue

@@ -82,26 +82,12 @@ export default {
                     prop: 'assets'
                 },
                 {
-                    label: '住户',
+                    label: '业主',
                     prop: 'residentName'
                 },
                 {
                     label: '费用名称',
                     prop: 'chargeName'
-                    // prop: 'chargeType',
-                    // format(val) {
-                    //     if (val == '1') {
-                    //         return '物业费';
-                    //     } else if (val == '2') {
-                    //         return '水费';
-                    //     } else if (val == '3') {
-                    //         return '电费';
-                    //     } else if (val == '4') {
-                    //         return '车位费';
-                    //     } else if (val == '5') {
-                    //         return '二次供水费';
-                    //     }
-                    // }
                 },
                 {
                     label: '账期',

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

@@ -1,14 +1,14 @@
 <template>
     <div class="main">
         <div class="search">
+            <el-input class="search-input" v-model="mixins_query.name" placeholder="输入业主/房间号"></el-input>
             <el-select v-model="mixins_query.communityId" placeholder="选择社区" clearable>
                 <el-option v-for="(item, index) in communityArr" :key="index" :label="item.communityName" :value="item.id"></el-option>
             </el-select>
-
             <el-date-picker
                 v-model="times"
-                value-format="yyyy-MM-dd"
-                type="daterange"
+                value-format="yyyy-MM"
+                type="monthrange"
                 range-separator="至"
                 start-placeholder="选择开始日期"
                 end-placeholder="选择结束日期"
@@ -22,6 +22,16 @@
                 </el-tooltip>
             </div>
         </div>
+        <div class="table-top">
+            <div class="table-top_block">
+                <div>海逸一号收费统计</div>
+                <div>2021年1月-2021年3月</div>
+            </div>
+            <div class="table-top_block blockColor" v-for="item in blockArr" :key="item">
+                <div>{{ item.label }}</div>
+                <div>{{ item.val }}</div>
+            </div>
+        </div>
         <zz-table
             :cols="cols"
             :settings="{ showIndex: true, stripe: true }"
@@ -86,34 +96,43 @@ export default {
                     label: '电费(元)',
                     prop: 'remark'
                 },
-                   {
+                {
                     label: '车位管理费(元)',
                     prop: 'remark'
                 },
-                   {
+                {
                     label: '卫生费(元)',
                     prop: 'remark'
                 },
-                   {
+                {
                     label: '电梯维修费(元)',
                     prop: 'remark'
                 },
-                   {
+                {
                     label: '外墙砖维修费(元)',
                     prop: 'remark'
                 },
-                   {
+                {
                     label: '摩托租赁费(元)',
                     prop: 'remark'
                 },
-                   {
+                {
                     label: '合计',
                     prop: 'remark'
                 }
             ],
             mixins_post: 'post',
             times: [],
-            communityArr: []
+            communityArr: [],
+            blockArr: [
+                { label: '总收费', val: '11111' },
+                { label: '物业费', val: '11111' },
+                { label: '水费', val: '11111' },
+                { label: '电费', val: '11111' },
+                { label: '车位管理费', val: '11111' },
+                { label: '卫生费', val: '11111' },
+                { label: '其他费用', val: '11111' }
+            ]
         };
     },
     created() {
@@ -122,34 +141,11 @@ export default {
             accountType: 2,
             paymentType: 1
         };
-        this.getSun(1);
-        this.getSun(2);
         this.mixins_search();
         this.getorgTree();
     },
     mounted() {},
     methods: {
-        toggle(index) {
-            this.activeIndex = index;
-            this.mixins_query.paymentType = index;
-            this.mixins_search();
-        },
-        getSun(type) {
-            this.$http
-                .post('/sc-charge/payment/record/sum/amount', { accountType: 2, paymentType: type })
-                .then(({ data, status, msg }) => {
-                    if (status == 0) {
-                        if (type == 1) {
-                            this.tabs[0].value = data;
-                        } else if (type == 2) {
-                            this.tabs[1].value = data;
-                        }
-                    } else {
-                        this.$message.error(msg);
-                    }
-                })
-                .catch(() => {});
-        },
         exportExcel() {
             this.__exportExcel('/sc-charge/payment/record/export/excel', this.mixins_query);
         },
@@ -158,8 +154,8 @@ export default {
             if (!arr) {
                 arr = ['', ''];
             }
-            this.mixins_query.startTime = arr[0] + ' 00:00:00';
-            this.mixins_query.endTime = arr[1] + ' 23:59:59';
+            this.mixins_query.startTime = arr[0];
+            this.mixins_query.endTime = arr[1];
         },
         getorgTree() {
             this.$http
@@ -176,25 +172,22 @@ export default {
 </script>
 <style scoped lang='scss'>
 @import '@assets/css/public-style.scss';
-.search_bottom_tab {
-    height: 60px;
-    line-height: 60px;
-    background: #ffffff;
-    border-radius: 4px;
-    margin-bottom: 20px;
-    padding: 0 20px;
-    box-sizing: border-box;
-    .tab_list {
-        display: inline-block;
-        border-bottom: 1px solid transparent;
-        cursor: pointer;
-        color: #424656;
-        &:not(:last-child) {
-            margin-right: 40px;
-        }
-        &.active {
-            color: $mainTextColor;
-            border-color: $mainTextColor;
+.table-top {
+    display: flex;
+    // margin-bottom: 20px;
+    background: white;
+    padding: 10px 0;
+    .table-top_block {
+        height: 60px;
+        line-height: 30px;
+        text-align: center;
+
+        margin-left: 20px;
+        &.blockColor {
+            width: 150px;
+            background: $mainTextColor;
+            color: white;
+            border-radius: 5px;
         }
     }
 }

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

@@ -13,8 +13,9 @@
         </div>
         <zz-table
             :cols="cols"
-            :settings="{ showIndex: false, stripe: true }"
+            :settings="{ showIndex: false, stripe: true, summaryCol: summaryColData }"
             :loading="mixins_onQuery"
+            :summaryData="{}"
             :data="mixins_list"
             :pageset="mixins_pageset"
             @page-change="pageChange"
@@ -36,36 +37,23 @@ export default {
                 },
                 {
                     label: '01月',
-                    prop: 'assets'
+                    prop: 'amount'
                 },
                 {
                     label: '02月',
-                    prop: 'createDate'
+                    prop: 'amount'
                 },
                 {
                     label: '03月',
-                    prop: 'paymentMethod',
-                    format(val) {
-                        if (val == '1') {
-                            return '微信';
-                        } else if (val == '2') {
-                            return '支付宝';
-                        } else if (val == '3') {
-                            return '现金';
-                        } else if (val == '4') {
-                            return '预存';
-                        } else if (val == '5') {
-                            return '其他';
-                        }
-                    }
+                    prop: 'amount'
                 },
                 {
                     label: '04月',
-                    prop: 'userName'
+                    prop: 'amount'
                 },
                 {
                     label: '05月',
-                    prop: 'phone'
+                    prop: 'amount'
                 },
                 {
                     label: '06月',
@@ -73,66 +61,49 @@ export default {
                 },
                 {
                     label: '07月',
-                    prop: 'remark'
+                    prop: 'amount'
                 },
                 {
                     label: '08月',
-                    prop: 'remark'
+                    prop: 'amount'
                 },
                 {
                     label: '09月',
-                    prop: 'remark'
+                    prop: 'amount'
                 },
                 {
                     label: '10月',
-                    prop: 'remark'
+                    prop: 'amount'
                 },
                 {
                     label: '11月',
-                    prop: 'remark'
+                    prop: 'amount'
                 },
                 {
                     label: '12月',
-                    prop: 'remark'
+                    prop: 'amount'
                 },
                 {
                     label: '合计',
-                    prop: 'remark'
+                    prop: 'total'
                 }
             ],
             mixins_post: 'post',
+            summaryColData: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13],
             communityArr: []
         };
     },
     created() {
         this.mixins_dataUrl = '/sc-charge/payment/record/page';
         this.mixins_query = {
-            accountType: 2,
+            accountType: 1,
             paymentType: 1
         };
-        this.getSun(1);
-        this.getSun(2);
         this.mixins_search();
         this.getorgTree();
     },
     mounted() {},
     methods: {
-        getSun(type) {
-            this.$http
-                .post('/sc-charge/payment/record/sum/amount', { accountType: 2, paymentType: type })
-                .then(({ data, status, msg }) => {
-                    if (status == 0) {
-                        if (type == 1) {
-                            this.tabs[0].value = data;
-                        } else if (type == 2) {
-                            this.tabs[1].value = data;
-                        }
-                    } else {
-                        this.$message.error(msg);
-                    }
-                })
-                .catch(() => {});
-        },
         exportExcel() {
             this.__exportExcel('/sc-charge/payment/record/export/excel', this.mixins_query);
         },
@@ -148,29 +119,4 @@ export default {
         }
     }
 };
-</script>
-<style scoped lang='scss'>
-@import '@assets/css/public-style.scss';
-.search_bottom_tab {
-    height: 60px;
-    line-height: 60px;
-    background: #ffffff;
-    border-radius: 4px;
-    margin-bottom: 20px;
-    padding: 0 20px;
-    box-sizing: border-box;
-    .tab_list {
-        display: inline-block;
-        border-bottom: 1px solid transparent;
-        cursor: pointer;
-        color: #424656;
-        &:not(:last-child) {
-            margin-right: 40px;
-        }
-        &.active {
-            color: $mainTextColor;
-            border-color: $mainTextColor;
-        }
-    }
-}
-</style>
+</script>

operationSupport/src/views/payService/systemSetup/stepPage/paymentSetup.vue

@@ -47,6 +47,38 @@
                         <el-checkbox :label="2">微信</el-checkbox>
                     </el-checkbox-group>
                 </el-form-item>
+
+                <el-form-item>
+                    <div class="item-title">水费收费规则</div>
+                    <el-radio-group v-model="formData[4].enable">
+                        <el-radio :label="0">按账单收费</el-radio>
+                        <el-radio :label="1">预充值，按计费周期扣费</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item>
+                    <div class="item-title">电费收费规则</div>
+                    <el-radio-group v-model="formData[5].enable">
+                        <el-radio :label="0">按账单收费</el-radio>
+                        <el-radio :label="1">预充值，按计费周期扣费</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+
+                <el-form-item>
+                    <div class="item-title">
+                        水费计费周期
+                        <el-select v-model="formData[6].amount">
+                            <el-option v-for="item in 12" :key="item" :label="item" :value="item"></el-option> </el-select
+                        >个月
+                    </div>
+                </el-form-item>
+                <el-form-item>
+                    <div class="item-title">
+                        电费计费周期
+                        <el-select v-model="formData[7].amount">
+                            <el-option v-for="item in 12" :key="item" :label="item" :value="item"></el-option> </el-select
+                        >个月
+                    </div>
+                </el-form-item>
                 <el-form-item style="text-align: right">
                     <el-button type="primary" @click="submit">保存</el-button>
                 </el-form-item>
@@ -87,6 +119,28 @@ export default {
                     category: 1,
                     enable: null,
                     amount: null
+                },
+                {
+                    type: 9,
+                    category: 1,
+                    enable: 0
+                },
+                {
+                    type: 10,
+                    category: 1,
+                    enable: 0
+                },
+                {
+                    type: 11,
+                    category: 1,
+                    enable: null,
+                    amount: 1
+                },
+                {
+                    type: 12,
+                    category: 1,
+                    enable: null,
+                    amount: 1
                 }
             ],
             initFormData: [
@@ -111,6 +165,28 @@ export default {
                     category: 1,
                     enable: null,
                     amount: null
+                },
+                {
+                    type: 9,
+                    category: 1,
+                    enable: 0
+                },
+                {
+                    type: 10,
+                    category: 1,
+                    enable: 0
+                },
+                {
+                    type: 11,
+                    category: 1,
+                    enable: null,
+                    amount: 1
+                },
+                {
+                    type: 12,
+                    category: 1,
+                    enable: null,
+                    amount: 1
                 }
             ]
         };
@@ -174,6 +250,14 @@ export default {
                             } else if (item.type == '4') {
                                 Object.assign(this.formData[3], item);
                                 this.getInstallData('listCheckElectric', item.enable);
+                            } else if (item.type == '9') {
+                                Object.assign(this.formData[4], item);
+                            } else if (item.type == '10') {
+                                Object.assign(this.formData[5], item);
+                            } else if (item.type == '11') {
+                                Object.assign(this.formData[6], item);
+                            } else if (item.type == '12') {
+                                Object.assign(this.formData[7], item);
                             }
                         });
                     }