合同tji

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

@@ -14,6 +14,13 @@
                     v-trim
                     v-model.trim="mixins_query.name"
                 ></el-input>
+                <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-DD"
@@ -136,8 +143,7 @@ export default {
 
                 {
                     label: '费用名称',
-                    prop: 'chargeName',
-                    width: '200'
+                    prop: 'chargeName'
                 },
                 {
                     label: '计费周期',
@@ -145,15 +151,6 @@ export default {
                     slot: 'payBeginTime',
                     width: '150'
                 },
-                {
-                    label: '费用金额(元)',
-                    prop: 'amount'
-                },
-                {
-                    label: '滞纳金(元)',
-                    prop: 'lateFee'
-                },
-
                 {
                     label: '应收金额(元)',
                     prop: 'receivableAmount'
@@ -170,6 +167,11 @@ export default {
                     label: '缴费状态',
                     prop: 'chargeStatusDict'
                 },
+                {
+                    label: '缴费时间',
+                    prop: 'chargeDate',
+                    width: '150'
+                },
                 {
                     label: '操作',
                     prop: 'id',
@@ -302,42 +304,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();
@@ -347,7 +375,8 @@ export default {
         this.mixins_dataUrl = '/sc-charge/charge/bill/page'; // 分页查询接口
         this.mixins_query = {
             chargeStatus: this.chargeStatus,
-            chargeType: '8'
+            chargeType: '8',
+             payType: ''
         };
     }
 };
@@ -358,5 +387,8 @@ export default {
     .zz-tab-button {
         margin-right: 20px;
     }
+    .width120 {
+        width: rem(120);
+    }
 }
 </style>

operationSupport/src/views/payService/propertyFee/stepPage/details.vue

@@ -91,6 +91,10 @@ export default {
                     label: '业主手机号:',
                     prop: 'phone'
                 },
+                {
+                    label: '支付方式:',
+                    prop: 'payTypeDict'
+                },
                 {
                     label: '收款人:',
                     prop: 'payee'
@@ -106,6 +110,10 @@ export default {
                 {
                     label: '实收金额(元):',
                     prop: 'receivedAmount'
+                },
+                {
+                    label: '备注:',
+                    prop: 'remark'
                 }
             ],
             thisItem: {}