84 lines
1.8 KiB
Vue
84 lines
1.8 KiB
Vue
<template>
|
|
<div>
|
|
<el-drawer
|
|
title="我是标题" size="78%"
|
|
:visible.sync="userScopeDialog"
|
|
:append-to-body="true"
|
|
:with-header="false">
|
|
<div style="padding: 0px 16px;" class="clearfix">
|
|
<el-button icon="el-icon-back" style="font-size: 16px" type="text"
|
|
@click="userScopeDialog = false">返回
|
|
</el-button>
|
|
</div>
|
|
|
|
<guava>
|
|
<el-tabs tab-position="top" v-model="activeName" @tab-click="handleClick">
|
|
|
|
<el-tab-pane label="人员设置" name="1">
|
|
<template>
|
|
|
|
<user-scope ref="userScope" @group_change="group_change"
|
|
:group_id.sync="groupId"></user-scope>
|
|
|
|
</template>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="人员调整" name="2">
|
|
<user-data-scope
|
|
@group_change="group_change"
|
|
ref="userDataScope"
|
|
></user-data-scope>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
</guava>
|
|
|
|
</el-drawer>
|
|
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
props: {},
|
|
model: {},
|
|
mixins: [initTableMixins],
|
|
data() {
|
|
return {
|
|
groupId: "",
|
|
userScopeDialog: false,
|
|
activeName: '1',
|
|
}
|
|
},
|
|
methods: {
|
|
handleClick() {
|
|
if (this.activeName === "2") {
|
|
this.$refs.userDataScope.getActivityGroup()
|
|
} else {
|
|
this.$refs.userScope.getActivityGroup()
|
|
|
|
}
|
|
},
|
|
group_change() {
|
|
this.$emit('group_change')
|
|
}
|
|
},
|
|
components: {
|
|
'user-data-scope': httpVueLoader('/components/plugins/UserDataScope.vue'),
|
|
'user-scope': httpVueLoader('/components/plugins/UserScope.vue'),
|
|
},
|
|
watch: {
|
|
'groupId': {
|
|
async handler(newVal) {
|
|
this.$emit("update:group_id", newVal)
|
|
},
|
|
},
|
|
},
|
|
mounted() {
|
|
},
|
|
}
|
|
</script>
|
|
|