first commit

target/classes/static/components/module/activity/DrawerUserScope.vue

@@ -0,0 +1,59 @@
+<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>