diff --git a/src/assets/images/navtop/download.png b/src/assets/images/navtop/download.png
new file mode 100644
index 00000000..b57da379
Binary files /dev/null and b/src/assets/images/navtop/download.png differ
diff --git a/src/assets/images/navtop/signout.png b/src/assets/images/navtop/signout.png
index c1ab86ec..4c0db17f 100644
Binary files a/src/assets/images/navtop/signout.png and b/src/assets/images/navtop/signout.png differ
diff --git a/src/assets/images/taskpage/QR.png b/src/assets/images/taskpage/QR.png
new file mode 100644
index 00000000..b5c69378
Binary files /dev/null and b/src/assets/images/taskpage/QR.png differ
diff --git a/src/assets/images/taskpage/copper.png b/src/assets/images/taskpage/copper.png
new file mode 100644
index 00000000..7cfdaf82
Binary files /dev/null and b/src/assets/images/taskpage/copper.png differ
diff --git a/src/assets/images/taskpage/erweima.png b/src/assets/images/taskpage/erweima.png
new file mode 100644
index 00000000..b5c69378
Binary files /dev/null and b/src/assets/images/taskpage/erweima.png differ
diff --git a/src/assets/images/taskpage/gold.png b/src/assets/images/taskpage/gold.png
new file mode 100644
index 00000000..e6df2f66
Binary files /dev/null and b/src/assets/images/taskpage/gold.png differ
diff --git a/src/assets/images/taskpage/group.png b/src/assets/images/taskpage/group.png
new file mode 100644
index 00000000..0aebd62d
Binary files /dev/null and b/src/assets/images/taskpage/group.png differ
diff --git a/src/assets/images/taskpage/group0.png b/src/assets/images/taskpage/group0.png
new file mode 100644
index 00000000..1af4208b
Binary files /dev/null and b/src/assets/images/taskpage/group0.png differ
diff --git a/src/assets/images/taskpage/pub0.png b/src/assets/images/taskpage/pub0.png
new file mode 100644
index 00000000..ad55b034
Binary files /dev/null and b/src/assets/images/taskpage/pub0.png differ
diff --git a/src/assets/images/taskpage/siler.png b/src/assets/images/taskpage/siler.png
new file mode 100644
index 00000000..428e9a8a
Binary files /dev/null and b/src/assets/images/taskpage/siler.png differ
diff --git a/src/assets/images/taskpage/stu.png b/src/assets/images/taskpage/stu.png
new file mode 100644
index 00000000..c0d5c21b
Binary files /dev/null and b/src/assets/images/taskpage/stu.png differ
diff --git a/src/assets/images/taskpage/stu0.png b/src/assets/images/taskpage/stu0.png
new file mode 100644
index 00000000..24cd0aaf
Binary files /dev/null and b/src/assets/images/taskpage/stu0.png differ
diff --git a/src/components/NavTop.vue b/src/components/NavTop.vue
index b8e05d2a..d1c19f19 100644
--- a/src/components/NavTop.vue
+++ b/src/components/NavTop.vue
@@ -33,23 +33,37 @@
           />
           <div>李玉冰</div>
         </div>
-        <img
-          style="
-            width: 27px;
-            height: 26px;
-            margin: 27px 29px 0px 31px;
-            cursor: pointer;
-          "
-          src="../assets/images/navtop/signout.png"
-        />
+        <div
+          class="signOutMain"
+          style="margin: 0px 33px 0px 35px"
+          @click="showDrawer"
+        >
+          <img
+            style="width: 22px; height: 22px"
+            src="../assets/images/navtop/download.png"
+          />
+          <span class="signOut">下载</span>
+        </div>
+        <div class="signOutMain">
+          <img
+            style="width: 27px; height: 27px"
+            src="../assets/images/navtop/signout.png"
+          />
+          <span class="signOut">退出</span>
+        </div>
       </div>
     </div>
   </div>
+  <down-load v-model:downloadVisible="visible" />
 </template>
 <script>
 import { reactive, toRefs } from "vue";
+import DownLoad from "../components/drawers/DownLoad";
 export default {
   name: "NavTop",
+  components: {
+    DownLoad,
+  },
   setup() {
     const state = reactive({
       selectRole: "管理员",
@@ -63,6 +77,8 @@ export default {
           name: "学员",
         },
       ],
+
+      visible: false,
     });
     const changeRole = (value) => {
       state.roleList.map((item) => {
@@ -71,9 +87,14 @@ export default {
         }
       });
     };
+    const showDrawer = () => {
+      state.visible = true;
+      console.log("点击下载", state.visible);
+    };
     return {
       ...toRefs(state),
       changeRole,
+      showDrawer,
     };
   },
 };
@@ -148,6 +169,19 @@ export default {
       color: #b3bdc4;
       line-height: 36px;
     }
+    .signOutMain {
+      cursor: pointer;
+      margin-right: 29px;
+      display: flex;
+      align-items: center;
+    }
+    .signOut {
+      font-size: 16px;
+      font-weight: 400;
+      color: #242424;
+      line-height: 22px;
+      margin-left: 5px;
+    }
   }
 }
 </style>
diff --git a/src/components/drawers/AddCase.vue b/src/components/drawers/AddCase.vue
index f1fe0313..bb2481a0 100644
--- a/src/components/drawers/AddCase.vue
+++ b/src/components/drawers/AddCase.vue
@@ -52,26 +52,19 @@
               :columns="columns1"
               :data-source="tableData1"
               :loading="tableDataTotal === -1 ? true : false"
-              :pagination="{
-                showSizeChanger: true,
-                showQuickJumper: true,
-                hideOnSinglePage: true,
-                pageSizeOptions: [],
-                pageSize: pageSize,
-                current: currentPage,
-                total: tableDataTotal,
-                onChange: (page, pageSize) => {
-                  currentPage = page;
-                  // console.log('page', page)
-                  // 加翻页查找代码
-                  // 	this.setState({
-                  // 		currentPage: page,
-                  // 	}, () => {
-                  // 		this.getMilitaryDeployment()
-                  // 	})
-                },
-              }"
+              :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="main_btns">
@@ -316,6 +309,44 @@
             }
           }
         }
+        .main_table {
+          position: relative;
+            padding-bottom: 80px;
+            .classify {
+              margin-left: 10px !important;
+              padding-left: 9px !important;
+            }
+            .ant-checkbox-wrapper {
+              align-items: center;
+              margin-top: -2px;
+            }
+            .ant-table-selection-column {
+              padding: 0px !important;
+              padding-left: 60px !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: 20px;
+            }
+          }
       }
   
       .main_btns {
diff --git a/src/components/drawers/AddLevelAddStu.vue b/src/components/drawers/AddLevelAddStu.vue
index d325f8af..98c35cb1 100644
--- a/src/components/drawers/AddLevelAddStu.vue
+++ b/src/components/drawers/AddLevelAddStu.vue
@@ -3,7 +3,7 @@
     :visible="AddSvisible"
     class="drawerStyle AddLevelAddStu"
     placement="right"
-    width="60%"
+    width="70%"
     @after-visible-change="afterVisibleChange"
   >
     <div class="drawerMain">
@@ -20,35 +20,39 @@
           <div class="tabs">
             <a-tabs v-model:activeKey="activeKey">
               <a-tab-pane key="1" tab="快速选人">
-                <div class="tab1">
-                  <div class="nameinp">
-                    <div class="namee">姓名：</div>
-                    <a-input
-                      v-model:value="name"
-                      style="width: 270px; height: 40px; border-radius: 8px"
-                      placeholder="请输入姓名"
-                    />
-                  </div>
-                  <div class="btns">
-                    <div class="btn1">
-                      <div class="img1">
-                        <img
-                          src="../../assets/images/courseManage/search0.png"
-                        />
-                      </div>
-                      <div class="wz">搜索</div>
+                <div
+                  :style="{ height: screenHeight - 235 + 'px' }"
+                  style="overflow-y: auto"
+                >
+                  <div class="tab1">
+                    <div class="nameinp">
+                      <div class="namee">姓名：</div>
+                      <a-input
+                        v-model:value="name"
+                        style="width: 270px; height: 40px; border-radius: 8px"
+                        placeholder="请输入姓名"
+                      />
                     </div>
-                    <div class="btn2">
-                      <div class="img2">
-                        <img
-                          src="../../assets/images/courseManage/reset1.png"
-                        />
+                    <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 class="wz">重置</div>
                     </div>
                   </div>
-                </div>
-                <!-- <div class="line">
+                  <!-- <div class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -61,90 +65,11 @@
                     <div class="right1">清空</div>
                   </div>
                 </div> -->
-                <div class="tabb" style="margin-top: 16px">
-                  <a-table
-                    style="border: 1px solid #f2f6fe"
-                    :columns="tablecolumns"
-                    :data-source="tabledata"
-                    :loading="tableDataTotal === -1 ? true : false"
-                    expandRowByClick="true"
-                    :scroll="{ x: 500, y: 560 }"
-                    @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>
-              </a-tab-pane>
-              <a-tab-pane key="2" tab="添加组织" force-render>
-                <div class="tab2">
-                  <div class="t1">
-                    <div class="organize">选择组织：</div>
-                    <div class="select">
-                      <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">
-                        <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="tabb" style="margin-top: 16px">
                     <a-table
                       style="border: 1px solid #f2f6fe"
-                      :columns="tablecolumns1"
-                      :data-source="tabledata1"
+                      :columns="tablecolumns"
+                      :data-source="tabledata"
                       :loading="tableDataTotal === -1 ? true : false"
                       expandRowByClick="true"
                       :scroll="{ x: 500, y: 560 }"
@@ -152,8 +77,8 @@
                       :pagination="false"
                       :row-selection="{
                         columnWidth: 30,
-                        selectedRowKeys: selectedRowKeys1,
-                        onChange: onSelectChange1,
+                        selectedRowKeys: selectedRowKeys,
+                        onChange: onSelectChange,
                       }"
                     />
                     <div class="pa">
