|
@@ -2,12 +2,12 @@
|
|
<div class="content main">
|
|
<div class="content main">
|
|
<organ-tree
|
|
<organ-tree
|
|
@organId="currentOrganId"
|
|
@organId="currentOrganId"
|
|
- v-show="!ownerStatus"
|
|
|
|
|
|
+ v-show="!ownerStatus && !showaddDialog"
|
|
:buildingType="1"
|
|
:buildingType="1"
|
|
></organ-tree>
|
|
></organ-tree>
|
|
<div
|
|
<div
|
|
class="content-right"
|
|
class="content-right"
|
|
- v-show="!ownerStatus"
|
|
|
|
|
|
+ v-show="!ownerStatus && !showaddDialog"
|
|
>
|
|
>
|
|
<div class="search">
|
|
<div class="search">
|
|
<el-input
|
|
<el-input
|
|
@@ -239,6 +239,13 @@
|
|
@clerOwnerStatus="clerOwnerStatus"
|
|
@clerOwnerStatus="clerOwnerStatus"
|
|
:isAdd="isAdd"
|
|
:isAdd="isAdd"
|
|
></add-owner>
|
|
></add-owner>
|
|
|
|
+
|
|
|
|
+ <save-details
|
|
|
|
+ v-if="!!showaddDialog"
|
|
|
|
+ :params="activeDataId"
|
|
|
|
+ @clerStatus="clerStatus"
|
|
|
|
+ >
|
|
|
|
+ </save-details>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -246,16 +253,19 @@
|
|
import list from '@/js/list.js';
|
|
import list from '@/js/list.js';
|
|
// import addOwner from './stepPage/add.vue';
|
|
// import addOwner from './stepPage/add.vue';
|
|
import addOwner from './stepPage/newAdd.vue';
|
|
import addOwner from './stepPage/newAdd.vue';
|
|
|
|
+import saveDetails from './details.vue'
|
|
|
|
|
|
export default {
|
|
export default {
|
|
mixins: [list],
|
|
mixins: [list],
|
|
name: 'ownerManagement',
|
|
name: 'ownerManagement',
|
|
- components: { addOwner },
|
|
|
|
|
|
+ components: { addOwner, saveDetails },
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
ownerStatus: '',
|
|
ownerStatus: '',
|
|
statusOptions: [],
|
|
statusOptions: [],
|
|
currentId: '',
|
|
currentId: '',
|
|
|
|
+ activeDataId: '',
|
|
|
|
+ showaddDialog: '',
|
|
cols: [
|
|
cols: [
|
|
{
|
|
{
|
|
label: '姓名',
|
|
label: '姓名',
|
|
@@ -341,6 +351,10 @@ export default {
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ clerStatus () {
|
|
|
|
+ this.showaddDialog = '';
|
|
|
|
+ this.mixins_search();
|
|
|
|
+ },
|
|
clerOwnerStatus () {
|
|
clerOwnerStatus () {
|
|
this.ownerStatus = '';
|
|
this.ownerStatus = '';
|
|
this.activeData = {};
|
|
this.activeData = {};
|
|
@@ -377,12 +391,14 @@ export default {
|
|
.catch(() => { });
|
|
.catch(() => { });
|
|
},
|
|
},
|
|
lookPage (row) {
|
|
lookPage (row) {
|
|
- this.$router.push({
|
|
|
|
- path: '/ownerManagement/details',
|
|
|
|
- query: {
|
|
|
|
- id: row.id
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
|
|
+ this.showaddDialog = row.id;
|
|
|
|
+ this.activeDataId = row.id;
|
|
|
|
+ // this.$router.push({
|
|
|
|
+ // path: '/ownerManagement/details',
|
|
|
|
+ // query: {
|
|
|
|
+ // id: row.id
|
|
|
|
+ // }
|
|
|
|
+ // });
|
|
},
|
|
},
|
|
cancellation (row) {
|
|
cancellation (row) {
|
|
const { buildingName, unitName, roomNumber } = row;
|
|
const { buildingName, unitName, roomNumber } = row;
|