feat:添加学员抽屉

src/components/drawers/MemberList.vue

@@ -38,7 +38,7 @@
           </div>
         </div>
         <div class="btnss" style="margin-top: 20px">
-          <div class="btn btn1" style="margin-right: 20px">
+          <div class="btn btn1" @click="showStuAdd" style="margin-right: 20px">
             <div class="img1"></div>
             <div class="wz">添加组员</div>
           </div>
@@ -122,12 +122,15 @@
       </a-modal>
     </div>
   </a-drawer>
+  <stu-add v-model:Stuvisible="Stuvisible" />
 </template>
 
 <script>
 import { toRefs, reactive } from "vue";
+import StuAdd from "./StuAdd.vue";
 export default {
   name: "MemberList",
+  components: { StuAdd },
   props: {
     Lvisible: {
       type: Boolean,
@@ -137,6 +140,7 @@ export default {
 
   setup(props, ctx) {
     const state = reactive({
+      Stuvisible: false,
       name: null,
       showmodal: false,
       closable: false, //modal右上角的关闭按钮
@@ -271,6 +275,9 @@ export default {
     const closeModal = () => {
       state.showmodal = false;
     };
+    const showStuAdd = () => {
+      state.Stuvisible = true;
+    };
     const onSelectChange = (selectedRowKeys) => {
       console.log("selectedRowKeys changed: ", selectedRowKeys);
       
@@ -282,6 +289,7 @@ export default {
       onSelectChange,
       showModal,
       closeModal,
+      showStuAdd,
     };
   },
 };