@@ -161,54 +86,147 @@
                         showSizeChanger="true"
                         showQuickJumper="true"
                         hideOnSinglePage="true"
-                        :pageSize="pageSize1"
-                        :current="currentPage1"
-                        :total="tableDataTotal1"
+                        :pageSize="pageSize"
+                        :current="currentPage"
+                        :total="tableDataTotal"
                         class="pagination"
                       />
                     </div>
                   </div>
                 </div>
               </a-tab-pane>
-              <a-tab-pane key="3" tab="受众关联">
-                <div class="tab1">
-                  <div class="t1">
-                    <div class="nameinp">
-                      <div class="namee">选择受众：</div>
+              <a-tab-pane key="2" tab="添加组织" force-render>
+                <div
+                  :style="{ height: screenHeight - 235 + 'px' }"
+                  style="overflow-y: auto"
+                >
+                  <div class="tab2">
+                    <div class="t1">
+                      <div class="organize">选择组织：</div>
                       <div class="select">
-                        <a-select
-                          v-model:value="choosevalue"
-                          style="width: 200px; border-radius: 8px"
+                        <a-tree-select
+                          v-model:value="valueSelect"
+                          style="width: 200px"
+                          dropdownClassName="changetreedropdown"
+                          :dropdown-style="{
+                            maxHeight: '400px',
+                            overflow: 'auto',
+                          }"
                           placeholder="请输入组织名称"
-                          :options="organizeList1"
+                          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">
+                          <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="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="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" />
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">
+                <div
+                  :style="{ height: screenHeight - 235 + 'px' }"
+                  style="overflow-y: auto"
+                >
+                  <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="wz">搜索</div>
-                  </div>
-                  <div class="btn2">
-                    <div class="img2">
-                      <img src="../../assets/images/courseManage/reset1.png" />
+                    <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 class="wz">重置</div>
                   </div>
-                </div>
-                <!-- <div class="line">
+                  <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>
@@ -221,32 +239,33 @@
                     <div class="right1">清空</div>
                   </div>
                 </div> -->
-                <div class="tabb" style="margin-top: 16px">
-                  <a-table
-                    style="border: 1px solid #f2f6fe"
-                    :columns="tablecolumns2"
-                    :data-source="tabledata2"
-                    :loading="tableDataTotal === -1 ? true : false"
-                    expandRowByClick="true"
-                    :scroll="{ x: 500, y: 560 }"
-                    @expand="expandTable"
-                    :pagination="false"
-                    :row-selection="{
-                      columnWidth: 30,
-                      selectedRowKeys: selectedRowKeys2,
-                      onChange: onSelectChange2,
-                    }"
-                  />
-                  <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize2"
-                      :current="currentPage2"
-                      :total="tableDataTotal2"
-                      class="pagination"
+                  <div class="tabb" style="margin-top: 16px">
+                    <a-table
+                      style="border: 1px solid #f2f6fe"
+                      :columns="tablecolumns2"
+                      :data-source="tabledata2"
+                      :loading="tableDataTotal === -1 ? true : false"
+                      expandRowByClick="true"
+                      :scroll="{ x: 500, y: 560 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                      :row-selection="{
+                        columnWidth: 30,
+                        selectedRowKeys: selectedRowKeys2,
+                        onChange: onSelectChange2,
+                      }"
                     />
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize2"
+                        :current="currentPage2"
+                        :total="tableDataTotal2"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -265,7 +284,179 @@
               <span class="allclear">全部清除</span>
             </div>
           </div>
-          <div class="selecteds">
+          <div
+            class="selecteds"
+            :style="{ 'max-height': screenHeight - 235 + 'px' }"
+            style="overflow-y: auto"
+          >
+            <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 class="chose">
+              李明
+              <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 class="chose">
+              李大明
+              <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 class="chose">
+              李二明
+              <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 class="chose">
+              李明
+              <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 class="chose">
+              李大明
+              <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 class="chose">
+              李二明
+              <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 class="chose">
+              李明
+              <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 class="chose">
+              李大明
+              <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 class="chose">
+              李二明
+              <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 class="chose">
+              李明
+              <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>
@@ -302,7 +493,8 @@
 </template>
 
 <script>
-import { reactive, toRefs } from "vue";
+import { reactive, toRefs, onMounted, onUnmounted } from "vue";
+
 export default {
   name: "AddStu",
   props: {
@@ -313,6 +505,7 @@ export default {
   },
   setup(props, ctx) {
     const state = reactive({
+      screenHeight: document.body.clientHeight, // 屏幕高度
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 50,
@@ -394,6 +587,73 @@ export default {
                                                     {
                                                       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:
+                                                                                                "二十级标题二十级标题",
+                                                                                            },
+                                                                                          ],
+                                                                                      },
+                                                                                    ],
+                                                                                },
+                                                                              ],
+                                                                          },
+                                                                        ],
+                                                                    },
+                                                                  ],
+                                                                },
+                                                              ],
+                                                            },
+                                                          ],
+                                                        },
+                                                      ],
                                                     },
                                                   ],
                                                 },
@@ -761,6 +1021,18 @@ export default {
       state.selectedRowKeys = selectedRowKeys;
     };
 
