|
@@ -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>
|