| 
					
				 | 
			
			
				@@ -0,0 +1,162 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div class="main"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div class="search"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                clearable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                placeholder="输入房间号/业主/手机号" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                class="search-input" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                v-trim 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                v-model.trim="mixins_query.queryValue" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ></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-select class="width90" v-model="mixins_query.symbol" 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="4"></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-option label="<=" :value="5"></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-input class="search-input" v-trim v-model.trim="mixins_query.balance" clearable placeholder="请输入数值" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-button type="primary" class="search-btn" @click="mixins_search" icon="el-icon-search">查询 </el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div class="roles-wrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <zz-table 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :cols="cols" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :settings="{ showIndex: true, stripe: true }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :loading="mixins_onQuery" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :data="mixins_list" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :pageset="mixins_pageset" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                @page-change="pageChange" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <template slot-scope="scope" slot="opt"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div class="opt"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <el-tooltip effect="light" placement="bottom" content="充值"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            <i class="zoniot_font zoniot-icon-chongzhi" @click="addOrEdit(scope.row)"></i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        </el-tooltip> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <el-tooltip effect="light" placement="bottom" content="充值记录"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            <i class="zoniot_font zoniot-icon-chongzhijilu" @click="lookRechargeRecord(scope.row)"></i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        </el-tooltip> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <el-tooltip effect="light" placement="bottom" content="扣费记录"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            <i class="zoniot_font zoniot-icon-koufeijilu" @click="lookChargebackRecord(scope.row)"></i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        </el-tooltip> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </zz-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import list from '@utils/list.js'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    mixins: [list], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            cols: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    label: '社区名称', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    prop: 'communityName' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    label: '房间', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    prop: 'assets' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    label: '业主', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    prop: 'residentName' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    label: '业主手机号', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    prop: 'residentPhone' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    label: '水费余额(元)', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    prop: 'balance' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    label: '最后扣费时间', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    prop: 'lastPayTime' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    label: '操作', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    prop: 'id', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    slot: 'opt' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            communityArr: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            mixins_post: 'post' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    created() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.getorgTree(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.mixins_dataUrl = '/sc-charge/house/account/page'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.mixins_query = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            accountType: 2 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.mixins_search(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    mounted() {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        getorgTree() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.$http 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                .get('/sc-community/assets/community/list') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                .then((data) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    this.communityArr = data.data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    this.$store.commit('setAreaSelect', data.data); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                .catch(function () {}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        lookRechargeRecord(row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.$router.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                path: '/RechargeRecord', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                query: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    accountType: 2, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    paymentType: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    id: row.houseId, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    name: row.communityName + row.assets, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        lookChargebackRecord(row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.$router.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                path: '/ChargebackRecord', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                query: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    accountType: 2, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    paymentType: 2, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    id: row.houseId, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    name: row.communityName + row.assets, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        addOrEdit(row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            new Promise((resolve) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                this.$store.dispatch('addPopup', { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    url: '/payService/waterManagement/stepPage/add.vue', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    width: '524px', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    height: '424px', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    props: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        data: row, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        callback: resolve 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    title: '水费充值' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }).then(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                this.mixins_search(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style scoped lang='scss'> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.search { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    font-size: 12px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    color: #424656; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.width90 { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 90px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |