diff --git a/src/assets/images/leveladd/edit.png b/src/assets/images/leveladd/edit.png
new file mode 100644
index 00000000..e319e324
Binary files /dev/null and b/src/assets/images/leveladd/edit.png differ
diff --git a/src/assets/images/leveladd/picture.png b/src/assets/images/leveladd/picture.png
new file mode 100644
index 00000000..792d5334
Binary files /dev/null and b/src/assets/images/leveladd/picture.png differ
diff --git a/src/assets/images/leveladd/right.png b/src/assets/images/leveladd/right.png
new file mode 100644
index 00000000..92b3c8d2
Binary files /dev/null and b/src/assets/images/leveladd/right.png differ
diff --git a/src/components/drawers/AddOnline.vue b/src/components/drawers/AddOnline.vue
index 08a6bc2d..746c63dc 100644
--- a/src/components/drawers/AddOnline.vue
+++ b/src/components/drawers/AddOnline.vue
@@ -304,6 +304,7 @@ export default {
         }
       }
       .contentMain {
+          padding-right: 12px;
         .main_items {
           display: flex;
           justify-content: space-between;
diff --git a/src/components/drawers/NoticePub.vue b/src/components/drawers/NoticePub.vue
index 7effed3a..d36f32b6 100644
--- a/src/components/drawers/NoticePub.vue
+++ b/src/components/drawers/NoticePub.vue
@@ -1,11 +1,12 @@
 <!--发布公告-->
 <template>
-    <div class="noticeTitle"><span style="font-size: 18px;">公告</span>
-        <a-divider style="margin-top: 0px;margin-bottom:30px;"></a-divider>
-        <a-switch v-model:checked="noticeChecked" size="small"/><span style="margin-left: 16px;">开启</span>
+    <div class="split"></div>
+    <div class="noticeTitle">
+        <div class="notitle"><span class="titlespan">公告</span></div>
+        <div class="switch"><a-switch v-model:checked="noticeChecked" size="small"/><span style="margin-left: 16px;">开启</span></div>
         <template v-if="noticeChecked">
-            <p style="margin-top: 35px;">公告内容</p>
-            <a-textarea v-model:value="noticeContent" show-count :maxlength="150" style="margin-top: -10px;margin-bottom:30px;height: 110px;"/>
+            <p>公告内容</p>
+            <a-textarea v-model:value="noticeContent" :maxlength="150" placeholder="公告信息最多输入150个字" style="margin-top: -10px;height: 120px;"/>
             <div class="publish"><div class="iconPub"></div><div class="btnText">发布</div></div>
         </template>
         
@@ -29,9 +30,26 @@ export default {
 </script>
 <style lang="scss">
     .noticeTitle {
-        margin-left: 38px;
-        margin-right: 38px;
+        margin-left: 32px;
+        margin-right: 32px;
         padding-top: 20px;
+        .notitle{
+            height: 55px;
+            border-bottom:1px solid #ededed;
+            position: relative;
+            .titlespan{
+                font-size: 18px;
+                position: absolute;
+                left: 0;
+                bottom: 0px;
+             }
+        }
+        .switch{
+            display: flex;
+            align-items: center;
+            height: 90px;
+        }
+
         .publish {
             width: 100px;
             height:38px;
@@ -43,7 +61,7 @@ export default {
             justify-content: center;
             flex-shrink: 0;
             float: right;
-            margin-top: 60px;
+            margin-top: 24px;
             margin-bottom: 60px;
             margin-right: 20px;
             cursor: pointer;
diff --git a/src/components/drawers/OwnPower.vue b/src/components/drawers/OwnPower.vue
index ca7183fe..d90561a3 100644
--- a/src/components/drawers/OwnPower.vue
+++ b/src/components/drawers/OwnPower.vue
@@ -48,7 +48,7 @@
                     </div>
                   </div>
                 </div>
-                <div class="line">
+                <!-- <div class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -60,7 +60,7 @@
                     </div>
                     <div class="right1">清空</div>
                   </div>
-                </div>
+                </div> -->
                 <div class="tabb" style="margin-top: 16px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
@@ -68,7 +68,7 @@
                     :data-source="tabledata"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 560, y: 560 }"
+                    :scroll="{ x: 500, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
@@ -92,30 +92,36 @@
               </a-tab-pane>
               <a-tab-pane key="2" tab="添加组织" force-render>
                 <div class="tab2">
-                  <div class="organize">组织：</div>
-                  <div class="select">
-                  <a-cascader
-                    v-model:value="value"
-                    placeholder="请输入组织名称"
-                    :options="organizeList"
-                  />
-                </div>
-                </div>
-              </a-tab-pane>
-              <a-tab-pane key="3" tab="受众关联">
-                <div class="tab1">
-                  <div class="nameinp">
-                    <div class="namee">受众名称：</div>
+                  <div class="t1">
+                    <div class="organize">选择组织：</div>
                     <div class="select">
-                    <a-select
-                      dropdownClassName="dropdown-style"
-                      v-model:value="value"
-                      style="width: 264px;"
-                      placeholder="请输入组织名称"
-                      :options="organizeList1"
-                    />
+                      <a-tree-select
+                        v-model:value="valueSelect"
+                        style="width: 200px"
+                        dropdownClassName="changetreedropdown"
+                        :dropdown-style="{
+                          maxHeight: '400px',
+                          overflow: 'auto',
+                        }"
+                        placeholder="请输入组织名称"
+                        allow-clear
+                        tree-default-expand-all
+                        :tree-data="treeData"
+                      >
+                      </a-tree-select>
                     </div>
                   </div>
+                  <div class="t1">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameadd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </div>
+                </div>
+                <!-- 选完后出现下面 -->
+                <div class="searchdown">
                   <div class="btns">
                     <div class="btn1">
                       <div class="img1">
@@ -134,8 +140,75 @@
                       <div class="wz">重置</div>
                     </div>
                   </div>
+                  <div class="tabb" style="margin-top: 16px">
+                    <a-table
+                      style="border: 1px solid #f2f6fe"
+                      :columns="tablecolumns1"
+                      :data-source="tabledata1"
+                      :loading="tableDataTotal === -1 ? true : false"
+                      expandRowByClick="true"
+                      :scroll="{ x: 500, y: 560 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                      :row-selection="{
+                        columnWidth: 30,
+                        selectedRowKeys: selectedRowKeys1,
+                        onChange: onSelectChange1,
+                      }"
+                    />
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize1"
+                        :current="currentPage1"
+                        :total="tableDataTotal1"
+                        class="pagination"
+                      />
+                    </div>
+                  </div>
                 </div>
-                <div class="line">
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">
+                <div class="tab1">
+                  <div class="t1">
+                    <div class="nameinp">
+                      <div class="namee">选择受众：</div>
+                      <div class="select">
+                        <a-select
+                          v-model:value="choosevalue"
+                          style="width: 200px; border-radius: 8px"
+                          placeholder="请输入组织名称"
+                          :options="organizeList1"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="t1" style="margin-top: 10px">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameaddd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </div>
+                </div>
+                <div class="btns">
+                  <div class="btn1">
+                    <div class="img1">
+                      <img src="../../assets/images/courseManage/search0.png" />
+                    </div>
+                    <div class="wz">搜索</div>
+                  </div>
+                  <div class="btn2">
+                    <div class="img2">
+                      <img src="../../assets/images/courseManage/reset1.png" />
+                    </div>
+                    <div class="wz">重置</div>
+                  </div>
+                </div>
+                <!-- <div class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -147,21 +220,21 @@
                     </div>
                     <div class="right1">清空</div>
                   </div>
-                </div>
+                </div> -->
                 <div class="tabb" style="margin-top: 16px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
-                    :columns="tablecolumns1"
-                    :data-source="tabledata1"
+                    :columns="tablecolumns2"
+                    :data-source="tabledata2"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 700, y: 400 }"
+                    :scroll="{ x: 500, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
                       columnWidth: 30,
-                      selectedRowKeys: selectedRowKeys,
-                      onChange: onSelectChange,
+                      selectedRowKeys: selectedRowKeys2,
+                      onChange: onSelectChange2,
                     }"
                   />
                   <div class="pa">
@@ -169,9 +242,9 @@
                       showSizeChanger="true"
                       showQuickJumper="true"
                       hideOnSinglePage="true"
-                      :pageSize="pageSize"
-                      :current="currentPage"
-                      :total="tableDataTotal"
+                      :pageSize="pageSize2"
+                      :current="currentPage2"
+                      :total="tableDataTotal2"
                       class="pagination"
                     />
                   </div>
@@ -182,7 +255,11 @@
         </div>
         <div class="right">
           <div class="onerow">
-            <div class="already">已选</div>
+            <div class="onleft">
+              <div class="already">已选</div>
+              <div class="count">6</div>
+              <div class="peo">人</div>
+            </div>
             <div class="clbox">
               <div class="colose"></div>
               <span class="allclear">全部清除</span>
@@ -194,7 +271,11 @@
               <div class="ch"></div>
             </div>
             <div class="chose">
-              李明
+              李大明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李二明
               <div class="ch"></div>
             </div>
             <div class="chose">
@@ -202,15 +283,11 @@
               <div class="ch"></div>
             </div>
             <div class="chose">
-              李明
+              李大明
               <div class="ch"></div>
             </div>
             <div class="chose">
-              李明
-              <div class="ch"></div>
-            </div>
-            <div class="chose">
-              李明
+              李二明
               <div class="ch"></div>
             </div>
           </div>
@@ -239,43 +316,116 @@ export default {
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 50,
-      organizeList: [
+      pageSize1: 10,
+      currentPage1: 1,
+      tableDataTotal1: 50,
+      pageSize2: 10,
+      currentPage2: 1,
+      tableDataTotal2: 50,
+      selectedRowKeys: [],
+      selectedRowKeys1: [],
+      selectedRowKeys2: [],
+      activeKey: "1",
+      value: [], //级联选择框
+      choosevalue: null, //受众选择
+      valueSelect: null, //树形选择
+      name: "",
+      nameadd: "",
+      nameaddd: "",
+      treeData: [
         {
-          id: 1,
+          title: "京东方",
           value: "京东方",
-          label: "京东方",
           children: [
             {
-              id: 2,
+              title: "产研部",
               value: "产研部",
-              label: "产研部",
               children: [
                 {
-                  id: 4,
-                  value: "产品部门",
-                  label: "产品部门",
+                  title: "产品部",
+                  value: "产品部",
                 },
                 {
-                  id: 5,
-                  value: "研发部门",
-                  label: "研发部门",
+                  title: "研究部",
+                  value: "研究部",
                 },
               ],
             },
             {
-              id: 3,
-              value: "人力资源部",
-              label: "人力资源部",
+              title: "二级标题",
+              value: "二级标题",
               children: [
                 {
-                  id: 6,
+                  title: "三级标题",
+                  value: "三级标题",
+                  children: [
+                    {
+                      title: "四级标题",
+                      value: "四级标题",
+                      children: [
+                        {
+                          title: "五级标题",
+                          value: "五级标题",
+                          children: [
+                            {
+                              title: "六级标题",
+                              value: "六级标题",
+                              children: [
+                                {
+                                  title: "七级标题",
+                                  value: "七级标题",
+                                  children: [
+                                    {
+                                      title: "八级标题",
+                                      value: "八级标题",
+                                      children: [
+                                        {
+                                          title: "九级标题",
+                                          value: "九级标题",
+                                          children: [
+                                            {
+                                              title: "十级标题",
+                                              value: "十级标题",
+                                              children: [
+                                                {
+                                                  title: "十一级标题",
+                                                  value: "十一级标题",
+                                                  children: [
+                                                    {
+                                                      title: "十二级标题",
+                                                      value: "十二级标题",
+                                                    },
+                                                  ],
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                },
+                              ],
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              title: "人力资源部",
+              value: "人力资源部",
+              children: [
+                {
+                  title: "人事部",
                   value: "人事部",
-                  label: "人事部",
                 },
                 {
-                  id: 7,
+                  title: "行政部",
                   value: "行政部",
-                  label: "行政部",
                 },
               ],
             },
@@ -287,55 +437,64 @@ export default {
           key: 1,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 2,
           name: "小刘",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 3,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 4,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 5,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 6,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 7,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 8,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 9,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
       ],
       tablecolumns: [
@@ -348,17 +507,25 @@ export default {
           className: "h",
         },
         {
-          title: "部门",
-          dataIndex: "bum",
-          key: "bum",
-          width: 40,
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
           align: "center",
           className: "h",
         },
         {
-          title: "岗位",
-          dataIndex: "gangw",
-          key: "gangw",
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
           width: 40,
           align: "center",
           className: "h",
@@ -367,56 +534,71 @@ export default {
       tabledata1: [
         {
           key: 1,
-          name: "学习受众",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 2,
-          name: "2",
-          time: "2022-10-31 23:12:00",
-          total: "2",
-          state: "已发布",
-          type: "普通受众",
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 3,
-          name: "mask",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 4,
-          name: "学习受众",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 5,
-          name: "学业受众",
-          time: "2022-10-31 23:12:00",
-          total: "2",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 6,
-          name: "案例受众",
-          time: "2022-10-31 23:12:00",
-          total: "3",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
       ],
       tablecolumns1: [
         {
-          title: "受众名称",
+          title: "姓名",
           dataIndex: "name",
           key: "name",
           width: 30,
@@ -424,68 +606,185 @@ export default {
           className: "h",
         },
         {
-          title: "创建时间",
-          dataIndex: "time",
-          key: "time",
-          width: 40,
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
           align: "center",
           className: "h",
         },
         {
-          title: "人数",
-          dataIndex: "total",
-          key: "total",
-          width: 20,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "状态",
-          dataIndex: "state",
-          key: "state",
-          width: 20,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "类型",
-          dataIndex: "type",
-          key: "type",
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
           width: 30,
           align: "center",
           className: "h",
         },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+      ],
+      tabledata2: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+      ],
+      tablecolumns2: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+      ],
+      organizeList1: [
+        {
+          value: "产品受众群体",
+          label: "产品受众群体",
+        },
+        {
+          value: "人力资源hrbp",
+          label: "人力资源hrbp",
+        },
       ],
     });
     const closeDrawer = () => {
+      state.activeKey = "1";
       ctx.emit("update:ownpowervisible", false);
     };
 
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange1 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange2 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
 
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
+      onSelectChange,
+      onSelectChange1,
+      onSelectChange2,
       // change,
     };
   },
 };
 </script>
   
-  <style scoped lang="scss" >
+  <style lang="scss" >
 .ownpower {
-  .ant-drawer-content-wrapper {
-    // max-width: 1000px;
-    .ant-drawer-header {
-      display: none !important;
-    }
-    .ant-drawer-body {
-      padding: 0;
-    }
-  }
+  // .ant-drawer-content-wrapper {
+  //   // max-width: 1000px;
+  //   .ant-drawer-header {
+  //     display: none !important;
+  //   }
+  //   .ant-drawer-body {
+  //     padding: 0;
+  //   }
+  // }
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
@@ -496,6 +795,7 @@ export default {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
       display: flex;
+      flex-shrink: 0;
       justify-content: space-between;
       align-items: center;
       // background-color: red;
@@ -510,10 +810,12 @@ export default {
     }
     .main {
       display: flex;
-      height: 80%;
+      // height: 80%;
+      margin-bottom: 72px;
+        overflow-y: auto;
       .left {
         width: 65%;
-        height: 100%;
+        // height: 100%;
         border-right: 1px solid rgba(233, 233, 233, 1);
         .tabs {
           margin-right: 33px;
@@ -521,6 +823,12 @@ export default {
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
+            align-items: center;
+            .t1 {
+              display: flex;
+              align-items: center;
+              margin-bottom: 5px;
+            }
             .nameinp {
               display: flex;
               align-items: center;
@@ -568,6 +876,43 @@ export default {
               }
             }
           }
+          .btns {
+            display: flex;
+            margin-top: 10px;
+            .btn1 {
+              width: 100px;
+              height: 40px;
+              margin-right: 16px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              color: #ffffff;
+              font-size: 14px;
+              background: #409eff;
+              border-radius: 8px;
+              border: 1px solid #409eff;
+              cursor: pointer;
+              .wz {
+                margin-left: 10px;
+              }
+            }
+            .btn2 {
+              width: 100px;
+              height: 40px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              color: #409eff;
+              font-size: 14px;
+              background: #ffffff;
+              border-radius: 8px;
+              cursor: pointer;
+              border: 1px solid #409eff;
+              .wz {
+                margin-left: 10px;
+              }
+            }
+          }
           .line {
             width: 100%;
             height: 40px;
@@ -642,6 +987,16 @@ export default {
               > td {
               background: rgba(250, 250, 250, 1);
             }
+            .ant-table-selection-column {
+              padding: 0 !important;
+            }
+            // table tr td.ant-table-selection-column {
+            //   text-align: right;
+            // }
+            // .ant-checkbox-wrapper {
+            //   align-items: center;
+            //   margin-top: -2px;
+            // }
             .pa {
               // left: 0;
               margin-top: 15px;
@@ -652,19 +1007,44 @@ export default {
               justify-content: center;
               // position: absolute;
               // bottom: 20px;
+              .ant-pagination-item,
+              .ant-pagination-prev,
+              .ant-pagination-next,
+              .ant-pagination-options {
+                margin-bottom: 10px;
+              }
             }
           }
+
           .tab2 {
             display: flex;
             align-items: center;
+            margin-top: 10px;
+            flex-wrap: wrap;
+            justify-content: space-between;
+
+            .t1 {
+              display: flex;
+              align-items: center;
+              margin-bottom: 5px;
+            }
             .organize {
               color: rgba(0, 0, 0, 0.85);
               font-size: 14px;
+              white-space: nowrap;
+            }
+
+            .ant-select-dropdown {
+              min-width: 800px !important;
+            }
+            .ant-select {
+              border-radius: 8px !important;
+              // background-color: red;
             }
             .ant-cascader {
               width: 264px;
               height: 40px;
-              border-radius: 8px;
+              border-radius: 8px !important;
               .ant-select-selector {
                 height: 100%;
               }
@@ -673,6 +1053,46 @@ export default {
               }
             }
           }
+
+          .searchdown {
+            .btns {
+              display: flex;
+              margin-top: 10px;
+              .btn1 {
+                width: 100px;
+                height: 40px;
+                margin-right: 16px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #ffffff;
+                font-size: 14px;
+                background: #409eff;
+                border-radius: 8px;
+                border: 1px solid #409eff;
+                cursor: pointer;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+              .btn2 {
+                width: 100px;
+                height: 40px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #409eff;
+                font-size: 14px;
+                background: #ffffff;
+                border-radius: 8px;
+                cursor: pointer;
+                border: 1px solid #409eff;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+            }
+          }
         }
       }
       .right {
@@ -681,12 +1101,29 @@ export default {
           display: flex;
           justify-content: space-between;
           align-items: center;
-          .already {
-            color: rgba(51, 51, 51, 1);
-            font-size: 16px;
-            font-weight: 500;
-            margin-left: 32px;
-            white-space: nowrap;
+          margin-right: 40px;
+          flex-wrap: wrap;
+          .onleft {
+            display: flex;
+            text-align: center;
+            .already {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+              margin-left: 32px;
+              white-space: nowrap;
+              // margin-bottom: 20px;
+            }
+            .count {
+              color: #388be1;
+              font-size: 16px;
+              margin: 0 6px;
+            }
+            .peo {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+            }
           }
           .clbox {
             margin-left: 30px;
@@ -701,6 +1138,9 @@ export default {
             .colose {
               width: 16px;
               height: 16px;
+              // border-radius: 8px;
+              // background: #ffffff;
+              // position: relative;
               background-image: url(../../assets/images/basicinfo/ch.png);
               background-size: 100%;
               margin-right: 4px;
@@ -735,7 +1175,6 @@ export default {
               background-image: url(../../assets/images/basicinfo/ch.png);
               right: -8px;
               top: -8px;
-              cursor: pointer;
             }
           }
         }
@@ -773,4 +1212,14 @@ export default {
     }
   }
 }
+.changetreedropdown {
+  width: 550px !important;
+}
+
+.ant-select-tree-list-scrollbar {
+  width: 5px !important;
+  .ant-select-tree-list-scrollbar-thumb {
+    background-color: #4ea6ff !important;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/components/drawers/PowerList.vue b/src/components/drawers/PowerList.vue
index 020b124e..ea5feb08 100644
--- a/src/components/drawers/PowerList.vue
+++ b/src/components/drawers/PowerList.vue
@@ -48,7 +48,7 @@
             :loading="tableDataTotal === -1 ? true : false"
             expandRowByClick="true"
             @expand="expandTable"
-            :scroll="{ x: 900, y: 400 }"
+            :scroll="{ x: 900}"
             :pagination="false"
             :row-selection="{
               columnWidth: 30,
@@ -92,7 +92,7 @@
       v-model:visible="cancelModal"
       :footer="null"
       :closable="closeCancel"
-      wrapClassName="CopyModal"
+      wrapClassName="copyModal"
       centered="true"
     >
       <div class="delete">
@@ -104,7 +104,7 @@
             <div class="close_exit" @click="closeCancelModal"></div>
           </div>
           <div class="body">
-            <span>是否取消当前用户对此数据的权限</span>
+            <span>您确定要取消该用户的授权吗</span>
           </div>
           <div class="del_btnbox">
             <div class="del_btn btn1">
@@ -332,7 +332,117 @@ export default {
     padding: 0px;
   }
 }
+.copyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                background-size: 100% 100%;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
 
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .powerList {
   // width: 80%;
   .ant-drawer-content-wrapper {
@@ -371,13 +481,13 @@ export default {
       width: 100%;
       // height: 100%;
       // background-color: #bfa;
-      // overflow-y: auto;
+      overflow-y: auto;
       .search {
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         margin-top: 10px;
-        justify-content: space-between;
+        //justify-content: space-between;
         .leftchoose {
           display: flex;
           margin-right: 20px;
@@ -428,15 +538,15 @@ export default {
           }
 
           .btn1 {
-            background: #388be1;
+            background: #409EFF;
 
             color: #ffffff;
           }
           .btn2 {
             background: #ffffff;
 
-            color: #388be1;
-            border: 1px solid #388be1;
+            color: #409EFF;
+            border: 1px solid #409EFF;
           }
         }
       }
@@ -489,6 +599,12 @@ export default {
         // position: absolute;
         // bottom: 20px;
         // margin-bottom: 20px;
+        .ant-pagination-prev, .ant-pagination-next,.ant-pagination-options {
+          margin-bottom: 10px;
+        }
+        .ant-pagination-item {
+          margin-bottom: 10px;
+        }
       }
       // .tab {
       //   .ant-table-thead > tr > th {
diff --git a/src/components/drawers/ProjectScore.vue b/src/components/drawers/ProjectScore.vue
index df88603e..5f34c350 100644
--- a/src/components/drawers/ProjectScore.vue
+++ b/src/components/drawers/ProjectScore.vue
@@ -1,15 +1,15 @@
 <!--发布公告-->
 <template>
-  <div class="content3">
+  <div class="split"></div>
+  <div class="contentscore">
     <a-tabs v-model:activeKey="activeKeyScore">
       <a-tab-pane key="1" tab="学员获取">
         <div class="group">
           <div class="groupleft">
             <div class="groupname" style="width: 42px">姓名：</div>
-            <a-input
+            <a-input class="ant-input"
               v-model:value="value"
               placeholder="请输入姓名"
-              style="width: 131px"
             />
           </div>
           <div class="groupright">
@@ -23,8 +23,8 @@
             </div>
           </div>
         </div>
-        <div class="tab" style="margin: 20px 32px 30px 32px">
-          <a-table
+        <div class="tableBox" style="margin: 20px 32px 30px 32px">
+          <a-table 
             style="border: 1px solid #f2f6fe"
             :columns="tablecolumnStu"
             :data-source="tabledataStu"
@@ -63,11 +63,10 @@
           </div>
           <div class="group" style="justify-content: center">
             <div class="groupleft">
-              <div class="groupname" style="width: 42px">姓名：</div>
-              <a-input
+              <div class="groupname">姓名：</div>
+            <a-input class="ant-input" style="width:152px"
                 v-model:value="value"
                 placeholder="请输入姓名"
-                style="width: 130px"
               />
             </div>
             <div class="groupright">
@@ -92,37 +91,38 @@
               <a-radio-button class="today" value="3">近一个月</a-radio-button>
             </a-radio-group>
           </div>
-          <div class="slist">
-            <a-list :data-source="stuValue ? datascoreg : datascore">
-              <template #renderItem="{ item }">
-                <div class="item">
-                  <div v-if="item.id == 1" class="itemleft">
-                    <div class="itemimage">
-                      <img src="../../assets/images/taskpage/gold.png" />
+          <div class="listdiv"> <div class="slist">
+              <a-list :data-source="stuValue ? datascoreg : datascore">
+                <template #renderItem="{ item }">
+                  <div class="item">
+                    <div v-if="item.id == 1" class="itemleft">
+                      <div class="itemimage">
+                        <img src="../../assets/images/taskpage/gold.png" />
+                      </div>
+                      <div class="itemid">{{ item.id }}</div>
                     </div>
-                    <div class="itemid">{{ item.id }}</div>
-                  </div>
-                  <div v-else-if="item.id == 2" class="itemleft">
-                    <div class="itemimage">
-                      <img src="../../assets/images/taskpage/siler.png" />
+                    <div v-else-if="item.id == 2" class="itemleft">
+                      <div class="itemimage">
+                        <img src="../../assets/images/taskpage/siler.png" />
+                      </div>
+                      <div class="itemid">{{ item.id }}</div>
                     </div>
-                    <div class="itemid">{{ item.id }}</div>
-                  </div>
-                  <div v-else-if="item.id == 3" class="itemleft">
-                    <div class="itemimage">
-                      <img src="../../assets/images/taskpage/copper.png" />
+                    <div v-else-if="item.id == 3" class="itemleft">
+                      <div class="itemimage">
+                        <img src="../../assets/images/taskpage/copper.png" />
+                      </div>
+                      <div class="itemid">{{ item.id }}</div>
+                    </div>
+                    <div v-else class="itemleft">
+                      <div class="elseid">{{ item.id }}</div>
                     </div>
-                    <div class="itemid">{{ item.id }}</div>
-                  </div>
-                  <div v-else class="itemleft">
-                    <div class="elseid">{{ item.id }}</div>
-                  </div>
 
-                  <div class="itemcenter">{{ item.name }}</div>
-                  <div class="itemright">{{ item.score }}</div>
-                </div>
-              </template>
-            </a-list>
+                    <div class="itemcenter">{{ item.name }}</div>
+                    <div class="itemright">{{ item.score }}</div>
+                  </div>
+                </template>
+              </a-list>
+            </div>
           </div>
         </div>
       </a-tab-pane>
@@ -156,11 +156,17 @@
       >
     </a-tabs>
   </div>
+  <stu-score-detail v-model:Svisible="Svisible" />
 </template>
+
 <script>
+import StuScoreDetail from "../../components/drawers/StuScoreDetail";
 import { reactive, toRefs } from "vue";
 export default {
   name: "ProjectScore",
+  components:{
+    StuScoreDetail,
+  },
   setup() {
     const state = reactive({
       tabledataStu: [
@@ -172,7 +178,7 @@ export default {
           group: "好好学习",
           diploma: "0",
           operation: "查看",
-          putin: "手动加入",
+          
         },
         {
           key: 2,
@@ -182,7 +188,7 @@ export default {
           group: "天天向上",
           diploma: "0",
           operation: "查看",
-          putin: "手动加入",
+         
         },
         {
           key: 3,
@@ -192,7 +198,7 @@ export default {
           group: "好好学习",
           diploma: "0",
           operation: "查看",
-          putin: "手动加入",
+        
         },
         {
           key: 4,
@@ -202,7 +208,7 @@ export default {
           group: "天天向上",
           diploma: "0",
           operation: "查看",
-          putin: "手动加入",
+          
         },
       ],
 
@@ -319,18 +325,53 @@ export default {
       todayvalue: "1",
       tableDataTotal: 30,
       stuValue: false,
+      Svisible:false,
+      
       
     });
+    const getTableData = () => {
+      let datas = state.tabledataStu;
+      datas.map((value) => {
+        {
+          //单层项目
+          value.operation = (
+            <div class="operation">
+              <div
+                class="jc"
+                onClick={() => {
+                  state.Svisible = true;
+                }}
+              >
+                查看
+              </div>                
+            </div>
+          );
+        }
+      });
+      state.tabledataStu = datas;
+    };
+    getTableData();
+   
     return {
       ...toRefs(state),
+     
     };
   },
 };
 </script>
-<style lang="scss" scoped>
-.content3 {
+<style lang="scss">
+.contentscore {
   margin-top: 20px;
-  
+  margin-bottom: 100px;
+  .ant-tabs-tab-btn {
+    font-size: 18px;
+    font-weight: 700;
+  }
+  .ant-input {
+        border-radius: 8px;
+        width: 264px;
+        height: 40px;
+    }  
   .group {
       display: flex;
       justify-content: space-between;
@@ -338,12 +379,13 @@ export default {
         display: flex;
         align-items: center;
         margin-left: 32px;
-        .groupname {
+        .groupname {        
           height: 22px;
-          width: 70px;
+          width: 42px;
           color: #000000;
           font-size: 14px;
         }
+        
       }
       .groupright {
         display: flex;
@@ -382,10 +424,65 @@ export default {
           }
         }
       }
+      
+    }
+  .tableBox {
+      .ant-table-selection-column {
+        padding: 0px !important;
+        // padding-left: 45px !important;
+      }
+
+      .ant-table-thead > tr > th {
+        background-color: rgba(239, 244, 252, 1) !important;
+        color: rgba(0, 0, 0, 0.8500);
+      }
+
+      .ant-table-cell {
+        color: rgba(0, 0, 0, 0.6500);
+      }
+
+      .ant-table-selection-column {
+        padding: 0 !important;
+      }
+
+      th.h {
+        background-color: #eff4fc !important;
+      }
+
+      
+      .ant-table-tbody
+        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+        > td {
+          
+        background: #f6f9fd;
+      }
+      .ant-table-tbody > tr > td {
+          border-bottom: 1px solid rgba(240, 244, 254, 1);
+          padding: 16px 16px;
+          .operation {
+          color: rgba(56, 125, 247, 1);
+          cursor: pointer;
+          }
+      }
+      .ant-table-tbody{
+     
+      .pa {
+        // left: 0;
+        margin-top: 15px;
+        width: 100%;
+        // height: 20px;
+        // background-color: red;
+        display: flex;
+        justify-content: center;
+        // position: absolute;
+        // bottom: 20px;
+      }
+    } 
+    
+
     }
   .scorelist {
-    padding-left: 20%;
-    padding-right: 20%;
+    
     padding-bottom: 100px;
     padding-top: 50px;
     .grouprightscore {
@@ -398,8 +495,8 @@ export default {
         flex-direction: column;
         align-items: center;
         justify-content: center;
-        margin-left: 10%;
-        margin-right: 10%;
+        margin-left: 90px;
+        margin-right: 90px;
       }
 
       .btn1 {
@@ -407,21 +504,28 @@ export default {
       }
     }
     .radiobutton {
+     
       margin-top: 23px;
       margin-bottom: 23px;
       justify-content: center;
       display: flex;
       text-align: center;
       .today {
-        width: 105px;
+        width: 120px;
+        height: 32px;
       }
     }
-    .slist {
+    .listdiv{
+        display: flex;
+        justify-content: space-evenly;
+        text-align: center;
+      .slist {
+      width: 736px;
       background-color: #f5f8fc;
-      padding-left: 20px;
-      padding-right: 20px;
+      padding-left: 28px;
+      padding-right: 28px;
       padding-bottom: 20px;
-      padding-top: 10px;
+      padding-top: 16px;
       font-size: 18px;
 
       .item {
@@ -429,7 +533,7 @@ export default {
         justify-content: space-evenly;
         text-align: center;
         border-bottom: none;
-        height: 60px;
+        height: 56px;
         align-items: center;
         background-color: white;
         border-radius: 21px;
@@ -440,7 +544,7 @@ export default {
           align-items: center;
           width: 150px;
           .itemid {
-            font-size: 46px;
+            font-size: 40px;
             font-family: math;
             font-style: italic;
             font-weight: 700;
@@ -462,9 +566,9 @@ export default {
         }
       }
     }
+    }
   }
-}
-.projectscore {
+  .projectscore {
   .pjc_body {
     margin-left: 34px;
     margin-right: 34px;
@@ -532,4 +636,7 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+}
+
+
+</style>
diff --git a/src/components/drawers/StuScoreDetail.vue b/src/components/drawers/StuScoreDetail.vue
new file mode 100644
index 00000000..a2ca9d54
--- /dev/null
+++ b/src/components/drawers/StuScoreDetail.vue
@@ -0,0 +1,340 @@
+<template>
+    <a-drawer
+      :visible="Svisible"
+      class="drawerStyle StuScore"
+      placement="right"
+      width="70%"
+      @after-visible-change="afterVisibleChange"
+    >
+      <div class="drawerMain">
+        <div class="header">
+          <div class="headerTitle">学员获取详情</div>
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+            @click="closeDrawer"
+          />
+        </div>
+        <div class="main">
+        
+          <div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
+            <a-table
+              style="border: 1px solid #f2f6fe"
+                      :columns="tablecolumns"
+                      :data-source="tabledata"
+                      :loading="tableDataTotal === -1 ? true : false"
+        
+                      :scroll="{ x: 900, y: 560 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                    
+            />
+            <div class="pa">
+              <a-pagination
+                showSizeChanger="true"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="btnn">
+          <button class="btn1" @click="closeDrawer">取消</button>
+          <button class="btn2" @click="closeDrawer">确定</button>
+        </div>
+  
+      </div>
+    </a-drawer>
+</template>
+  
+<script>
+  import { toRefs, reactive } from "vue";
+  export default {
+    name: "StuScoreDetail",
+    props: {
+      Svisible: {
+        type: Boolean,
+        default: false,
+      },
+    },
+  
+    setup(props, ctx) {
+      const state = reactive({
+        name: null,
+        
+        pageSize: 10,
+        currentPage: 1,
+        tableDataTotal: 100,
+        selectedRowKeys: [],
+        
+        tabledata: [
+          {
+            key: 1,
+            time: "2019-12-12 12:12",
+            score: "12",
+            type: "完成任务",
+            from: "【在线】如何成为产品经理",
+            
+          },
+          {
+            key: 1,
+            time: "2019-12-12 12:12",
+            score: "12",
+            type: "完成任务",
+            from: "【在线】如何成为产品经理",
+            
+          },
+          {
+            key: 1,
+            time: "2019-12-12 12:12",
+            score: "12",
+            type: "完成任务",
+            from: "【在线】如何成为产品经理",
+            
+          },
+          {
+            key: 1,
+            time: "2019-12-12 12:12",
+            score: "12",
+            type: "完成任务",
+            from: "【在线】如何成为产品经理",
+            
+          },
+          {
+            key: 1,
+            time: "2019-12-12 12:12",
+            score: "12",
+            type: "完成任务",
+            from: "【在线】如何成为产品经理",
+            
+          },
+          {
+            key: 1,
+            time: "2019-12-12 12:12",
+            score: "12",
+            type: "完成任务",
+            from: "【在线】如何成为产品经理",
+            
+          },
+          {
+            key: 1,
+            time: "2019-12-12 12:12",
+            score: "12",
+            type: "完成任务",
+            from: "【在线】如何成为产品经理",
+            
+          },
+          {
+            key: 1,
+            time: "2019-12-12 12:12",
+            score: "12",
+            type: "完成任务",
+            from: "【在线】如何成为产品经理",
+            
+          },
+          {
+            key: 1,
+            time: "2019-12-12 12:12",
+            score: "12",
+            type: "完成任务",
+            from: "【在线】如何成为产品经理",
+            
+          },
+          {
+            key: 1,
+            time: "2019-12-12 12:12",
+            score: "12",
+            type: "完成任务",
+            from: "【在线】如何成为产品经理",
+            
+          },
+          {
+            key: 1,
+            time: "2019-12-12 12:12",
+            score: "12",
+            type: "完成任务",
+            from: "【在线】如何成为产品经理",
+            
+          },
+        ],
+        tablecolumns: [
+          {
+            title: "获取时间",
+            dataIndex: "time",
+            key: "time",
+            width: 40,
+            align: "left",
+            className: "h head",
+          },
+          {
+            title: "积分",
+            dataIndex: "score",
+            key: "score",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "类型",
+            dataIndex: "type",
+            key: "type",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "来源",
+            dataIndex: "from",
+            key: "from",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          
+        ],
+      });
+      const closeDrawer = () => {
+         ctx.emit("update:Svisible", false);
+      };
+      
+      return {
+        ...toRefs(state),
+        closeDrawer,
+       
+      };
+    },
+  };
+</script>
+  
+<style  lang="scss" >
+  .StuScore{
+    .drawerMain {
+      min-width: 600px;
+      margin: 0px 32px 0px 32px;
+      overflow-x: scroll;
+      display: flex;
+      flex-direction: column;
+  
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        // background-color: red;
+        margin-bottom: 20px;
+  
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+          // margin-left: 24px;
+        }
+      }
+  
+      .main {
+        width: 100%;
+        height: 100%;
+  
+        // background-color: #bfa;
+        // overflow-y: auto;
+        .endtime {
+          font-size: 16px;
+          font-weight: 500;
+          color: #333333;
+        }
+  
+     
+  
+        .tableBox {
+          .ant-table-selection-column {
+            padding: 0px !important;
+            // padding-left: 45px !important;
+          }
+  
+          .ant-table-thead > tr > th {
+            background-color: rgba(239, 244, 252, 1) !important;
+            color: rgba(0, 0, 0, 0.8500);
+          }
+  
+          .ant-table-cell {
+            color: rgba(0, 0, 0, 0.6500);
+          }
+  
+          .ant-table-selection-column {
+            padding: 0 !important;
+          }
+  
+          th.h {
+            background-color: #eff4fc !important;
+          }
+  
+          
+          .ant-table-tbody
+            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+            > td {
+              
+            background: #f6f9fd;
+          }
+          .ant-table-tbody > tr > td {
+              border-bottom: 1px solid rgba(240, 244, 254, 1);
+              padding: 16px 16px;
+              .operation {
+              color: rgba(56, 125, 247, 1);
+              cursor: pointer;
+              }
+          }
+          .pa {
+            // left: 0;
+            margin-top: 15px;
+            width: 100%;
+            // height: 20px;
+            // background-color: red;
+            display: flex;
+            justify-content: center;
+            // position: absolute;
+            // bottom: 20px;
+          }
+        }
+      }
+  
+      .btnn {
+        height: 72px;
+        width: 100%;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+  
+        .btn1 {
+          width: 100px;
+          height: 40px;
+          border: 1px solid #4ea6ff;
+          border-radius: 8px;
+          color: #4ea6ff;
+          background-color: #fff;
+          cursor: pointer;
+        }
+  
+        .btn2 {
+          cursor: pointer;
+          width: 100px;
+          height: 40px;
+          background: #4ea6ff;
+          border-radius: 8px;
+          border: 0;
+          margin-left: 15px;
+          color: #fff;
+        }
+      }
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/src/components/windows/DelWins.vue b/src/components/windows/DelWins.vue
index 57667bb1..de5ca5c2 100644
--- a/src/components/windows/DelWins.vue
+++ b/src/components/windows/DelWins.vue
@@ -37,9 +37,9 @@ import { toRefs, reactive, defineComponent } from "vue";
 export default defineComponent({
     name: "DelWins",
       props: {
-    delete_hs: {
-      type: Boolean,
-      default: false,
+        delete_hs: {
+        type: Boolean,
+        default: false,
     },
   },
     setup() {
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 5814c3cd..3d1a37e9 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -1053,7 +1053,7 @@
             <!-- 无数据样式 -->
             <div
               class="notable"
-              :style="{ display: stm_hs ? 'none' : 'block' }"
+              :style="{ display: stm_hs ?  'block' :'none'  }"
             >
               <div class="notablebox">
                 <div class="boxbody">
@@ -1681,24 +1681,34 @@
       </div>
     </a-modal>
     <!--请确定是否拒绝此学员学习此课程弹窗 -->
-    <!--删除弹窗 -->
+    <!--删除 复制 停用弹窗 -->
     <a-modal
       v-model:visible="delete_hs"
       :footer="null"
       :closable="closableQR"
       wrapClassName="DelModal"
       style="margin-top: 400px"
+      @cancel="delete_exit"
     >
-      <div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
+      <div class="delete" :style="{ display: delete_hs || copy_hs || nouse_hs ? 'block' : 'none' }">
         <div class="del_header"></div>
         <div class="del_main">
           <div class="header">
-            <div class="del-icon"></div>
+            <div class="del-icon" :style="{ display: del_hs ? 'block' : 'none' }"><img src="@/assets/images/coursewareManage/notice.png" alt=""></div>
+            <div class="del-icon" :style="{ display: copy_hs || nouse_hs ? 'block' : 'none' }"><img src="@/assets/images/coursewareManage/QR.png" alt=""></div>
             <span>提示</span>
             <div class="close_exit" @click="delete_exit"></div>
           </div>
           <div class="body">
-            <span>您确定要删除此课程吗</span>
+            <div :style="{ display: del_hs ? 'block' : 'none' }">
+              <span>您确定要删除此课程吗</span>
+            </div>
+            <div :style="{ display: copy_hs ? 'block' : 'none' }">
+              <span>您确定要复制此课程吗</span>
+            </div>
+            <div :style="{ display: nouse_hs ? 'block' : 'none' }">
+              <span>您确定要停用此课程吗</span>
+            </div>
           </div>
           <div class="del_btnbox">
             <div class="del_btn btn1">
@@ -1712,68 +1722,6 @@
       </div>
     </a-modal>
     <!--删除弹窗 -->
-    <!--复制弹窗 -->
-    <a-modal
-      v-model:visible="copy_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="DelModal"
-      style="margin-top: 400px"
-    >
-      <div class="delete" :style="{ display: copy_hs ? 'block' : 'none' }">
-        <div class="del_header"></div>
-        <div class="del_main">
-          <div class="header">
-            <div class="icon"></div>
-            <span>提示</span>
-            <div class="close_exit" @click="delete_exit"></div>
-          </div>
-          <div class="body">
-            <span>您确定要复制此课程吗</span>
-          </div>
-          <div class="del_btnbox">
-            <div class="del_btn btn1">
-              <div class="btnText" @click="copy_exit">取消</div>
-            </div>
-            <div class="del_btn btn2">
-              <div class="btnText" @click="copy_exit">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!--复制弹窗 -->
-    <!--停用弹窗 -->
-    <a-modal
-      v-model:visible="nouse_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="DelModal"
-      style="margin-top: 400px"
-    >
-      <div class="delete" :style="{ display: nouse_hs ? 'block' : 'none' }">
-        <div class="del_header"></div>
-        <div class="del_main">
-          <div class="header">
-            <div class="icon"></div>
-            <span>提示</span>
-            <div class="close_exit" @click="nouse_exit"></div>
-          </div>
-          <div class="body">
-            <span>您确定要停用此课程吗</span>
-          </div>
-          <div class="del_btnbox">
-            <div class="del_btn btn1">
-              <div class="btnText" @click="nouse_exit">取消</div>
-            </div>
-            <div class="del_btn btn2">
-              <div class="btnText" @click="nouse_exit">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!--停用弹窗 -->
     <!-- 学员管理课程库-归属权抽屉 -->
     <own-power v-model:ownpowervisible="ownpowervisible" />
     <!-- 学员管理课程库-归属权抽屉 -->
@@ -2457,6 +2405,7 @@ export default defineComponent({
       agreestudy_hs: false,
       rejectstudy_hs: false,
       delete_hs: false,
+      del_hs:false,
       copy_hs: false,
       nouse_hs: false,
       // 二维码标题状态
@@ -2549,6 +2498,7 @@ export default defineComponent({
                       <div
                         class="jc"
                         onClick={() => {
+                          state.delete_hs = true;
                           state.copy_hs = true;
                         }}
                         style={{ width: "30px" }}
@@ -2723,6 +2673,7 @@ export default defineComponent({
                       <div
                         class="jc"
                         onClick={() => {
+                          state.delete_hs = true;
                           state.copy_hs = true;
                         }}
                         style={{ width: "30px" }}
@@ -2756,6 +2707,7 @@ export default defineComponent({
                       <div
                         class="jc"
                         onClick={() => {
+                          state.delete_hs = true;
                           state.copy_hs = true;
                         }}
                         style={{ width: "30px" }}
@@ -2803,6 +2755,7 @@ export default defineComponent({
                         class="jc"
                         onClick={() => {
                           state.delete_hs = true;
+                          state.del_hs = true;
                         }}
                         style="margin-left:22px"
                       >
@@ -2857,6 +2810,7 @@ export default defineComponent({
                         class="jc"
                         onClick={() => {
                           state.delete_hs = true;
+                          state.del_hs = true;
                         }}
                       >
                         删除
@@ -2873,6 +2827,7 @@ export default defineComponent({
                         class="jc"
                         onClick={() => {
                           state.delete_hs = true;
+                          state.del_hs = true;
                         }}
                       >
                         删除
@@ -2889,6 +2844,7 @@ export default defineComponent({
                         class="jc"
                         onClick={() => {
                           state.delete_hs = true;
+                          state.del_hs = true;
                         }}
                       >
                         删除
@@ -2962,6 +2918,7 @@ export default defineComponent({
                         <div
                           onClick={() => {
                             state.delete_hs = true;
+                          state.del_hs = true;
                           }}
                         >
                           删除
@@ -3039,7 +2996,11 @@ export default defineComponent({
                 {value.status === "已拒绝" ? (
                   <div class="nselect">
                     <div class="ops2">
-                      <div class="jc">删除</div>
+                      <div class="jc"
+                      onClick={() => {
+                          state.delete_hs = true;
+                          state.del_hs = true;
+                        }}>删除</div>
                     </div>
                   </div>
                 ) : (
@@ -3066,6 +3027,7 @@ export default defineComponent({
                   <div
                     class="use"
                     onClick={() => {
+                      state.delete_hs = true;
                       state.nouse_hs = true;
                     }}
                   >
@@ -3238,11 +3200,8 @@ export default defineComponent({
     };
     const delete_exit = () => {
       state.delete_hs = false;
-    };
-    const copy_exit = () => {
+      state.del_hs = false;
       state.copy_hs = false;
-    };
-    const nouse_exit = () => {
       state.nouse_hs = false;
     };
     const onSelectChange = (selectedRowKeys) => {
@@ -3304,8 +3263,6 @@ export default defineComponent({
       agreestudy_exit,
       rejectstudy_exit,
       delete_exit,
-      copy_exit,
-      nouse_exit,
       onSelectChange,
       faceManageChange,
       openMessage,
@@ -4792,8 +4749,6 @@ export default defineComponent({
             .notable {
               width: 100%;
               height: 100%;
-              display: flex;
-              justify-content: center;
               .notablebox {
                 width: 412px;
                 height: 212px;
@@ -4802,8 +4757,7 @@ export default defineComponent({
                 display: flex;
                 justify-content: center;
                 text-align: center;
-                margin-top: 77px;
-                margin-bottom: 109px;
+                margin:77px auto 109px auto;
                 cursor: pointer;
                 position: relative;
                 .smallleft {
@@ -4925,7 +4879,7 @@ export default defineComponent({
           }
         }
         .studentsmanage {
-          z-index: 999;
+          z-index: 1000;
           min-width: 1000px;
           background: #ffffff;
           .stm_main {
@@ -5235,18 +5189,18 @@ export default defineComponent({
               padding-left: 26px;
               font-size: 16px;
               .del-icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/notice.png);
-                background-size: 100% 100%;
-              }
-              .icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/QR.png);
-                background-size: 100% 100%;
+                  width: 16px;
+                  height: 16px;
+                  position: relative;
+                  margin-right: 10px;
+                img{
+                  width: 100%;
+                  height: 100%;
+                  position: absolute;
+                  top:0px;
+                  left:0px;
+                  background-size: 100% 100%;
+                }
               }
               .close_exit {
                 position: absolute;
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 9744b8a7..fa1ce109 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -40,14 +40,17 @@
             :placeholder="['      开始时间', '        结束时间']"
           />
         </div>
-        <div class="btn btn1">
-          <div class="search"></div>
-          <div class="btnText">搜索</div>
-        </div>
-        <div class="btnn btn2">
-          <div class="search"></div>
-          <div class="btnText">重置</div>
+        <div style="display: flex;margin-bottom: 20px">
+          <div class="btn btn1">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="btnn btn2">
+            <div class="search"></div>
+            <div class="btnText">重置</div>
+          </div>
         </div>
+        
       </div>
       <div class="btns">
         <!-- <router-link to="/projectadd">
@@ -63,6 +66,17 @@
       </div>
     </div>
     <!-- 搜索框及按钮 -->
+    <!-- 无数据 -->
+    <div class="datanull" style="display: none">
+        <div class="nodata_box">
+            <div class="left"><img src="../../assets/images/taskpage/left1.png"/></div>
+            <div class="center"><img src="../../assets/images/leveladd/picture.png"/></div>
+            <div class="text1">无数据</div>
+            <div class="text2">请添加路径</div>
+            <div class="right"><img src="../../assets/images/leveladd/right.png"/></div>
+        </div>
+    </div>
+    <!-- 无数据 -->
     <!-- 表格 -->
     <div class="tableBox" style="padding-bottom: 160px; position: relative">
       <a-table
@@ -1529,7 +1543,7 @@ export default {
           .del_header {
             position: absolute;
             width: calc(100%);
-            height: 40px;
+            height: 68px;
             background: linear-gradient(
               rgba(78, 166, 255, 0.2) 0%,
               rgba(78, 166, 255, 0) 100%
@@ -1548,7 +1562,7 @@ export default {
                 width: 16px;
                 height: 16px;
                 margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-image: url(@/assets/images/taskpage/gan.png);
                 background-size: 100% 100%;
               }
               .close_exit {
@@ -1622,6 +1636,56 @@ export default {
   flex-direction: column;
   position: relative;
   // position: relative;
+  .datanull {
+    display: flex;
+    flex: 1;
+    width: 100%;
+    //background: red;
+    justify-content: center;
+    align-items: center;
+    .nodata_box {
+      width: 412px;
+      height: 212px;
+      position: relative;
+      background: linear-gradient(
+              180deg,
+              #FEF3DD,
+             #FFFAF0
+            );
+      border-radius: 10px;
+      .left {
+        position: absolute;
+        top: 18px;
+        left: 0;
+      }
+      .center {
+        position: absolute;
+        top: 32px;
+        left: 170px;
+      }
+      .text1 {
+        position: absolute;
+        top: 128px;
+        left: 178px;
+        font-size: 20px;
+        color: #FFB64E;
+        font-weight: 500;
+      }
+      .text2 {
+        position: absolute;
+        bottom: 32px;
+        left: 174px;
+        font-size: 14px;
+        color: #878B92;
+        font-weight: 500;
+      }
+      .right {
+        position: absolute;
+        bottom: 18px;
+        right: 0;
+      }
+    }
+  }
   .filter {
     margin-left: 38px;
     margin-right: 38px;
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index d1107707..abf0a309 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -44,7 +44,170 @@
         size="large"
         :tabBarStyle="{ marginLeft: '10px' }"
       >
-        <a-tab-pane key="1" tab="路径管理">
+        <a-tab-pane key="1" tab="概览">
+          <div class="split"></div>
+          <!-- 概览（无数据） -->
+          <div :style="{ display: nodata ? 'block' : 'none' }">
+            <div class="onerow">
+              <div class="taskmain">快速创建项目详情</div>
+            </div>
+            <div class="second">
+              <div
+                class="taskbox"
+                style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left1.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture1.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right1.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
+                  添加任务
+                </div>
+                <div class="centermain">快速添加任务/阶段</div>
+              </div>
+              <div
+                class="taskbox"
+                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture2.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  添加学员
+                </div>
+                <div class="centermain">快速添加学员</div>
+              </div>
+              <div
+                class="taskbox"
+                @click="showModal"
+                style="background: linear-gradient(180deg, #e5f6ec, #eef9f3)"
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left3.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture3.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right3.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(93, 201, 136, 1)">
+                  发布
+                </div>
+                <div class="centermain">快速发布项目</div>
+              </div>
+            </div>
+          </div>
+          <!-- 概览（无数据） -->
+          <!-- 概览（有数据） -->
+          <div :style="{ display: nodata ? 'none' : 'block' }">
+            <div class="onerow"><div class="taskmain">项目概览</div></div>
+            <div class="second" style="margin-top: 0">
+              <div class="nubbox">
+                <span class="nub1">200</span>
+                <div class="nub2">总人数</div>
+              </div>
+              <div class="nubbox">
+                <span class="nub1" style="color: #ff90ae">15</span>
+                <div class="nub2">必修课</div>
+              </div>
+              <div class="nubbox">
+                <span class="nub1" style="color: #a497ff">15</span>
+                <div class="nub2">选修课</div>
+              </div>
+              <div class="nubbox">
+                <div>
+                  <span class="nub1" style="color: #5dc988">50</span
+                  ><span style="color: #5dc988; font-size: 14px">%</span>
+                </div>
+                <div class="nub2">完成率</div>
+              </div>
+              <div class="nubbox">
+                <div>
+                  <span class="nub1" style="color: #ff90ae">30</span
+                  ><span style="color: #ff90ae; font-size: 14px">%</span>
+                </div>
+                <div class="nub2">必修完成率</div>
+              </div>
+              <div class="nubbox">
+                <div>
+                  <span class="nub1" style="color: #a497ff">30</span
+                  ><span style="color: #a497ff; font-size: 14px">%</span>
+                </div>
+                <div class="nub2">选修完成率</div>
+              </div>
+            </div>
+            <div class="onerow"><div class="taskmain">阶段信息</div></div>
+            <div class="stagemess">
+              <div class="stage1">阶段1</div>
+              <div class="stage2">阶段2</div>
+            </div>
+            <div class="stagesecond">
+              <div class="staname">阶段名称：</div>
+              <div class="stamess">管理者进阶-腾飞班1第一阶段</div>
+            </div>
+            <div class="stagelast">
+              <div class="stagepro">
+                <a-progress
+                  type="dashboard"
+                  gapDegree="0"
+                  :percent="50"
+                  :width="140"
+                />
+                <div class="protext">课程完成率</div>
+              </div>
+              <div class="stagepro">
+                <a-progress
+                  type="dashboard"
+                  gapDegree="0"
+                  :percent="50"
+                  :width="140"
+                />
+                <div class="protext">考试通过率</div>
+              </div>
+              <div class="stagepro" style="margin-right: 0">
+                <a-progress
+                  type="dashboard"
+                  gapDegree="0"
+                  :percent="50"
+                  :width="140"
+                />
+                <div class="protext">作业合格率</div>
+              </div>
+              <div class="proright">
+                <div class="pronub" style="margin-left: 280px">10</div>
+                <div class="proright1">
+                  <span class="textpro">阶段任务总数</span>
+                  <a-progress :percent="50" style="width: 369px" />
+                </div>
+                <div class="pronub" style="margin-left: 206px">5</div>
+                <div class="proright1">
+                  <span class="textpro">必修课</span>
+                  <a-progress :percent="25" style="width: 369px" />
+                </div>
+                <div class="pronub" style="margin-left: 142px">1</div>
+                <div class="proright1">
+                  <span class="textpro">选修课</span>
+                  <a-progress :percent="5" style="width: 369px" />
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 概览（有数据） -->
+        </a-tab-pane>
+        <a-tab-pane key="2" tab="路径管理">
+          <div class="split"></div>
           <div class="cont">
             <div class="pad"></div>
             <div class="sametab">
@@ -72,71 +235,7 @@
                 </div>
               </div>
               <div class="Lbom">
-                <!-- 判断路径中是否有关卡 -->
-                <div v-if="level.length != 0">
-                  <div class="item" v-for="item in level" :key="item.id">
-                    <div class="itemhead">
-                      <div class="lev">{{ item.lev }}</div>
-                      <div class="lin"></div>
-                      <div class="nam">{{ item.name }}</div>
-                      <div class="count">
-                        <span>当前关卡</span>
-                        <span>{{ item.count }}</span>
-                        <span>个人</span>
-                      </div>
-                    </div>
-                    <div class="itembomm">
-                      <div class="it">
-                        <div class="on" style="color: #ffb145">
-                          {{ item.online }}
-                        </div>
-                        <div class="ittext">在线</div>
-                      </div>
-                      <div class="linee"></div>
-                      <div class="it">
-                        <div class="on" style="color: #ff89a4">
-                          {{ item.homework }}
-                        </div>
-                        <div class="ittext">作业</div>
-                      </div>
-                      <div class="linee"></div>
-                      <div class="it">
-                        <div class="on" style="color: #3fc5e3">
-                          {{ item.juan }}
-                        </div>
-                        <div class="ittext">问卷</div>
-                      </div>
-                      <div class="linee"></div>
-                      <div class="it">
-                        <div class="on" style="color: #5be1c0">
-                          {{ item.ballot }}
-                        </div>
-                        <div class="ittext">投票</div>
-                      </div>
-                      <div class="linee"></div>
-                      <div class="it">
-                        <div class="on" style="color: #a498ff">
-                          {{ item.test }}
-                        </div>
-                        <div class="ittext">考试</div>
-                      </div>
-                      <div class="linee"></div>
-                      <div class="itright">
-                        <span class="te">编辑</span>
-                        <div class="more">
-                          <div class="te" style="margin-left: 20px">更多</div>
-                          <div class="moreArrow"></div>
-                          <div class="moreItems">
-                            <div class="roleItem">复制</div>
-                            <div class="roleItem">删除</div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <div v-else>
+                <div>
                   <div class="create">
                     <div
                       class="taskbox"
@@ -167,8 +266,202 @@
             </div>
             <div class="pad"></div>
           </div>
+
+          <!-- 有数据时的路径管理 -->
+          <div style="flex: 1">
+            <div class="onerow">
+              <div class="taskmain">任务大纲</div>
+
+              <router-link to="/leveladddetail" class="edit">
+                <img
+                  class="editimg"
+                  src="../../assets/images/projectadd/edit.png"
+                />
+                <span class="editext">编辑</span>
+              </router-link>
+            </div>
+            <div class="taskSyllabus">
+              <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
+                <template #expandIcon="{ isActive }">
+                  <img
+                    :style="{
+                      width: isActive ? 9.1 : 8.1,
+                      height: isActive ? 8.1 : 9.1,
+                      'margin-right': isActive ? '12px' : '13px',
+                    }"
+                    :src="
+                      isActive
+                        ? require('../../assets/images/projectadd/open.png')
+                        : require('../../assets/images/projectadd/close.png')
+                    "
+                  />
+                  <div></div>
+                </template>
+                <a-collapse-panel
+                  v-for="(value, index) in taskSyllabus"
+                  :key="index"
+                  :header="value.text"
+                >
+                  <div
+                    class="course"
+                    v-for="(item, key) in value.children"
+                    :key="key"
+                  >
+                    <!-- :style="{width:item.course==='在线'?'28px':
+												height:item.course==='在线'?'27px':}" -->
+                    <div class="first">
+                      <div class="icon">
+                        <div
+                          style="
+                            width: 31px;
+                            height: 28px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                          "
+                        >
+                          <img
+                            :src="
+                              item.course === '在线'
+                                ? require('../../assets/images/leveladd/zai.png')
+                                : item.course === '面授'
+                                ? require('../../assets/images/leveladd/mian.png')
+                                : item.course === '案例'
+                                ? require('../../assets/images/leveladd/an.png')
+                                : item.course === '作业'
+                                ? require('../../assets/images/leveladd/zuo.png')
+                                : item.course === '考试'
+                                ? require('../../assets/images/leveladd/kao.png')
+                                : item.course === '直播'
+                                ? require('../../assets/images/leveladd/zhi.png')
+                                : item.course === '外链'
+                                ? require('../../assets/images/leveladd/wai.png')
+                                : item.course === '讨论'
+                                ? require('../../assets/images/leveladd/tao.png')
+                                : item.course === '活动'
+                                ? require('../../assets/images/leveladd/huo.png')
+                                : item.course === '测评'
+                                ? require('../../assets/images/leveladd/ce.png')
+                                : item.course === '调研'
+                                ? require('../../assets/images/leveladd/diao.png')
+                                : item.course === '投票'
+                                ? require('../../assets/images/leveladd/tou.png')
+                                : null
+                            "
+                          />
+                        </div>
+                      </div>
+                      <div>
+                        <div class="iconame">「{{ item.course }}」</div>
+                        <div class="icontext">{{ item.name }}</div>
+                      </div>
+                    </div>
+                    <div class="type">
+                      <div
+                        :class="
+                          item.classify == '必修' ? 'typename1' : 'typename'
+                        "
+                      >
+                        {{ item.classify }}
+                      </div>
+                    </div>
+                    <div class="time">
+                      <div class="timetext">开始时间</div>
+                      <div class="timetext">{{ item.beginTime }}</div>
+                    </div>
+                    <div class="progress">
+                      <div class="progresstext">
+                        {{ item.complete }}/{{ item.total }}人
+                      </div>
+                      <div style="display: flex">
+                        <a-progress
+                          :showInfo="false"
+                          :percent="item.percent"
+                          strokeColor="#FFC067"
+                          trailColor="rgba(253, 209, 98, 0.2)"
+                        />
+                        <span class="progresstext" style="margin-left: 10px"
+                          >{{ item.percent }}%</span
+                        >
+                      </div>
+                    </div>
+                    <div class="operations">
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display: item.course === '面授' ? 'flex' : 'none',
+                        }"
+                        @click="showFS"
+                      >
+                        学员
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        @click="showAA"
+                        :style="{
+                          display:
+                            item.course === '直播' || item.course === '活动'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                      >
+                        考勤
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display:
+                            item.course === '直播' ||
+                            item.course === '活动' ||
+                            item.course === '面授'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                        @click="
+                          item.course === '面授'
+                            ? showCopyModal(item.course)
+                            : null
+                        "
+                      >
+                        二维码
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer; margin-right: 35px"
+                        @click="
+                          item.course === '在线' ||
+                          item.course === '案例' ||
+                          item.course === '外链' ||
+                          item.course === '讨论' ||
+                          item.course === '直播' ||
+                          item.course === '调研' ||
+                          item.course === '投票' ||
+                          item.course === '活动'
+                            ? showTime(item.course, item.name)
+                            : item.course === '考试' || item.course === '测评'
+                            ? showTest(item.course, item.name)
+                            : item.course === '面授'
+                            ? showFace(item.course)
+                            : item.course === '作业'
+                            ? showWork(item.course)
+                            : null
+                        "
+                      >
+                        管理
+                      </div>
+                    </div>
+                  </div>
+                </a-collapse-panel>
+              </a-collapse>
+            </div>
+            <div style="display: flex; height: 20px"></div>
+          </div>
         </a-tab-pane>
-        <a-tab-pane key="2" tab="学员管理" force-render>
+        <a-tab-pane key="3" tab="学员管理" force-render>
+          <div class="split"></div>
           <div class="xwid">
             <div class="pad"></div>
             <div class="xin" style="overflow-x: auto">
@@ -247,10 +540,10 @@
                 </div>
               </div>
             </div>
-            <div class="pad"></div></div
-        ></a-tab-pane>
-
-        <a-tab-pane key="3" tab="设置">
+            <div class="pad"></div></div>
+          </a-tab-pane>
+        <a-tab-pane key="4" tab="设置">
+          <div class="split"></div>
           <div class="sametab">
             <div class="Gcon">
               <div class="pad"></div>
@@ -258,7 +551,11 @@
                 <div class="headone">
                   <div class="box"></div>
                   <div class="onetitle">关卡内容可见可学设置</div>
-                  <div class="oneedi">编辑</div>
+                  <div class="oneedi" @click="showbtn" v-show="twobtn">编辑</div>
+                  <div v-show="twobtnn" class="twobtn">
+                    <div class="btnone" @click="closebtn">取消</div>
+                    <div class="btntwo" @click="closebtn">确定</div>
+                  </div>
                 </div>
                 <div class="onemain clearfix">
                   <div class="checkcon">
@@ -270,9 +567,17 @@
                     />
                     <span class="yulan">预览其他关卡</span><br />
                     <div style="width: 10px; height: 4px"></div>
-                    <span class="yulan2">学员可预览第</span
-                    ><span style="color: #4ea6ff">1</span><span>关-第</span
-                    ><span style="color: #4ea6ff">4</span><span>关内容</span>
+                    <div style="display: flex;align-items: center;">
+                        <span class="yulan2">学员可预览第</span
+                          >
+                            <span style="color: #4ea6ff" v-show="number">1</span>
+                            <a-input-number v-model:value="nubvalue" v-show="inputbox" :controls="false" :autofocus="true" :min="1" />
+                            <span>关-第</span
+                          ><span style="color: #4ea6ff" v-show="number">4</span>
+                            <a-input-number v-model:value="nubvalue1" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
+                        <span>关内容</span>
+                    </div>
+                    
                   </div>
                   <div class="checkcon" style="margin-top: 20px">
                     <input
@@ -283,9 +588,16 @@
                     />
                     <span class="yulan">学习其他关卡</span><br />
                     <div style="width: 10px; height: 4px"></div>
-                    <span class="yulan2">学员可预览第</span
-                    ><span style="color: #4ea6ff">1</span><span>关-第</span
-                    ><span style="color: #4ea6ff">4</span><span>关内容</span>
+                    <div style="display: flex;align-items: center;">
+                        <span class="yulan2">学员可预览第</span
+                          >
+                            <span style="color: #4ea6ff" v-show="number">1</span>
+                            <a-input-number v-model:value="nubvalue2" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
+                            <span>关-第</span
+                          ><span style="color: #4ea6ff" v-show="number">4</span>
+                            <a-input-number v-model:value="nubvalue3" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
+                        <span>关内容</span>
+                    </div>
                   </div>
                   <br />
                 </div>
@@ -372,7 +684,7 @@
       <a-modal
         style="padding: 0"
         :closable="sh"
-        v-model:visible="visible"
+        v-model:visible="visiblene"
         :footer="null"
         centered="true"
         wrapClassName="changeModal"
@@ -438,12 +750,52 @@
           </div>
         </div>
       </a-modal>
+      <!-- 面授管理二维码 -->
+      <a-modal
+        v-model:visible="copyModal"
+        :footer="null"
+        :closable="closeCopy"
+        wrapClassName="facemanageModal"
+        centered="true"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon"></div>
+              <span>面授管理</span>
+              <div class="close_exit" @click="closeCopyModal"></div>
+            </div>
+            <div class="body">
+              <div><img src="../../assets/images/taskpage/erweima.png" /></div>
+            </div>
+            <div class="footerr">
+              <div class="onload">下载二维码</div>
+              <div class="onloadpx">200*200</div>
+              <div class="onloadpx">400*400</div>
+              <div class="onloadpx">800*800</div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
       <!-- 添加学员抽屉 -->
       <add-stu v-model:AddSvisible="AddSvisible" />
       <!-- 导入学员抽屉 -->
       <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
       <!-- 学员管理查看抽屉 -->
       <check-stu v-model:CheckStuvisible="CheckStuvisible" />
+      <!-- 面授学员抽屉 -->
+      <face-stu v-model:FSvisible="FSvisible" />
+      <!-- 活动考勤抽屉 -->
+      <active-attendance v-model:AAvisible="AAvisible" />
+      <!-- 时间管理抽屉 -->
+      <time-manage v-model:Tvisible="visible" :title="showTimeText" />
+      <!-- 考试管理抽屉 -->
+      <test-manage v-model:TMvisible="TMvisible" :title="showTestText" />
+      <!-- 面授管理抽屉 -->
+      <face-manage v-model:Fvisible="FaceVisivle" />
+      <!-- 作业管理抽屉 -->
+      <work-manage v-model:Wvisible="Wvisible" />
     </div>
   </div>
 </template>
@@ -452,9 +804,25 @@ import { ref, reactive, toRefs } from "vue";
 import AddStu from "../../components/drawers/AddLevelAddStu";
 import ImpStu from "../../components/drawers/AddLevelImportStu";
 import CheckStu from "../../components/drawers/CheckStu";
+import FaceStu from "../../components/drawers/FaceStu";
+import ActiveAttendance from "../../components/drawers/ActiveAttendance";
+import TimeManage from "../../components/drawers/TimeManage";
+import TestManage from "../../components/drawers/TestManage";
+import FaceManage from "../../components/drawers/FaceManage";
+import WorkManage from "../../components/drawers/WorkManage";
 export default {
   name: "LevelAdd",
-  components: { AddStu, ImpStu, CheckStu },
+  components: {
+    AddStu,
+    ImpStu,
+    CheckStu,
+    FaceStu,
+    ActiveAttendance,
+    TimeManage,
+    TestManage,
+    FaceManage,
+    WorkManage,
+  },
   methods: {},
   setup() {
     const state = reactive({
@@ -464,6 +832,11 @@ export default {
       AddSvisible: false, //添加学员抽屉
       AddImpStuvisible: false, //导入学员抽屉
       CheckStuvisible: false, //学员管理的查看抽屉
+      twobtn: true,
+      number: true,
+      twobtnn: false,
+      inputbox: false,
+      Wvisible: false, //作业管理
       projectNameListt: [
         {
           id: 1,
@@ -542,16 +915,136 @@ export default {
           label: "关卡2",
         },
       ],
+      //任务大纲列表
+      taskSyllabus: [
+        {
+          text: "阶段1腾飞班阶段1",
+          children: [
+            {
+              course: "在线",
+              name: "时间管理",
+              classify: "选修",
+              beginTime: "2022-09-10 14:03",
+              total: 50, //总人数
+              complete: 20, //完成人数
+              percent: 40,
+            },
+            {
+              course: "直播",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-12 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "面授",
+              name: "管理面授课",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 80, //总人数
+              complete: 0, //完成人数
+              percent: 0,
+            },
+            {
+              course: "活动",
+              name: "管理活动",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 40, //完成人数
+              percent: 80,
+            },
+            {
+              course: "作业",
+              name: "管理者作业",
+              classify: "选修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 30, //完成人数
+              percent: 60,
+            },
+            {
+              course: "考试",
+              name: "管理者考试",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 50, //完成人数
+              percent: 100,
+            },
+          ],
+        },
+        {
+          text: "阶段2腾飞班阶段2",
+          children: [
+            {
+              course: "讨论",
+              name: "时间管理",
+              classify: "选修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 20, //完成人数
+              percent: 40,
+            },
+            {
+              course: "测评",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "调研",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "投票",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+          ],
+        },
+      ],
       activeKey: ref("1"),
       value: ref(" "),
+      nubvalue: ref("1"),
+      nubvalue2: ref("1"),
+      nubvalue3: ref("4"),
+      nubvalue1: ref("4"),
       checked2: false,
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
-      visible: false,
+      visiblene: false,
       sh: false,
+      nodata: true,
       closeDeleteAll: false,
       curLevel: "",
+      taskSyllabusActive: 0,
+      //在线管理等页面传递参数
+      showTimeText: "",
+      //考试、测评页面传递参数
+      showTestText: "",
+      FSvisible: false, //面授学员
+      AAvisible: false, //活动/直播考勤
+      copyModal: false, //面授二维码弹窗
+      closeCopy: false, //面授二维码关闭图标
+      visible: false, //时间管理
+      TMvisible: false, //考试管理
+      FaceVisivle: false, //面授管理
       //关卡的数据
       level: [
         // {
@@ -799,6 +1292,54 @@ export default {
     const showCheckStu = () => {
       state.CheckStuvisible = true;
     };
+    const showbtn = () => {
+      state.twobtn = false;
+      state.twobtnn = true;
+      state.number = false;
+      state.inputbox = true;
+    }
+    const closebtn = () => {
+      state.twobtnn = false;
+      state.twobtn = true;
+      state.number = true;
+      state.inputbox = false;
+    }
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    //面授学员的弹窗
+    const showFS = () => {
+      state.FSvisible = true;
+    };
+    //活动考勤的抽屉
+    const showAA = () => {
+      state.AAvisible = true;
+    };
+    // 时间管理
+    const showTime = (course, name) => {
+      console.log("点击管理");
+      state.visible = true;
+      state.showTimeText = "【" + course + "】" + name;
+      // console.log("state.showTimeText", state.showTimeText);
+    };
+    //考试管理的抽屉
+    const showTest = (course, name) => {
+      state.TMvisible = true;
+      state.showTestText = "【" + course + "】" + name;
+    };
+    //新增
+    const showFace = () => {
+      //面授管理的抽屉
+      // console.log("点击管理");
+      state.FaceVisivle = true;
+    };
+    //作业管理的抽屉
+    const showWork = () => {
+      state.Wvisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -814,6 +1355,16 @@ export default {
       showAddStu,
       showImpStu,
       showCheckStu,
+      showbtn, //设置-编辑
+      closebtn,
+      showFS,
+      showAA,
+      showCopyModal,
+      closeCopyModal,
+      showTime,
+      showTest,
+      showFace,
+      showWork,
     };
   },
 };
@@ -936,6 +1487,107 @@ export default {
     }
   }
 }
+.facemanageModal {
+  .ant-modal {
+    width: 532px !important;
+    height: 428px !important;
+    .ant-modal-content {
+      width: 532px !important;
+      height: 428px !important;
+      .ant-modal-body {
+        width: 532px !important;
+        height: 428px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 532px;
+          height: 428px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+            .footerr {
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              .onload {
+                color: rgba(51, 51, 51, 1);
+                font-size: 14px;
+              }
+              .onloadpx {
+                width: 80px;
+                height: 32px;
+                border: 1px solid rgba(56, 125, 247, 1);
+                border-radius: 4px;
+                color: rgba(56, 125, 247, 1);
+                margin-left: 20px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                cursor: pointer;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .changeModal {
   .ant-modal {
     width: 549px !important;
@@ -1041,7 +1693,6 @@ export default {
 .addwrapper {
   width: 100%;
   height: 100%;
-  // background-color: green;
   .addhead {
     width: 100%;
     height: 130px;
@@ -1198,6 +1849,491 @@ export default {
       margin-left: 0px !important;
       padding-left: 32px !important;
     }
+    .onerow {
+      //width: 100%;
+      display: flex;
+      height: 40px;
+      position: relative;
+      margin-top: 15px;
+      margin-left: 38px;
+      //margin-right: 38px;
+      .taskmain {
+        font-size: 18px;
+        padding-top: 7px;
+        color: #000000;
+      }
+      .btn {
+        position: absolute;
+        top: 0;
+        right: 168px;
+        background-color: #409eff;
+        width: 130px;
+        height: 40px;
+        border-radius: 8px;
+        border: 1px solid #409eff;
+        color: #ffffff;
+        cursor: pointer;
+      }
+      .edit {
+        position: absolute;
+        right: 38px;
+        top: 0;
+        color: #409eff;
+        width: 100px;
+        height: 40px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+        .editimg {
+          width: 15px;
+          height: 15px;
+          margin-top: -2px;
+          margin-left: 25px;
+          margin-right: 5px;
+        }
+        .editext {
+          line-height: 40px;
+        }
+      }
+      .edit:hover {
+        color: #ffffff;
+        background-color: #409eff;
+        cursor: pointer;
+        .editimg {
+          background-image: url("../../assets/images/projectadd/edit1.png");
+        }
+      }
+    }
+    .second {
+      display: flex;
+      justify-content: left;
+      flex-wrap: wrap;
+      margin-top: 40px;
+      margin-left: 20px;
+      .nubbox {
+        width: 253px;
+        height: 116px;
+        margin-top: 20px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        background: #fafbfc;
+        border-radius: 10px;
+        margin-left: 15px;
+        .nub1 {
+          color: #ffb54a;
+          font-size: 30px;
+          font-weight: 700;
+        }
+        .nub2 {
+          color: #6d7584;
+          font-size: 14px;
+        }
+      }
+      .taskbox {
+        width: 412px;
+        height: 160px;
+        border-radius: 10px;
+        position: relative;
+        margin-left: 68px;
+        margin-bottom: 40px;
+        cursor: pointer;
+        .leftt {
+          position: absolute;
+          top: 18px;
+          left: 0;
+        }
+        .photo {
+          position: absolute;
+          top: 42px;
+          left: 37px;
+        }
+        .rightt {
+          position: absolute;
+          top: 69px;
+          right: 26px;
+        }
+        .centerbox {
+          position: absolute;
+          top: 52px;
+          left: 145px;
+          font-size: 20px;
+          font-weight: 700;
+          //line-height: 36px;
+        }
+        .centermain {
+          color: rgba(135, 139, 146, 1);
+          font-size: 14px;
+          position: absolute;
+          left: 144px;
+          bottom: 49px;
+        }
+      }
+    }
+    .stagemess {
+      display: flex;
+      margin-left: 38px;
+      .stage1 {
+        width: 100px;
+        height: 33px;
+        text-align: center;
+        line-height: 34px;
+        border-radius: 6px;
+        color: #ffffff;
+        font-size: 16px;
+        background: #4ea6ff;
+        margin-right: 10px;
+        margin-top: 19px;
+        cursor: pointer;
+      }
+      .stage2 {
+        width: 100px;
+        height: 33px;
+        text-align: center;
+        line-height: 34px;
+        border-radius: 6px;
+        border: 1px solid #ebeef3;
+        color: #000000;
+        font-size: 16px;
+        background: #ffffff;
+        margin-right: 10px;
+        margin-top: 19px;
+        cursor: pointer;
+      }
+    }
+    .stagesecond {
+      display: flex;
+      margin-left: 39px;
+      margin-top: 29px;
+      .staname {
+        color: #999ba3;
+        font-size: 14px;
+      }
+      .stamess {
+        color: #4f5156;
+        font-size: 14px;
+      }
+    }
+    .stagelast {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      margin-bottom: 55px;
+      .stagepro {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-top: 55px;
+        margin-right: 120px;
+        .ant-progress-circle-path {
+          stroke: #4ea6ff;
+        }
+        .ant-progress-text {
+          color: #4ea6ff;
+          font-weight: 700;
+        }
+        .protext {
+          color: #6d7584;
+          font-size: 14px;
+          margin-top: 25px;
+        }
+      }
+      .proright {
+        width: 500px;
+        margin-top: 55px;
+        margin-left: 50px;
+        .ant-progress-bg {
+          height: 24px !important;
+          background: #4ea6ff;
+        }
+        .ant-progress-inner {
+          height: 24px;
+        }
+        .pronub {
+          color: #4ea6ff;
+          font-size: 14px;
+          margin: 5px 0;
+        }
+        .proright1 {
+          display: flex;
+          justify-content: right;
+          .textpro {
+            color: #6d7584;
+            font-size: 14px;
+            margin-right: 20px;
+          }
+          .ant-progress-text {
+            color: #4ea6ff;
+            font-size: 14px;
+            font-weight: 700;
+          }
+        }
+      }
+    }
+    .sametab {
+      // margin-left: 30px;
+      // margin-right: 30px;
+      margin-top: 30px;
+      width: 100%;
+      // background-color: green;
+      .Lhead {
+        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;
+            }
+          }
+        }
+      }
+      .Lbom {
+        position: relative;
+        margin-bottom: 20px;
+        .item {
+          width: 100%;
+          height: 200px;
+          // background-color: green;
+          margin-top: 40px;
+          border-radius: 8px;
+          border: 1px solid #f0f4fe;
+          .itemhead {
+            height: 50px;
+            width: 100%;
+            background-color: #f0f4fe;
+            display: flex;
+            align-items: center;
+            position: relative;
+            .lev {
+              margin-left: 27px;
+              margin-right: 16px;
+              line-height: 100%;
+              color: #409eff;
+              font-size: 16px;
+            }
+            .lin {
+              width: 1px;
+              height: 35%;
+              background-color: #c7cbd2;
+            }
+            .nam {
+              margin-left: 16px;
+              color: #4f5156;
+              line-height: 100%;
+              font-size: 16px;
+            }
+            .count {
+              position: absolute;
+              line-height: 100%;
+              color: #4f5156;
+              font-size: 14px;
+              right: 40px;
+              span:nth-child(2) {
+                color: #63ca8c;
+              }
+            }
+          }
+          .itembomm {
+            display: flex;
+            align-items: center;
+            height: 150px;
+            .it {
+              // margin-left: 110px;
+              // margin-right: 110px;
+              width: 13%;
+              text-align: center;
+              .on {
+                font-size: 30px;
+              }
+              .ittext {
+                color: #4f5156;
+                margin-top: 16px;
+                margin-left: -5px;
+              }
+            }
+            .linee {
+              background-color: #ecf2fb;
+              width: 1px;
+              height: 55%;
+            }
+            .itright {
+              position: absolute;
+              right: 45px;
+              display: flex;
+              .te {
+                color: #4ea6ff;
+                font-size: 14px;
+                cursor: pointer;
+              }
+              .more {
+                position: relative;
+                height: 30px;
+                display: flex;
+                .moreArrow {
+                  width: 13px;
+                  height: 7px;
+                  display: inline-block;
+                  background-image: url("../../assets/images/navtop/down.png");
+                  background-size: 100%;
+                  margin: 2px;
+                  margin-left: 7px;
+                  margin-top: 6px;
+                }
+                .moreItems {
+                  width: 80px;
+                  height: 70px;
+                  display: none;
+                  background: #ffffff;
+                  box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+                  border-radius: 3px;
+                  border: 0px solid #dcdcdc;
+                  position: absolute;
+                  left: 0px;
+                  top: 20px;
+                  z-index: 100;
+                  .roleItem {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: rgba(79, 81, 86, 1);
+                    line-height: 36px;
+                    display: flex;
+                    justify-content: center;
+                    cursor: pointer;
+                  }
+                  .roleItem:hover {
+                    color: #4ea6ff;
+                  }
+                }
+              }
+              .more:hover .moreArrow {
+                background-image: url("../../assets/images/navtop/up.png");
+              }
+              .more:hover .moreItems {
+                display: block;
+              }
+            }
+          }
+
+          .show {
+            color: blue;
+          }
+          .noshow {
+            display: none;
+          }
+        }
+        .create {
+          margin-top: 40px;
+          .taskbox {
+            width: 412px;
+            height: 160px;
+            border-radius: 10px;
+            position: relative;
+            // margin-left: 68px;
+            margin-bottom: 40px;
+            cursor: pointer;
+            .leftt {
+              position: absolute;
+              top: 18px;
+              left: 0;
+            }
+            .photo {
+              position: absolute;
+              top: 42px;
+              left: 37px;
+            }
+            .rightt {
+              position: absolute;
+              top: 69px;
+              right: 26px;
+            }
+            .centerbox {
+              position: absolute;
+              top: 52px;
+              left: 145px;
+              font-size: 20px;
+              font-weight: 700;
+              //line-height: 36px;
+            }
+            .centermain {
+              color: rgba(135, 139, 146, 1);
+              font-size: 14px;
+              position: absolute;
+              left: 144px;
+              bottom: 49px;
+            }
+          }
+        }
+      }
+    }
     .cont {
       display: flex;
 
@@ -1206,271 +2342,193 @@ export default {
         width: 40px;
         // background-color: red;
       }
-      .sametab {
-        // margin-left: 30px;
-        // margin-right: 30px;
-        margin-top: 30px;
-        width: 100%;
-        // background-color: green;
-        .Lhead {
-          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;
-              }
-            }
-          }
-        }
-        .Lbom {
-          position: relative;
-          margin-bottom: 20px;
-          .item {
-            width: 100%;
-            height: 200px;
-            // background-color: green;
-            margin-top: 40px;
-            border-radius: 8px;
-            border: 1px solid #f0f4fe;
-            .itemhead {
-              height: 50px;
-              width: 100%;
-              background-color: #f0f4fe;
-              display: flex;
-              align-items: center;
-              position: relative;
-              .lev {
-                margin-left: 27px;
-                margin-right: 16px;
-                line-height: 100%;
-                color: #409eff;
-                font-size: 16px;
-              }
-              .lin {
-                width: 1px;
-                height: 35%;
-                background-color: #c7cbd2;
-              }
-              .nam {
-                margin-left: 16px;
-                color: #4f5156;
-                line-height: 100%;
-                font-size: 16px;
-              }
-              .count {
-                position: absolute;
-                line-height: 100%;
-                color: #4f5156;
-                font-size: 14px;
-                right: 40px;
-                span:nth-child(2) {
-                  color: #63ca8c;
-                }
-              }
-            }
-            .itembomm {
-              display: flex;
-              align-items: center;
-              height: 150px;
-              .it {
-                // margin-left: 110px;
-                // margin-right: 110px;
-                width: 13%;
-                text-align: center;
-                .on {
-                  font-size: 30px;
-                }
-                .ittext {
-                  color: #4f5156;
-                  margin-top: 16px;
-                  margin-left: -5px;
-                }
-              }
-              .linee {
-                background-color: #ecf2fb;
-                width: 1px;
-                height: 55%;
-              }
-              .itright {
-                position: absolute;
-                right: 45px;
-                display: flex;
-                .te {
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  cursor: pointer;
-                }
-                .more {
-                  position: relative;
-                  height: 30px;
-                  display: flex;
-                  .moreArrow {
-                    width: 13px;
-                    height: 7px;
-                    display: inline-block;
-                    background-image: url("../../assets/images/navtop/down.png");
-                    background-size: 100%;
-                    margin: 2px;
-                    margin-left: 7px;
-                    margin-top: 6px;
-                  }
-                  .moreItems {
-                    width: 80px;
-                    height: 70px;
-                    display: none;
-                    background: #ffffff;
-                    box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-                    border-radius: 3px;
-                    border: 0px solid #dcdcdc;
-                    position: absolute;
-                    left: 0px;
-                    top: 20px;
-                    z-index: 100;
-                    .roleItem {
-                      font-size: 14px;
-                      font-weight: 400;
-                      color: rgba(79, 81, 86, 1);
-                      line-height: 36px;
-                      display: flex;
-                      justify-content: center;
-                      cursor: pointer;
-                    }
-                    .roleItem:hover {
-                      color: #4ea6ff;
-                    }
-                  }
-                }
-                .more:hover .moreArrow {
-                  background-image: url("../../assets/images/navtop/up.png");
-                }
-                .more:hover .moreItems {
-                  display: block;
-                }
-              }
-            }
+    }
 
-            .show {
-              color: blue;
-            }
-            .noshow {
-              display: none;
-            }
-          }
-          .create {
-            margin-top: 40px;
-            .taskbox {
-              width: 412px;
-              height: 160px;
-              border-radius: 10px;
-              position: relative;
-              // margin-left: 68px;
-              margin-bottom: 40px;
-              cursor: pointer;
-              .leftt {
-                position: absolute;
-                top: 18px;
-                left: 0;
-              }
-              .photo {
-                position: absolute;
-                top: 42px;
-                left: 37px;
-              }
-              .rightt {
-                position: absolute;
-                top: 69px;
-                right: 26px;
-              }
-              .centerbox {
-                position: absolute;
-                top: 52px;
-                left: 145px;
-                font-size: 20px;
-                font-weight: 700;
-                //line-height: 36px;
-              }
-              .centermain {
-                color: rgba(135, 139, 146, 1);
-                font-size: 14px;
-                position: absolute;
-                left: 144px;
-                bottom: 49px;
-              }
-            }
-          }
+    .onerow {
+      //width: 100%;
+      display: flex;
+      height: 40px;
+      position: relative;
+      margin-top: 15px;
+      margin-left: 38px;
+      //margin-right: 38px;
+      .taskmain {
+        font-size: 18px;
+        padding-top: 7px;
+        color: #000000;
+      }
+      .btn {
+        position: absolute;
+        top: 0;
+        right: 168px;
+        background-color: #409eff;
+        width: 130px;
+        height: 40px;
+        border-radius: 8px;
+        border: 1px solid #409eff;
+        color: #ffffff;
+        cursor: pointer;
+      }
+      .edit {
+        position: absolute;
+        right: 38px;
+        top: 0;
+        color: #409eff;
+        width: 100px;
+        height: 40px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+        .editimg {
+          width: 15px;
+          height: 15px;
+          margin-top: -2px;
+          margin-left: 25px;
+          margin-right: 5px;
+        }
+        .editext {
+          line-height: 40px;
+        }
+      }
+      .edit:hover {
+        color: #ffffff;
+        background-color: #409eff;
+        cursor: pointer;
+        .editimg {
+          background-image: url("../../assets/images/projectadd/edit1.png");
         }
       }
     }
+    .taskSyllabus {
+      // flex: 1;
+      overflow-x: auto;
+
+      .ant-collapse {
+        border: 0px;
+        background-color: rgba(255, 255, 255, 0);
+        min-width: 1040px;
+      }
+
+      .ant-collapse-content > .ant-collapse-content-box {
+        padding-top: 0px;
+        padding-bottom: 0px;
+      }
+      .ant-collapse > .ant-collapse-item {
+        border: 0px;
+      }
+      .ant-collapse-header {
+        display: flex;
+        height: 49px;
+        background-color: #eff4fc;
+        align-items: center;
+        margin-top: 20px;
+        margin-left: 38px;
+        margin-right: 40px;
+        font-size: 16px;
+        font-weight: 400;
+        color: #409eff;
+        line-height: 36px;
+        .ant-collapse-arrow {
+          margin-left: 15px !important;
+        }
+      }
+      .ant-collapse-content {
+        border-top: 0px;
+      }
+    }
+    .course {
+      //width: 100%;
+      flex-shrink: 0;
+      margin-right: 24px;
+
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      padding: 25px 0px;
+      margin-left: 22px;
+
+      //margin: 0 12px;
+      border: 1px solid #f2f6fc;
+      border-top: 0px;
+      .first {
+        //position: relative;
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        //height: 71px;
+        margin-left: 12px;
+        margin-right: 50px;
+
+        .iconame {
+          //position: absolute;
+          color: #4f5156;
+          font-size: 16px;
+          margin-left: 4px;
+        }
+        .icontext {
+          //positipn: absolute;
+          color: #999ba3;
+          font-size: 14px;
+          margin-left: 12px;
+          width: 83px;
+        }
+      }
+      .type {
+        //height: 71px;
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        margin-right: 50px;
+        .typename {
+          width: 63px;
+          height: 23px;
+          color: #5dc988;
+          font-size: 14px;
+          background-color: #f2f6fc;
+          border-radius: 4px;
+          text-align: center;
+        }
+        .typename1 {
+          width: 63px;
+          height: 23px;
+          color: #f0f4fe;
+          font-size: 14px;
+          background-color: #5dc988;
+          border-radius: 4px;
+          text-align: center;
+        }
+      }
+      .time {
+        //height: 71px;
+        flex-grow: 1;
+        margin-right: 50px;
+        .timetext {
+          font-size: 14px;
+          color: #999ba3;
+        }
+      }
+      .progress {
+        width: 168px;
+        margin-left: 10px;
+        margin-right: 50px;
+        flex-grow: 1;
+        .progresstext {
+          color: #ffc067;
+          font-size: 14px;
+        }
+      }
+      .operations {
+        display: flex;
+        width: 200px;
+        //flex-grow: 1;
+        .operation {
+          color: #4ea6ff;
+          font-size: 14px;
+          padding: 10px;
+          margin-left: auto;
+        }
+      }
+    }
+
     .xwid {
       // width: 100%;
       // height: 100%;
@@ -1708,6 +2766,28 @@ export default {
             color: #4ea6ff;
             cursor: pointer;
           }
+          .twobtn {
+            display: flex;
+            .btnone {
+              width: 42px;
+              height: 24px;
+              border: 1px solid rgba(64, 158, 255, 1);
+              border-radius: 4px;
+              color: rgba(64, 158, 255, 1);
+              margin-left: 20px;
+              cursor: pointer;
+            }
+            .btntwo {
+              width: 42px;
+              height: 24px;
+              border: 1px solid rgba(64, 158, 255, 1);
+              border-radius: 4px;
+              color: #FFFFFF;
+              margin-left: 20px;
+              background: #409EFF;
+              cursor: pointer;
+            }
+          }
         }
         .onemain {
           margin-top: 20px;
@@ -1730,6 +2810,21 @@ export default {
             .yulan2 {
               margin-left: 22px;
             }
+            .ant-input-number {
+              height: 24px;
+              width: 24px;
+              margin: 10px;
+              border-radius: 4px;
+              border: 1px solid #6D7584;
+              .ant-input-number-input {
+                width: 100%;
+                height: 100%;
+                font-size: 14px;
+                padding: 0;
+                color: #409EFF;
+                text-align: center;
+              }
+            }
           }
         }
         .twomain {
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 11b9e130..cbed01bb 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -8,18 +8,31 @@
           <div class="btnText" @click="showModal">添加关卡</div>
         </div>
         <div class="maincon" style="background-color: #fff">
-          <div class="item" v-for="item in level" :key="item.id">
-            <div class="itemle">
-              <div class="tit">{{ item.tit }}</div>
+          <div
+            class="item"
+            :class="{ active: isActive == true }"
+            @click="changebgc"
+            v-for="item in level"
+            :key="item.id"
+          >
+            <div class="items1">
+              <div class="box_left">
+                <div class="script">
+                  <span style="font-size: 12px; color: #ffffff">说明</span>
+                </div>
+                <div class="imgIcon"></div>
+              </div>
+              <div class="box_right">
+                <div class="imgIcon"></div>
+              </div>
+            </div>
+            <div class="items2">
               <div class="name">{{ item.name }}</div>
             </div>
-            <div class="itemri">
-              <img src="../../assets/images/leveladd/z1.png" />
-              <img
-                style="margin-top: 40px"
-                src="../../assets/images/leveladd/z2.png"
-              />
-            </div>
+            <!-- <div class="itemle">
+              <div class="tit">{{ item.tit }}</div>
+              <div class="name">{{ item.name }}</div>
+            </div> -->
           </div>
         </div>
       </div>
@@ -71,7 +84,7 @@
         </div>
       </div>
     </a-modal>
-    <div class="right">
+    <div class="right" :style="{ display: gqxy_hs ? 'block' : 'none' }">
       <div class="addhead">
         <div class="filt">
           <div class="le">
@@ -85,46 +98,16 @@
           </div>
           <div class="rightt">
             <div class="select">
-              <a-select
-                v-model:value="projectName"
-                style="width: 200px"
-                placeholder="自由学习模式"
-                :options="projectNameList"
-                @change="selectProjectName"
-                allowClear
-                showSearch
-              ></a-select>
-            </div>
-            <div class="line"></div>
-            <img class="img2" src="../../assets/images/leveladd/pub.png" />
-            <div class="pub">发布</div>
-            <div class="line"></div>
-            <img
-              style="margin-right: 15px"
-              class="img2"
-              src="../../assets/images/leveladd/more.png"
-            />
-            <!-- <div class="more">
-              <div style="color: #7096e3">更多</div>
-              <div class="moreArrow"></div>
-              <div class="moreItems">
-                <div class="sammo">撤回</div>
-                <div class="sammo">复制</div>
-              </div>
-            </div> -->
-            <div class="role">
-              <div style="white-space: nowrap">更多</div>
-              <div class="roleArrow"></div>
-              <div class="roleItems">
-                <div class="roleItem">复制</div>
-                <div class="roleItem">删除</div>
+              <span>学习模式：</span>
+              <div class="inputbox">
+                <input type="text" placeholder="按学习时间解锁" />
+                <div class="bottonbox"><div class="btnText">切换模式</div></div>
               </div>
             </div>
             <div class="line"></div>
             <router-link to="/leveladd">
               <div style="display: flex">
                 <img class="img2" src="../../assets/images/leveladd/back.png" />
-
                 <div class="return">返回</div>
               </div>
             </router-link>
@@ -254,28 +237,18 @@
       </div>
       <div class="boom">
         <div class="boomcen">
-          <div class="select">
-            <a-select
-              v-model:value="projectName"
-              style="width: 270px"
-              placeholder="移动任务到关卡"
-              :options="projectNameList2"
-              @change="selectProjectName2"
-              allowClear
-              showSearch
-            ></a-select>
-          </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 class="title">
+            <div class="tit_left">
+              <span>任务列表</span>
+            </div>
+            <div class="tit_right">
+              <div class="btn btn1">
+                <div class="btnText">移动到任务阶段</div>
+              </div>
+              <div class="btn btn2">
+                <div class="imgIcon"></div>
+                <div class="btnText">批量删除</div>
+              </div>
             </div>
           </div>
           <div class="tableBox">
@@ -293,19 +266,37 @@
                 onChange: onSelectChange,
               }"
             />
-
-            <div class="pa">
-              <a-pagination
-                showSizeChanger="true"
-                showQuickJumper="true"
-                hideOnSinglePage="true"
-                :pageSize="pageSize"
-                :current="currentPage"
-                :total="tableDataTotal"
-                class="pagination"
-              />
+          </div>
+          <!-- 无数据样式 -->
+          <div class="notable" :style="{ display: stm_hs ? 'block' : 'none' }">
+            <div class="notablebox">
+              <div class="boxbody">
+                <div class="boximg"></div>
+                <div class="boxtitle">
+                  <span style="color: #ffb64e; font-size: 20px">无任务</span>
+                </div>
+                <div class="boxtitle2">
+                  <span style="color: #878b92">请点击上方，创建任务</span>
+                </div>
+              </div>
+              <div class="smallleft"></div>
+              <div class="smallright"></div>
             </div>
           </div>
+          <!-- 无数据样式 -->
+        </div>
+      </div>
+      <div class="footbtn">
+        <div class="btnbox">
+          <div class="btn btn2">
+            <div class="btnText">暂存</div>
+          </div>
+          <div class="btn btn2">
+            <div class="btnText">确定</div>
+          </div>
+          <div class="btn btn1" @click="gqxy_hShow">
+            <div class="btnText">下一步</div>
+          </div>
         </div>
       </div>
       <div class="draw" style="position: relative">
@@ -345,6 +336,125 @@
         </a-drawer>
       </div>
     </div>
+    <div class="right" :style="{ display: gqxy_hs ? 'none' : 'block' }">
+      <div class="addhead">
+        <div class="filt">
+          <div class="le">
+            <div class="leftimg">
+              <img class="img" src="../../assets/px.jpg" />
+            </div>
+            <div class="imgfor">
+              <div class="forz">产品经理进阶路径</div>
+              <div class="fort">创建时间：2022-07-21 00:00</div>
+            </div>
+          </div>
+          <div class="rightt">
+            <div class="select">
+              <span>学习模式：</span>
+              <div class="inputbox">
+                <input type="text" placeholder="按学习时间解锁" />
+                <div class="bottonbox"><div class="btnText">切换模式</div></div>
+              </div>
+            </div>
+            <div class="line"></div>
+            <router-link to="/leveladd">
+              <div style="display: flex">
+                <img class="img2" src="../../assets/images/leveladd/back.png" />
+                <div class="return">返回</div>
+              </div>
+            </router-link>
+          </div>
+        </div>
+      </div>
+      <div class="boom">
+        <div class="boomcen">
+        <div class="xwid">
+          <div class="xin">
+            <div class="xheadb">
+              <button class="addx">添加学员</button>
+              <!-- 点击抽屉组件在LevelAdd，此处没添加showAddStu、showImpStu -->
+              <button class="addd">导入学员</button>
+              <button class="addd">批量删除</button>
+            </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="tableDataFunc2()"
+                :scroll="{ y: 235 }"
+                :data-source="tableData2"
+                :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
+                class="notable"
+                :style="{ display: stm_hs ? 'block' : 'none' }"
+              >
+                <div class="notablebox">
+                  <div class="boxbody">
+                    <div class="boximg"></div>
+                    <div class="boxtitle">
+                      <span style="color: #ffb64e; font-size: 20px"
+                        >无学员</span
+                      >
+                    </div>
+                    <div class="boxtitle2">
+                      <span style="color: #878b92">请添加学员或导入学员</span>
+                    </div>
+                  </div>
+                  <div class="smallleft"></div>
+                  <div class="smallright"></div>
+                </div>
+              </div>
+              <!-- 无数据样式 -->
+            </div>
+          </div>
+          <div class="pad"></div>
+        </div>
+        </div>
+      </div>
+      <div class="footbtn">
+        <div class="btnbox">
+          <div class="btn btn1" @click="gqxy_hShow">
+            <div class="btnText">上一步</div>
+          </div>
+          <div class="btn btn2">
+            <div class="btnText">保存</div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -392,40 +502,6 @@ export default {
   name: "LevelAddDetail",
   setup() {
     const state = reactive({
-      projectNameList: [
-        {
-          id: 1,
-          value: "项目一",
-          label: "项目一",
-        },
-        {
-          id: 2,
-          value: "项目二",
-          label: "项目二",
-        },
-        {
-          id: 3,
-          value: "项目三",
-          label: "项目三",
-        },
-        {
-          id: 4,
-          value: "项目四",
-          label: "项目四",
-        },
-      ],
-      projectNameList2: [
-        {
-          id: 1,
-          value: "删除任务",
-          label: "删除任务",
-        },
-        {
-          id: 2,
-          value: "移动任务到关卡",
-          label: "移动任务到关卡",
-        },
-      ],
       level: [
         {
           id: "1",
@@ -535,6 +611,80 @@ export default {
           checkedd: false,
         },
       ],
+      tableData2: [
+        {
+          key: 1,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+        },
+        {
+          key: 2,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+        },
+        {
+          key: 3,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+        },
+        {
+          key: 4,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡1",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+        },
+        {
+          key: 5,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡1",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+        },
+        {
+          key: 6,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+        },
+        {
+          key: 7,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+        },
+        {
+          key: 8,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          cur: "关卡2",
+          jin: "2/10",
+          time: "2022-07-15 14:00",
+        },
+      ],
       drawertableData: [
         {
           key: 1,
@@ -636,16 +786,13 @@ export default {
       visible: false,
       modal: false,
       clos: false,
+      stm_hs: false,
       value1: "",
       value2: "",
       selectedRowKeys: [],
+      isActive: false,
+      gqxy_hs: true,
     });
-    const selectProjectName = (value, index) => {
-      console.log("value", value, index);
-    };
-    const selectProjectName2 = (value, index) => {
-      console.log("value", value, index);
-    };
     const showDrawer = () => {
       state.visible = true;
     };
@@ -775,6 +922,95 @@ export default {
       ];
       return columns;
     };
+    const tableDataFunc2 = () => {
+      const columns = [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          // width: "30%",
+          key: "name",
+          width: 60,
+          align: "left",
+          className: "classify",
+
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: (text) => {
+            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: 120,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          className: "h",
+          dataIndex: "opacation",
+          key: "opacation",
+          width: 140,
+          align: "center",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: () => {
+            return (
+              <div class="opa">
+                <div class="opacation">
+                  <span style="color:#4EA6FF;cursor:pointer">删除</span>
+                </div>
+              </div>
+            );
+          },
+        },
+      ];
+      return columns;
+    };
 
     const onSelectChange = (selectedRowKeys) => {
       console.log("selectedRowKeys changed: ", selectedRowKeys);
@@ -800,11 +1036,16 @@ export default {
       document.getElementsByTagName("main")[0].style.boxShadow =
         "0px 1px 35px 0px rgba(118, 136, 166, 0.07)";
     });
+    const changebgc = () => {
+      state.isActive = !state.isActive;
+    };
+    const gqxy_hShow = () => {
+      state.gqxy_hs = !state.gqxy_hs;
+    };
     return {
       ...toRefs(state),
-      selectProjectName,
-      selectProjectName2,
       tableDataFunc,
+      tableDataFunc2,
       showDrawer,
       closeDrawer,
       showModal,
@@ -812,6 +1053,8 @@ export default {
       afterVisibleChange,
       drawercolumns,
       onSelectChange,
+      changebgc,
+      gqxy_hShow,
     };
   },
 };
@@ -1041,17 +1284,10 @@ export default {
   width: 100%;
   display: flex;
   min-width: 933px;
-  // min-width: 1200px;
-  // overflow-x: hidden;
-  // min-width: 1400px;
-  // overflow: scroll;
   background-color: rgba(245, 247, 250, 1);
   .left {
     margin-right: 20px;
     width: 208px;
-    // height: 100%;
-    // flex: 1;
-    // height: 100%;
     background: #ffffff;
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     display: flex;
@@ -1063,18 +1299,14 @@ export default {
         font-size: 18px;
         color: #363636;
       }
-
-      // flex-wrap: wrap;
       .btn {
         margin-top: 20px;
-        // padding: 0px 26px 0px 26px;
         height: 38px;
         background: #fff6e8;
         border-radius: 8px;
         display: flex;
         align-items: center;
         justify-content: center;
-        // margin-right: 14px;
         flex-shrink: 0;
         cursor: pointer;
         .search {
@@ -1084,7 +1316,6 @@ export default {
           font-size: 14px;
           font-weight: 400;
           color: #ffb64e;
-          // line-height: 38px;
           margin-top: 4px;
           margin-left: 5px;
         }
@@ -1105,46 +1336,66 @@ export default {
         width: 208px;
         display: flex;
         flex-direction: column;
-        align-items: center; // background-color: #bfa;
+        align-items: center;
         .item {
           width: 171px;
           height: 83px;
-          display: flex;
           background: rgba(255, 182, 78, 0.1);
           border: 1px solid #ffb64e;
           opacity: 0.45;
           border-radius: 8px;
-          margin-bottom: 17px;
+          margin-bottom: 16px;
           align-items: center;
-          position: relative;
-          .itemle {
-            margin-left: 17px;
-            .tit {
-              color: black;
-              // color: red;
-              font-size: 14px;
-              margin-bottom: 8px;
-              font-weight: bold;
-              white-space: nowrap;
-              text-overflow: ellipsis;
-              overflow: hidden;
-              width: 100px;
-            }
-            .name {
-              font-size: 14px;
-              color: #878b92;
-              white-space: nowrap;
-              text-overflow: ellipsis;
-              overflow: hidden;
-              width: 100px;
-            }
-          }
-          .itemri {
+          padding: 16px;
+          opacity: 0.5;
+          cursor: pointer;
+          .items1 {
+            margin-bottom: 12px;
             display: flex;
-            flex-direction: column;
-            position: absolute;
-            right: 16px;
+            align-items: center;
+            .box_left {
+              width: 140px;
+              display: flex;
+              align-items: center;
+              .script {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                width: 56px;
+                height: 24px;
+                background: #ffb64e;
+                border-radius: 6px;
+                margin-right: 12px;
+                white-space: nowrap;
+              }
+              .imgIcon {
+                width: 14px;
+                height: 14px;
+                background-image: url(@/assets/images/leveladd/edit.png);
+                background-size: 100% 100%;
+              }
+            }
+            .box_right {
+              .imgIcon {
+                width: 14px;
+                height: 14px;
+                background-image: url(@/assets/images/leveladd/z1.png);
+                background-size: 100% 100%;
+              }
+            }
           }
+          .items2 {
+            .name {
+              width: 100px;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              font-weight: bold;
+            }
+          }
+        }
+        .active {
+          opacity: 1;
         }
       }
     }
@@ -1201,16 +1452,44 @@ export default {
         }
 
         .rightt {
-          // width: 500px;
           height: 100%;
-          // background-color: red;
-          // position: absolute;
-          // right: 0;
           display: flex;
           align-items: center;
           .select {
-            margin-right: 50px;
-            // margin-bottom: 20px;
+            display: flex;
+            align-items: center;
+            white-space: nowrap;
+            margin-right: 56px;
+            .inputbox {
+              display: flex;
+              align-items: center;
+              border: 1px solid #c7cbd2;
+              width: 238px;
+              height: 40px;
+              border-radius: 8px;
+              input {
+                border: none;
+                outline: none;
+              }
+              .bottonbox {
+                width: 100px;
+                height: 40px;
+                background: #409eff;
+                border-radius: 8px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                cursor: pointer;
+                flex-shrink: 0;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  color: #ffffff;
+                  line-height: 36px;
+                  margin-left: 5px;
+                }
+              }
+            }
           }
           .line {
             height: 60px;
@@ -1218,27 +1497,6 @@ export default {
             background-color: #e8effa;
             margin-right: 18px;
           }
-          .img2 {
-            width: 42px;
-            height: 42px;
-            margin-right: 18px;
-          }
-          .pub {
-            color: #ffb64e;
-            font-size: 14px;
-            margin-top: 5px;
-            margin-right: 30px;
-            cursor: pointer;
-            white-space: nowrap;
-          }
-          @media screen and (max-width: 1050px) {
-            .pub {
-              margin-right: 10px;
-            }
-            .line {
-              margin-right: 10px;
-            }
-          }
           .return {
             color: #4ea6ff;
             font-size: 14px;
@@ -1246,53 +1504,6 @@ export default {
             margin-right: 20px;
             white-space: nowrap;
           }
-
-          .role {
-            display: flex;
-            align-items: center;
-            font-size: 16px;
-            font-weight: 400;
-            color: #333330;
-            line-height: 36px;
-            cursor: pointer;
-            position: relative;
-            margin-right: 20px;
-            .roleArrow {
-              width: 13px;
-              height: 7px;
-              margin-left: 8px;
-              background-image: url(../../assets/images/navtop/down.png);
-              background-size: 100%;
-            }
-            .roleItems {
-              width: 109px;
-              height: 90px;
-              padding-top: 10px;
-              background: #ffffff;
-              box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-              position: absolute;
-              top: 35px;
-              right: 0px;
-              text-align: center;
-              display: none;
-              z-index: 100;
-            }
-            .roleItem {
-              font-size: 14px;
-              font-weight: 400;
-              color: rgba(79, 81, 86, 1);
-              line-height: 36px;
-            }
-            .roleItem:hover {
-              color: #4ea6ff;
-            }
-          }
-          .role:hover .roleItems {
-            display: block;
-          }
-          .role:hover .roleArrow {
-            background-image: url(../../assets/images/navtop/up.png);
-          }
         }
       }
     }
@@ -1301,7 +1512,6 @@ export default {
       width: 100%;
       // height: 130px;
       margin-top: 20px;
-      margin-bottom: 20px;
       background-color: #fff;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
       display: flex;
@@ -1342,8 +1552,8 @@ export default {
       }
     }
     .boom {
-      position: relative;
       width: 100%;
+      margin-top: 20px;
       flex: 1;
       background-color: #fff;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
@@ -1353,43 +1563,62 @@ export default {
         width: 95%;
         // height: 100%;
         // background-color: #bfa;
-        .select {
-          margin-top: 30px;
-        }
-        .talk {
-          margin-top: 24px;
-          margin-bottom: 11px;
-          width: 100%;
-          height: 50px;
-          background: #f5faff;
-          border: 1px solid #4ea6ff;
-          // opacity: 0.22;
+        .title {
           display: flex;
           align-items: center;
-          .im {
-            width: 14px;
-            height: 15px;
-            margin-left: 27px;
+          justify-content: space-between;
+          .tit_left {
+            font-size: 16px;
+            font-weight: 500;
+            color: #363636;
+            line-height: 36px;
+            margin-top: 30px;
           }
-          .xu {
-            height: 100%;
-            line-height: 50px;
-            margin-left: 13px;
-            .yi {
-              color: #4f5156;
-              font-size: 14px;
+          .tit_right {
+            display: flex;
+            align-items: center;
+            margin-top: 30px;
+            .btn {
+              padding: 0px 26px 0px 26px;
+              height: 38px;
+              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;
+              white-space: nowrap;
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 36px;
+                margin-left: 5px;
+              }
             }
-            .zon {
-              color: #999ba3;
-              font-size: 14px;
-              margin-left: 34px;
+            .btn1 {
+              background-color: #409eff;
+              .btnText {
+                color: #ffffff;
+              }
             }
-            .th {
-              color: #4ea6ff;
+            .btn2 {
+              background-color: #ffffff;
+              .imgIcon {
+                width: 16px;
+                height: 16px;
+                background-image: url(@/assets/images/projectadd/delete.png);
+                background-size: 100%;
+              }
+              .btnText {
+                color: #409eff;
+              }
             }
           }
         }
         .tableBox {
+          margin-top: 21px;
           margin-bottom: 80px;
           .classify {
             margin-left: 10px !important;
@@ -1415,31 +1644,368 @@ export default {
             > td {
             background: #f6f9fd;
           }
-          .pa {
-            left: 0;
+        }
+        .xwid {
+        position: relative;
+        margin-top: 30px;
+        display: flex;
+        margin-bottom: 20px;
+        .xin {
+          width: 100%;
+          .xheadb {
+            display: flex;
+            .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;
+            }
+            .select {
+              .ant-select {
+                //
+                // border: 0 !important;
+                border-radius: 11px;
+                .ant-select-selector {
+                  border: 1px solid #4ea6ff !important;
+                  .ant-select-selection-placeholder {
+                    padding-left: 15px;
+                    color: #4ea6ff;
+                  }
+                }
+              }
+            }
+          }
+          .talk {
+            margin-top: 24px;
+            margin-bottom: 11px;
             width: 100%;
-            // height: 20px;
+            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: 38px !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 {
+          height: 100%;
+          width: 40px;
+        }
+        .Gin {
+          // background-color: #bfa;
+          margin-top: 30px;
+          .headone {
             // background-color: red;
             display: flex;
+            text-align: center;
+            .box {
+              width: 4px;
+              height: 20px;
+              background-color: #4ea6ff;
+              border-radius: 2px;
+            }
+            .onetitle {
+              margin-left: 15px;
+              color: #333333;
+              font-size: 14px;
+            }
+            .oneedi {
+              margin-left: 15px;
+              color: #4ea6ff;
+              cursor: pointer;
+            }
+            .twobtn {
+              display: flex;
+              .btnone {
+                width: 42px;
+                height: 24px;
+                border: 1px solid rgba(64, 158, 255, 1);
+                border-radius: 4px;
+                color: rgba(64, 158, 255, 1);
+                margin-left: 20px;
+                cursor: pointer;
+              }
+              .btntwo {
+                width: 42px;
+                height: 24px;
+                border: 1px solid rgba(64, 158, 255, 1);
+                border-radius: 4px;
+                color: #ffffff;
+                margin-left: 20px;
+                background: #409eff;
+                cursor: pointer;
+              }
+            }
+          }
+          .onemain {
+            margin-top: 20px;
+            margin-left: 55px;
+            color: #6f6f6f;
+            font-size: 14px;
+            .checkcon {
+              position: relative;
+              .in {
+                position: absolute;
+                // margin-top: 10px;
+                left: 0;
+                top: 3px;
+              }
+              .yulan {
+                // color: yellow;
+                margin-left: 22px;
+                // display: inline-block;
+              }
+              .yulan2 {
+                margin-left: 22px;
+              }
+              .ant-input-number {
+                height: 24px;
+                width: 24px;
+                margin: 10px;
+                border-radius: 4px;
+                border: 1px solid #6d7584;
+                .ant-input-number-input {
+                  width: 100%;
+                  height: 100%;
+                  font-size: 14px;
+                  padding: 0;
+                  color: #409eff;
+                  text-align: center;
+                }
+              }
+            }
+          }
+          .twomain {
+            margin-left: 20px;
+            margin-top: 20px;
+            .ant-switch-checked {
+              background-color: #5dc988;
+            }
+            .info {
+              margin-left: 10px;
+              color: #6f6f6f;
+              font-size: 14px;
+              // margin-top: 10px;
+            }
+            .infor {
+              margin-left: 38px;
+              margin-top: 10px;
+              color: #c7cbd2;
+              font-size: 14px;
+            }
+            .chooseshow {
+              // background-color: red;
+              margin-left: 38px;
+              margin-top: 12px;
+              .fane {
+                color: #6f6f6f;
+                font-size: 14px;
+              }
+            }
+            .choo {
+              display: none;
+            }
+            .btm {
+              margin-left: 38px;
+              margin-top: 20px;
+              .bmo {
+                color: #6f6f6f;
+                font-size: 14px;
+              }
+              .bmt {
+                color: #c7cbd2;
+                font-size: 14px;
+                margin-top: 3px;
+              }
+              .chosecon {
+                display: flex;
+                margin-top: 6px;
+                margin-bottom: 20px;
+                .chose {
+                  position: relative;
+                  .inl {
+                    position: absolute;
+                    top: 2px;
+                  }
+                  .sh {
+                    margin-left: 23px;
+                    color: #6f6f6f;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+        .notable {
+          width: 100%;
+          height: 100%;
+          .notablebox {
+            width: 412px;
+            height: 212px;
+            background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
+            border-radius: 10px;
+            display: flex;
             justify-content: center;
-            position: absolute;
-            bottom: 20px;
+            text-align: center;
+            margin: 77px auto 109px auto;
+            cursor: pointer;
+            position: relative;
+            .smallleft {
+              position: absolute;
+              top: 18px;
+              left: 0px;
+              width: 8px;
+              height: 21px;
+              border-radius: 0px 4px 4px 0px;
+              background-color: #ffb64e;
+            }
+            .smallright {
+              position: absolute;
+              bottom: 18px;
+              right: 0px;
+              width: 8px;
+              height: 21px;
+              border-radius: 4px 0px 0px 4px;
+              background-color: #ffb64e;
+            }
+            .boxbody {
+              .boximg {
+                width: 72px;
+                height: 72px;
+                margin: 32px auto 20px auto;
+                background-image: url(@/assets/images/coursewareManage/nostate.png);
+                background-size: 100% 100%;
+              }
+              .boxtitle {
+                margin-bottom: 4px;
+              }
+            }
+          }
+        }
+      }
+    }
+    .footbtn {
+      width: 100%;
+      flex: 1;
+      background-color: #fff;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
+      display: flex;
+      justify-content: end;
+      .btnbox {
+        display: flex;
+        margin-right: 36px;
+        .btn {
+          padding: 0px 26px 0px 26px;
+          height: 38px;
+          border-radius: 8px;
+          border: 1px solid rgba(64, 158, 255, 1);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+          margin: 21px 0px 19px 14px;
+          cursor: pointer;
+          white-space: nowrap;
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 36px;
+            margin-left: 5px;
+          }
+        }
+        .btn1 {
+          background-color: #409eff;
+          .btnText {
+            color: #ffffff;
+          }
+        }
+        .btn2 {
+          background-color: #ffffff;
+          .btnText {
+            color: #409eff;
           }
         }
       }
     }
-    // .drawerbox {
-    //   // margin: 20px 38px 30px;
-    //   th.h {
-    //     background-color: #eff4fc !important;
-    //   }
-
-    //   .ant-table-tbody
-    //     > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-    //     > td {
-    //     background: #f6f9fd;
-    //   }
-    // }
   }
 
   .opat {
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index aeeedb2e..078557c2 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -372,9 +372,10 @@
                               ? 'flex'
                               : 'none',
                         }"
-                        
                         @click="
-                          item.course === '面授' ? showCopyModal(item.course) : null
+                          item.course === '面授'
+                            ? showCopyModal(item.course)
+                            : null
                         "
                       >
                         二维码
@@ -788,13 +789,12 @@
           </div>
         </a-tab-pane>
         <a-tab-pane key="4" tab="公告">
-
           <NoticePub></NoticePub>
         </a-tab-pane>
         <a-tab-pane key="5" tab="项目积分">
           <ProjectScore></ProjectScore>
         </a-tab-pane>
-         
+
         <a-tab-pane key="6" tab="排行榜">
           <div class="content6">
             <div class="title">排行榜</div>
@@ -1488,7 +1488,7 @@
             <div class="close_exit" @click="closeCopyModal"></div>
           </div>
           <div class="body">
-            <div><img src="../../assets/images/taskpage/erweima.png"/></div>
+            <div><img src="../../assets/images/taskpage/erweima.png" /></div>
           </div>
           <div class="footerr">
             <div class="onload">下载二维码</div>
@@ -1538,7 +1538,6 @@ export default {
     NoticePub,
     ProjectScore,
     TaskImpStu,
-
   },
   setup() {
     const state = reactive({
@@ -2298,19 +2297,27 @@ export default {
               justifyContent: "center",
             }}
           >
-            <div class="studentopea1" onClick={() => {
-              if(value.excellent === false){
-                state.canclestu = true;
-              }else if(value.excellent === true){
-                state.canclestu = false;
-              }
-                    }}>
+            <div
+              class="studentopea1"
+              onClick={() => {
+                if (value.excellent === false) {
+                  state.canclestu = true;
+                } else if (value.excellent === true) {
+                  state.canclestu = false;
+                }
+              }}
+            >
               {value.excellent ? "取消优秀" : "优秀学员"}
             </div>
 
-            <div class="studentopea2" onClick={() => {
-                      state.Seevisible = true;
-                    }}>查看</div>
+            <div
+              class="studentopea2"
+              onClick={() => {
+                state.Seevisible = true;
+              }}
+            >
+              查看
+            </div>
             <div class="studentSelect">
               <a-select
                 style="width: 50px"
@@ -2319,9 +2326,13 @@ export default {
                 dropdownClassName="tabledropdown"
               >
                 <a-select-option value="换组" label="换组">
-                  <div onClick={() => {
+                  <div
+                    onClick={() => {
                       state.Changevisible = true;
-                    }}>换组</div>
+                    }}
+                  >
+                    换组
+                  </div>
                 </a-select-option>
                 <a-select-option value="删除" label="删除">
                   <div
@@ -3560,7 +3571,6 @@ export default {
         }
       }
     }
-   
   }
   .content3 {
     margin-top: 20px;
diff --git a/src/views/projectcenter/TemplateLibrary.vue b/src/views/projectcenter/TemplateLibrary.vue
index 12d90e0e..8c6c4732 100644
--- a/src/views/projectcenter/TemplateLibrary.vue
+++ b/src/views/projectcenter/TemplateLibrary.vue
@@ -54,10 +54,8 @@
     </div>
   </div>
 </template>
-
 <script>
 import { reactive, defineComponent, toRefs } from "vue";
-
 const columns1 = [
   {
     title: "模版名称",
@@ -74,7 +72,6 @@ const columns1 = [
     key: "status",
     align: "center",
   },
-
   {
     title: "创建人",
     width: "18%",
@@ -98,7 +95,6 @@ const columns1 = [
     align: "center",
   },
 ];
-
 export default defineComponent({
   name: "TemplateLibrary",
   setup() {
@@ -144,16 +140,16 @@ export default defineComponent({
         {
           //单层项目
           value.operation = (
-            <div class="operation" style="justify-content: center;">
+            <div class="operation" style="justify-content: flex-end;">
               <div class="nSelect">
                 {value.status === "已发布" ? (
                   <div class="nselect">
-                    <div class="ops1">
-                      <div class="jc"></div>
-                    </div>
                     <div class="ops2">
                       <router-link to="/libraryadd">
-                        <div class="jc">查看</div>
+                        <div class="jc">
+                          查看{" "}
+                          <span style="color:#E9E9E9;margin-left:8px;">|</span>
+                        </div>
                       </router-link>
                     </div>
                     <div class="ops3">
@@ -166,11 +162,17 @@ export default defineComponent({
                 {value.status === "未发布" ? (
                   <div class="nselect">
                     <div class="ops1">
-                      <div class="jc">发布</div>
+                      <div class="jc">
+                        发布
+                        <span style="color:#E9E9E9;margin-left:8px;">|</span>
+                      </div>
                     </div>
                     <div class="ops2">
                       <router-link to="/libraryadd">
-                        <div class="jc">查看</div>
+                        <div class="jc">
+                          查看
+                          <span style="color:#E9E9E9;margin-left:8px;">|</span>
+                        </div>
                       </router-link>
                     </div>
                     <div class="ops3">
@@ -195,7 +197,6 @@ export default defineComponent({
   },
 });
 </script>
-
 <style lang="scss">
 .templatelibrary {
   width: 100%;
@@ -304,7 +305,6 @@ export default defineComponent({
             display: flex;
             .jc {
               margin-left: 20px;
-              width: 28px;
               white-space: nowrap;
               cursor: pointer;
             }
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index 826fc564..6debe957 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -766,14 +766,18 @@ export default {
               padding-left: 26px;
               font-size: 16px;
               .del-icon {
-                display: flex;
-                align-items: center;
-                margin-right: 10px;
-                // background-image: url(@/assets/images/coursewareManage/notice.png);
-                img{
-                  background-size: 100% 100%;
                   width: 16px;
                   height: 16px;
+                  position: relative;
+                  margin-right: 10px;
+                // background-image: url(@/assets/images/coursewareManage/notice.png);
+                img{
+                  width: 100%;
+                  height: 100%;
+                  position: absolute;
+                  top:0px;
+                  left:0px;
+                  background-size: 100% 100%;
                 }
               }
               .icon {