feat：新增学习路径管理权 查看权 修改添加学员类各抽屉样式 新增学员查看，说明

src/views/learningpath/LevelAdd.vue

@@ -221,7 +221,7 @@
                 <a-table
                   style="border: 1px solid #f2f6fe"
                   :columns="tableDataFunc()"
-                  :scroll="{ x: 1600, y: 235 }"
+                  :scroll="{ x: 1500, y: 235 }"
                   :data-source="tableData"
                   :loading="tableDataTotal === -1 ? true : false"
                   expandRowByClick="true"
@@ -390,7 +390,7 @@
               <div class="cur">当前关卡：</div>
               <div class="select">
                 <a-select
-                  v-model:value="projectName"
+                  v-model:value="curLevel"
                   style="width: 100%"
                   placeholder="请选择关卡"
                   :options="projectNameList4"
@@ -442,6 +442,8 @@
       <add-stu v-model:AddSvisible="AddSvisible" />
       <!-- 导入学员抽屉 -->
       <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
+      <!-- 学员管理查看抽屉 -->
+      <check-stu v-model:CheckStuvisible="CheckStuvisible" />
     </div>
   </div>
 </template>
@@ -449,9 +451,10 @@
 import { ref, reactive, toRefs } from "vue";
 import AddStu from "../../components/drawers/AddLevelAddStu";
 import ImpStu from "../../components/drawers/AddLevelImportStu";
+import CheckStu from "../../components/drawers/CheckStu";
 export default {
   name: "LevelAdd",
-  components: { AddStu, ImpStu },
+  components: { AddStu, ImpStu, CheckStu },
   methods: {},
   setup() {
     const state = reactive({
@@ -460,6 +463,7 @@ export default {
       deleteAll: false, //批量删除学员弹窗
       AddSvisible: false, //添加学员抽屉
       AddImpStuvisible: false, //导入学员抽屉
+      CheckStuvisible: false, //学员管理的查看抽屉
       projectNameListt: [
         {
           id: 1,
@@ -547,6 +551,7 @@ export default {
       visible: false,
       sh: false,
       closeDeleteAll: false,
+      curLevel: "",
       //关卡的数据
       level: [
         // {
@@ -669,7 +674,7 @@ export default {
           dataIndex: "name",
           // width: "30%",
           key: "name",
-          width: 100,
+          width: 110,
           align: "left",
           className: "classify",
 
@@ -727,7 +732,7 @@ export default {
           title: "开始时间",
           dataIndex: "time",
           key: "time",
-          width: 110,
+          width: 120,
           align: "center",
           className: "h",
         },
@@ -736,17 +741,21 @@ export default {
           className: "h",
           dataIndex: "opacation",
           key: "opacation",
-          width: 110,
+          width: 140,
           align: "center",
           scopedSlots: { customRender: "action" }, //引入的插槽
           customRender: (text) => {
             return (
               <div class="opa">
                 <div class="opacation">
-                  <span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
+                  <span
+                    onClick={() => {
+                      showCheckStu();
+                    }}
+                    style="color:#4EA6FF;margin-right:25px;cursor:pointer"
+                  >
                     查看
                   </span>
-
                   <span
                     onClick={() => {
                       state.visible = true;
@@ -787,6 +796,9 @@ export default {
     const showImpStu = () => {
       state.AddImpStuvisible = true;
     };
+    const showCheckStu = () => {
+      state.CheckStuvisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -801,6 +813,7 @@ export default {
       closeChangeModal,
       showAddStu,
       showImpStu,
+      showCheckStu,
     };
   },
 };
@@ -1639,7 +1652,7 @@ export default {
           }
           .ant-table-selection-column {
             padding: 0px !important;
-            padding-left: 45px !important;
+            padding-left: 38px !important;
           }
           .ant-table-thead > tr > th {
             background-color: rgba(239, 244, 252, 1);