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') } }