diff --git a/frontend/src/views/perm/components/render-group-perm-sideslider.vue b/frontend/src/views/perm/components/render-group-perm-sideslider.vue
index e0956b284..003fd0944 100644
--- a/frontend/src/views/perm/components/render-group-perm-sideslider.vue
+++ b/frontend/src/views/perm/components/render-group-perm-sideslider.vue
@@ -16,37 +16,10 @@
v-bkloading="{ isLoading, opacity: 1 }">
-
-
-
-
-
-
-
+ :active="'perm'"
+ ext-cls="set-tab-margin-bottom" />
+
@@ -55,15 +28,11 @@
// import RenderPermItem from '../group-perm/render-perm'
// import DetailTable from '../group-perm/detail-table'
import RenderTab from '../group-perm/render-tab'
- import RenderMemberItem from '../components/render-member'
import renderGroupPerm from '../../group/detail/group-perm-new'
export default {
name: '',
components: {
- // RenderPermItem,
- // DetailTable,
RenderTab,
- RenderMemberItem,
renderGroupPerm
},
props: {
@@ -92,21 +61,12 @@
return {
groupTemplateList: [],
isShowSideslider: false,
- requestQueue: ['list', 'member'],
- tabActive: 'perm',
- userList: [],
- departmentList: []
+ requestQueue: ['list']
}
},
computed: {
isLoading () {
return this.requestQueue.length > 0
- },
- isPerm () {
- return this.tabActive === 'perm'
- },
- isEmpty () {
- return this.userList.length < 1 && this.departmentList.length < 1
}
},
watch: {
@@ -115,7 +75,6 @@
this.isShowSideslider = !!value
if (this.isShowSideslider) {
// this.fetchPermList()
- this.fetchMemberList()
}
},
immediate: true
@@ -154,40 +113,9 @@
// this.isLoading = flag
},
- async fetchMemberList () {
- try {
- const params = {
- id: this.groupId,
- limit: 1000,
- offset: 0
- }
- const res = await this.$store.dispatch('userGroup/getUserGroupMemberList', params)
- this.userList = res.data.results.filter(item => item.type === 'user')
- this.departmentList = res.data.results.filter(item => item.type !== 'user')
- } catch (e) {
- console.error(e)
- this.bkMessageInstance = this.$bkMessage({
- limit: 1,
- theme: 'error',
- message: e.message || e.data.msg || e.statusText,
- ellipsisLine: 2,
- ellipsisCopy: true
- })
- } finally {
- this.requestQueue.shift()
- }
- },
-
- handleTabChange (payload) {
- this.tabActive = payload
- },
-
handleAnimationEnd () {
// this.groupTemplateList = []
- this.userList = []
- this.departmentList = []
- this.tabActive = 'perm'
- this.requestQueue = ['list', 'member']
+ this.requestQueue = ['list']
this.$emit('animation-end')
}
}