60 lines
1.9 KiB
Vue
60 lines
1.9 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>
|
|
<el-tabs tab-position="top" v-model="activeName" @tab-click="handleClick" style="margin: 20px">
|
|
<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>
|
|
</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/module/activity/UserDataScope.vue"),
|
|
"user-scope": httpVueLoader("/components/module/activity/UserScope.vue")
|
|
},
|
|
watch: {
|
|
groupId: {
|
|
async handler(newVal) {
|
|
this.$emit("update:group_id", newVal)
|
|
}
|
|
}
|
|
},
|
|
mounted() {}
|
|
}
|
|
</script>
|