diff --git a/src/assets/images/leveladd/mod.png b/src/assets/images/leveladd/mod.png
new file mode 100644
index 00000000..449816de
Binary files /dev/null and b/src/assets/images/leveladd/mod.png differ
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 2c569b82..d5d1e5e7 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -90,7 +90,12 @@
 
     <!-- 表格 -->
 
-    <a-modal v-model:visible="out" footer="null" style="margin-top: 400px">
+    <a-modal
+      :closable="sh"
+      v-model:visible="out"
+      :footer="null"
+      style="margin-top: 400px"
+    >
       <div class="out">
         <div class="top">
           <img class="topimg" src="../../assets/images/courseManage/add1.png" />
@@ -203,6 +208,7 @@ export default {
       out: false,
       number: null,
       selectTime: null,
+      sh: false,
       tableData: [
         {
           key: 1,
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 31ceb7e4..fd485a81 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -137,9 +137,88 @@
             <div class="pad"></div>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="2" tab="学员管理" force-render
-          ><div class="sametab"></div
+        <a-tab-pane key="2" tab="学员管理" force-render>
+          <div class="xwid">
+            <div class="pad"></div>
+            <div class="xin" style="overflow-x: auto">
+              <div class="xhead">
+                <a-input
+                  v-model:value="gatenamee"
+                  style="width: 270px; height: 40px; border-radius: 8px"
+                  placeholder="关卡名称"
+                />
+                <div class="btns">
+                  <div class="btn btn1">
+                    <div class="search"></div>
+                    <div class="btnText">搜索</div>
+                  </div>
+                  <div class="btn btn2">
+                    <div class="search"></div>
+                    <div class="btnText">重置</div>
+                  </div>
+                </div>
+              </div>
+              <div class="xheadb">
+                <button class="addx">添加学员</button>
+                <button class="addd">导入学员</button>
+                <div class="select">
+                  <a-select
+                    v-model:value="projectName"
+                    style="width: 130px"
+                    placeholder="更多操作"
+                    :options="projectNameListt"
+                    @change="selectProjectName"
+                    allowClear
+                    showSearch
+                  ></a-select>
+                </div>
+              </div>
+              <div class="talk">
+                <img class="im" src="../../assets/images/leveladd/gan.png" />
+                <div class="xu">
+                  <span class="yi">已选择</span>
+                  <div style="width: 5px; display: inline-block"></div>
+                  <span class="th">3</span>
+                  <div style="width: 5px; display: inline-block"></div>
+                  <span class="yi">项</span>
+                  <span class="zon">列表选项总数：</span>
+                  <span class="yi">5</span>
+                  <span class="yi">条</span>
+                </div>
+              </div>
+              <div class="tableBox" style="margin-top: 30px">
+                <a-table
+                  style="border: 1px solid #f2f6fe"
+                  :columns="tableDataFunc()"
+                  :scroll="{ x: 1600, y: 235 }"
+                  :data-source="tableData"
+                  :loading="tableDataTotal === -1 ? true : false"
+                  expandRowByClick="true"
+                  @expand="expandTable"
+                  :pagination="false"
+                  :row-selection="{
+                    columnWidth: 30,
+                    selectedRowKeys: selectedRowKeys,
+                    onChange: onSelectChange,
+                  }"
+                />
+
+                <div class="pa">
+                  <a-pagination
+                    showSizeChanger="true"
+                    showQuickJumper="true"
+                    hideOnSinglePage="true"
+                    :pageSize="pageSize"
+                    :current="currentPage"
+                    :total="tableDataTotal"
+                    class="pagination"
+                  />
+                </div>
+              </div>
+            </div>
+            <div class="pad"></div></div
         ></a-tab-pane>
+
         <a-tab-pane key="3" tab="设置">
           <div class="sametab">
             <div class="Gcon">
@@ -259,6 +338,43 @@
           </div></a-tab-pane
         >
       </a-tabs>
+      <a-modal
+        style="padding: 0"
+        :closable="sh"
+        v-model:visible="visible"
+        :footer="null"
+        centered="true"
+      >
+        <div class="con">
+          <div class="header">
+            <div class="inhe">
+              <div class="mod"></div>
+              <div class="tz">调整关卡</div>
+              <div class="mg"></div>
+            </div>
+          </div>
+          <div class="mid">
+            <div class="inher">
+              <div class="cur">当前关卡：关卡1</div>
+              <div class="select">
+                <a-select
+                  v-model:value="projectName"
+                  style="width: 100%"
+                  placeholder="请选择关卡"
+                  :options="projectNameList4"
+                  @change="selectProjectName4"
+                  allowClear
+                  showSearch
+                ></a-select>
+              </div>
+              <div class="btn">
+                <button class="sameb btn1">取消</button>
+                <button class="sameb btn2">确定</button>
+              </div>
+            </div>
+          </div>
+        </div></a-modal
+      >
     </div>
   </div>
 </template>
@@ -271,6 +387,29 @@ export default {
   setup() {
     const state = reactive({
       gatename: null, //关卡名称
+      gatenamee: null, //学员管理关卡名称
+      projectNameListt: [
+        {
+          id: 1,
+          value: "项目一",
+          label: "项目一",
+        },
+        {
+          id: 2,
+          value: "项目二",
+          label: "项目二",
+        },
+        {
+          id: 3,
+          value: "项目三",
+          label: "项目三",
+        },
+        {
+          id: 4,
+          value: "项目四",
+          label: "项目四",
+        },
+      ],
       projectNameList: [
         {
           id: 1,
@@ -315,9 +454,31 @@ export default {
           label: "项目四",
         },
       ],
+      projectNameList4: [
+        {
+          id: 1,
+          value: "请选择关卡",
+          label: "请选择关卡",
+        },
+        {
+          id: 2,
+          value: "关卡1",
+          label: "关卡1",
+        },
+        {
+          id: 3,
+          value: "关卡2",
+          label: "关卡2",
+        },
+      ],
       activeKey: ref("1"),
       value: ref(" "),
       checked2: false,
+      currentPage: 1,
+      tableDataTotal: 100,
+      pageSize: 10,
+      visible: false,
+      sh: false,
       level: [
         {
           id: 1,
@@ -342,6 +503,104 @@ export default {
           test: 1,
         },
       ],
+      tableData: [
+        {
+          key: 1,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+          haspub: false,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 2,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+          haspub: false,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 3,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+          haspub: false,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 4,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+          haspub: false,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 5,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+          haspub: false,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 5,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+          haspub: false,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 5,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+          haspub: false,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 5,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+          haspub: false,
+          checked1: false,
+          checkedd: false,
+        },
+      ],
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -349,10 +608,129 @@ export default {
     const selectProjectName2 = (value, index) => {
       console.log("value", value, index);
     };
+    const selectProjectName3 = (value, index) => {
+      console.log("value", value, index);
+    };
+    const selectProjectName4 = (value, index) => {
+      console.log("value", value, index);
+    };
+    const tableDataFunc = () => {
+      const columns = [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          // width: "30%",
+          key: "name",
+          width: 100,
+          align: "left",
+          className: "classify",
+
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: (text) => {
+            // console.log(text.record.checked1);
+            return (
+              <div class="racona">
+                <span> {text.record.name}</span>
+
+                {/**
+								<div class="img"></div>
+                <a-checkbox class="ch" checked={text.record.checkedd}>
+                  {text.record.lei}
+                </a-checkbox>
+*/}
+              </div>
+            );
+          },
+        },
+        {
+          title: "部门",
+          dataIndex: "com",
+          // width: "30%",
+          key: "com",
+          width: 110,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "岗位",
+          dataIndex: "gang",
+          key: "gang",
+          width: 110,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "当前关卡",
+          dataIndex: "cur",
+          key: "cur",
+          width: 110,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "进度",
+          dataIndex: "jin",
+          key: "jin",
+          width: 110,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "开始时间",
+          dataIndex: "time",
+          key: "time",
+          width: 110,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          className: "h",
+          dataIndex: "opacation",
+          key: "opacation",
+          width: 110,
+          align: "center",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: () => {
+            return (
+              <div class="opa">
+                <div class="opacation">
+                  <span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
+                    查看
+                  </span>
+                  <span
+                    onClick={() => {
+                      state.visible = true;
+                    }}
+                    style="color:#4EA6FF;margin-right:25px;cursor:pointer"
+                  >
+                    调整
+                  </span>
+                  <span style="color:#4EA6FF;cursor:pointer">删除</span>
+                </div>
+              </div>
+            );
+          },
+        },
+      ];
+      return columns;
+    };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const showModal = () => {
+      state.visible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
       selectProjectName2,
+      selectProjectName3,
+      selectProjectName4,
+      tableDataFunc,
+      onSelectChange,
+      showModal,
     };
   },
 };
@@ -364,6 +742,102 @@ export default {
   display: block;
   clear: both;
 }
+.ant-modal {
+  .ant-modal-content {
+    width: 549px !important;
+    .ant-modal-body {
+      padding: 0 !important;
+      width: 549px !important;
+      height: 245px !important;
+      .con {
+        // background-color: #bfa;
+        width: 100%;
+        height: 100%;
+
+        .header {
+          width: 100%;
+          display: flex;
+          height: 68px;
+          position: relative;
+          justify-content: center;
+
+          background: linear-gradient(
+            rgba(78, 166, 255, 0.2) 0%,
+            rgba(78, 166, 255, 0) 100%
+          );
+          .inhe {
+            width: 80%;
+            height: 100%;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            .mod {
+              left: 30px;
+              top: 27px;
+              position: absolute;
+              width: 18px;
+              height: 17px;
+              background-image: url(../../assets/images/leveladd/mod.png);
+            }
+            .tz {
+              color: #000000;
+              font-weight: 400;
+              font-size: 16px;
+            }
+            .mg {
+              width: 20px;
+              height: 20px;
+              background-image: url(../../assets/images/basicinfo/close22.png);
+              background-size: 100% 100%;
+            }
+          }
+        }
+        .mid {
+          width: 100%;
+          display: flex;
+          height: 100%;
+          justify-content: center;
+          .inher {
+            width: 80%;
+            height: 100%;
+            .cur {
+              color: #6f6f6f;
+              font-size: 14px;
+            }
+            .select {
+              margin-top: 10px;
+            }
+            .btn {
+              width: 100%;
+              display: flex;
+              justify-content: center;
+              margin-top: 30px;
+              .sameb {
+                width: 100px;
+                height: 40px;
+                font-size: 14px;
+
+                border-radius: 8px;
+              }
+              .btn1 {
+                color: #4ea6ff;
+                background: #ffffff;
+                border: 1px solid #4ea6ff;
+              }
+              .btn2 {
+                margin-left: 16px;
+                border: 0;
+                color: #ffffff;
+                background: #4ea6ff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
 .addwrapper {
   width: 100%;
   height: 100%;
@@ -526,6 +1000,7 @@ export default {
     }
     .cont {
       display: flex;
+
       .pad {
         height: 100%;
         width: 40px;
@@ -747,6 +1222,200 @@ export default {
         }
       }
     }
+    .xwid {
+      // width: 100%;
+      // height: 100%;
+      // background-color: #bfa;
+      position: relative;
+      margin-top: 30px;
+      display: flex;
+      margin-bottom: 20px;
+      // overflow-x: auto;
+      .pad {
+        height: 100%;
+        width: 40px;
+        flex-shrink: 0;
+      }
+      .xin {
+        width: 100%;
+        .xhead {
+          display: flex;
+          .btns {
+            display: flex;
+            margin-left: 20px;
+            // flex-wrap: wrap;
+            .btn {
+              padding: 0px 26px 0px 26px;
+              height: 38px;
+              background: rgba(64, 158, 255, 0);
+              border-radius: 8px;
+              border: 1px solid rgba(64, 158, 255, 1);
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin-right: 14px;
+              flex-shrink: 0;
+              cursor: pointer;
+              .search {
+                background-size: 100%;
+              }
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                color: rgba(64, 158, 255, 1);
+                line-height: 36px;
+                margin-left: 5px;
+              }
+            }
+            .btn1 {
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("../../assets/images/courseManage/search1.png");
+              }
+            }
+            .btn2 {
+              .search {
+                width: 16px;
+                height: 18px;
+                background-image: url("../../assets/images/courseManage/reset1.png");
+              }
+            }
+            .btn3 {
+              margin-right: 0px;
+              .search {
+                width: 17px;
+                height: 18px;
+                background-image: url("../../assets/images/courseManage/add1.png");
+              }
+            }
+            .btn1:hover {
+              background: rgba(64, 158, 255, 1);
+              .search {
+                background-image: url("../../assets/images/courseManage/search0.png");
+              }
+              .btnText {
+                color: #ffffff;
+              }
+            }
+            .btn2:hover {
+              background: rgba(64, 158, 255, 1);
+              .search {
+                background-image: url("../../assets/images/courseManage/reset0.png");
+              }
+              .btnText {
+                color: #ffffff;
+              }
+            }
+            .btn3:hover {
+              background: rgba(64, 158, 255, 1);
+              .search {
+                background-image: url("../../assets/images/courseManage/add0.png");
+              }
+              .btnText {
+                color: #ffffff;
+              }
+            }
+          }
+        }
+        .xheadb {
+          display: flex;
+          margin-top: 30px;
+          .addx {
+            width: 130px;
+            height: 40px;
+            background: #4ea6ff;
+            border-radius: 8px;
+            color: #fff;
+            border: 0;
+            cursor: pointer;
+            margin-right: 20px;
+          }
+          .addd {
+            width: 130px;
+            height: 40px;
+            background: #fff;
+            border-radius: 8px;
+            border: 1px solid #4ea6ff;
+            color: #4ea6ff;
+            cursor: pointer;
+            margin-right: 20px;
+          }
+        }
+        .talk {
+          margin-top: 24px;
+          margin-bottom: 11px;
+          width: 100%;
+          height: 50px;
+          background: #f5faff;
+          border: 1px solid #4ea6ff;
+          // opacity: 0.22;
+          display: flex;
+          align-items: center;
+          .im {
+            width: 14px;
+            height: 15px;
+            margin-left: 27px;
+            margin-top: -3px;
+          }
+          .xu {
+            height: 100%;
+            line-height: 50px;
+            margin-left: 13px;
+            .yi {
+              color: #4f5156;
+              font-size: 14px;
+            }
+            .zon {
+              color: #999ba3;
+              font-size: 14px;
+              margin-left: 34px;
+            }
+            .th {
+              color: #4ea6ff;
+            }
+          }
+        }
+        .tableBox {
+          margin-bottom: 80px;
+
+          .classify {
+            margin-left: 11px !important;
+            padding-left: 9px !important;
+          }
+          .ant-checkbox-wrapper {
+            align-items: center;
+            margin-top: -2px;
+          }
+          .ant-table-selection-column {
+            padding: 0px !important;
+            padding-left: 45px !important;
+          }
+          .ant-table-thead > tr > th {
+            background-color: rgba(239, 244, 252, 1);
+          }
+          th.h {
+            background-color: #eff4fc !important;
+          }
+
+          .ant-table-tbody
+            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+            > td {
+            background: #f6f9fd;
+          }
+          .pa {
+            left: 0;
+            width: 100%;
+            // height: 20px;
+            // background-color: red;
+            display: flex;
+            justify-content: center;
+            position: absolute;
+            bottom: 0px;
+          }
+        }
+      }
+    }
     .Gcon {
       display: flex;
       .pad {