+    const getMousePosition = () => {
+      state.screenHeight = document.body.clientHeight;
+    };
+
+    onMounted(() => {
+      // console.log("11111", 1);
+      window.addEventListener("resize", getMousePosition, false);
+      // judgeUrl();
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", getMousePosition, false);
+    });
     return {
       ...toRefs(state),
       afterVisibleChange,
@@ -779,7 +1051,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-
+    // overflow-y: scroll;
     display: flex;
     flex-direction: column;
 
@@ -804,7 +1076,6 @@ export default {
       display: flex;
       // height: 80%;
       margin-bottom: 72px;
-      overflow-y: scroll;
       .left {
         // overflow-y: auto;
         width: 65%;
@@ -812,6 +1083,7 @@ export default {
         border-right: 1px solid rgba(233, 233, 233, 1);
         .tabs {
           margin-right: 33px;
+
           .tab1 {
             display: flex;
             flex-wrap: wrap;
@@ -1207,13 +1479,15 @@ export default {
   }
 }
 .changetreedropdown {
-  width: 550px !important;
-}
-
-.ant-select-tree-list-scrollbar {
-  width: 5px !important;
-  .ant-select-tree-list-scrollbar-thumb {
-    background-color: #4ea6ff !important;
+  width: 500px !important;
+  .ant-select-tree-list-scrollbar {
+    width: 5px !important;
+    .ant-select-tree-list-scrollbar-thumb {
+      background-color: #4ea6ff !important;
+    }
+  }
+  .ant-select-tree-indent-unit {
+    width: 7px !important;
   }
 }
 </style>
diff --git a/src/components/drawers/AddOnline.vue b/src/components/drawers/AddOnline.vue
index 806c07d2..08a6bc2d 100644
--- a/src/components/drawers/AddOnline.vue
+++ b/src/components/drawers/AddOnline.vue
@@ -78,26 +78,20 @@
             :columns="columns1"
             :data-source="tableData1"
             :loading="tableDataTotal === -1 ? true : false"
-            :pagination="{
-              showSizeChanger: true,
-              showQuickJumper: true,
-              hideOnSinglePage: true,
-              pageSizeOptions: [],
-              pageSize: pageSize,
-              current: currentPage,
-              total: tableDataTotal,
-              onChange: (page, pageSize) => {
-                currentPage = page;
-                // console.log('page', page)
-                // 加翻页查找代码
-                // 	this.setState({
-                // 		currentPage: page,
-                // 	}, () => {
-                // 		this.getMilitaryDeployment()
-                // 	})
-              },
-            }"
+        		this.getMilitaryDeployment()
+            :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="main_btns">
@@ -417,6 +411,44 @@ export default {
             cursor: pointer;
           }
         }
+        .main_table {
+          position: relative;
+            padding-bottom: 80px;
+            .classify {
+              margin-left: 10px !important;
+              padding-left: 9px !important;
+            }
+            .ant-checkbox-wrapper {
+              align-items: center;
+              margin-top: -2px;
+            }
+            .ant-table-selection-column {
+              padding: 0px !important;
+              padding-left: 60px !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: 20px;
+            }
+          }
       }
 
       .main_btns {
diff --git a/src/components/drawers/ChangeGroup.vue b/src/components/drawers/ChangeGroup.vue
index 6099646c..440985da 100644
--- a/src/components/drawers/ChangeGroup.vue
+++ b/src/components/drawers/ChangeGroup.vue
@@ -83,7 +83,7 @@ export default {
 };
 </script>
 
-<style scoped lang="scss" >
+<style lang="scss" >
 .changegroup {
   
   .drawerMain {
diff --git a/src/components/drawers/CheckStu.vue b/src/components/drawers/CheckStu.vue
new file mode 100644
index 00000000..1e35333f
--- /dev/null
+++ b/src/components/drawers/CheckStu.vue
@@ -0,0 +1,406 @@
+<template>
+  <a-drawer
+    :visible="CheckStuvisible"
+    class="drawerStyle CheckStu"
+    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="stuinfor">
+          <div class="portrait">
+            <img src="../../assets/images/studentimg/character.png" />
+          </div>
+          <div class="stumation">
+            <div class="stuname">王明</div>
+            <div class="stugangw">产研部门 - 产品经理</div>
+          </div>
+          <div class="sortbox">
+            <div class="sortname">进度排名</div>
+            <div class="sortnub">
+              <span class="nub1">2</span>
+              <span class="total">/10</span>
+            </div>
+          </div>
+          <a-divider
+            type="vertical"
+            style="
+              height: 49px;
+              margin-left: 34px;
+              background-color: rgba(170, 166, 166, 0.3);
+            "
+          />
+          <div class="sortbox" style="margin-left: 34px">
+            <div class="sortname">完成必修</div>
+            <div class="sortnub">
+              <span class="nub1">3</span>
+              <span class="total">/10</span>
+            </div>
+          </div>
+          <a-divider
+            type="vertical"
+            style="
+              height: 49px;
+              margin-left: 34px;
+              background-color: rgba(170, 166, 166, 0.3);
+            "
+          />
+          <div class="sortbox" style="margin-left: 34px">
+            <div class="sortname">已修证书</div>
+            <div class="sortnub">
+              <span class="nub1">1</span>
+            </div>
+          </div>
+        </div>
+        <div class="secondrow">
+          <div class="rowleft">产品经理管理 - 腾飞班1</div>
+          <div class="rowbox" @click="showProMess">
+            <div class="shuom">说明</div>
+            <div><img src="../../assets/images/studentimg/chak.png" /></div>
+          </div>
+        </div>
+        <div class="mainbox">
+          <div class="rowtitle" @click="changeDown">
+            <div class="titleimg">
+              <img
+                :src="
+                  showDown
+                    ? require('../../assets/images/studentimg/open.png')
+                    : require('../../assets/images/studentimg/close.png')
+                "
+              />
+            </div>
+            <div class="titletext">阶段1 腾飞班阶段1</div>
+          </div>
+          <div :style="{ display: showDown ? 'block' : 'none' }">
+            <div class="rowclass">
+              <div class="leftclass">
+                <div><img src="../../assets/images/leveladd/zai.png" /></div>
+                <div class="text1">在线</div>
+                <div class="text2">如何成为一个产品经理</div>
+              </div>
+              <div class="alreadyclass">
+                <div class="alimg">
+                  <img src="../../assets/images/studentimg/complete.png" />
+                </div>
+                <div class="altext">已完成</div>
+              </div>
+            </div>
+            <div class="rowclass">
+              <div class="leftclass">
+                <div><img src="../../assets/images/leveladd/zhi.png" /></div>
+                <div class="text1">直播</div>
+                <div class="text2">管理者播课</div>
+              </div>
+              <div class="alreadyclass">
+                <div class="alimg">
+                  <img src="../../assets/images/studentimg/complete.png" />
+                </div>
+                <div class="altext">已完成</div>
+              </div>
+            </div>
+            <div class="rowclass">
+              <div class="leftclass">
+                <div><img src="../../assets/images/leveladd/mian.png" /></div>
+                <div class="text1">面授</div>
+                <div class="text2">管理面授课</div>
+              </div>
+              <div class="alreadyclass">
+                <div class="alimg">
+                  <img src="../../assets/images/studentimg/notice.png" />
+                </div>
+                <div class="altext">未完成</div>
+              </div>
+            </div>
+            <div class="rowclass">
+              <div class="leftclass">
+                <div><img src="../../assets/images/leveladd/huo.png" /></div>
+                <div class="text1">活动</div>
+                <div class="text2">管理者活动</div>
+              </div>
+              <div class="alreadyclass">
+                <div class="alimg">
+                  <img src="../../assets/images/studentimg/notice.png" />
+                </div>
+                <div class="altext">未完成</div>
+              </div>
+            </div>
+            <div class="rowclass">
+              <div class="leftclass">
+                <div><img src="../../assets/images/leveladd/zuo.png" /></div>
+                <div class="text1">作业</div>
+                <div class="text2">管理者作业</div>
+              </div>
+              <div class="alreadyclass">
+                <div class="alimg">
+                  <img src="../../assets/images/studentimg/notice.png" />
+                </div>
+                <div class="altext">未完成</div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="mainbox" style="margin-top: 15px; height: 56px">
+          <div class="rowtitle">
+            <div class="titleimg">
+              <img src="../../assets/images/studentimg/close.png" />
+            </div>
+            <div class="titletext">阶段2 腾飞班阶段2</div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn2">关闭</button>
+      </div>
+    </div>
+  </a-drawer>
+  <check-stu-mess v-model:StuMessvisible="StuMessvisible" />
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+import CheckStuMess from "./CheckStuMess.vue";
+export default {
+  name: "CheckStu",
+  components: { CheckStuMess },
+  props: {
+    CheckStuvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      StuMessvisible: false,
+      showDown: false,
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:CheckStuvisible", false);
+    };
+
+    const showProMess = () => {
+      state.StuMessvisible = true;
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    const changeDown = () => {
+      state.showDown = !state.showDown;
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      showProMess,
+      changeDown,
+      // change,
+    };
+  },
+};
+</script>
+
+<style lang="scss" >
+.CheckStu {
+  .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;
+    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;
+      flex-shrink: 0;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      display: flex;
+      flex-direction: column;
+      overflow-y: auto;
+      padding-bottom: 80px;
+      .stuinfor {
+        display: flex;
+        align-items: center;
+        height: 133px;
+        margin-top: 20px;
+        margin-right: 37px;
+        background-image: url("../../assets/images/studentimg/bgimg.png");
+        background-repeat: no-repeat;
+        background-position: right;
+        .stumation {
+          margin-left: 24px;
+          .stuname {
+            color: #333333;
+            font-size: 18px;
+          }
+          .stugangw {
+            color: #999999;
+            font-size: 16px;
+            margin-top: 7px;
+          }
+        }
+        .sortbox {
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          margin-left: 114px;
+          .sortname {
+            color: #666660;
+            font-size: 14px;
+          }
+          .sortnub {
+            display: flex;
+            justify-content: center;
+            margin-top: 7px;
+            .nub1 {
+              color: #0060ff;
+              font-size: 22px;
+            }
+            .total {
+              color: #999999;
+              font-size: 22px;
+            }
+          }
+        }
+      }
+      .secondrow {
+        margin-top: 32px;
+        display: flex;
+        .rowleft {
+          color: rgba(51, 51, 51, 1);
+          font-size: 16px;
+        }
+        .rowbox {
+          width: 64px;
+          height: 24px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          margin-left: 24px;
+          border: 1px solid rgba(64, 158, 255, 1);
+          background: rgba(64, 158, 255, 0.1);
+          cursor: pointer;
+          .shuom {
+            color: rgba(64, 158, 255, 1);
+            font-size: 14px;
+            line-height: 20px;
+            margin-right: 5px;
+          }
+        }
+      }
+      .mainbox {
+        // height: 463px;
+        margin-right: 37px;
+        margin-top: 32px;
+        border: 1px solid rgba(221, 238, 255, 1);
+        border-radius: 6px;
+        .rowtitle {
+          height: 56px;
+          background: rgba(240, 246, 252, 1);
+          display: flex;
+          align-items: center;
+          .titleimg {
+            width: 20px;
+            height: 20px;
+            margin-left: 23px;
+          }
+          .titletext {
+            color: rgba(51, 51, 51, 1);
+            font-size: 16px;
+            font-weight: 500;
+            margin-left: 16px;
+          }
+        }
+        .rowclass {
+          height: 81px;
+          border-bottom: 1px solid rgba(221, 238, 255, 1);
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          .leftclass {
+            display: flex;
+            margin-left: 25px;
+            align-items: center;
+            .text1 {
+              color: #000000;
+              font-size: 14px;
+              font-weight: 500;
+              margin-left: 25px;
+            }
+            .text2 {
+              color: rgba(51, 51, 51, 0.8);
+              font-size: 14px;
+              margin-left: 65px;
+            }
+          }
+          .alreadyclass {
+            display: flex;
+            margin-right: 57px;
+            .alimg {
+              height: 16px;
+              width: 16px;
+            }
+            .altext {
+              color: rgba(56, 125, 247, 1);
+              font-size: 14px;
+              margin-left: 16px;
+            }
+          }
+        }
+      }
+    }
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      background-color: #fff;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .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/drawers/CheckStuMess.vue b/src/components/drawers/CheckStuMess.vue
new file mode 100644
index 00000000..34b824f3
--- /dev/null
+++ b/src/components/drawers/CheckStuMess.vue
@@ -0,0 +1,141 @@
+<template>
+  <a-drawer
+    :visible="StuMessvisible"
+    class="drawerStyle StuMess"
+    placement="right"
+    width="50%"
+    @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="one">
+          <span class="left">班级名称：</span>
+          <span class="right">产品经理管理-腾飞班1</span>
+        </div>
+        <div class="one second">
+          <span class="left">说明：</span>
+          <span class="right"
+            >班级说明，此班级为产品经理班级，其他岗位不要进入请大家按照规定时间进行任务学习</span
+          >
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn2">关闭</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "CheckStuMess",
+  props: {
+    StuMessvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({});
+    const closeDrawer = () => {
+      ctx.emit("update:StuMessvisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+
+<style scoped lang="scss" >
+.StuMess {
+  .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;
+    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 {
+      .one {
+        margin-top: 38px;
+        margin-left: 53px;
+        .left {
+          color: rgba(51, 51, 51, 1);
+          font-size: 14px;
+        }
+        .right {
+          color: rgba(102, 102, 102, 1);
+          font-size: 14px;
+          margin-left: 12px;
+        }
+      }
+      .second {
+        margin-left: 81px;
+      }
+    }
+    .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);
+      .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/drawers/CorPowerlist.vue b/src/components/drawers/CorPowerlist.vue
index 34c4d1e7..081eadc5 100644
--- a/src/components/drawers/CorPowerlist.vue
+++ b/src/components/drawers/CorPowerlist.vue
@@ -51,25 +51,7 @@
                 :columns="columns1"
                 :data-source="tableData1"
                 :loading="tableDataTotal === -1 ? true : false"
-                :pagination="{
-                  showSizeChanger: true,
-                  showQuickJumper: true,
-                  hideOnSinglePage: true,
-                  pageSizeOptions: [],
-                  pageSize: pageSize,
-                  current: currentPage,
-                  total: tableDataTotal,
-                  onChange: (page, pageSize) => {
-                    currentPage = page;
-                    // console.log('page', page)
-                    // 加翻页查找代码
-                    // 	this.setState({
-                    // 		currentPage: page,
-                    // 	}, () => {
-                    // 		this.getMilitaryDeployment()
-                    // 	})
-                  },
-                }"
+                :pagination="false"
               >
                 <template #bodyCell="{ column }">
                   <template v-if="column.key === 'opacation'">
@@ -77,6 +59,17 @@
                   </template>
                 </template>
               </a-table>
+              <div class="pa">
+                <a-pagination
+                  showSizeChanger="true"
+                  showQuickJumper="true"
+                  hideOnSinglePage="true"
+                  :pageSize="pageSize"
+                  :current="currentPage"
+                  :total="tableDataTotal"
+                  class="pagination"
+                />
+              </div>
           </div>
         </div>
         <div class="main_btns">
@@ -316,6 +309,44 @@
             }
           }
         }
+        .main_table {
+          position: relative;
+            padding-bottom: 80px;
+            .classify {
+              margin-left: 10px !important;
+              padding-left: 9px !important;
+            }
+            .ant-checkbox-wrapper {
+              align-items: center;
+              margin-top: -2px;
+            }
+            .ant-table-selection-column {
+              padding: 0px !important;
+              padding-left: 60px !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: 20px;
+            }
+          }
       }
   
       .main_btns {
diff --git a/src/components/drawers/DownLoad.vue b/src/components/drawers/DownLoad.vue
new file mode 100644
index 00000000..96ad521b
--- /dev/null
+++ b/src/components/drawers/DownLoad.vue
@@ -0,0 +1,71 @@
+<template>
+  <a-drawer
+    :visible="downloadVisible"
+    class="drawerStyle downloadDrawer"
+    placement="right"
+    width="80%"
+    @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>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+export default {
+  name: "DownLoad",
+  props: {
+    downloadVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    console.log("props", props.downloadVisible);
+    const state = reactive({});
+
+    const closeDrawer = () => {
+      ctx.emit("update:downloadVisible", false);
+    };
+
+    return {
+      ...toRefs(state),
+      closeDrawer,
+    };
+  },
+};
+</script>
+
+<style lang="scss">
+.downloadDrawer {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+    .contentMain {
+    }
+  }
+}
+</style>
diff --git a/src/components/drawers/NoticePub.vue b/src/components/drawers/NoticePub.vue
new file mode 100644
index 00000000..7effed3a
--- /dev/null
+++ b/src/components/drawers/NoticePub.vue
@@ -0,0 +1,67 @@
+<!--发布公告-->
+<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>
+        <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;"/>
+            <div class="publish"><div class="iconPub"></div><div class="btnText">发布</div></div>
+        </template>
+        
+       
+      </div>
+</template>s
+<script>
+import { reactive,toRefs} from "vue";
+export default {
+    name: "NoticePub",
+    setup(){
+      const state = reactive({
+      noticeChecked: true,
+    });
+    return{
+      ...toRefs(state),
+    }
+    }
+   
+}
+</script>
+<style lang="scss">
+    .noticeTitle {
+        margin-left: 38px;
+        margin-right: 38px;
+        padding-top: 20px;
+        .publish {
+            width: 100px;
+            height:38px;
+            background: rgb(64, 158, 255);
+            border-radius: 8px;
+            border: 1px solid rgba(64, 158, 255, 1);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+            float: right;
+            margin-top: 60px;
+            margin-bottom: 60px;
+            margin-right: 20px;
+            cursor: pointer;
+            .iconPub {
+                width: 15px;
+                height: 15px;
+                background-image: url(@/assets/images/taskpage/pub0.png);
+                background-size: 100% 100%;
+                color: rgb(255, 255, 255);
+            }
+            .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                color: rgb(255, 255, 255);
+                line-height: 36px;
+                margin-left: 5px;
+            }
+         }
+    }
+
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/ProjectScore.vue b/src/components/drawers/ProjectScore.vue
new file mode 100644
index 00000000..df88603e
--- /dev/null
+++ b/src/components/drawers/ProjectScore.vue
@@ -0,0 +1,535 @@
+<!--发布公告-->
+<template>
+  <div class="content3">
+    <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
+              v-model:value="value"
+              placeholder="请输入姓名"
+              style="width: 131px"
+            />
+          </div>
+          <div class="groupright">
+            <div class="btn1">
+              <img src="../../assets/images/courseManage/search0.png" />
+              <span class="btn1text">搜索</span>
+            </div>
+            <div class="btn2">
+              <img src="../../assets/images/courseManage/reset1.png" />
+              <span class="btn2text">重置</span>
+            </div>
+          </div>
+        </div>
+        <div class="tab" style="margin: 20px 32px 30px 32px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tablecolumnStu"
+            :data-source="tabledataStu"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            @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>
+      </a-tab-pane>
+      <a-tab-pane key="2" tab="榜单" force-render>
+        <div class="scorelist">
+          <div class="grouprightscore">
+            <div class="sbutton" @click="stuValue = !stuValue">
+              <img v-if=stuValue src="../../assets/images/taskpage/stu0.png"/>
+              <img v-else src="../../assets/images/taskpage/stu.png"/>
+              <div :class="stuValue ? '' : 'btn1'">学员积分榜</div>
+            </div>
+            <div class="sbutton" @click="stuValue = !stuValue">
+              
+              <img v-if=stuValue src="../../assets/images/taskpage/group.png"/>
+              <img v-else src="../../assets/images/taskpage/group0.png"/>
+              <div :class="stuValue ? 'btn1' : ''">小组积分榜</div>
+            </div>
+          </div>
+          <div class="group" style="justify-content: center">
+            <div class="groupleft">
+              <div class="groupname" style="width: 42px">姓名：</div>
+              <a-input
+                v-model:value="value"
+                placeholder="请输入姓名"
+                style="width: 130px"
+              />
+            </div>
+            <div class="groupright">
+              <div class="btn1" style="margin-left: 16px ;">
+                <img src="../../assets/images/courseManage/search0.png" />
+                <span class="btn1text">搜索</span>
+              </div>
+              <div class="btn2">
+                <img src="../../assets/images/courseManage/reset1.png" />
+                <span class="btn2text">重置</span>
+              </div>
+            </div>
+          </div>
+          <div class="radiobutton">
+            <a-radio-group
+              v-model:value="todayvalue"
+              button-style="solid"
+              @change="changeday"
+            >
+              <a-radio-button class="today" value="1">今天</a-radio-button>
+              <a-radio-button class="today" value="2">七天</a-radio-button>
+              <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>
+                    <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>
+                    <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>
+                    <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>
+        </div>
+      </a-tab-pane>
+      <a-tab-pane key="3" tab="获取规则">
+        <div class="projectscore">
+          <div class="pjc_body">
+            <div class="pjcb_header">
+              <span>规则</span>
+              <div class="btns">
+                <div class="edit_btn1">
+                  <div class="btnText">取消</div>
+                </div>
+                <div class="edit_btn2">
+                  <div class="btnText">确定</div>
+                </div>
+              </div>
+            </div>
+            <div class="pjcb_content">
+              <div class="content content1">
+                <span>当前设计下，学员可以获得 10 积分</span>
+              </div>
+              <div class="content content2">
+                <span>完成【必修/选修】获得 5 积分</span>
+              </div>
+              <div class="content content3">
+                <span>优秀学员可获得 5 积分</span>
+              </div>
+            </div>
+          </div>
+        </div></a-tab-pane
+      >
+    </a-tabs>
+  </div>
+</template>
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "ProjectScore",
+  setup() {
+    const state = reactive({
+      tabledataStu: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+          group: "好好学习",
+          diploma: "0",
+          operation: "查看",
+          putin: "手动加入",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          gangw: "产品经理",
+          group: "天天向上",
+          diploma: "0",
+          operation: "查看",
+          putin: "手动加入",
+        },
+        {
+          key: 3,
+          name: "小王",
+          bum: "产研部",
+          gangw: "后端",
+          group: "好好学习",
+          diploma: "0",
+          operation: "查看",
+          putin: "手动加入",
+        },
+        {
+          key: 4,
+          name: "小赵",
+          bum: "产研部",
+          gangw: "前端",
+          group: "天天向上",
+          diploma: "0",
+          operation: "查看",
+          putin: "手动加入",
+        },
+      ],
+
+      tablecolumnStu: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所属小组",
+          dataIndex: "group",
+          key: "group",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "证书",
+          dataIndex: "diploma",
+          key: "diploma",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          dataIndex: "operation",
+          key: "operation",
+          width: 60,
+          align: "center",
+          className: "operation",
+        },
+      ],
+      datascore: [
+        {
+          id: 1,
+          name: "张三的名字很长很长很长",
+          score: "10分",
+        },
+        {
+          id: 2,
+          name: "李四",
+          score: "10分",
+        },
+        {
+          id: 3,
+          name: "王五的名字一定要比张三的还长",
+          score: "10分",
+        },
+        {
+          id: 4,
+          name: "赵六",
+          score: "10分",
+        },
+        {
+          id: 5,
+          name: "冯七",
+          score: "10分",
+        },
+      ],
+      datascoreg: [
+        {
+          id: 1,
+          name: "第一组的同学们",
+          score: "10分",
+        },
+        {
+          id: 2,
+          name: "第2组的同学们",
+          score: "9分",
+        },
+        {
+          id: 3,
+          name: "第3组的同学们",
+          score: "8分",
+        },
+        {
+          id: 4,
+          name: "第4组的同学们",
+          score: "7分",
+        },
+        {
+          id: 5,
+          name: "第五组的同学们",
+          score: "6分",
+        },
+      ],
+      valueName: "", //排行榜输入姓名
+      valueDate: "", //排行榜输入日期
+      noticeChecked: true,
+      noticeContent: "请输入要发布的公告",
+      activeKeyScore: "1",
+      stuName: "请输入姓名",
+      todayvalue: "1",
+      tableDataTotal: 30,
+      stuValue: false,
+      
+    });
+    return {
+      ...toRefs(state),
+    };
+  },
+};
+</script>
+<style lang="scss" scoped>
+.content3 {
+  margin-top: 20px;
+  
+  .group {
+      display: flex;
+      justify-content: space-between;
+      .groupleft {
+        display: flex;
+        align-items: center;
+        margin-left: 32px;
+        .groupname {
+          height: 22px;
+          width: 70px;
+          color: #000000;
+          font-size: 14px;
+        }
+      }
+      .groupright {
+        display: flex;
+        .btn1 {
+          width: 100px;
+          height: 40px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 16px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          background: #409eff;
+          cursor: pointer;
+          .btn1text {
+            color: #ffffff;
+            margin-left: 5px;
+            font-size: 14px;
+          }
+        }
+        .btn2 {
+          width: 100px;
+          height: 40px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 32px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          cursor: pointer;
+          background: #ffffff;
+          .btn2text {
+            color: #409eff;
+            margin-left: 5px;
+            font-size: 14px;
+          }
+        }
+      }
+    }
+  .scorelist {
+    padding-left: 20%;
+    padding-right: 20%;
+    padding-bottom: 100px;
+    padding-top: 50px;
+    .grouprightscore {
+      display: flex;
+      justify-content: center;
+      margin-bottom: 30px;
+      text-align: center;
+      .sbutton {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        margin-left: 10%;
+        margin-right: 10%;
+      }
+
+      .btn1 {
+        color: #409eff;
+      }
+    }
+    .radiobutton {
+      margin-top: 23px;
+      margin-bottom: 23px;
+      justify-content: center;
+      display: flex;
+      text-align: center;
+      .today {
+        width: 105px;
+      }
+    }
+    .slist {
+      background-color: #f5f8fc;
+      padding-left: 20px;
+      padding-right: 20px;
+      padding-bottom: 20px;
+      padding-top: 10px;
+      font-size: 18px;
+
+      .item {
+        display: flex;
+        justify-content: space-evenly;
+        text-align: center;
+        border-bottom: none;
+        height: 60px;
+        align-items: center;
+        background-color: white;
+        border-radius: 21px;
+        margin-top: 10px;
+        .itemleft {
+          justify-content: center;
+          display: flex;
+          align-items: center;
+          width: 150px;
+          .itemid {
+            font-size: 46px;
+            font-family: math;
+            font-style: italic;
+            font-weight: 700;
+            color: #409eff;
+            margin-left: 5px;
+          }
+          .elseid {
+            font-size: 26px;
+            font-family: math;
+            font-weight: 500;
+            margin-left: 40px;
+          }
+        }
+        .itemcenter {
+          width: 300px;
+        }
+        .itemright {
+          width: 150px;
+        }
+      }
+    }
+  }
+}
+.projectscore {
+  .pjc_body {
+    margin-left: 34px;
+    margin-right: 34px;
+    .pjcb_header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin: 24px auto;
+      .btns {
+        display: flex;
+        .edit_btn1 {
+          width: 100px;
+          // padding: 0px 26px 0px 26px;
+          height: 38px;
+          margin-left: 15px;
+          border-radius: 8px;
+          border: 1px solid rgba(64, 158, 255, 1);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+          cursor: pointer;
+          background-color: rgb(255, 255, 255);
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            color: rgb(64, 158, 255);
+            line-height: 36px;
+            margin-left: 5px;
+          }
+        }
+        .edit_btn2 {
+          width: 100px;
+          // padding: 0px 26px 0px 26px;
+          height: 38px;
+          margin-left: 15px;
+          border-radius: 8px;
+          border: 1px solid rgba(64, 158, 255, 1);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+          cursor: pointer;
+          background-color: rgb(64, 158, 255);        
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            color: rgb(255, 255, 255);
+            line-height: 36px;
+            margin-left: 5px;
+          }
+        }
+      }
+    }
+    .pjcb_content {
+      border: 1px solid #409eff;
+      padding: 32px;
+      .pjcb_content :last-child {
+        margin-bottom: 0px;
+      }
+      .content {
+        margin-bottom: 24px;
+      }
+      margin-bottom: 130px;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/SeeStu.vue b/src/components/drawers/SeeStu.vue
index d79b413c..b0c37c85 100644
--- a/src/components/drawers/SeeStu.vue
+++ b/src/components/drawers/SeeStu.vue
@@ -1,4 +1,4 @@
-<template>
+  <template>
   <a-drawer
     :visible="Seevisible"
     class="drawerStyle seestu"
diff --git a/src/components/drawers/StuAdd.vue b/src/components/drawers/StuAdd.vue
index 9f79593a..b9f9ae7e 100644
--- a/src/components/drawers/StuAdd.vue
+++ b/src/components/drawers/StuAdd.vue
@@ -18,37 +18,41 @@
       <div class="main">
         <div class="left">
           <div class="tabs">
-            <a-tabs v-model:activeKey="stuaddTab" @change="stuaddChange">
+            <a-tabs v-model:activeKey="activeKey">
               <a-tab-pane key="1" tab="快速选人">
-                <div class="tab1">
-                  <div class="nameinp">
-                    <div class="namee">姓名：</div>
-                    <a-input
-                      v-model:value="name"
-                      style="width: 270px; height: 40px; border-radius: 8px"
-                      placeholder="请输入姓名"
-                    />
-                  </div>
-                  <div class="btns">
-                    <div class="btn1">
-                      <div class="img1">
-                        <img
-                          src="../../assets/images/courseManage/search0.png"
-                        />
-                      </div>
-                      <div class="wz">搜索</div>
+                <div
+                  :style="{ height: screenHeight - 235 + 'px' }"
+                  style="overflow-y: auto"
+                >
+                  <div class="tab1">
+                    <div class="nameinp">
+                      <div class="namee">姓名：</div>
+                      <a-input
+                        v-model:value="name"
+                        style="width: 270px; height: 40px; border-radius: 8px"
+                        placeholder="请输入姓名"
+                      />
                     </div>
-                    <div class="btn2">
-                      <div class="img2">
-                        <img
-                          src="../../assets/images/courseManage/reset1.png"
-                        />
+                    <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 class="wz">重置</div>
                     </div>
                   </div>
-                </div>
-                <div class="line">
+                  <!-- <div class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -60,56 +64,149 @@
                     </div>
                     <div class="right1">清空</div>
                   </div>
-                </div>
-                <div class="tabb" style="margin-top: 16px">
-                  <a-table
-                    style="border: 1px solid #f2f6fe"
-                    :columns="tablecolumns"
-                    :data-source="tabledata"
-                    :loading="tableDataTotal === -1 ? true : false"
-                    expandRowByClick="true"
-                    :scroll="{ x: 540, y: 560 }"
-                    @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="tabb" style="margin-top: 16px">
+                    <a-table
+                      style="border: 1px solid #f2f6fe"
+                      :columns="tablecolumns"
+                      :data-source="tabledata"
+                      :loading="tableDataTotal === -1 ? true : false"
+                      expandRowByClick="true"
+                      :scroll="{ x: 500, y: 560 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                      :row-selection="{
+                        columnWidth: 30,
+                        selectedRowKeys: selectedRowKeys,
+                        onChange: onSelectChange,
+                      }"
                     />
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize"
+                        :current="currentPage"
+                        :total="tableDataTotal"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
               <a-tab-pane key="2" tab="添加组织" force-render>
-                <div class="tab2">
-                  <div class="organize">组织：</div>
-                  <a-cascader
-                    v-model:value="value"
-                    placeholder="请输入组织名称"
-                    :options="organizeList"
-                  />
+                <div
+                  :style="{ height: screenHeight - 235 + 'px' }"
+                  style="overflow-y: auto"
+                >
+                  <div class="tab2">
+                    <div class="t1">
+                      <div class="organize">选择组织：</div>
+                      <div class="select">
+                        <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">
+                          <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="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>
               </a-tab-pane>
               <a-tab-pane key="3" tab="受众关联">
-                <div class="tab1">
-                  <div class="nameinp">
-                    <div class="namee">受众名称：</div>
-                    <a-select
-                      v-model:value="value"
-                      style="width: 264px; border-radius: 8px"
-                      placeholder="请输入组织名称"
-                      :options="organizeList1"
-                    />
+                <div
+                  :style="{ height: screenHeight - 235 + 'px' }"
+                  style="overflow-y: auto"
+                >
+                  <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">
@@ -129,8 +226,7 @@
                       <div class="wz">重置</div>
                     </div>
                   </div>
-                </div>
-                <div class="line">
+                  <!-- <div class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -142,33 +238,34 @@
                     </div>
                     <div class="right1">清空</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: 700, y: 400 }"
