|
@@ -1,8 +1,16 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <add :group="group" @onAddSuccess="onAddSuccess"></add>
|
|
|
<div class="flex-align-stretch">
|
|
|
- <group ref="grouplist" @setGroupData="setGroupData" @clickGroup="clickGroup"></group>
|
|
|
+ <group ref="grouplist" @setGroupData="setGroupData" @clickGroup="clickGroup">
|
|
|
+ <add-contact v-if="tool.checkAuth($route.name,'addContact')" slot="addContact" :group="group" @onAddSuccess="onAddSuccess"></add-contact>
|
|
|
+ <add-group v-if="tool.checkAuth($route.name,'addGroup')" slot="addGroup" @onSuccess="onAddSuccess"></add-group>
|
|
|
+ <template v-slot:edit="scope">
|
|
|
+ <editGroup v-if="tool.checkAuth($route.name,'editGroup')" :data="scope.data" @onSuccess="onAddSuccess"></editGroup>
|
|
|
+ </template>
|
|
|
+ <template v-slot:del="scope">
|
|
|
+ <delGroup v-if="tool.checkAuth($route.name,'deleteGroup')" :data="scope.data" @onSuccess="onAddSuccess"></delGroup>
|
|
|
+ </template>
|
|
|
+ </group>
|
|
|
<contacts style="flex:1 0 auto" :data="activeGroupData" @clickContacts="clickContacts" @filtetContacts="filtetContacts"></contacts>
|
|
|
<detail :activeContactsData="activeContactsData">
|
|
|
<template v-slot:edit="data">
|
|
@@ -17,22 +25,29 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import add from './modules/add.vue'
|
|
|
+import addContact from './modules/addContact.vue'
|
|
|
+import addGroup from './modules/addGroup.vue'
|
|
|
import group from './modules/group.vue'
|
|
|
import contacts from './modules/contacts.vue'
|
|
|
import detail from './modules/detail.vue'
|
|
|
import edit from './modules/edit.vue'
|
|
|
|
|
|
+import editGroup from './modules/editGroup.vue'
|
|
|
+import delGroup from './modules/delGroup.vue'
|
|
|
+
|
|
|
import ondel from './modules/del.vue'
|
|
|
|
|
|
export default {
|
|
|
components:{
|
|
|
- add,
|
|
|
+ addContact,
|
|
|
+ addGroup,
|
|
|
group,
|
|
|
contacts,
|
|
|
detail,
|
|
|
ondel,
|
|
|
- edit
|
|
|
+ edit,
|
|
|
+ editGroup,
|
|
|
+ delGroup
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
@@ -51,6 +66,7 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
onEditSuccess (form) {
|
|
|
+ this.$refs['grouplist'].listData()
|
|
|
this.activeContactsData = Object.assign({},this.activeContactsData,form)
|
|
|
this.activeGroupData.phonebook = this.activeGroupData.phonebook.map(e=>{
|
|
|
if (e.rowindex === form.rowindex) {
|