账单修改

operationSupport/src/assets/css/main.scss

@@ -425,7 +425,7 @@ a {
     .el-select,
     .el-cascader,
     .el-date-editor {
-        margin-right: 20px;
+        margin-right: rem(20);
     }
     .search-label {
         margin-right: 10px;
@@ -435,7 +435,7 @@ a {
         display: inline-block;
     }
     .search-input {
-        width: 240px;
+        width: rem(240);
     }
     .search-btn {
         height: 30px;

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

@@ -14,7 +14,7 @@
                     v-trim
                     v-model.trim="mixins_query.chargeName"
                 ></el-input>
-                <el-select v-model="mixins_querys.chargeType" placeholder="费用类型" clearable>
+                <el-select v-model="mixins_querys.chargeType" placeholder="费用类型" clearable class="width120">
                     <el-option label="物业费" :value="1"></el-option>
                     <el-option label="水费" :value="2"></el-option>
                     <el-option label="电费" :value="3"></el-option>
@@ -22,6 +22,13 @@
                     <el-option label="车位管理费" :value="4"></el-option>
                     <el-option label="其他费用" :value="7"></el-option>
                 </el-select>
+                <el-select v-model="mixins_query.payType" v-if="chargeStatus == 2" class="width120" placeholder="缴费方式" clearable>
+                    <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="5"></el-option>
+                    <el-option label="刷卡" :value="6"></el-option>
+                </el-select>
                 <el-date-picker
                     v-model="times"
                     value-format="yyyy-MM"
@@ -157,8 +164,7 @@ export default {
                 },
                 {
                     label: '费用名称',
-                    prop: 'chargeName',
-                    width: '200'
+                    prop: 'chargeName'
                 },
                 {
                     label: '计费日期',
@@ -166,15 +172,6 @@ export default {
                     slot: 'payBeginTime',
                     width: '150'
                 },
-                {
-                    label: '费用金额(元)',
-                    prop: 'amount'
-                },
-                {
-                    label: '滞纳金(元)',
-                    prop: 'lateFee'
-                },
-
                 {
                     label: '应收金额(元)',
                     prop: 'receivableAmount'
@@ -191,6 +188,11 @@ export default {
                     label: '缴费状态',
                     prop: 'chargeStatusDict'
                 },
+                {
+                    label: '缴费时间',
+                    prop: 'chargeDate',
+                    width: '150'
+                },
                 {
                     label: '操作',
                     prop: 'id',
@@ -217,6 +219,10 @@ export default {
             } else {
                 this.mixins_query.chargeType = '1,2,3,4,5,6,7';
             }
+            if (this.chargeStatus == 1) {
+                this.mixins_query.payType = '';
+            }
+
             this.getList();
         },
         editAmount(row) {
@@ -354,42 +360,68 @@ export default {
         },
         selectable(row, index) {
             return true;
+        },
+        Object_Set(thisObj, val, editThisObj) {
+            if (thisObj instanceof Array && val instanceof Array) {
+                if (!!editThisObj) {
+                    thisObj.map((item, index) => {
+                        this[editThisObj][item] = val[index];
+                    });
+                } else {
+                    thisObj.map((item, index) => {
+                        this['mixins_query'][item] = val[index];
+                    });
+                }
+            } else {
+                if (!!editThisObj) {
+                    this[editThisObj][thisObj] = val;
+                } else {
+                    this['mixins_query'][thisObj] = val;
+                }
+            }
         }
     },
     watch: {
         currentId(newValue, oldValue) {
-            this.mixins_query.communityId = '';
-            this.mixins_query.buildingId = '';
-            this.mixins_query.unitName = '';
-            this.mixins_query.houseId = '';
+            this.Object_Set(['communityId', 'buildingId', 'unitName', 'houseId'], ['', '', '', '']);
             if (newValue.type) {
-                let newValueIds = newValue.id.split('-');
                 this.chiData.type = newValue.type;
                 if (newValue.type === 'community') {
-                    this.mixins_query.communityId = newValue.communityId;
-                    this.chiData.value = newValue.communityId;
-                    this.chiData.address = newValue.communityName;
+                    this.Object_Set(['communityId'], [newValue.communityId]);
+                    this.Object_Set(['value', 'address'], [newValue.communityId, newValue.communityName], 'chiData');
                 } else if (newValue.type === 'building') {
-                    this.mixins_query.communityId = newValue.communityId;
-                    this.mixins_query.buildingId = newValue.buildingId;
-                    this.chiData.value = newValue.buildingId;
-                    this.chiData.address = newValue.communityName + ' ' + newValue.buildingName;
+                    this.Object_Set(['communityId', 'buildingId'], [newValue.communityId, newValue.buildingId]);
+                    this.Object_Set(
+                        ['value', 'address'],
+                        [newValue.buildingId, newValue.communityName + ' ' + newValue.buildingName],
+                        'chiData'
+                    );
                 } else if (newValue.type === 'unit') {
-                    this.mixins_query.communityId = newValue.communityId;
-                    this.mixins_query.buildingId = newValue.buildingId;
-                    this.mixins_query.unitName = newValue.unitId;
-
-                    this.chiData.value = newValue.buildingId + ':' + newValue.unitId;
-                    this.chiData.address = newValue.communityName + ' ' + newValue.buildingName + ' ' + newValue.unitName;
+                    this.Object_Set(
+                        ['communityId', 'buildingId', 'unitName'],
+                        [newValue.communityId, newValue.buildingId, newValue.unitId]
+                    );
+                    this.Object_Set(
+                        ['value', 'address'],
+                        [
+                            newValue.buildingId + ':' + newValue.unitId,
+                            newValue.communityName + ' ' + newValue.buildingName + ' ' + newValue.unitName
+                        ],
+                        'chiData'
+                    );
                 } else if (newValue.type === 'room') {
-                    this.mixins_query.communityId = newValue.communityId;
-                    this.mixins_query.buildingId = newValue.buildingId;
-                    this.mixins_query.unitName = newValue.unitId;
-                    this.mixins_query.houseId = newValue.houseId;
-
-                    this.chiData.value = newValue.houseId;
-                    this.chiData.address =
-                        newValue.communityName + ' ' + newValue.buildingName + ' ' + newValue.unitName + ' ' + newValue.houseName;
+                    this.Object_Set(
+                        ['communityId', 'buildingId', 'unitName', 'houseId'],
+                        [newValue.communityId, newValue.buildingId, newValue.unitId, newValue.houseId]
+                    );
+                    this.Object_Set(
+                        ['value', 'address'],
+                        [
+                            newValue.houseId,
+                            newValue.communityName + ' ' + newValue.buildingName + ' ' + newValue.unitName + ' ' + newValue.houseName
+                        ],
+                        'chiData'
+                    );
                 }
             }
             this.mixins_search();
@@ -399,7 +431,8 @@ export default {
         this.mixins_dataUrl = '/sc-charge/charge/bill/page'; // 分页查询接口
         this.mixins_query = {
             chargeStatus: this.chargeStatus,
-            chargeType: '1,2,3,4,5,6,7'
+            chargeType: '1,2,3,4,5,6,7',
+            payType: ''
         };
     }
 };
@@ -410,5 +443,8 @@ export default {
     .zz-tab-button {
         margin-right: 20px;
     }
+    .width120 {
+        width: rem(120);
+    }
 }
 </style>