-                    @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="tabb" style="margin-top: 16px">
+                    <a-table
+                      style="border: 1px solid #f2f6fe"
+                      :columns="tablecolumns2"
+                      :data-source="tabledata2"
+                      :loading="tableDataTotal === -1 ? true : false"
+                      expandRowByClick="true"
+                      :scroll="{ x: 500, y: 560 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                      :row-selection="{
+                        columnWidth: 30,
+                        selectedRowKeys: selectedRowKeys2,
+                        onChange: onSelectChange2,
+                      }"
                     />
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize2"
+                        :current="currentPage2"
+                        :total="tableDataTotal2"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -177,23 +274,43 @@
         </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>
             </div>
           </div>
-          <div class="selecteds">
+          <div
+            class="selecteds"
+            :style="{ 'max-height': screenHeight - 235 + 'px' }"
+            style="overflow-y: auto"
+          >
             <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 class="chose">
               李明
               <div class="ch"></div>
             </div>
             <div class="chose">
-              李明
+              李大明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李二明
               <div class="ch"></div>
             </div>
             <div class="chose">
@@ -201,7 +318,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">
@@ -209,7 +330,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">
@@ -217,7 +342,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">
@@ -225,7 +354,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">
@@ -233,7 +366,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">
@@ -241,7 +378,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">
@@ -249,13 +390,73 @@
               <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 class="chose">
