feat:学习路径图添加学员的添加学员和导入学员功能 导入学员的弹窗样式

src/components/drawers/AddLevelImportStu.vue

@@ -143,6 +143,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      flex-shrink: 0;
       // background-color: red;
       margin-bottom: 20px;
       .headerTitle {

src/components/drawers/ImportStu.vue

@@ -145,6 +145,7 @@ export default {
       align-items: center;
       // background-color: red;
       margin-bottom: 20px;
+      flex-shrink: 0;
       .headerTitle {
         font-size: 18px;
         font-weight: 600;

src/views/learningpath/LevelAddDetail.vue

@@ -371,9 +371,9 @@
           <div class="xwid">
             <div class="xin">
               <div class="xheadb">
-              <button class="addx">添加学员</button>
+                <button class="addx" @click="showAddStu">添加学员</button>
                 <!-- 点击抽屉组件在LevelAdd，此处没添加showAddStu、showImpStu -->
-              <button class="addd">导入学员</button>
+                <button class="addd" @click="showImpStu">导入学员</button>
                 <button class="addd">批量删除</button>
               </div>
               <div class="talk">
@@ -455,11 +455,17 @@
         </div>
       </div>
     </div>
+    <!-- 添加学员抽屉 -->
+    <add-stu v-model:AddSvisible="AddSvisible" />
+    <!-- 导入学员抽屉 -->
+    <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
   </div>
 </template>
 
 <script>
 import { reactive, toRefs, onMounted, onUnmounted } from "vue";
+import AddStu from "../../components/drawers/AddLevelAddStu";
+import ImpStu from "../../components/drawers/AddLevelImportStu";
 const drawercolumns = [
   {
     title: "项目名称",
@@ -500,6 +506,10 @@ const drawercolumns = [
 ];
 export default {
   name: "LevelAddDetail",
+  components: {
+    AddStu,
+    ImpStu,
+  },
   setup() {
     const state = reactive({
       level: [
@@ -784,6 +794,8 @@ export default {
       tableDataTotal: 100,
       pageSize: 10,
       visible: false,
+      AddSvisible: false, //添加学员抽屉
+      AddImpStuvisible: false, //导入学员抽屉
       modal: false,
       clos: false,
       stm_hs: false,
@@ -808,6 +820,12 @@ export default {
     const afterVisibleChange = (bool) => {
       console.log("visible", bool);
     };
+    const showAddStu = () => {
+      state.AddSvisible = true;
+    };
+    const showImpStu = () => {
+      state.AddImpStuvisible = true;
+    };
     const tableDataFunc = () => {
       const columns = [
         {
@@ -1051,6 +1069,8 @@ export default {
       showModal,
       closeModal,
       afterVisibleChange,
+      showAddStu,
+      showImpStu,
       drawercolumns,
       onSelectChange,
       changebgc,