|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="main">
|
|
|
- <div class="search">
|
|
|
+ <div class="search" v-if="viewActive == 'index'">
|
|
|
<el-input
|
|
|
clearable
|
|
|
placeholder="输入房间号/业主/手机号"
|
|
@@ -22,7 +22,7 @@
|
|
|
<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">
|
|
|
+ <div class="roles-wrap" v-if="viewActive == 'index'">
|
|
|
<zz-table
|
|
|
:cols="cols"
|
|
|
:settings="{ showIndex: true, stripe: true }"
|
|
@@ -46,16 +46,26 @@
|
|
|
</template>
|
|
|
</zz-table>
|
|
|
</div>
|
|
|
+
|
|
|
+ <chargeback-record v-if="viewActive == 'chargeback'" :params="thisLookData"></chargeback-record>
|
|
|
+ <recharge-record v-if="viewActive == 'recharge'" :params="thisLookData"></recharge-record>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import ChargebackRecord from '../ChargebackRecord.vue';
|
|
|
+import RechargeRecord from '../RechargeRecord.vue';
|
|
|
import list from '@utils/list.js';
|
|
|
export default {
|
|
|
mixins: [list],
|
|
|
- name:"waterManagement",
|
|
|
+ components: {
|
|
|
+ ChargebackRecord,
|
|
|
+ RechargeRecord
|
|
|
+ },
|
|
|
+ // name: 'waterManagement',
|
|
|
data() {
|
|
|
return {
|
|
|
+ viewActive: 'index',
|
|
|
cols: [
|
|
|
{
|
|
|
label: '社区名称',
|
|
@@ -88,7 +98,8 @@ export default {
|
|
|
}
|
|
|
],
|
|
|
communityArr: [],
|
|
|
- mixins_post: 'post'
|
|
|
+ mixins_post: 'post',
|
|
|
+ thisLookData: {}
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -112,26 +123,41 @@ export default {
|
|
|
.catch(function () {});
|
|
|
},
|
|
|
lookRechargeRecord(row) {
|
|
|
- this.$router.push({
|
|
|
- path: '/RechargeRecord',
|
|
|
- query: {
|
|
|
- accountType: 2,
|
|
|
- paymentType: 1,
|
|
|
- id: row.houseId,
|
|
|
- name: row.communityName + row.assets,
|
|
|
- }
|
|
|
- });
|
|
|
+ this.thisLookData = {
|
|
|
+ accountType: 2,
|
|
|
+ paymentType: 1,
|
|
|
+ id: row.houseId,
|
|
|
+ name: row.communityName + row.assets
|
|
|
+ };
|
|
|
+ this.viewActive = 'recharge';
|
|
|
+ // 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,
|
|
|
- }
|
|
|
- });
|
|
|
+ this.thisLookData = {
|
|
|
+ accountType: 2,
|
|
|
+ paymentType: 2,
|
|
|
+ id: row.houseId,
|
|
|
+ name: row.communityName + row.assets
|
|
|
+ };
|
|
|
+ this.viewActive = 'chargeback';
|
|
|
+
|
|
|
+ // this.$router.push({
|
|
|
+ // path: '/ChargebackRecord',
|
|
|
+ // query: {
|
|
|
+ // accountType: 2,
|
|
|
+ // paymentType: 2,
|
|
|
+ // id: row.houseId,
|
|
|
+ // name: row.communityName + row.assets
|
|
|
+ // }
|
|
|
+ // });
|
|
|
},
|
|
|
addOrEdit(row) {
|
|
|
new Promise((resolve) => {
|