+              李大明
+              <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 class="chose">
+              李二明
+              <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 class="chose">
+              李明
+              <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 class="chose">
+              李大明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李二明
+              <div class="ch"></div>
+            </div>
             <div class="chose">
               李明
               <div class="ch"></div>
@@ -292,7 +493,7 @@
 </template>
 
 <script>
-import { reactive, toRefs } from "vue";
+import { reactive, toRefs, onMounted, onUnmounted } from "vue";
 export default {
   name: "StuAdd",
   props: {
@@ -303,47 +504,187 @@ export default {
   },
   setup(props, ctx) {
     const state = reactive({
+      screenHeight: document.body.clientHeight, // 屏幕高度
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 50,
-      stuaddTab: "1",
-      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: "十二级标题",
+                                                      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: "行政部",
                 },
               ],
             },
@@ -355,55 +696,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: [
@@ -416,17 +766,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",
@@ -435,56 +793,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,
@@ -492,62 +865,181 @@ export default {
           className: "h",
         },
         {
-          title: "创建时间",
-          dataIndex: "time",
-          key: "time",
-          width: 40,
-          align: "center",
-          className: "h",
-          sorter: {
-            compare: (a, b) => a.time - b.time,
-            multiple: 3,
-          },
-        },
-        {
-          title: "人数",
-          dataIndex: "total",
-          key: "total",
-          width: 20,
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
           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:Stuvisible", false);
-      state.stuaddTab = "1";
-    };
-
-    const stuaddChange = (e) => {
-      state.stuaddTab = e;
     };
 
     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;
+    };
 
+    const getMousePosition = () => {
+      state.screenHeight = document.body.clientHeight;
+    };
+
+    onMounted(() => {
+      // console.log("11111", 1);
+      window.addEventListener("resize", getMousePosition, false);
+      // judgeUrl();
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", getMousePosition, false);
+    });
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
+      onSelectChange,
+      onSelectChange1,
+      onSelectChange2,
       // change,
-      stuaddChange,
     };
   },
 };
