优化代码

public/components/property/simplifyFeeReceipt/simplifyFeeReceipt.html

@@ -6,16 +6,27 @@
                 <option disabled value="">请选择收费类型</option>
                 <option selected value="3333">房屋费</option>
                 <option value="6666">车位费</option>
+                <option value="7777">合同费</option>
             </select>
         </div>
         <div class="col-lg-2 padding-right-xs padding-left-xl" v-if="simplifyFeeReceiptInfo.objType == '6666'">
-            <select class="custom-select custom-select-sm" v-model="simplifyCarFeeInfo.carId" @change="changeSimplifyFeeReceiptCar()">
+            <select class="custom-select custom-select-sm" v-model="simplifyCarFeeInfo.carId"
+                @change="changeSimplifyFeeReceiptCar()">
                 <option disabled value="">请选择车辆</option>
                 <option v-for="(item,index) in simplifyFeeReceiptInfo.ownerCars" :value="item.carId">{{item.carNum}}
                 </option>
             </select>
         </div>
-        <div class="col-lg-2 padding-right-xs padding-left-xl">
+        <div class="col-lg-2 padding-right-xs padding-left-xl" v-else-if="simplifyFeeReceiptInfo.objType == '7777'">
+            <select class="custom-select custom-select-sm" v-model="simplifyCarFeeInfo.contractId"
+                @change="changeSimplifyFeeReceiptCar()">
+                <option disabled value="">请选择合同</option>
+                <option v-for="(item,index) in simplifyFeeReceiptInfo.ownerContracts" :value="item.contractId">
+                    {{item.contractCode}}
+                </option>
+            </select>
+        </div>
+        <div class="col-lg-2 padding-right-xs padding-left-xl" v-if="simplifyFeeReceiptInfo.objType != '7777'">
             <select class="custom-select custom-select-sm" v-model="simplifyFeeReceiptInfo.ownerFlag"
                 @change="_queryFeeReceiptMethod()">
                 <option value="F">当前{{simplifyFeeReceiptInfo.objType == '6666'?'车辆':'房屋'}}</option>
@@ -49,7 +60,7 @@
                             @click="checkAllReceipt($event)">
                     </th>
                     <th class="text-center">费用类型</th>
-                    <th class="text-center">{{simplifyFeeReceiptInfo.objType == '3333'?'房屋':'车位'}}</th>
+                    <th class="text-center">{{_getFeeObjName(simplifyFeeReceiptInfo.objType)}}</th>
                     <th class="text-center">总金额</th>
                     <th class="text-center">缴费时间</th>
                     <th class="text-center">收据ID</th>
@@ -61,7 +72,7 @@
                         <input type="checkbox" class="i-checks checReceiptItem" v-bind:value="feeReceipt.receiptId"
                             v-model="simplifyFeeReceiptInfo.selectReceipts">
                     </td>
-                    <td class="text-center">{{feeReceipt.objType == '3333'? '房屋费':'车位费'}}</td>
+                    <td class="text-center">{{_getFeeObjName(feeReceipt.objType)}}费</td>
                     <td class="text-center">{{feeReceipt.objName}}</td>
                     <td class="text-center">{{feeReceipt.amount}}</td>
                     <td class="text-center">{{feeReceipt.createTime}}</td>

public/components/property/simplifyFeeReceipt/simplifyFeeReceipt.js

@@ -17,8 +17,10 @@
                 records: '',
                 ownerId: '',
                 ownerCars: [],
+                ownerContracts: [],
                 selectReceipts: [],
                 ownerFlag: 'F',
+                contractId: '',
                 quan: false
             }
         },
@@ -65,9 +67,15 @@
             _listSimplifyFeeReceipt: function (_page, _rows) {
                 $that.simplifyFeeReceiptInfo.selectReceipts = [];
                 $that.simplifyFeeReceiptInfo.quan = false;
-                let _objId = $that.simplifyFeeReceiptInfo.objType == '3333'
+                let _objId = '';
-                    ? $that.simplifyFeeReceiptInfo.roomId
+
-                    : $that.simplifyFeeReceiptInfo.carId;
+                if ($that.simplifyFeeReceiptInfo.objType == '3333') {
+                    _objId = $that.simplifyFeeReceiptInfo.roomId
+                } else if ($that.simplifyFeeReceiptInfo.objType == '6666') {
+                    _objId = $that.simplifyFeeReceiptInfo.carId
+                } else {
+                    _objId = $that.simplifyFeeReceiptInfo.contractId
+                }
                 var param = {
                     params: {
                         page: _page,
@@ -157,8 +165,10 @@
                     records: '',
                     ownerId: '',
                     ownerCars: [],
+                    ownerContracts: [],
                     selectReceipts: [],
                     ownerFlag: 'F',
+                    contractId: '',
                     quan: false
                 }
             },
@@ -166,14 +176,22 @@
 
                 if ($that.simplifyFeeReceiptInfo.objType == '3333') {
                     vc.emit('simplifyFeeReceipt', 'notify', {});
-                    return;
+                } else if ($that.simplifyFeeReceiptInfo.objType == '6666') {
-                }
                     $that._listSimplifyFeeReceiptOwnerCar()
                         .then((data) => {
                             vc.emit('simplifyFeeReceipt', 'notify', {});
                         }, (err) => {
                             //vc.toast(err);
                         })
+                } else {
+                    $that._listSimplifyFeeReceiptOwnerContract()
+                        .then((data) => {
+                            vc.emit('simplifyFeeReceipt', 'notify', {});
+                        }, (err) => {
+                            //vc.toast(err);
+                        })
+                }
+
             },
             changeSimplifyFeeReceiptCar: function () {
                 $that._changeSimplifyFeeReceiptFeeTypeCd();
@@ -204,6 +222,34 @@
                             reject(errInfo);
                         }
                     );
+                })
+            },
+            _listSimplifyFeeReceiptOwnerContract: function () {
+                return new Promise((resolve, reject) => {
+                    let param = {
+                        params: {
+                            page: 1,
+                            row: 50,
+                            objId: $that.simplifyFeeReceiptInfo.ownerId,
+                            communityId: vc.getCurrentCommunity().communityId
+                        }
+                    }
+                    //发送get请求
+                    vc.http.apiGet('/contract/queryContract',
+                        param,
+                        function (json, res) {
+                            let _json = JSON.parse(json);
+                            $that.simplifyFeeReceiptInfo.ownerContracts = _json.data;
+                            if (_json.data.length > 0) {
+                                $that.simplifyFeeReceiptInfo.contractId = _json.data[0].contractId;
+                                resolve(_json.data);
+                                return;
+                            }
+                            reject("没有车位");
+                        }, function (errInfo, error) {
+                            reject(errInfo);
+                        }
+                    );
 
                 })
 
@@ -219,6 +265,17 @@
                 } else { // 如果是去掉全选则清空checkbox选项绑定数组
                     vc.component.simplifyFeeReceiptInfo.selectReceipts = [];
                 }
+            },
+            _getFeeObjName:function(_feeTypeCd){
+                if(_feeTypeCd == '3333'){
+
+                   return '房屋';
+                }else if(_feeTypeCd == '6666'){
+                    return '车位';
+                }else{
+                    return '合同';
+                }
+
             }
         }
     });