@@ -555,25 +1047,18 @@ export default {
 
 <style lang="scss">
 .stuadd {
-  // .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;
-    overflow-x: scroll;
+    // overflow-y: scroll;
     display: flex;
     flex-direction: column;
+
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
       display: flex;
+      flex-shrink: 0;
       justify-content: space-between;
       align-items: center;
       // background-color: red;
@@ -588,18 +1073,27 @@ export default {
     }
     .main {
       display: flex;
-      height: 80%;
+      // height: 80%;
+      margin-bottom: 72px;
+
       .left {
         // overflow-y: auto;
         width: 65%;
-        height: 100%;
+        // height: 100%;
         border-right: 1px solid rgba(233, 233, 233, 1);
         .tabs {
           margin-right: 33px;
+
           .tab1 {
             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;
@@ -608,16 +1102,6 @@ export default {
                 color: rgba(0, 0, 0, 0.85);
                 font-size: 14px;
               }
-              .ant-select {
-                height: 40px;
-              }
-              .ant-select-selector {
-                height: 100%;
-                border-radius: 8px;
-              }
-              .ant-select-selection-search-input {
-                height: 40px;
-              }
             }
             .btns {
               display: flex;
@@ -657,6 +1141,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;
@@ -743,7 +1264,7 @@ export default {
             // }
             .pa {
               // left: 0;
-              margin-top: 5px;
+              margin-top: 15px;
               width: 100%;
               // height: 20px;
               // background-color: red;
@@ -751,30 +1272,38 @@ export default {
               justify-content: center;
               // position: absolute;
               // bottom: 20px;
-              .ant-pagination-prev {
-                margin-top: 10px;
-              }
+              .ant-pagination-item,
+              .ant-pagination-prev,
               .ant-pagination-next {
-                margin-top: 10px;
-              }
-              .ant-pagination-item {
-                margin-top: 10px;
-              }
-              .ant-pagination-options {
-                margin-top: 10px;
+                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;
@@ -782,13 +1311,52 @@ export default {
               border-radius: 8px !important;
               .ant-select-selector {
                 height: 100%;
-                border-radius: 8px;
               }
               .ant-select-selection-search-input {
                 height: 40px;
               }
             }
           }
+
+          .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 {
@@ -799,13 +1367,27 @@ export default {
           align-items: center;
           margin-right: 40px;
           flex-wrap: wrap;
-          .already {
-            color: rgba(51, 51, 51, 1);
-            font-size: 16px;
-            font-weight: 500;
-            margin-left: 32px;
-            white-space: nowrap;
-            // margin-bottom: 20px;
+          .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;
@@ -818,8 +1400,8 @@ export default {
             border-radius: 4px;
             background: #409eff;
             .colose {
-              width: 18px;
-              height: 18px;
+              width: 16px;
+              height: 16px;
               // border-radius: 8px;
               // background: #ffffff;
               // position: relative;
@@ -857,7 +1439,6 @@ export default {
               background-image: url(../../assets/images/basicinfo/ch.png);
               right: -8px;
               top: -8px;
-              cursor: pointer;
             }
           }
         }
@@ -867,6 +1448,7 @@ export default {
       height: 72px;
       width: 100%;
       position: absolute;
+      background-color: #fff;
       bottom: 0;
       left: 0;
       display: flex;
@@ -895,4 +1477,16 @@ export default {
     }
   }
 }
+.changetreedropdown {
+  width: 500px !important;
+  .ant-select-tree-list-scrollbar {
+    width: 5px !important;
+    .ant-select-tree-list-scrollbar-thumb {
+      background-color: #4ea6ff !important;
+    }
+  }
+  .ant-select-tree-indent-unit {
+    width: 7px !important;
+  }
+}
 </style>
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 021cb7c5..5814c3cd 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -1082,26 +1082,19 @@
                 :scroll="{ x: 700, y: 800 }"
                 expandRowByClick="true"
                 @expand="expandTable"
-                :pagination="{
-                  showSizeChanger: true,
-                  showQuickJumper: true,
-                  hideOnSinglePage: true,
-                  pageSizeOptions: [],
-                  pageSize: pageSize,
-                  current: currentPage,
-                  total: tableDataTotal,
-                  onChange: (page, pageSize) => {
-                    currentPage = page;
-                    // console.log('page', page)
-                    // 加翻页查找代码
-                    // 	this.setState({
-                    // 		currentPage: page,
-                    // 	}, () => {
-                    // 		this.getMilitaryDeployment()
-                    // 	})
-                  },
-                }"
+                :pagination="false"
               />
+              <div class="pa">
+                <a-pagination
+                  showSizeChanger="true"
+                  showQuickJumper="true"
+                  hideOnSinglePage="true"
+                  :pageSize="pageSize"
+                  :current="currentPage"
+                  :total="tableDataTotal"
+                  class="pagination"
+                />
+              </div>
             </div>
             <!-- 有数据表格 -->
           </div>
@@ -1439,26 +1432,19 @@
                   :scroll="{ x: 800 }"
                   expandRowByClick="true"
                   @expand="expandTable"
-                  :pagination="{
-                    showSizeChanger: true,
-                    showQuickJumper: true,
-                    hideOnSinglePage: true,
-                    pageSizeOptions: [],
-                    pageSize: pageSize,
-                    current: currentPage,
-                    total: tableDataTotal,
-                    onChange: (page, pageSize) => {
-                      currentPage = page;
-                      // console.log('page', page)
-                      // 加翻页查找代码
-                      // 	this.setState({
-                      // 		currentPage: page,
-                      // 	}, () => {
-                      // 		this.getMilitaryDeployment()
-                      // 	})
-                    },
-                  }"
+                  :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>
@@ -3753,7 +3739,7 @@ export default defineComponent({
       width: 479px !important;
       .ant-modal-body {
         .QR {
-          z-index: 999;
+          z-index: 9999;
           width: 520px;
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
@@ -3798,12 +3784,14 @@ export default defineComponent({
             }
             .qrm_body {
               width: 100%;
+              margin-top: 22px;
               margin-bottom: 32px;
               .QR_img {
                 width: 176px;
                 height: 176px;
                 margin: 1px auto;
-                background-color: red;
+                background-image: url(@/assets/images/taskpage/QR.png);
+                background-size: 100% 100%;
               }
             }
             .qrm_footer {
@@ -3837,7 +3825,7 @@ export default defineComponent({
       // width:679px !important;
       .ant-modal-body {
         .recordgrade {
-          z-index: 999;
+          z-index: 9999;
           width: 679px;
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
@@ -3939,7 +3927,7 @@ export default defineComponent({
       // width:679px !important;
       .ant-modal-body {
         .graduate {
-          z-index: 999;
+          z-index: 9999;
           width: 679px;
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
@@ -4046,7 +4034,7 @@ export default defineComponent({
       // width:679px !important;
       .ant-modal-body {
         .agreestudy {
-          z-index: 999;
+          z-index: 9999;
           width: 679px;
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
@@ -4851,9 +4839,31 @@ export default defineComponent({
               }
             }
             .stm_table {
-              width: 90%;
-              margin: 30px auto;
-              border: 1px solid #f0f4fe;
+              position: relative;
+              padding-bottom: 80px;
+              .classify {
+                margin-left: 10px !important;
+                padding-left: 9px !important;
+              }
+              .ant-checkbox-wrapper {
+                align-items: center;
+                margin-top: -2px;
+              }
+              .ant-table-selection-column {
+                padding: 0px !important;
+                padding-left: 60px !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;
+              }
               .operation {
                 display: flex;
                 justify-content: center;
@@ -4876,6 +4886,16 @@ export default defineComponent({
                   justify-content: right;
                 }
               }
+              .pa {
+                left: 0;
+                width: 100%;
+                // height: 20px;
+                // background-color: red;
+                display: flex;
+                justify-content: center;
+                position: absolute;
+                bottom: 20px;
+              }
             }
           }
         }
@@ -5063,7 +5083,33 @@ export default defineComponent({
                 }
               }
               .stmm_i6 {
-                margin-top: 20px;
+                position: relative;
+                padding-top: 15px;
+                padding-bottom: 80px;
+                .classify {
+                  margin-left: 10px !important;
+                  padding-left: 9px !important;
+                }
+                .ant-checkbox-wrapper {
+                  align-items: center;
+                  margin-top: -2px;
+                }
+                .ant-table-selection-column {
+                  padding: 0px !important;
+                  padding-left: 60px !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;
+                }
                 .operation,
                 .nselect {
                   display: flex;
@@ -5076,6 +5122,16 @@ export default defineComponent({
                     cursor: pointer;
                   }
                 }
+                .pa {
+                  left: 0;
+                  width: 100%;
+                  // height: 20px;
+                  // background-color: red;
+                  display: flex;
+                  justify-content: center;
+                  position: absolute;
+                  bottom: 20px;
+                }
               }
             }
           }
@@ -5151,7 +5207,7 @@ export default defineComponent({
       width: 424px !important;
       .ant-modal-body {
         .delete {
-          z-index: 999;
+          z-index: 9999;
           width: 424px;
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 2cc89c28..d1107707 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -221,7 +221,7 @@
                 <a-table
                   style="border: 1px solid #f2f6fe"
                   :columns="tableDataFunc()"
-                  :scroll="{ x: 1600, y: 235 }"
+                  :scroll="{ x: 1500, y: 235 }"
                   :data-source="tableData"
                   :loading="tableDataTotal === -1 ? true : false"
                   expandRowByClick="true"
@@ -390,7 +390,7 @@
               <div class="cur">当前关卡：</div>
               <div class="select">
                 <a-select
-                  v-model:value="projectName"
+                  v-model:value="curLevel"
                   style="width: 100%"
                   placeholder="请选择关卡"
                   :options="projectNameList4"
@@ -442,6 +442,8 @@
       <add-stu v-model:AddSvisible="AddSvisible" />
       <!-- 导入学员抽屉 -->
       <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
+      <!-- 学员管理查看抽屉 -->
+      <check-stu v-model:CheckStuvisible="CheckStuvisible" />
     </div>
   </div>
 </template>
@@ -449,9 +451,10 @@
 import { ref, reactive, toRefs } from "vue";
 import AddStu from "../../components/drawers/AddLevelAddStu";
 import ImpStu from "../../components/drawers/AddLevelImportStu";
+import CheckStu from "../../components/drawers/CheckStu";
 export default {
   name: "LevelAdd",
-  components: { AddStu, ImpStu },
+  components: { AddStu, ImpStu, CheckStu },
   methods: {},
   setup() {
     const state = reactive({
@@ -460,6 +463,7 @@ export default {
       deleteAll: false, //批量删除学员弹窗
       AddSvisible: false, //添加学员抽屉
       AddImpStuvisible: false, //导入学员抽屉
+      CheckStuvisible: false, //学员管理的查看抽屉
       projectNameListt: [
         {
           id: 1,
@@ -547,6 +551,7 @@ export default {
       visible: false,
       sh: false,
       closeDeleteAll: false,
+      curLevel: "",
       //关卡的数据
       level: [
         // {
@@ -669,7 +674,7 @@ export default {
           dataIndex: "name",
           // width: "30%",
           key: "name",
-          width: 100,
+          width: 110,
           align: "left",
           className: "classify",
 
@@ -727,7 +732,7 @@ export default {
           title: "开始时间",
           dataIndex: "time",
           key: "time",
-          width: 110,
+          width: 120,
           align: "center",
           className: "h",
         },
@@ -736,17 +741,21 @@ export default {
           className: "h",
           dataIndex: "opacation",
           key: "opacation",
-          width: 110,
+          width: 140,
           align: "center",
           scopedSlots: { customRender: "action" }, //引入的插槽
           customRender: (text) => {
             return (
               <div class="opa">
                 <div class="opacation">
-                  <span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
+                  <span
+                    onClick={() => {
+                      showCheckStu();
+                    }}
+                    style="color:#4EA6FF;margin-right:25px;cursor:pointer"
+                  >
                     查看
                   </span>
-
                   <span
                     onClick={() => {
                       state.visible = true;
@@ -787,6 +796,9 @@ export default {
     const showImpStu = () => {
       state.AddImpStuvisible = true;
     };
+    const showCheckStu = () => {
+      state.CheckStuvisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -801,6 +813,7 @@ export default {
       closeChangeModal,
       showAddStu,
       showImpStu,
+      showCheckStu,
     };
   },
 };
@@ -1639,7 +1652,7 @@ export default {
           }
           .ant-table-selection-column {
             padding: 0px !important;
-            padding-left: 45px !important;
+            padding-left: 38px !important;
           }
           .ant-table-thead > tr > th {
             background-color: rgba(239, 244, 252, 1);
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 6fda211d..aeeedb2e 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -372,6 +372,10 @@
                               ? 'flex'
                               : 'none',
                         }"
+                        
+                        @click="
+                          item.course === '面授' ? showCopyModal(item.course) : null
+                        "
                       >
                         二维码
                       </div>
@@ -784,84 +788,13 @@
           </div>
         </a-tab-pane>
         <a-tab-pane key="4" tab="公告">
-          <div class="noticeTitle">
-            <h3>公告</h3>
-            <a-divider style="margin-top: -5px"></a-divider>
-            <a-switch
-              v-model:checked="noticeChecked"
-              style="size: small"
-            /><span style="margin-left: 13px">开启</span>
-            <p style="margin-top: 35px">公告内容</p>
-            <a-textarea
-              v-model:value="noticeContent"
-              placeholder="请输入要发布的公告"
-              show-count
-              :maxlength="150"
-              style="margin-top: -10px; height: 110px"
-            />
-            <div class="publish">
-              <div class="iconPub"></div>
-              <div class="btnText">发布</div>
-            </div>
-          </div>
+
+          <NoticePub></NoticePub>
         </a-tab-pane>
         <a-tab-pane key="5" tab="项目积分">
-          <div class="split"></div>
-          <div class="content3">
-            <a-tabs v-model:activeKey="activeKey2">
-              <a-tab-pane key="1" tab="学员获取"> </a-tab-pane>
-              <a-tab-pane key="2" tab="榜单"> </a-tab-pane>
-              <a-tab-pane key="3" tab="获取规则">
-                <div class="projectscore">
-                  <div class="pjc_body">
-                    <div class="pjcb_header">
-                      <span>规则</span>
-                      <div class="edit_btn">
-                        <div class="edit"></div>
-                        <div class="btnText">编辑</div>
-                      </div>
-                    </div>
-                    <div class="pjcb_content">
-                      <div class="content content1">
-                        <span
-                          >当前设计下，学员可以获得
-                          <a-input
-                            v-model:value="inputValue"
-                            :maxlength="3"
-                            style="width: 50px"
-                          />
-                          积分</span
-                        >
-                      </div>
-                      <div class="content content2">
-                        <span
-                          >完成【必修/选修】获得
-                          <a-input
-                            v-model:value="inputValue2"
-                            :maxlength="3"
-                            style="width: 50px"
-                          />
-                          积分</span
-                        >
-                      </div>
-                      <div class="content content3">
-                        <span
-                          >优秀学员可获得
-                          <a-input
-                            v-model:value="inputValue3"
-                            :maxlength="3"
-                            style="width: 50px"
-                          />
-                          积分</span
-                        >
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </a-tab-pane>
-            </a-tabs>
-          </div>
+          <ProjectScore></ProjectScore>
         </a-tab-pane>
+         
         <a-tab-pane key="6" tab="排行榜">
           <div class="content6">
             <div class="title">排行榜</div>
@@ -1538,6 +1471,34 @@
       </a-modal>
     </div>
     <!-- 删除弹窗 -->
+    <!-- 面授管理二维码 -->
+    <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>
   </div>
 </template>
 <script>
@@ -1555,6 +1516,8 @@ import StuAdd from "../../components/drawers/StuAdd";
 import ImportStu from "../../components/drawers/ImportStu";
 import SeeStu from "../../components/drawers/SeeStu";
 import ChangeGroup from "../../components/drawers/ChangeGroup";
+import NoticePub from "../../components/drawers/NoticePub";
+import ProjectScore from "../../components/drawers/ProjectScore";
 import TaskImpStu from "../../components/drawers/TaskFaceIn";
 export default {
   name: "taskPage",
@@ -1572,7 +1535,10 @@ export default {
     ImportStu,
     SeeStu,
     ChangeGroup,
+    NoticePub,
+    ProjectScore,
     TaskImpStu,
+
   },
   setup() {
     const state = reactive({
@@ -1670,6 +1636,8 @@ export default {
       Changevisible: false, //学员换组
       edit_hs: false, //编辑弹窗
       delete_hs: false, //删除弹窗
+      copyModal: false, //面授二维码弹窗
+      closeCopy: false, //面授二维码关闭图标
       pubproject: false,
       stugroup: false,
       canclestu: false,
@@ -2157,6 +2125,7 @@ export default {
                     onClick={() => {
                       // state.QR_hs = true;
                       // state.ftsQR_hs = true;
+                      state.canclestu = true;
                     }}
                   >
                     优秀学员
@@ -2232,6 +2201,12 @@ export default {
     const closeModal2 = () => {
       state.stugroup = false;
     };
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
     const showFaceIn = () => {
       state.TaskFaceImpStuvisible = true;
     };
@@ -2323,11 +2298,19 @@ export default {
               justifyContent: "center",
             }}
           >
-            <div class="studentopea1">
+            <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">查看</div>
+            <div class="studentopea2" onClick={() => {
+                      state.Seevisible = true;
+                    }}>查看</div>
             <div class="studentSelect">
               <a-select
                 style="width: 50px"
@@ -2336,7 +2319,9 @@ export default {
                 dropdownClassName="tabledropdown"
               >
                 <a-select-option value="换组" label="换组">
-                  <div>换组</div>
+                  <div onClick={() => {
+                      state.Changevisible = true;
+                    }}>换组</div>
                 </a-select-option>
                 <a-select-option value="删除" label="删除">
                   <div
@@ -2477,6 +2462,8 @@ export default {
       closeModal1,
       showModal2,
       closeModal2,
+      showCopyModal,
+      closeCopyModal,
       showTime,
       showFace,
       showSubset,
@@ -2881,6 +2868,108 @@ 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;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
 .taskpage {
   width: 100%;
   display: flex;
@@ -3471,42 +3560,7 @@ export default {
         }
       }
     }
-    .noticeTitle {
-      margin-left: 38px;
-      margin-right: 38px;
-      padding-top: 20px;
-      .publish {
-        width: 100px;
-        // padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: rgb(64, 158, 255);
-        border-radius: 8px;
-        border: 1px solid rgba(64, 158, 255, 1);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-        float: right;
-        margin-top: 60px;
-        margin-bottom: 60px;
-        margin-right: 20px;
-        cursor: pointer;
-        .iconPub {
-          width: 15px;
-          height: 15px;
-          background-image: url(@/assets/images/taskpage/pub.png);
-          background-size: 100% 100%;
-          color: rgb(255, 255, 255);
-        }
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: rgb(255, 255, 255);
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
-    }
+   
   }
   .content3 {
     margin-top: 20px;
@@ -4382,7 +4436,7 @@ export default {
       width: 424px !important;
       .ant-modal-body {
         .delete {
-          z-index: 999;
+          z-index: 9999;
           width: 424px;
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index 7f573d13..826fc564 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -738,7 +738,7 @@ export default {
       width: 424px !important;
       .ant-modal-body {
         .delete {
-          z-index: 999;
+          z-index: 9999;
           width: 424px;
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);