diff --git a/src/assets/images/projectadd/nopro.png b/src/assets/images/projectadd/nopro.png
new file mode 100644
index 00000000..e14d35d6
Binary files /dev/null and b/src/assets/images/projectadd/nopro.png differ
diff --git a/src/assets/images/taskpage/check.png b/src/assets/images/taskpage/check.png
new file mode 100644
index 00000000..53bcd491
Binary files /dev/null and b/src/assets/images/taskpage/check.png differ
diff --git a/src/assets/images/taskpage/edit.png b/src/assets/images/taskpage/edit.png
new file mode 100644
index 00000000..3d4e21c5
Binary files /dev/null and b/src/assets/images/taskpage/edit.png differ
diff --git a/src/assets/images/taskpage/excellent.png b/src/assets/images/taskpage/excellent.png
new file mode 100644
index 00000000..1254b315
Binary files /dev/null and b/src/assets/images/taskpage/excellent.png differ
diff --git a/src/assets/images/taskpage/picture8.png b/src/assets/images/taskpage/picture8.png
new file mode 100644
index 00000000..cdc3f46b
Binary files /dev/null and b/src/assets/images/taskpage/picture8.png differ
diff --git a/src/components/drawers/AddLevelAddStu.vue b/src/components/drawers/AddLevelAddStu.vue
index a7b381e9..8256fea2 100644
--- a/src/components/drawers/AddLevelAddStu.vue
+++ b/src/components/drawers/AddLevelAddStu.vue
@@ -48,7 +48,7 @@
                     </div>
                   </div>
                 </div>
-                <div class="line">
+                <!-- <div class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -60,7 +60,7 @@
                     </div>
                     <div class="right1">清空</div>
                   </div>
-                </div>
+                </div> -->
                 <div class="tabb" style="margin-top: 16px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
@@ -68,7 +68,7 @@
                     :data-source="tabledata"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 100, y: 560 }"
+                    :scroll="{ x: 500, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
@@ -92,29 +92,36 @@
               </a-tab-pane>
               <a-tab-pane key="2" tab="添加组织" force-render>
                 <div class="tab2">
-                  <div class="organize">组织：</div>
-                  <div class="select">
-                    <a-cascader
-                      v-model:value="value"
-                      placeholder="请输入组织名称"
-                      :options="organizeList"
+                  <div 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>
-              </a-tab-pane>
-              <a-tab-pane key="3" tab="受众关联">
-                <div class="tab1">
-                  <div class="nameinp">
-                    <div class="namee">受众名称：</div>
-                    <div class="select">
-                      <a-select
-                        v-model:value="choosevalue"
-                        style="width: 264px; border-radius: 8px"
-                        placeholder="请输入组织名称"
-                        :options="organizeList1"
-                      />
-                    </div>
-                  </div>
+                <!-- 选完后出现下面 -->
+                <div class="searchdown">
                   <div class="btns">
                     <div class="btn1">
                       <div class="img1">
@@ -133,8 +140,75 @@
                       <div class="wz">重置</div>
                     </div>
                   </div>
+                  <div class="tabb" style="margin-top: 16px">
+                    <a-table
+                      style="border: 1px solid #f2f6fe"
+                      :columns="tablecolumns1"
+                      :data-source="tabledata1"
+                      :loading="tableDataTotal === -1 ? true : false"
+                      expandRowByClick="true"
+                      :scroll="{ x: 500, y: 560 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                      :row-selection="{
+                        columnWidth: 30,
+                        selectedRowKeys: selectedRowKeys1,
+                        onChange: onSelectChange1,
+                      }"
+                    />
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize1"
+                        :current="currentPage1"
+                        :total="tableDataTotal1"
+                        class="pagination"
+                      />
+                    </div>
+                  </div>
                 </div>
-                <div class="line">
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">
+                <div class="tab1">
+                  <div class="t1">
+                    <div class="nameinp">
+                      <div class="namee">选择受众：</div>
+                      <div class="select">
+                        <a-select
+                          v-model:value="choosevalue"
+                          style="width: 200px; border-radius: 8px"
+                          placeholder="请输入组织名称"
+                          :options="organizeList1"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="t1" style="margin-top: 10px">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameaddd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </div>
+                </div>
+                <div class="btns">
+                  <div class="btn1">
+                    <div class="img1">
+                      <img src="../../assets/images/courseManage/search0.png" />
+                    </div>
+                    <div class="wz">搜索</div>
+                  </div>
+                  <div class="btn2">
+                    <div class="img2">
+                      <img src="../../assets/images/courseManage/reset1.png" />
+                    </div>
+                    <div class="wz">重置</div>
+                  </div>
+                </div>
+                <!-- <div class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -146,21 +220,21 @@
                     </div>
                     <div class="right1">清空</div>
                   </div>
-                </div>
+                </div> -->
                 <div class="tabb" style="margin-top: 16px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
-                    :columns="tablecolumns1"
-                    :data-source="tabledata1"
+                    :columns="tablecolumns2"
+                    :data-source="tabledata2"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 700, y: 400 }"
+                    :scroll="{ x: 500, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
                       columnWidth: 30,
-                      selectedRowKeys: selectedRowKeys,
-                      onChange: onSelectChange,
+                      selectedRowKeys: selectedRowKeys2,
+                      onChange: onSelectChange2,
                     }"
                   />
                   <div class="pa">
@@ -168,9 +242,9 @@
                       showSizeChanger="true"
                       showQuickJumper="true"
                       hideOnSinglePage="true"
-                      :pageSize="pageSize"
-                      :current="currentPage"
-                      :total="tableDataTotal"
+                      :pageSize="pageSize2"
+                      :current="currentPage2"
+                      :total="tableDataTotal2"
                       class="pagination"
                     />
                   </div>
@@ -181,7 +255,11 @@
         </div>
         <div class="right">
           <div class="onerow">
-            <div class="already">已选</div>
+            <div class="onleft">
+              <div class="already">已选</div>
+              <div class="count">6</div>
+              <div class="peo">人</div>
+            </div>
             <div class="clbox">
               <div class="colose"></div>
               <span class="allclear">全部清除</span>
@@ -238,47 +316,116 @@ export default {
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 50,
+      pageSize1: 10,
+      currentPage1: 1,
+      tableDataTotal1: 50,
+      pageSize2: 10,
+      currentPage2: 1,
+      tableDataTotal2: 50,
+      selectedRowKeys: [],
+      selectedRowKeys1: [],
+      selectedRowKeys2: [],
       activeKey: "1",
-      name: "", //输入名字搜索
       value: [], //级联选择框
       choosevalue: null, //受众选择
-      organizeList: [
+      valueSelect: null, //树形选择
+      name: "",
+      nameadd: "",
+      nameaddd: "",
+      treeData: [
         {
-          id: 1,
+          title: "京东方",
           value: "京东方",
-          label: "京东方",
           children: [
             {
-              id: 2,
+              title: "产研部",
               value: "产研部",
-              label: "产研部",
               children: [
                 {
-                  id: 4,
-                  value: "产品部门",
-                  label: "产品部门",
+                  title: "产品部",
+                  value: "产品部",
                 },
                 {
-                  id: 5,
-                  value: "研发部门",
-                  label: "研发部门",
+                  title: "研究部",
+                  value: "研究部",
                 },
               ],
             },
             {
-              id: 3,
-              value: "人力资源部",
-              label: "人力资源部",
+              title: "二级标题",
+              value: "二级标题",
               children: [
                 {
-                  id: 6,
+                  title: "三级标题",
+                  value: "三级标题",
+                  children: [
+                    {
+                      title: "四级标题",
+                      value: "四级标题",
+                      children: [
+                        {
+                          title: "五级标题",
+                          value: "五级标题",
+                          children: [
+                            {
+                              title: "六级标题",
+                              value: "六级标题",
+                              children: [
+                                {
+                                  title: "七级标题",
+                                  value: "七级标题",
+                                  children: [
+                                    {
+                                      title: "八级标题",
+                                      value: "八级标题",
+                                      children: [
+                                        {
+                                          title: "九级标题",
+                                          value: "九级标题",
+                                          children: [
+                                            {
+                                              title: "十级标题",
+                                              value: "十级标题",
+                                              children: [
+                                                {
+                                                  title: "十一级标题",
+                                                  value: "十一级标题",
+                                                  children: [
+                                                    {
+                                                      title: "十二级标题",
+                                                      value: "十二级标题",
+                                                    },
+                                                  ],
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                },
+                              ],
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              title: "人力资源部",
+              value: "人力资源部",
+              children: [
+                {
+                  title: "人事部",
                   value: "人事部",
-                  label: "人事部",
                 },
                 {
-                  id: 7,
+                  title: "行政部",
                   value: "行政部",
-                  label: "行政部",
                 },
               ],
             },
@@ -290,55 +437,64 @@ export default {
           key: 1,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 2,
           name: "小刘",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 3,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 4,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 5,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 6,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 7,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 8,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 9,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
       ],
       tablecolumns: [
@@ -351,18 +507,26 @@ export default {
           className: "h",
         },
         {
-          title: "部门",
-          dataIndex: "bum",
-          key: "bum",
-          width: 45,
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
           align: "center",
           className: "h",
         },
         {
-          title: "岗位",
-          dataIndex: "gangw",
-          key: "gangw",
-          width: 45,
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
           align: "center",
           className: "h",
         },
@@ -370,56 +534,71 @@ export default {
       tabledata1: [
         {
           key: 1,
-          name: "学习受众",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 2,
-          name: "2",
-          time: "2022-10-31 23:12:00",
-          total: "2",
-          state: "已发布",
-          type: "普通受众",
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 3,
-          name: "mask",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 4,
-          name: "学习受众",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 5,
-          name: "学业受众",
-          time: "2022-10-31 23:12:00",
-          total: "2",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 6,
-          name: "案例受众",
-          time: "2022-10-31 23:12:00",
-          total: "3",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
       ],
       tablecolumns1: [
         {
-          title: "受众名称",
+          title: "姓名",
           dataIndex: "name",
           key: "name",
           width: 30,
@@ -427,84 +606,188 @@ export default {
           className: "h",
         },
         {
-          title: "创建时间",
-          dataIndex: "time",
-          key: "time",
+          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",
         },
+      ],
+      tabledata2: [
         {
-          title: "人数",
-          dataIndex: "total",
-          key: "total",
-          width: 20,
-          align: "center",
-          className: "h",
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
-          title: "状态",
-          dataIndex: "state",
-          key: "state",
-          width: 20,
-          align: "center",
-          className: "h",
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
-          title: "类型",
-          dataIndex: "type",
-          key: "type",
+          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: "产品受众群体",
+          label: "产品受众群体",
+        },
+        {
+          value: "人力资源hrbp",
+          label: "人力资源hrbp",
         },
       ],
     });
     const closeDrawer = () => {
+      state.activeKey = "1";
       ctx.emit("update:AddSvisible", false);
     };
 
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange1 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange2 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
 
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
+      onSelectChange,
+      onSelectChange1,
+      onSelectChange2,
       // change,
     };
   },
 };
 </script>
 
-<style lang="scss" >
+<style lang="scss">
 .AddLevelAddStu {
-  // .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;
@@ -519,11 +802,12 @@ export default {
     }
     .main {
       display: flex;
-      height: 80%;
+      // height: 80%;
+      margin-bottom: 72px;
       .left {
-        // overflow-y: auto;
+        overflow-y: auto;
         width: 65%;
-        height: 100%;
+        // height: 100%;
         border-right: 1px solid rgba(233, 233, 233, 1);
         .tabs {
           margin-right: 33px;
@@ -531,6 +815,12 @@ export default {
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
+            align-items: center;
+            .t1 {
+              display: flex;
+              align-items: center;
+              margin-bottom: 5px;
+            }
             .nameinp {
               display: flex;
               align-items: center;
@@ -578,6 +868,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;
@@ -672,18 +999,38 @@ export default {
               justify-content: center;
               // position: absolute;
               // bottom: 20px;
+              .ant-pagination-item,
+              .ant-pagination-prev,
+              .ant-pagination-next {
+                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;
@@ -697,6 +1044,46 @@ export default {
               }
             }
           }
+
+          .searchdown {
+            .btns {
+              display: flex;
+              margin-top: 10px;
+              .btn1 {
+                width: 100px;
+                height: 40px;
+                margin-right: 16px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #ffffff;
+                font-size: 14px;
+                background: #409eff;
+                border-radius: 8px;
+                border: 1px solid #409eff;
+                cursor: pointer;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+              .btn2 {
+                width: 100px;
+                height: 40px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #409eff;
+                font-size: 14px;
+                background: #ffffff;
+                border-radius: 8px;
+                cursor: pointer;
+                border: 1px solid #409eff;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+            }
+          }
         }
       }
       .right {
@@ -707,13 +1094,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;
@@ -774,6 +1175,7 @@ export default {
       height: 72px;
       width: 100%;
       position: absolute;
+      background-color: #fff;
       bottom: 0;
       left: 0;
       display: flex;
@@ -802,4 +1204,14 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+.changetreedropdown {
+  width: 550px !important;
+}
+
+.ant-select-tree-list-scrollbar {
+  width: 5px !important;
+  .ant-select-tree-list-scrollbar-thumb {
+    background-color: #4ea6ff !important;
+  }
+}
+</style>
diff --git a/src/components/drawers/FaceStu.vue b/src/components/drawers/FaceStu.vue
index e72e2bcc..15148941 100644
--- a/src/components/drawers/FaceStu.vue
+++ b/src/components/drawers/FaceStu.vue
@@ -78,12 +78,12 @@
         <div class="btnss" style="margin-top: 20px">
           <div class="btn btn1" style="margin-right: 20px">
             <div class="img1"></div>
-            <div class="wz">导入学员</div>
+            <div class="wz" @click="showImpStu">导入学员</div>
           </div>
-          <div class="btn btn2">
+          <div class="btn btn2" @click="showCopyModal">
             <div class="wz">批量签到</div>
           </div>
-          <div class="btn btn2">
+          <div class="btn btn2" @click="showStopModal">
             <div class="wz" @click="showEntryScore">批量签退</div>
           </div>
           <div class="btn btn2">
@@ -149,12 +149,76 @@
       <button class="btn2">确定</button>
     </div>
   </a-drawer>
+  <!-- 导入学员抽屉 -->
+      <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
+    <!-- 批量签到弹窗 -->
+    <a-modal
+      v-model:visible="copyModal"
+      :footer="null"
+      :closable="closeCopy"
+      wrapClassName="CopyModal"
+      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">
+            <span>您确定要批量签到吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 批量签退弹窗 -->
+    <a-modal
+      v-model:visible="stopModal"
+      :footer="null"
+      :closable="closeStop"
+      wrapClassName="CopyModal"
+      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="closeStopModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要批量签退吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
 </template>
 
 <script>
 import { toRefs, reactive } from "vue";
+import ImpStu from "../../components/drawers/AddLevelImportStu";
 export default {
   name: "FaceManage",
+  components: { ImpStu },
   props: {
     FSvisible: {
       type: Boolean,
@@ -165,6 +229,11 @@ export default {
   setup(props, ctx) {
     const state = reactive({
       Evisible: false, //录入成绩抽屉
+      AddImpStuvisible: false, //导入学员抽屉
+      copyModal: false, //批量签到弹窗
+      closeCopy: false, //签到弹窗关闭图标
+      stopModal: false, //签退弹窗
+      closeStop: false, //签退弹窗关闭图标
       name: null,
       showmodal: false, //勾选提示框
       closable: false, //modal右上角的关闭按钮
@@ -346,7 +415,21 @@ export default {
     const closeDrawer = () => {
       ctx.emit("update:FSvisible", false);
     };
-
+    const showImpStu = () => {
+      state.AddImpStuvisible = true;
+    };
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    const showStopModal = () => {
+      state.stopModal = true;
+    };
+    const closeStopModal = () => {
+      state.stopModal = false;
+    };
     const showEntryScore = () => {
       state.Evisible = true;
     };
@@ -498,6 +581,11 @@ export default {
       showEntryScore,
       tableDataFunc,
       getTableData,
+      showImpStu,
+      showCopyModal,
+      closeCopyModal,
+      showStopModal,
+      closeStopModal,
     };
   },
 };
@@ -509,7 +597,117 @@ export default {
     padding: 0px;
   }
 }
+.CopyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/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;
+              }
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
 
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .largeDrawerStyle {
   // width: 80%;
   .ant-drawer-content-wrapper {
diff --git a/src/components/drawers/ProjPowerList.vue b/src/components/drawers/ProjPowerList.vue
new file mode 100644
index 00000000..1aea1e0c
--- /dev/null
+++ b/src/components/drawers/ProjPowerList.vue
@@ -0,0 +1,546 @@
+<template>
+  <a-drawer
+    :visible="ProjPvisible"
+    class="drawerStyle ProjPowerList"
+    placement="right"
+    width="60%"
+    @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="search">
+          <div class="leftchoose">
+            <div class="namecon" style="margin-right: 30px">
+              <div class="name">姓名：</div>
+              <a-input
+                v-model:value="name"
+                style="width: 270px; height: 40px; border-radius: 8px"
+                placeholder="请输入姓名"
+              />
+            </div>
+          </div>
+
+          <div class="btns">
+            <div class="btn btn1" style="margin-right: 20px">
+              <div class="img1"></div>
+              <div class="wz">搜索</div>
+            </div>
+            <div class="btn btn2">
+              <div class="img2"></div>
+              <div class="wz">重置</div>
+            </div>
+          </div>
+        </div>
+
+        <div class="tableBox" style="margin-top: 10px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tableDataFunc()"
+            :data-source="tableData"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            @expand="expandTable"
+            :scroll="{ x: 900, y: 400 }"
+            :pagination="false"
+            :row-selection="{
+              columnWidth: 30,
+              selectedRowKeys: selectedRowKeys,
+              onChange: onSelectChange,
+            }"
+          />
+        </div>
+        <div class="pa">
+          <a-pagination
+            showSizeChanger="true"
+            showQuickJumper="true"
+            hideOnSinglePage="true"
+            :pageSize="pageSize"
+            :current="currentPage"
+            :total="tableDataTotal"
+            class="pagination"
+          />
+        </div>
+        <!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tablecolumns"
+            :data-source="tabledata"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            :scroll="{ x: 900, y: 350 }"
+            @expand="expandTable"
+            :pagination="false"
+            :row-selection="{
+              columnWidth: 30,
+              selectedRowKeys: selectedRowKeys,
+              onChange: onSelectChange,
+            }"
+          />
+        </div> -->
+      </div>
+    </div>
+    <!-- 取消授权弹窗 -->
+    <a-modal
+      v-model:visible="cancelModal"
+      :footer="null"
+      :closable="closeCancel"
+      wrapClassName="CopyModal"
+      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="closeCancelModal"></div>
+          </div>
+          <div class="body">
+            <span>是否取消当前用户对此数据的权限</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+
+    <div class="botm"></div>
+    <div class="btnn">
+      <button class="btn1">取消</button>
+      <button class="btn2">确定</button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+export default {
+  name: "ProjPowerList",
+  props: {
+    ProjPvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      name: null,
+      showmodal: false, //勾选提示框
+      closable: false, //modal右上角的关闭按钮
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 100,
+      selectedRowKeys: [],
+      cancelModal: false, //取消授权弹窗
+      closeCancel: false, //取消授权弹窗关闭图标
+      tableData: [
+        {
+          key: 1,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 2,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 3,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 4,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 5,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 6,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "归属权",
+        },
+        {
+          key: 7,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "查看权",
+        },
+        {
+          key: 8,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          state: "管理权",
+        },
+        {
+          key: 9,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          state: "管理权",
+        },
+        {
+          key: 10,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          state: "管理权",
+        },
+      ],
+    });
+
+    const closeDrawer = () => {
+      ctx.emit("update:ProjPvisible", false);
+    };
+
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const showCancelModal = () => {
+      state.cancelModal = true;
+    };
+    const closeCancelModal = () => {
+      state.cancelModal = false;
+    };
+
+    const tableDataFunc = () => {
+      const columns = [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          // width: "30%",
+          key: "name",
+          width: 70,
+          align: "left",
+          className: "classify",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: (text) => {
+            // console.log(text.record.checked1);
+            return (
+              <div class="racona">
+                <span> {text.record.name}</span>
+              </div>
+            );
+          },
+        },
+        {
+          title: "归属组织",
+          dataIndex: "com",
+          // width: "30%",
+          key: "com",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所在岗位",
+          dataIndex: "gang",
+          key: "gang",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+
+        {
+          title: "拥有权限",
+          dataIndex: "state",
+          key: "state",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          className: "h",
+          dataIndex: "opacation",
+          key: "opacation",
+          width: 100,
+          align: "center",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: () => {
+            return (
+              <div
+                class="opa"
+                onClick={() => {
+                  showCancelModal();
+                }}
+              >
+                取消授权
+              </div>
+            );
+          },
+        },
+      ];
+      return columns;
+    };
+    return {
+      ...toRefs(state),
+      closeDrawer,
+      onSelectChange,
+      tableDataFunc,
+      showCancelModal,
+      closeCancelModal,
+    };
+  },
+};
+</script>
+
+<style  lang="scss" >
+.me {
+  .ant-modal-body {
+    padding: 0px;
+  }
+}
+
+.ProjPowerList {
+  // width: 80%;
+  .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 {
+      width: 100%;
+      height: 100%;
+      // background-color: #bfa;
+      // overflow-y: auto;
+      .search {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 10px;
+        justify-content: space-between;
+        .leftchoose {
+          display: flex;
+          margin-right: 20px;
+          .namecon {
+            display: flex;
+            flex-wrap: nowrap;
+            margin-bottom: 10px;
+            .name {
+              margin-top: 8px;
+              white-space: nowrap;
+            }
+            // .name {
+            //   margin-top: 8px;
+
+            //   color: rgba(0, 0, 0, 0.85);
+            //   font-size: 14px;
+            //   font-weight: 400;
+            // }
+          }
+        }
+
+        .btns {
+          display: flex;
+          flex-wrap: nowrap;
+
+          .btn {
+            cursor: pointer;
+            width: 100px;
+            height: 40px;
+            border-radius: 8px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .img1 {
+              width: 15px;
+              height: 17px;
+              background-image: url(../../assets/images/courseManage/search0.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+            .img2 {
+              width: 16px;
+              height: 18px;
+              background-image: url(../../assets/images/courseManage/reset1.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+          }
+
+          .btn1 {
+            background: #388be1;
+
+            color: #ffffff;
+          }
+          .btn2 {
+            background: #ffffff;
+
+            color: #388be1;
+            border: 1px solid #388be1;
+          }
+        }
+      }
+
+      .tableBox {
+        // margin-bottom: 80px;
+
+        .classify {
+          // margin-left: 11px !important;
+          // padding-left: 9px !important;
+          padding-left: 0px !important;
+        }
+        .ant-checkbox-wrapper {
+          align-items: center;
+          margin-top: -2px;
+        }
+        .ant-table-selection-column {
+          padding: 0px !important;
+          // padding-left: 45px !important;
+        }
+        .ant-table-thead > tr > th {
+          background-color: rgba(239, 244, 252, 1);
+        }
+        th.h {
+          background-color: #eff4fc !important;
+        }
+
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
+          background: #f6f9fd;
+        }
+        .opa {
+          // background-color: #bfa;
+          font-size: 14px;
+          font-weight: 400;
+          color: #388be1;
+          cursor: pointer;
+        }
+      }
+      .pa {
+        // left: 0;
+        margin-top: 25px;
+        margin-bottom: 70px;
+        width: 100%;
+        // height: 20px;
+        // background-color: red;
+        display: flex;
+        justify-content: center;
+        // position: absolute;
+        // bottom: 20px;
+      }
+      // .tab {
+      //   .ant-table-thead > tr > th {
+      //     background-color: rgba(239, 244, 252, 1) !important;
+      //   }
+
+      //   th.h {
+      //     background-color: #eff4fc !important;
+      //   }
+
+      //   .ant-table-tbody
+      //     > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+      //     > td {
+      //     background: #f6f9fd;
+      //   }
+      // }
+    }
+  }
+  // .botm {
+  //   width: 100%;
+  //   height: 100%;
+  //   background-color: red;
+  //   // flex-shrink: 1;
+  // }
+  .btnn {
+    height: 72px;
+    width: 100%;
+    position: absolute;
+    background-color: #fff;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+    .btn1 {
+      width: 100px;
+      height: 40px;
+      border: 1px solid #4ea6ff;
+      border-radius: 8px;
+      color: #4ea6ff;
+      background-color: #fff;
+      cursor: pointer;
+    }
+    .btn2 {
+      cursor: pointer;
+      width: 100px;
+      height: 40px;
+      background: #4ea6ff;
+      border-radius: 8px;
+      border: 0;
+      margin-left: 15px;
+      color: #fff;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/StuAdd.vue b/src/components/drawers/StuAdd.vue
index 7f7cf7dc..9f79593a 100644
--- a/src/components/drawers/StuAdd.vue
+++ b/src/components/drawers/StuAdd.vue
@@ -24,18 +24,26 @@
                   <div class="nameinp">
                     <div class="namee">姓名：</div>
                     <a-input
-                        v-model:value="name"
-                        style="width: 270px; height: 40px; border-radius: 8px"
-                        placeholder="请输入姓名"
+                      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="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="img2">
+                        <img
+                          src="../../assets/images/courseManage/reset1.png"
+                        />
+                      </div>
                       <div class="wz">重置</div>
                     </div>
                   </div>
@@ -86,9 +94,9 @@
                 <div class="tab2">
                   <div class="organize">组织：</div>
                   <a-cascader
-                        v-model:value="value"
-                        placeholder="请输入组织名称"
-                        :options="organizeList"
+                    v-model:value="value"
+                    placeholder="请输入组织名称"
+                    :options="organizeList"
                   />
                 </div>
               </a-tab-pane>
@@ -97,19 +105,27 @@
                   <div class="nameinp">
                     <div class="namee">受众名称：</div>
                     <a-select
-                        v-model:value="value"
-                        style="width: 264px;border-radius: 8px"
-                        placeholder="请输入组织名称"
-                        :options="organizeList1"
+                      v-model:value="value"
+                      style="width: 264px; border-radius: 8px"
+                      placeholder="请输入组织名称"
+                      :options="organizeList1"
                     />
                   </div>
                   <div class="btns">
                     <div class="btn1">
-                      <div class="img1"><img src="../../assets/images/courseManage/search0.png"/></div>
+                      <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="img2">
+                        <img
+                          src="../../assets/images/courseManage/reset1.png"
+                        />
+                      </div>
                       <div class="wz">重置</div>
                     </div>
                   </div>
@@ -168,6 +184,78 @@
             </div>
           </div>
           <div class="selecteds">
+            <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>
@@ -201,7 +289,6 @@
       </div>
     </div>
   </a-drawer>
-  
 </template>
 
 <script>
@@ -227,38 +314,38 @@ export default {
           label: "京东方",
           children: [
             {
-              id:2,
+              id: 2,
               value: "产研部",
               label: "产研部",
               children: [
-                          {
-                            id:4,
-                            value: "产品部门",
-                            label: "产品部门",
-                          },
-                          {
-                            id:5,
-                            value: "研发部门",
-                            label: "研发部门",
-                          },
-                        ],
+                {
+                  id: 4,
+                  value: "产品部门",
+                  label: "产品部门",
+                },
+                {
+                  id: 5,
+                  value: "研发部门",
+                  label: "研发部门",
+                },
+              ],
             },
             {
-              id:3,
+              id: 3,
               value: "人力资源部",
               label: "人力资源部",
               children: [
-                          {
-                            id:6,
-                            value: "人事部",
-                            label: "人事部",
-                          },
-                          {
-                            id:7,
-                            value: "行政部",
-                            label: "行政部",
-                          },
-                        ],
+                {
+                  id: 6,
+                  value: "人事部",
+                  label: "人事部",
+                },
+                {
+                  id: 7,
+                  value: "行政部",
+                  label: "行政部",
+                },
+              ],
             },
           ],
         },
@@ -393,7 +480,7 @@ export default {
           total: "3",
           state: "已发布",
           type: "普通受众",
-        },       
+        },
       ],
       tablecolumns1: [
         {
@@ -449,7 +536,7 @@ export default {
 
     const stuaddChange = (e) => {
       state.stuaddTab = e;
-    }
+    };
 
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
@@ -466,7 +553,7 @@ export default {
 };
 </script>
 
-<style lang="scss" >
+<style lang="scss">
 .stuadd {
   // .ant-drawer-content-wrapper {
   //   // max-width: 1000px;
@@ -808,4 +895,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/TaskFaceIn.vue b/src/components/drawers/TaskFaceIn.vue
new file mode 100644
index 00000000..babf1784
--- /dev/null
+++ b/src/components/drawers/TaskFaceIn.vue
@@ -0,0 +1,354 @@
+<template>
+  <a-drawer
+    :visible="TaskFaceImpStuvisible"
+    class="drawerStyle TaskFaceImpStu"
+    placement="right"
+    width="40%"
+    @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="minatitl">
+          <div class="up1">请下载</div>
+          <div class="up2">模板</div>
+          <div class="up1">，按要求填写数据并导入</div>
+        </div>
+        <div class="upload">
+          <div class="text">上传：</div>
+          <div class="right">
+            <div class="load">
+              <div class="cloud"></div>
+              <div class="tip">点击或将文件拖拽到此处上传</div>
+              <div class="tipz">支持扩展名：.xls/.xlsx</div>
+            </div>
+            <div class="loadstate">
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="stateloading">正在上传</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogloading"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">暂停</div>
+                    <div class="cancel" style="margin-left: 15px">取消</div>
+                  </div>
+                </div>
+              </div>
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="statedefeat">上传失败</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogdefeat"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">暂停</div>
+                    <div class="cancel" style="margin-left: 15px">取消</div>
+                  </div>
+                  <div class="defeat">下载失败数据</div>
+                </div>
+              </div>
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="statesucce">上传成功</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogsucce"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">删除</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "TaskImpStu",
+  props: {
+    TaskFaceImpStuvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({});
+    const closeDrawer = () => {
+      ctx.emit("update:TaskFaceImpStuvisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+
+<style lang="scss" >
+.TaskFaceImpStu {
+  .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 {
+      .minatitl {
+        display: flex;
+        .up1 {
+          font-size: 16px;
+          font-weight: 400;
+          color: #333333;
+        }
+        .up2 {
+          font-size: 16px;
+          font-weight: 400;
+          color: #388be1;
+          margin-left: 4px;
+        }
+      }
+      .upload {
+        margin-top: 32px;
+        display: flex;
+        .text {
+          font-size: 14px;
+          font-weight: 400;
+          color: #333333;
+        }
+        .right {
+          margin-left: 6px;
+          .load {
+            width: 500px;
+            height: 176px;
+            background: #f5f9fd;
+            border-radius: 4px;
+            // opacity: 0.3;
+            border: 1px dashed #caddfd;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin-bottom: 20px;
+            .cloud {
+              margin-top: 52px;
+              width: 28px;
+              height: 28px;
+              background-image: url(../../assets/images/basicinfo/cloud.png);
+            }
+            .tip {
+              font-size: 14px;
+              font-weight: 400;
+              color: #388be1;
+              margin-top: 15px;
+              cursor: pointer;
+            }
+            .tipz {
+              font-size: 14px;
+              font-weight: 400;
+              color: #999999;
+              margin-top: 10px;
+            }
+          }
+          .loadstate {
+            width: 500px;
+            margin-bottom: 100px;
+
+            .loadborder {
+              width: 500px;
+              height: 173px;
+              border-radius: 4px;
+              border: 1px dashed #eaeaea;
+              margin-bottom: 30px;
+              display: flex;
+              align-items: center;
+              .content {
+                display: flex;
+                margin-left: 20px;
+                position: relative;
+                .defeat {
+                  position: absolute;
+                  left: 46px;
+                  top: 38px;
+                  font-size: 14px;
+                  font-weight: 500;
+                  color: #ff7474;
+                }
+                .img {
+                  width: 30px;
+                  height: 34px;
+                  background-image: url(../../assets/images/basicinfo/exl.png);
+                }
+                .timebox {
+                  margin-left: 15px;
+                  margin-top: -5px;
+                  .timetop {
+                    display: flex;
+                    width: 262px;
+                    justify-content: space-between;
+                    margin-bottom: 8px;
+                    .tit {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #333333;
+                    }
+                    .stateloading {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #388be1;
+                    }
+                    .statedefeat {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #ff7474;
+                    }
+                    .statesucce {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #35ae69;
+                    }
+                  }
+                  .prog {
+                    width: 262px;
+                    height: 5px;
+                    background: #eaf1fe;
+                    border-radius: 4px;
+                    .inprogloading {
+                      width: 55%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #388be1;
+                    }
+                    //下载失败条
+                    .inprogdefeat {
+                      width: 55%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #ff7474;
+                    }
+                    //下载成功条
+                    .inprogsucce {
+                      width: 100%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #57c887;
+                    }
+                  }
+                }
+                .curloading {
+                  margin-left: 15px;
+                  margin-top: 15px;
+                  display: flex;
+                  .cur {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #333333;
+                  }
+                  .cancel {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #387df7;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      background-color: #fff;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/TestManage.vue b/src/components/drawers/TestManage.vue
index 3be140a8..61506af6 100644
--- a/src/components/drawers/TestManage.vue
+++ b/src/components/drawers/TestManage.vue
@@ -54,7 +54,7 @@
           </div>
         </div>
         <div class="btnss" style="margin-top: 20px">
-          <div class="btn btn1" style="margin-right: 20px; cursor: pointer">
+          <div class="btn btn1" @click="showopen" style="margin-right: 20px; cursor: pointer">
             <div class="img2"></div>
             <div class="wz">催促考试</div>
           </div>
@@ -80,12 +80,17 @@
         <button class="btn1">取消</button>
         <button class="btn2">确定</button>
       </div>
+      <div class="noticebox" v-show="open">
+        <div><img src="../../assets/images/taskpage/check.png"/></div>
+        <div class="notext">催促学员成功</div>
+      </div>
     </div>
   </a-drawer>
+  
 </template>
 
 <script>
-import { toRefs, reactive } from "vue";
+import { toRefs, reactive, onMounted, onUnmounted} from "vue";
 export default {
   name: "TestManage",
   props: {
@@ -102,6 +107,7 @@ export default {
   setup(props, ctx) {
     const state = reactive({
       name: null,
+      open: false,
       projectNameList: [
         {
           id: 1,
@@ -291,11 +297,25 @@ export default {
     const closeDrawer = () => {
       ctx.emit("update:TMvisible", false);
     };
-
+    const showopen=()=>{
+        state.open = true;
+    };
+    let timer;
+    onMounted(()=> {
+      timer = setInterval(()=>{
+        state.open = false;
+      },3000);
+    });
+    onUnmounted(()=>{
+      clearInterval(timer);
+    });
     return {
       ...toRefs(state),
       selectProjectName,
       closeDrawer,
+      showopen,
+      onMounted,
+      onUnmounted,
     };
   },
 };
@@ -324,6 +344,24 @@ export default {
     overflow-x: scroll;
     display: flex;
     flex-direction: column;
+    position: relative;
+    .noticebox {
+      width: 240px;
+      height: 64px;
+      background: rgba(255, 255, 255, 1);
+      border-radius: 4px;
+      position: absolute;
+      top: 161px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .notext {
+        color: rgba(51, 51, 51, 1);
+        font-size: 14px;
+        font-weight: 500;
+        margin-left: 20px;
+      }
+    }
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
diff --git a/src/components/drawers/TimeManage.vue b/src/components/drawers/TimeManage.vue
index 19a18b55..114c07b1 100644
--- a/src/components/drawers/TimeManage.vue
+++ b/src/components/drawers/TimeManage.vue
@@ -54,7 +54,7 @@
           </div>
         </div>
         <div class="btnss" style="margin-top: 20px">
-          <div class="btn btn1" style="margin-right: 20px">
+          <div class="btn btn1" @click="showopen"  style="margin-right: 20px">
             <div class="img1"></div>
             <div class="wz">催促学习</div>
           </div>
@@ -91,12 +91,16 @@
         <button class="btn1">取消</button>
         <button class="btn2">确定</button>
       </div>
+      <div class="noticebox" v-show="open">
+        <div><img src="../../assets/images/taskpage/check.png"/></div>
+        <div class="notext">催促学员成功</div>
+      </div>
     </div>
   </a-drawer>
 </template>
 
 <script>
-import { toRefs, reactive } from "vue";
+import { toRefs, reactive, onMounted, onUnmounted} from "vue";
 export default {
   name: "TimeManage",
   props: {
@@ -113,6 +117,7 @@ export default {
   setup(props, ctx) {
     const state = reactive({
       name: null,
+      open: false,
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 100,
@@ -269,10 +274,25 @@ export default {
     const closeDrawer = () => {
       ctx.emit("update:Tvisible", false);
     };
+    const showopen=()=>{
+        state.open = true;
+    };
+    let timer;
+    onMounted(()=> {
+      timer = setInterval(()=>{
+        state.open = false;
+      },3000);
+    });
+    onUnmounted(()=>{
+      clearInterval(timer);
+    });
     return {
       ...toRefs(state),
       selectProjectName,
       closeDrawer,
+      showopen,
+      onMounted,
+      onUnmounted,
     };
   },
 };
@@ -297,6 +317,23 @@ export default {
     overflow-x: scroll;
     display: flex;
     flex-direction: column;
+    .noticebox {
+      width: 240px;
+      height: 64px;
+      background: rgba(255, 255, 255, 1);
+      border-radius: 4px;
+      position: absolute;
+      top: 161px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .notext {
+        color: rgba(51, 51, 51, 1);
+        font-size: 14px;
+        font-weight: 500;
+        margin-left: 20px;
+      }
+    }
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
diff --git a/src/components/windows/DelWins.vue b/src/components/windows/DelWins.vue
new file mode 100644
index 00000000..57667bb1
--- /dev/null
+++ b/src/components/windows/DelWins.vue
@@ -0,0 +1,161 @@
+<template>
+    <!--删除弹窗 -->
+    <a-modal
+      v-model:visible="delete_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+    >
+      <div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="del-icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="delete_exit"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此课程吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--删除弹窗 -->
+</template>
+
+<script>
+import { toRefs, reactive, defineComponent } from "vue";
+export default defineComponent({
+    name: "DelWins",
+      props: {
+    delete_hs: {
+      type: Boolean,
+      default: false,
+    },
+  },
+    setup() {
+        const state = reactive({
+            delete_hs: false,
+            closableQR: false,
+        })
+        const delete_exit = () => {
+            state.delete_hs = false;
+        }
+        return {
+            ...toRefs(state),
+            delete_exit,
+        };
+    },
+})
+</script>
+<style lang="scss" scope>
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+      .ant-modal-body {
+        .delete {
+          z-index: 999;
+          width: 424px;
+          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: 40px;
+            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;
+              .del-icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                background-size: 100% 100%;
+              }
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+              .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;
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index 2278df41..648556be 100644
--- a/src/views/projectcenter/LibraryAdd.vue
+++ b/src/views/projectcenter/LibraryAdd.vue
@@ -1,263 +1,634 @@
 <template>
-    <div class="addwrapper">
-        <div class="addhead">
-        <div class="leftimg">
-          <img class="img" src="../../assets/images/projectadd/picture.png" />
-        </div>
-        <div class="imgfor">
-          <div class="forz">管理者进阶-腾飞班1备份</div>
-          <div class="fort">
-            <div class="fort1">项目经理：黄华、刘俊备份</div>
-            <div class="fort2">起止时间：2022-09-21 00:00 至 2022-10-21 00:00</div>
+  <div class="addwrapper">
+    <div class="addhead">
+      <div class="leftimg">
+        <img class="img" src="../../assets/images/projectadd/picture.png" />
+      </div>
+      <div class="imgfor">
+        <div class="forz">管理者进阶-腾飞班1备份</div>
+        <div class="fort">
+          <div class="fort1">项目经理：黄华、刘俊备份</div>
+          <div class="fort2">
+            起止时间：2022-09-21 00:00 至 2022-10-21 00:00
           </div>
         </div>
-        <div class="right">
-          <img class="img1" src="../../assets/images/leveladd/ma.png" />
-          <div class="line"></div>
-          <img class="img2" src="../../assets/images/projectadd/ending.png" />
-          <div class="pub">结束项目</div>
-          <div class="line"></div>
-          <img
-            style="margin-right: 15px"
-            class="img2"
-            src="../../assets/images/leveladd/more.png"
-          />
-          <div class="more">
-            <span style="color: #7096e3; cursor: pointer">更多</span>
-            <div class="moreArrow"></div>
-            <div class="moreItems">
-              <div class="sammo">撤回</div>
-              <div class="sammo">复制</div>
-            </div>
+      </div>
+      <div class="right">
+        <img class="img1" src="../../assets/images/leveladd/ma.png" />
+        <div class="line"></div>
+        <img class="img2" src="../../assets/images/projectadd/ending.png" />
+        <div class="pub">结束项目</div>
+        <div class="line"></div>
+        <img
+          style="margin-right: 15px"
+          class="img2"
+          src="../../assets/images/leveladd/more.png"
+        />
+        <div class="more">
+          <span style="color: #7096e3; cursor: pointer">更多</span>
+          <div class="moreArrow"></div>
+          <div class="moreItems">
+            <div class="sammo">撤回</div>
+            <div class="sammo">复制</div>
           </div>
-          <div class="line"></div>
-          <router-link to="/templatelibrary"
-            ><div style="display: flex">
-              <img class="img2" src="../../assets/images/leveladd/back.png" />
-              <div class="return">返回</div>
-            </div></router-link
-          >
         </div>
-        </div>
-        <div class="split"></div>
-        <div class="bom clearfix">
-        <a-tabs
-            class="tab"
-            v-model:activeKey="activeKey"
-            size="large"
-            :tabBarStyle="{ marginLeft: '10px' }"
+        <div class="line"></div>
+        <router-link to="/templatelibrary"
+          ><div style="display: flex">
+            <img class="img2" src="../../assets/images/leveladd/back.png" />
+            <div class="return">返回</div>
+          </div></router-link
         >
-            <a-tab-pane key="1" tab="任务">
-                1
-            </a-tab-pane>
-            <a-tab-pane key="2" tab="公告" force-render>
-                <div class="notice">
-                    <div class="ntc_tit"><span>公告</span></div>
-                    <hr color="#E8E8E8"/>
-                    <div class="ntc_body">
-                        <div class="ntc_switch">
-                        <a-switch v-model:checked="checked" @click="changeopclo"/>
-                        <div class="opclo"
-                        :style="{ display: hideshow ? 'block' : 'none' }">
-                            <span>关闭</span>
-                        </div>
-                        <div class="opclo"
-                        :style="{ display: hideshow ? 'none' : 'block'  }">
-                            <span>开启</span>
-                        </div>
-                    </div>
-                    <div class="ntc_content"
-                    :style="{ display: hideshow ? 'block' : 'none' }">
-                        <div class="ntcc_tit">公告内容</div>
-                        <div class="textarea">
-                            <a-textarea v-model:value="value2" placeholder="公告信息最多输入150个字。" :maxlength="textnum" allow-clear />
-                            <div class="btnarea">
-                                <div>&nbsp;</div>
-                                <div class="area_btn">
-                                <div class="pub"></div>
-                                    <div class="btnText">发布</div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    </div>
-                </div>
-            </a-tab-pane>
-            <a-tab-pane key="3" tab="项目积分">
-                <div class="projectscore">
-                    <div class="pjc_tit">
-                        <span>获取规则</span>
-                    </div>
-                    <hr color="#E8E8E8"/>
-                    <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>当前设计下，学员可以获得 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-tab-pane key="4" tab="设置">
-                <div class="setting">
-                    <div class="set_tit">
-                        <span>基本信息</span>
-                    </div>
-                    <hr color="#E8E8E8"/>
-                    <div class="set_body">
-                        <div class="set_content">
-                            <div class="setc_name"><span>项目名称：</span></div>
-                            <div class="setc_main">
-                                <span style="color:#999999;">管理者进阶 - 管理者腾飞班</span>
-                            </div>
-                        </div>
-                        <div class="set_content">
-                            <div class="setc_name"><span>封面图：</span></div>
-                            <div class="setc_main">
-                                <img src="@/assets/images/projectadd/picture.png" alt="">
-                            </div>
-                        </div>
-                        <div class="set_content">
-                            <div class="setc_name"><span>项目时间：</span></div>
-                            <div class="setc_main">
-                                <span style="color:#999999;">2022-7-16 12:30 ～ 2022-7-30 12:30</span>
-                            </div>
-                        </div>
-                        <div class="set_content">
-                            <div class="setc_name"><span>项目经理：</span></div>
-                            <div class="setc_main">
-                                <span style="color:#999999;">张雪</span>
-                            </div>
-                        </div>
-                        <div class="set_content">
-                            <div class="setc_name"><span>资源归属：</span></div>
-                            <div class="setc_main">
-                                <span style="color:#999999;">-</span>
-                            </div>
-                        </div>
-                        <div class="set_content">
-                            <div class="setc_name"><span>项目说明：</span></div>
-                            <div class="setc_main">
-                                <span style="color:#999999;">-</span>
-                            </div>
-                        </div>
-                        <div class="set_content">
-                            <div class="setc_name"><span>同步学习记录：</span></div>
-                            <div class="setc_main" @click="changecheck2">
-                                <a-radio v-model:checked="checked2"><span style="color:#333333">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
-                            </div>
-                        </div>
-                        <div class="set_content">
-                            <div class="setc_name"><span>项目级别：</span></div>
-                            <div class="setc_main">
-                                <span style="color:#999999;">-</span>
-                            </div>
-                        </div>
-                        <div class="set_content">
-                            <div class="setc_name"><span>培训体系：</span></div>
-                            <div class="setc_main">
-                                <span style="color:#999999;">-</span>
-                            </div>
-                        </div>
-                        <div class="set_content">
-                            <div class="setc_name"><span>是否BOEU实施：</span></div>
-                            <div class="setc_main" @click="changecheck3">
-                                <a-radio v-model:checked="checked3"><span style="color:#333333">BOEU实施</span></a-radio>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </a-tab-pane>
-        </a-tabs>
-        <a-modal
-            style="padding: 0"
-            :closable="sh"
-            v-model:visible="visible"
-            :footer="null"
-            centered="true"
-        >
-            <div class="con">
-            <div class="header">
-              <div class="inhe">
-                <div class="mod"></div>
-                <div class="tz">调整关卡</div>
-                <div class="mg"></div>
-              </div>
-            </div>
-            <div class="mid">
-              <div class="inher">
-                <div class="cur">当前关卡：</div>
-                <div class="select">
-                  <a-select
-                    v-model:value="projectName"
-                    style="width: 100%"
-                    placeholder="请选择关卡"
-                    :options="projectNameList4"
-                    @change="selectProjectName4"
-                    allowClear
-                    showSearch
-                  ></a-select>
-                </div>
-                <div class="btn">
-                  <button class="sameb btn1">取消</button>
-                  <button class="sameb btn2">确定</button>
-                </div>
-              </div>
-            </div>
-            </div></a-modal
-        >
-        </div>
+      </div>
     </div>
+    <div class="split"></div>
+    <div class="bom clearfix">
+      <a-tabs
+        class="tab"
+        v-model:activeKey="activeKey"
+        size="large"
+        :tabBarStyle="{ marginLeft: '10px' }"
+      >
+        <a-tab-pane key="1" tab="任务">
+          <div class="taskBox" style="flex: 1">
+            <div class="split"></div>
+            <div class="onerow">
+              <div class="taskmain">任务大纲</div>
+              <button class="btn" @click="showFaceIn">批量面授报名</button>
+              <router-link to="/taskadd" class="edit">
+                <img
+                  class="editimg"
+                  src="../../assets/images/projectadd/edit.png"
+                />
+                <span class="editext">编辑</span>
+              </router-link>
+            </div>
+            <!-- <div class="taskSyllabus">
+                <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
+                  <template #expandIcon="{ isActive }">
+                    <img
+                      class="editimg"
+                      src="../../assets/images/projectadd/edit.png"
+                    />
+                    <span class="editext">编辑</span>
+                  </router-link>
+                </div> -->
+            <div class="taskSyllabus">
+              <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
+                <template #expandIcon="{ isActive }">
+                  <img
+                    :style="{
+                      width: isActive ? 9.1 : 8.1,
+                      height: isActive ? 8.1 : 9.1,
+                      'margin-right': isActive ? '12px' : '13px',
+                    }"
+                    :src="
+                      isActive
+                        ? require('../../assets/images/projectadd/open.png')
+                        : require('../../assets/images/projectadd/close.png')
+                    "
+                  />
+                  <div></div>
+                </template>
+                <a-collapse-panel
+                  v-for="(value, index) in taskSyllabus"
+                  :key="index"
+                  :header="value.text"
+                >
+                  <div
+                    class="course"
+                    v-for="(item, key) in value.children"
+                    :key="key"
+                  >
+                    <!-- :style="{width:item.course==='在线'?'28px':
+                            height:item.course==='在线'?'27px':}" -->
+                    <div class="first">
+                      <div class="icon">
+                        <div
+                          style="
+                            width: 31px;
+                            height: 28px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                          "
+                        >
+                          <img
+                            :src="
+                              item.course === '在线'
+                                ? require('../../assets/images/leveladd/zai.png')
+                                : item.course === '面授'
+                                ? require('../../assets/images/leveladd/mian.png')
+                                : item.course === '案例'
+                                ? require('../../assets/images/leveladd/an.png')
+                                : item.course === '作业'
+                                ? require('../../assets/images/leveladd/zuo.png')
+                                : item.course === '考试'
+                                ? require('../../assets/images/leveladd/kao.png')
+                                : item.course === '直播'
+                                ? require('../../assets/images/leveladd/zhi.png')
+                                : item.course === '外链'
+                                ? require('../../assets/images/leveladd/wai.png')
+                                : item.course === '讨论'
+                                ? require('../../assets/images/leveladd/tao.png')
+                                : item.course === '活动'
+                                ? require('../../assets/images/leveladd/huo.png')
+                                : item.course === '测评'
+                                ? require('../../assets/images/leveladd/ce.png')
+                                : item.course === '调研'
+                                ? require('../../assets/images/leveladd/diao.png')
+                                : item.course === '投票'
+                                ? require('../../assets/images/leveladd/tou.png')
+                                : null
+                            "
+                          />
+                        </div>
+                      </div>
+                      <div>
+                        <div class="iconame">「{{ item.course }}」</div>
+                        <div class="icontext">{{ item.name }}</div>
+                      </div>
+                    </div>
+                    <div class="type">
+                      <div
+                        :class="
+                          item.classify == '必修' ? 'typename1' : 'typename'
+                        "
+                      >
+                        {{ item.classify }}
+                      </div>
+                    </div>
+                    <div class="time">
+                      <div class="timetext">开始时间</div>
+                      <div class="timetext">{{ item.beginTime }}</div>
+                    </div>
+                    <div class="progress">
+                      <div class="progresstext">
+                        {{ item.complete }}/{{ item.total }}人
+                      </div>
+                      <div style="display: flex">
+                        <a-progress
+                          :showInfo="false"
+                          :percent="item.percent"
+                          strokeColor="#FFC067"
+                          trailColor="rgba(253, 209, 98, 0.2)"
+                        />
+                        <span class="progresstext" style="margin-left: 10px"
+                          >{{ item.percent }}%</span
+                        >
+                      </div>
+                    </div>
+                    <div class="operations">
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display: item.course === '面授' ? 'flex' : 'none',
+                        }"
+                        @click="showFS"
+                      >
+                        学员
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        @click="showAA"
+                        :style="{
+                          display:
+                            item.course === '直播' || item.course === '活动'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                      >
+                        考勤
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display:
+                            item.course === '直播' ||
+                            item.course === '活动' ||
+                            item.course === '面授'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                      >
+                        二维码
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer; margin-right: 35px"
+                        @click="
+                          item.course === '在线' ||
+                          item.course === '案例' ||
+                          item.course === '外链' ||
+                          item.course === '讨论' ||
+                          item.course === '直播' ||
+                          item.course === '调研' ||
+                          item.course === '投票' ||
+                          item.course === '活动'
+                            ? showTime(item.course, item.name)
+                            : item.course === '考试' || item.course === '测评'
+                            ? showTest(item.course, item.name)
+                            : item.course === '面授'
+                            ? showFace(item.course)
+                            : item.course === '作业'
+                            ? showWork(item.course)
+                            : null
+                        "
+                      >
+                        管理
+                      </div>
+                    </div>
+                  </div>
+                </a-collapse-panel>
+              </a-collapse>
+              <!-- 无数据创建任务 -->
+              <div
+                class="taskbox"
+                style="
+                  background: linear-gradient(180deg, #ddeaff, #f0f8fe);
+                  display: none;
+                "
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture8.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  创建任务
+                </div>
+                <div class="centermain">点击创建项目任务</div>
+              </div>
+              <!-- 无数据创建任务 -->
+            </div>
+            <div style="display: flex; height: 20px"></div>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane key="2" tab="公告" force-render>
+          <div class="notice">
+            <div class="ntc_tit"><span>公告</span></div>
+            <hr color="#E8E8E8" />
+            <div class="ntc_body">
+              <div class="ntc_switch">
+                <a-switch v-model:checked="checked" @click="changeopclo" />
+                <div
+                  class="opclo"
+                  :style="{ display: hideshow ? 'block' : 'none' }"
+                >
+                  <span>关闭</span>
+                </div>
+                <div
+                  class="opclo"
+                  :style="{ display: hideshow ? 'none' : 'block' }"
+                >
+                  <span>开启</span>
+                </div>
+              </div>
+              <div
+                class="ntc_content"
+                :style="{ display: hideshow ? 'block' : 'none' }"
+              >
+                <div class="ntcc_tit">公告内容</div>
+                <div class="textarea">
+                  <a-textarea
+                    v-model:value="value2"
+                    placeholder="公告信息最多输入150个字。"
+                    :maxlength="textnum"
+                    allow-clear
+                  />
+                  <div class="btnarea">
+                    <div>&nbsp;</div>
+                    <div class="area_btn">
+                      <div class="pub"></div>
+                      <div class="btnText">发布</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane key="3" tab="项目积分">
+          <div class="projectscore">
+            <div class="pjc_tit">
+              <span>获取规则</span>
+            </div>
+            <hr color="#E8E8E8" />
+            <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>当前设计下，学员可以获得 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-tab-pane key="4" tab="设置">
+          <div class="setting">
+            <div class="set_tit">
+              <span>基本信息</span>
+            </div>
+            <hr color="#E8E8E8" />
+            <div class="set_body">
+              <div class="set_content">
+                <div class="setc_name"><span>项目名称：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">管理者进阶 - 管理者腾飞班</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>封面图：</span></div>
+                <div class="setc_main">
+                  <img src="@/assets/images/projectadd/picture.png" alt="" />
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目时间：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999"
+                    >2022-7-16 12:30 ～ 2022-7-30 12:30</span
+                  >
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目经理：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">张雪</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>资源归属：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目说明：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>同步学习记录：</span></div>
+                <div class="setc_main" @click="changecheck2">
+                  <a-radio v-model:checked="checked2"
+                    ><span style="color: #333333"
+                      >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+                    ></a-radio
+                  >
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目级别：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>培训体系：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>是否BOEU实施：</span></div>
+                <div class="setc_main" @click="changecheck3">
+                  <a-radio v-model:checked="checked3"
+                    ><span style="color: #333333">BOEU实施</span></a-radio
+                  >
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-tab-pane>
+      </a-tabs>
+      <a-modal
+        style="padding: 0"
+        :closable="sh"
+        v-model:visible="visible"
+        :footer="null"
+        centered="true"
+      >
+        <div class="con">
+          <div class="header">
+            <div class="inhe">
+              <div class="mod"></div>
+              <div class="tz">调整关卡</div>
+              <div class="mg"></div>
+            </div>
+          </div>
+          <div class="mid">
+            <div class="inher">
+              <div class="cur">当前关卡：</div>
+              <div class="select">
+                <a-select
+                  v-model:value="projectName"
+                  style="width: 100%"
+                  placeholder="请选择关卡"
+                  :options="projectNameList4"
+                  @change="selectProjectName4"
+                  allowClear
+                  showSearch
+                ></a-select>
+              </div>
+              <div class="btn">
+                <button class="sameb btn1">取消</button>
+                <button class="sameb btn2">确定</button>
+              </div>
+            </div>
+          </div>
+        </div></a-modal
+      >
+    </div>
+  </div>
 </template>
 
 <script>
 import { ref, reactive, defineComponent, toRefs } from "vue";
 export default defineComponent({
-    name: "LibraryAdd",
-    setup() {
+  name: "LibraryAdd",
+  setup() {
     const state = reactive({
-        activeKey: ref("1"),
-        // value: ref(" "),
-        checked: false,
-        checked2: false,
-        checked3: false,
-        value3:false,
-        value4:false,
-        hideshow:false,
+      //任务大纲列表
+      taskSyllabus: [
+        {
+          text: "阶段1腾飞班阶段1",
+          children: [
+            {
+              course: "在线",
+              name: "时间管理",
+              classify: "选修",
+              beginTime: "2022-09-10 14:03",
+              total: 50, //总人数
+              complete: 20, //完成人数
+              percent: 40,
+            },
+            {
+              course: "直播",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-12 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "面授",
+              name: "管理面授课",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 80, //总人数
+              complete: 0, //完成人数
+              percent: 0,
+            },
+            {
+              course: "活动",
+              name: "管理活动",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 40, //完成人数
+              percent: 80,
+            },
+            {
+              course: "作业",
+              name: "管理者作业",
+              classify: "选修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 30, //完成人数
+              percent: 60,
+            },
+            {
+              course: "考试",
+              name: "管理者考试",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 50, //完成人数
+              percent: 100,
+            },
+            {
+              course: "案例",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "外链",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+          ],
+        },
+        {
+          text: "阶段2腾飞班阶段2",
+          children: [
+            {
+              course: "讨论",
+              name: "时间管理",
+              classify: "选修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 20, //完成人数
+              percent: 40,
+            },
+            {
+              course: "测评",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "调研",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "投票",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+          ],
+        },
+      ],
+      taskSyllabusActive: 0,
+      //在线管理等页面传递参数
+      showTimeText: "",
+      //考试、测评页面传递参数
+      showTestText: "",
+      activeKey: ref("1"),
+      // value: ref(" "),
+      checked: false,
+      checked2: false,
+      checked3: false,
+      value3: false,
+      value4: false,
+      hideshow: false,
     });
-        const value = ref('');
-        const value2 = ref('');
-        const textnum = '150'
-        const changeopclo = () => {
-            state.hideshow = !state.hideshow
-        }
-        const changecheck2 = () => {
-            state.checked2 = !state.checked2
-        }
-        const changecheck3 = () => {
-            state.checked3 = !state.checked3
-        }
+    const value = ref("");
+    const value2 = ref("");
+    const textnum = "150";
+    const changeopclo = () => {
+      state.hideshow = !state.hideshow;
+    };
+    const changecheck2 = () => {
+      state.checked2 = !state.checked2;
+    };
+    const changecheck3 = () => {
+      state.checked3 = !state.checked3;
+    };
     return {
-        ...toRefs(state),
-        value,
-        value2,
-        textnum,
-        changeopclo,
-        changecheck2,
-        changecheck3,
+      ...toRefs(state),
+      value,
+      value2,
+      textnum,
+      changeopclo,
+      changecheck2,
+      changecheck3,
     };
   },
-})
-
+});
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .clearfix:before,
 .clearfix:after {
   content: " ";
@@ -331,7 +702,7 @@ export default defineComponent({
       }
       .pub {
         // color: #ffb64e;
-        color: #65A4F8;
+        color: #65a4f8;
         font-size: 14px;
         margin-top: 5px;
         margin-right: 30px;
@@ -344,7 +715,7 @@ export default defineComponent({
         margin-right: 60px;
       }
       .more {
-        color: #7895DD;
+        color: #7895dd;
         position: relative;
         margin-right: 30px;
         height: 30px;
@@ -413,164 +784,391 @@ export default defineComponent({
       }
     }
   }
-  .split {
-    width: 100%;
-    height: 20px;
-    background-color: #edf0f5;
-  }
   .bom {
-    .tab {
+    .ant-tabs-top > .ant-tabs-nav::before,
+    .ant-tabs-bottom > .ant-tabs-nav::before,
+    .ant-tabs-top > div > .ant-tabs-nav::before,
+    .ant-tabs-bottom > div > .ant-tabs-nav::before {
+      border-bottom: 0px;
+    }
+    .ant-tabs-nav-wrap {
+      margin-left: 30px;
       margin-top: 10px;
-      // margin-left: 10px;
-    }
-    .ant-tabs > .ant-tabs-nav,
-    .ant-tabs > div > .ant-tabs-nav {
-      margin-left: 0px !important;
-      padding-left: 32px !important;
     }
 
-    .notice{
-        .ntc_tit{
-            margin-left: 34px;
-            font-size:18px;
-            font-weight: 500;
-            color:#232425;
+    .taskBox {
+      .split {
+        width: 100%;
+        height: 20px;
+        background-color: #edf0f5;
+      }
+      .onerow {
+        //width: 100%;
+        display: flex;
+        height: 40px;
+        position: relative;
+        margin-top: 15px;
+        margin-left: 38px;
+        //margin-right: 38px;
+        .taskmain {
+          font-size: 18px;
+          padding-top: 7px;
+          color: #000000;
         }
-        .ntc_body{
-            margin-left: 34px;
-            margin-right: 34px;
-            .ntc_switch{
+        .btn {
+          position: absolute;
+          top: 0;
+          right: 168px;
+          background-color: #409eff;
+          width: 130px;
+          height: 40px;
+          border-radius: 8px;
+          border: 1px solid #409eff;
+          color: #ffffff;
+          cursor: pointer;
+        }
+        .edit {
+          position: absolute;
+          right: 38px;
+          top: 0;
+          color: #409eff;
+          width: 100px;
+          height: 40px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          .editimg {
+            width: 15px;
+            height: 15px;
+            margin-top: -2px;
+            margin-left: 25px;
+            margin-right: 5px;
+          }
+          .editext {
+            line-height: 40px;
+          }
+        }
+        .edit:hover {
+          color: #ffffff;
+          background-color: #409eff;
+          cursor: pointer;
+          .editimg {
+            background-image: url("../../assets/images/projectadd/edit1.png");
+          }
+        }
+      }
+      .taskSyllabus {
+        // flex: 1;
+        overflow-x: auto;
+
+        .ant-collapse {
+          border: 0px;
+          background-color: rgba(255, 255, 255, 0);
+          min-width: 1040px;
+        }
+
+        .ant-collapse-content > .ant-collapse-content-box {
+          padding-top: 0px;
+          padding-bottom: 0px;
+        }
+        .ant-collapse > .ant-collapse-item {
+          border: 0px;
+        }
+        .ant-collapse-header {
+          display: flex;
+          height: 49px;
+          background-color: #eff4fc;
+          align-items: center;
+          margin-top: 20px;
+          margin-left: 38px;
+          margin-right: 40px;
+          font-size: 16px;
+          font-weight: 400;
+          color: #409eff;
+          line-height: 36px;
+          .ant-collapse-arrow {
+            margin-left: 15px !important;
+          }
+        }
+        .ant-collapse-content {
+          border-top: 0px;
+        }
+      }
+      .course {
+        //width: 100%;
+        flex-shrink: 0;
+        margin-right: 24px;
+
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        padding: 25px 0px;
+        margin-left: 22px;
+
+        //margin: 0 12px;
+        border: 1px solid #f2f6fc;
+        border-top: 0px;
+        .first {
+          //position: relative;
+          display: flex;
+          flex-grow: 1;
+          align-items: center;
+          //height: 71px;
+          margin-left: 12px;
+          margin-right: 50px;
+
+          .iconame {
+            //position: absolute;
+            color: #4f5156;
+            font-size: 16px;
+            margin-left: 4px;
+          }
+          .icontext {
+            //positipn: absolute;
+            color: #999ba3;
+            font-size: 14px;
+            margin-left: 12px;
+            width: 83px;
+          }
+        }
+        .type {
+          //height: 71px;
+          display: flex;
+          flex-grow: 1;
+          align-items: center;
+          margin-right: 50px;
+          .typename {
+            width: 63px;
+            height: 23px;
+            color: #5dc988;
+            font-size: 14px;
+            background-color: #f2f6fc;
+            border-radius: 4px;
+            text-align: center;
+          }
+          .typename1 {
+            width: 63px;
+            height: 23px;
+            color: #f0f4fe;
+            font-size: 14px;
+            background-color: #5dc988;
+            border-radius: 4px;
+            text-align: center;
+          }
+        }
+        .time {
+          //height: 71px;
+          flex-grow: 1;
+          margin-right: 50px;
+          .timetext {
+            font-size: 14px;
+            color: #999ba3;
+          }
+        }
+        .progress {
+          width: 168px;
+          margin-left: 10px;
+          margin-right: 50px;
+          flex-grow: 1;
+          .progresstext {
+            color: #ffc067;
+            font-size: 14px;
+          }
+        }
+        .operations {
+          display: flex;
+          width: 200px;
+          //flex-grow: 1;
+          .operation {
+            color: #4ea6ff;
+            font-size: 14px;
+            padding: 10px;
+            margin-left: auto;
+          }
+        }
+      }
+      .taskbox {
+        width: 412px;
+        height: 160px;
+        border-radius: 10px;
+        position: relative;
+        margin-left: 68px;
+        margin-bottom: 40px;
+        margin-top: 32px;
+        cursor: pointer;
+        .leftt {
+          position: absolute;
+          top: 18px;
+          left: 0;
+        }
+        .photo {
+          position: absolute;
+          top: 42px;
+          left: 37px;
+        }
+        .rightt {
+          position: absolute;
+          top: 69px;
+          right: 26px;
+        }
+        .centerbox {
+          position: absolute;
+          top: 52px;
+          left: 145px;
+          font-size: 20px;
+          font-weight: 700;
+          //line-height: 36px;
+        }
+        .centermain {
+          color: rgba(135, 139, 146, 1);
+          font-size: 14px;
+          position: absolute;
+          left: 144px;
+          bottom: 49px;
+        }
+      }
+    }
+
+    .notice {
+      .ntc_tit {
+        margin-left: 34px;
+        font-size: 18px;
+        font-weight: 500;
+        color: #232425;
+      }
+      .ntc_body {
+        margin-left: 34px;
+        margin-right: 34px;
+        .ntc_switch {
+          display: flex;
+          margin: 32px 0px;
+          .opclo {
+            margin-left: 9px;
+          }
+        }
+        .ntc_content {
+          .ntcc_tit {
+            margin-bottom: 16px;
+          }
+          .textarea {
             display: flex;
-            margin: 32px 0px;
-            .opclo{
-                margin-left: 9px;
-            }
-        }
-        .ntc_content{
-            .ntcc_tit{
-                margin-bottom: 16px;
-            }
-            .textarea{
-                display: flex;
-                flex-direction: column;
-                .btnarea{
-                    display: flex;
-                    justify-content: flex-end;
-                }
-                .area_btn{
-                    width: 100px;
-                    // padding: 0px 26px 0px 26px;
-                    height: 38px;
-                    margin-top: 24px;
-                    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;
-                    cursor: pointer;
-                    .pub {
-                        width: 15px;
-                        height: 15px;
-                        background-image: url(@/assets/images/coursewareManage/export1.png);
-                        background-size: 100% 100%;
-                    }
-                    .btnText {
-                        font-size: 14px;
-                        font-weight: 400;
-                        color: rgb(255, 255, 255);
-                        line-height: 36px;
-                        margin-left: 5px;
-                        }
-                    }
-                }
+            flex-direction: column;
+            .btnarea {
+              display: flex;
+              justify-content: flex-end;
             }
+            .area_btn {
+              width: 100px;
+              // padding: 0px 26px 0px 26px;
+              height: 38px;
+              margin-top: 24px;
+              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;
+              cursor: pointer;
+              .pub {
+                width: 15px;
+                height: 15px;
+                background-image: url(@/assets/images/coursewareManage/export1.png);
+                background-size: 100% 100%;
+              }
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                color: rgb(255, 255, 255);
+                line-height: 36px;
+                margin-left: 5px;
+              }
+            }
+          }
         }
+      }
     }
 
-    .projectscore{
-        .pjc_tit{
-            margin-left: 34px;
-            font-size:18px;
-            font-weight: 500;
-            color:#232425;
-        }
-        .pjc_body{
-            margin-left:34px;
-            margin-right:34px;
-            .pjcb_header{
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                margin:24px auto;
-                .edit_btn{
-                    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;
-                    cursor: pointer;
-                    .edit {
-                        width: 15px;
-                        height: 15px;
-                        background-image: url(@/assets/images/coursewareManage/export1.png);
-                        background-size: 100% 100%;
-                    }
-                    .btnText {
-                    font-size: 14px;
-                    font-weight: 400;
-                    color: rgb(255, 255, 255);
-                    line-height: 36px;
-                    margin-left: 5px;
-                    }
-                }
+    .projectscore {
+      .pjc_tit {
+        margin-left: 34px;
+        font-size: 18px;
+        font-weight: 500;
+        color: #232425;
+      }
+      .pjc_body {
+        margin-left: 34px;
+        margin-right: 34px;
+        .pjcb_header {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin: 24px auto;
+          .edit_btn {
+            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;
+            cursor: pointer;
+            .edit {
+              width: 15px;
+              height: 15px;
+              background-image: url(@/assets/images/coursewareManage/export1.png);
+              background-size: 100% 100%;
             }
-            .pjcb_content{
-                border: 1px solid #388BE1;
-                padding: 32px;
-                .pjcb_content :last-child{
-                    margin-bottom:0px;
-                }
-                .content{
-                    margin-bottom:24px;
-                }
-
+            .btnText {
+              font-size: 14px;
+              font-weight: 400;
+              color: rgb(255, 255, 255);
+              line-height: 36px;
+              margin-left: 5px;
             }
+          }
         }
+        .pjcb_content {
+          border: 1px solid #388be1;
+          padding: 32px;
+          .pjcb_content :last-child {
+            margin-bottom: 0px;
+          }
+          .content {
+            margin-bottom: 24px;
+          }
+        }
+      }
     }
 
-    .setting{
-        .set_tit{
-            margin-left: 34px;
-            font-size:18px;
-            font-weight: 500;
-            color:#232425;
-        }
-        .set_body{
-            margin-left:34px;
-            margin-right:34px;
-            .set_content{
-                margin: 32px auto;
-                display: flex;
-                    // justify-content: end;
-                .setc_name{
-                    width:150px;
-                    display: flex;
-                    justify-content: end;
-                }
-                .setc_main{
-                    flex:1;
-                    margin-left: 12px;
-                }
-            }
+    .setting {
+      .set_tit {
+        margin-left: 34px;
+        font-size: 18px;
+        font-weight: 500;
+        color: #232425;
+      }
+      .set_body {
+        margin-left: 34px;
+        margin-right: 34px;
+        .set_content {
+          margin: 32px auto;
+          display: flex;
+          // justify-content: end;
+          .setc_name {
+            width: 150px;
+            display: flex;
+            justify-content: end;
+          }
+          .setc_main {
+            flex: 1;
+            margin-left: 12px;
+          }
         }
+      }
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index c93a8d1a..947cf3c7 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -107,6 +107,28 @@
       </a-table>
     </div>
     <!-- 表格 -->
+    <!-- 无项目 -->
+    <div class="tableBox" style="display: none">
+      <div
+                class="taskbox"
+                @click="showModal1"
+                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/projectadd/nopro.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  创建项目
+                </div>
+                <div class="centermain">点击创建项目任务</div>
+              </div>
+    </div>
     <!-- 创建子项目弹窗 -->
     <div>
       <a-modal
@@ -519,14 +541,168 @@
       </a-modal>
     </div>
     <!-- 创建多层子项目弹窗 -->
-
+    <!-- 复制路径弹窗 -->
+    <a-modal
+      v-model:visible="copyModal"
+      :footer="null"
+      :closable="closeCopy"
+      wrapClassName="CopyModal"
+      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">
+            <span>您确定要复制此路径吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 结束项目弹窗 -->
+    <a-modal
+      v-model:visible="stopModal"
+      :footer="null"
+      :closable="closeStop"
+      wrapClassName="CopyModal"
+      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="closeStopModal"></div>
+          </div>
+          <div class="body">
+            <span>是否结束项目</span>
+            <div class="back">（项目结束后学员将无法继续学习，此操作不可逆）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 删除项目弹窗 -->
+    <a-modal
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="closeDelete"
+      wrapClassName="CopyModal"
+      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="closeDeleteModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此项目吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 存为模板弹窗 -->
+    <a-modal
+      v-model:visible="startModal"
+      :footer="null"
+      :closable="closeStart"
+      wrapClassName="CopyModal"
+      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="closeStartModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要存为模板吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 撤回路径弹窗 -->
+    <a-modal
+      v-model:visible="backModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      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="closeBackModal"></div>
+          </div>
+          <div class="body">
+            <span>是否撤回项目</span>
+            <div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
     <!-- 归属权抽屉 -->
     <proj-owner-ship v-model:ProjOwnervisible="ProjOwnervisible" />
+    <!-- 授权名单抽屉 -->
+    <proj-power-list v-model:ProjPvisible="ProjPvisible" />
   </div>
 </template>
 <script>
 import { reactive, toRefs, onMounted } from "vue";
 import ProjOwnerShip from "../../components/drawers/ProjectOwn";
+import ProjPowerList from "../../components/drawers/ProjPowerList";
 const columns = [
   {
     title: "项目名称",
@@ -583,7 +759,7 @@ const columns = [
 
 export default {
   name: "projectManage",
-  components: { ProjOwnerShip },
+  components: { ProjOwnerShip, ProjPowerList },
   setup() {
     const state = reactive({
       projectNameList: [
@@ -864,7 +1040,18 @@ export default {
       estabish: false,
       doublepro: false,
       doublesonpro: false,
+      copyModal: false, //复制弹窗
+      closeCopy: false, //复制弹窗关闭图标
+      stopModal: false, //停用弹窗
+      closeStop: false, //停用弹窗关闭图标
+      deleteModal: false, //删除弹窗
+      closeDelete: false, //删除弹窗关闭图标
+      startModal: false, //启用弹窗
+      closeStart: false, //启用弹窗关闭图标
+      backModal: false, //撤回弹窗
+      closeBack: false, //撤回弹窗关闭图标
       ProjOwnervisible: false,
+      ProjPvisible: false,
     });
 
     onMounted(() => {
@@ -896,7 +1083,13 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="权限名单" label="权限名单">
-                      <div>权限名单</div>
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
                     </a-select-option>
                     <a-select-option value="归属权" label="归属权">
                       <div
@@ -936,7 +1129,9 @@ export default {
                       <router-link to="/taskpage">基础信息</router-link>
                     </a-select-option>
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                   </a-select>
                 </div>
@@ -952,7 +1147,13 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="权限名单" label="权限名单">
-                      <div>权限名单</div>
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
                     </a-select-option>
                     <a-select-option value="归属权" label="归属权">
                       <div
@@ -972,7 +1173,9 @@ export default {
                     </a-select-option>
                   </a-select>
                 </div>
-                <span class="operation3">复制</span>
+                <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                 <span class="more"></span>
               </div>
             ) : value.state === "已结束" ? (
@@ -986,7 +1189,13 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="权限名单" label="权限名单">
-                      <div>权限名单</div>
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
                     </a-select-option>
                     <a-select-option value="归属权" label="归属权">
                       <div
@@ -1006,8 +1215,12 @@ export default {
                     </a-select-option>
                   </a-select>
                 </div>
-                <span class="operation3">复制</span>
-                <span class="more">删除</span>
+                <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
+                <span class="more" onClick={() => {
+                            showDeleteModal();
+                          }}>删除</span>
               </div>
             ) : (
               <div></div>
@@ -1028,7 +1241,13 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
@@ -1059,10 +1278,14 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="复制" label="复制">
-                          <div>复制</div>
+                          <div onClick={() => {
+                        showCopyModal();
+                      }}>复制</div>
                         </a-select-option>
                         <a-select-option value="删除" label="删除">
-                          <div>删除</div>
+                          <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                         </a-select-option>
                       </a-select>
                     </div>
@@ -1078,7 +1301,13 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
@@ -1102,7 +1331,9 @@ export default {
                     <router-link to="/classadd" class="operation3">
                       创建班级
                     </router-link>
-                    <span class="more">复制</span>
+                    <span class="more" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                   </div>
                 ) : item.state === "已结束" ? (
                   <div class="operation">
@@ -1115,7 +1346,13 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
@@ -1135,8 +1372,12 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
-                    <span class="more">删除</span>
+                    <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
+                    <span class="more" onClick={() => {
+                            showDeleteModal();
+                          }}>删除</span>
                   </div>
                 ) : (
                   <div></div>
@@ -1156,7 +1397,13 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="权限名单" label="权限名单">
-                            <div>权限名单</div>
+                            <div
+                              onClick={() => {
+                                showProjPrower();
+                              }}
+                            >
+                              权限名单
+                            </div>
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
@@ -1185,13 +1432,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="复制" label="复制">
-                            <div>复制</div>
+                            <div onClick={() => {
+                        showCopyModal();
+                      }}>复制</div>
                           </a-select-option>
                           <a-select-option value="删除" label="删除">
-                            <div>删除</div>
+                            <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1210,7 +1463,13 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="权限名单" label="权限名单">
-                            <div>权限名单</div>
+                            <div
+                              onClick={() => {
+                                showProjPrower();
+                              }}
+                            >
+                              权限名单
+                            </div>
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
@@ -1230,7 +1489,9 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3">复制</span>
+                      <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1239,13 +1500,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="撤回" label="撤回">
-                            <div>撤回</div>
+                            <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                           </a-select-option>
                           <a-select-option value="结束" label="结束">
-                            <div>结束</div>
+                            <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1264,7 +1531,13 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="权限名单" label="权限名单">
-                            <div>权限名单</div>
+                            <div
+                              onClick={() => {
+                                showProjPrower();
+                              }}
+                            >
+                              权限名单
+                            </div>
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
@@ -1284,8 +1557,12 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3">复制</span>
-                      <span class="operation3">复制</span>
+                      <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
+                      <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1294,10 +1571,14 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="删除" label="删除">
-                            <div>删除</div>
+                            <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1316,7 +1597,13 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="权限名单" label="权限名单">
-                            <div>权限名单</div>
+                            <div
+                              onClick={() => {
+                                showProjPrower();
+                              }}
+                            >
+                              权限名单
+                            </div>
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
@@ -1336,7 +1623,9 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3">复制</span>
+                      <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1345,13 +1634,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="结束" label="结束">
-                            <div>结束</div>
+                            <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                           </a-select-option>
                           <a-select-option value="撤回" label="撤回">
-                            <div>撤回</div>
+                            <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1377,7 +1672,13 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
@@ -1406,13 +1707,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="复制" label="复制">
-                          <div>复制</div>
+                          <div onClick={() => {
+                        showCopyModal();
+                      }}>复制</div>
                         </a-select-option>
                         <a-select-option value="删除" label="删除">
-                          <div>删除</div>
+                          <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1431,7 +1738,13 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
@@ -1451,7 +1764,9 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
+                    <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1460,13 +1775,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="撤回" label="撤回">
-                          <div>撤回</div>
+                          <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div>结束</div>
+                          <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1485,7 +1806,13 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
@@ -1505,7 +1832,9 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
+                    <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1514,13 +1843,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="删除" label="删除">
-                          <div>删除</div>
+                          <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div>结束</div>
+                          <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1539,7 +1874,13 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
@@ -1559,7 +1900,9 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
+                    <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1568,13 +1911,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="撤回" label="撤回">
-                          <div>撤回</div>
+                          <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div>结束</div>
+                          <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1604,7 +1953,13 @@ export default {
                   dropdownClassName="tabledropdown"
                 >
                   <a-select-option value="权限名单" label="权限名单">
-                    <div>权限名单</div>
+                    <div
+                      onClick={() => {
+                        showProjPrower();
+                      }}
+                    >
+                      权限名单
+                    </div>
                   </a-select-option>
                   <a-select-option value="归属权" label="归属权">
                     <div
@@ -1628,7 +1983,9 @@ export default {
               {value.state === "草稿" ? (
                 <span class="operation3">发布</span>
               ) : (
-                <span class="operation3">复制</span>
+                <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
               )}
               <div class="tableSelect">
                 {value.state === "草稿" ? (
@@ -1639,19 +1996,23 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="复制" label="复制">
-                      <div>复制</div>
+                      <div onClick={() => {
+                        showCopyModal();
+                      }}>复制</div>
                     </a-select-option>
                     <a-select-option value="删除" label="删除">
                       <div
                         onClick={() => {
-                          console.log("点击了");
-                        }}
+                            showDeleteModal();
+                          }}
                       >
                         删除
                       </div>
                     </a-select-option>
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                     <a-select-option value="基础信息" label="基础信息">
                       <router-link to="/taskpage">基础信息</router-link>
@@ -1665,19 +2026,23 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                     <a-select-option value="结束" label="结束">
                       <div
                         onClick={() => {
-                          console.log("点击了");
-                        }}
+                            showStopModal();
+                          }}
                       >
                         结束
                       </div>
                     </a-select-option>
                     <a-select-option value="撤回" label="撤回">
-                      <div>撤回</div>
+                      <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                     </a-select-option>
                     <a-select-option value="基础信息" label="基础信息">
                       <router-link to="/taskpage">基础信息</router-link>
@@ -1691,13 +2056,15 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                     <a-select-option value="删除" label="删除">
                       <div
                         onClick={() => {
-                          console.log("点击了");
-                        }}
+                            showDeleteModal();
+                          }}
                       >
                         删除
                       </div>
@@ -1747,9 +2114,42 @@ export default {
     const closeModal3 = () => {
       state.doublesonpro = false;
     };
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    const showStopModal = () => {
+      state.stopModal = true;
+    };
+    const closeStopModal = () => {
+      state.stopModal = false;
+    };
+    const showDeleteModal = () => {
+      state.deleteModal = true;
+    };
+    const closeDeleteModal = () => {
+      state.deleteModal = false;
+    };
+    const showStartModal = () => {
+      state.startModal = true;
+    };
+    const closeStartModal = () => {
+      state.startModal = false;
+    };
+    const showBackModal = () => {
+      state.backModal = true;
+    };
+    const closeBackModal = () => {
+      state.backModal = false;
+    };
     const showProjOwner = () => {
       state.ProjOwnervisible = true;
     };
+    const showProjPrower = () => {
+      state.ProjPvisible = true;
+    };
     return {
       ...toRefs(state),
       columns,
@@ -1763,8 +2163,19 @@ export default {
       closeModal2,
       showModal3,
       closeModal3,
+      showCopyModal,
+      closeCopyModal,
+      showStopModal,
+      closeStopModal,
+      showDeleteModal,
+      closeDeleteModal,
+      showStartModal,
+      closeStartModal,
+      showBackModal,
+      closeBackModal,
       getTableDate,
       showProjOwner,
+      showProjPrower,
     };
   },
 };
@@ -2217,4 +2628,115 @@ export default {
     }
   }
 }
+.CopyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/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;
+              }
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index 5576c03a..ce6a0992 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -5,10 +5,12 @@
         <div class="tit">
           阶段<img
             src="../../assets/images/projectadd/right.png"
-            style="margin-left: 10px"
+            style="margin-left: 10px; cursor: pointer"
+            @click="showCancel"
           />
         </div>
-        <div class="btn btn3" @click="showModal" style="margin-left: 19px">
+        <!-- @click="showModal" -->
+        <div class="btn btn3" @click="showConfirm" style="margin-left: 19px">
           <div class="search"></div>
           <div class="btnText">添加阶段</div>
         </div>
@@ -250,47 +252,66 @@
               <span class="editext">批量删除</span>
             </div>
           </div>
-          <div class="talk">
-            <img class="im" src="../../assets/images/leveladd/gan.png" />
-            <div class="xu">
-              <span class="yi">已选择</span>
-              <div style="width: 5px; display: inline-block"></div>
-              <span class="th">3</span>
-              <div style="width: 5px; display: inline-block"></div>
-              <span class="yi">项</span>
-              <span class="zon">任务总数：</span>
-              <span class="yi">5</span>
-              <span class="yi">条</span>
+          <!-- 无数据样式 -->
+          <div class="notable" style="display:none;">
+            <div class="notablebox">
+              <div class="boxbody">
+                <div class="boximg"></div>
+                <div class="boxtitle">
+                  <span style="color: #ffb64e; font-size: 20px">无课程</span>
+                </div>
+                <div class="boxtitle2">
+                  <span style="color: #878b92">请点击新建开课，创建课程</span>
+                </div>
+              </div>
+              <div class="smallleft"></div>
+              <div class="smallright"></div>
             </div>
           </div>
-          <div class="tableBox">
-            <a-table
-              style="border: 1px solid #f2f6fe"
-              :columns="tableDataFunc()"
-              :data-source="tableData"
-              :loading="tableDataTotal === -1 ? true : false"
-              expandRowByClick="true"
-              @expand="expandTable"
-              :pagination="false"
-              :row-selection="{
-                columnWidth: 30,
-                selectedRowKeys: selectedRowKeys,
-                onChange: onSelectChange,
-              }"
-            />
-
-            <div class="pa">
-              <a-pagination
-                showSizeChanger="true"
-                showQuickJumper="true"
-                hideOnSinglePage="true"
-                :pageSize="pageSize"
-                :current="currentPage"
-                :total="tableDataTotal"
-                class="pagination"
+          <div class="rwbox">
+            <div class="talk">
+              <img class="im" src="../../assets/images/leveladd/gan.png" />
+              <div class="xu">
+                <span class="yi">已选择</span>
+                <div style="width: 5px; display: inline-block"></div>
+                <span class="th">3</span>
+                <div style="width: 5px; display: inline-block"></div>
+                <span class="yi">项</span>
+                <span class="zon">任务总数：</span>
+                <span class="yi">5</span>
+                <span class="yi">条</span>
+              </div>
+            </div>
+            <div class="tableBox">
+              <a-table
+                style="border: 1px solid #f2f6fe"
+                :columns="tableDataFunc()"
+                :data-source="tableData"
+                :loading="tableDataTotal === -1 ? true : false"
+                expandRowByClick="true"
+                @expand="expandTable"
+                :pagination="false"
+                :row-selection="{
+                  columnWidth: 30,
+                  selectedRowKeys: selectedRowKeys,
+                  onChange: onSelectChange,
+                }"
               />
+
+              <div class="pa">
+                <a-pagination
+                  showSizeChanger="true"
+                  showQuickJumper="true"
+                  hideOnSinglePage="true"
+                  :pageSize="pageSize"
+                  :current="currentPage"
+                  :total="tableDataTotal"
+                  class="pagination"
+                />
+              </div>
             </div>
           </div>
+
           <!-- 编辑在线侧弹窗 -->
           <div>
             <edit-online v-model:editonlineVisible="editonlinevisible" />
@@ -309,6 +330,7 @@
         wrapClassName="addstage"
         width="624px"
         height="388px"
+        centered="true"
       >
         <div
           class="modalHeader"
@@ -405,6 +427,96 @@
         </div>
       </a-modal>
     </div>
+    <!-- 确认添加阶段弹窗 -->
+    <a-modal
+      v-model:visible="confirmModal"
+      :footer="null"
+      :closable="cC"
+      wrapClassName="ConfirmModal"
+      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="closeConfirm"></div>
+          </div>
+          <div class="body">
+            <span>您确定要添加阶段吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="showModal">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 确认取消阶段弹窗 -->
+    <a-modal
+      v-model:visible="cancelModal"
+      :footer="null"
+      :closable="cC"
+      wrapClassName="ConfirmModal"
+      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="closeCancel"></div>
+          </div>
+          <div class="body">
+            <span>您确定要取消阶段吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="showModal">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 确认删除阶段弹窗 -->
+    <a-modal
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="cC"
+      wrapClassName="ConfirmModal"
+      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="closeDelete"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此任务吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="showModal">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
   </div>
 </template>
 
@@ -729,6 +841,10 @@ export default {
       addvotevisible: false,
       stage: false,
       selectedRowKeys: [],
+      confirmModal: false, //确认添加阶段弹窗
+      cC: false,
+      cancelModal: false, //确认取消阶段弹窗
+      deleteModal: false, //确认删除弹窗
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -849,7 +965,14 @@ export default {
                   >
                     编辑
                   </span>
-                  <span style="color:#4EA6FF;cursor:pointer">删除</span>
+                  <span
+                    style="color:#4EA6FF;cursor:pointer"
+                    onClick={() => {
+                      showDelete();
+                    }}
+                  >
+                    删除
+                  </span>
                 </div>
               </div>
             );
@@ -870,8 +993,11 @@ export default {
     //     40 +
     //     "px";
     // };
+    //添加阶段详情
     const showModal = () => {
       state.stage = true;
+      //关闭确认框
+      closeConfirm();
     };
     const closeModal = () => {
       state.stage = false;
@@ -922,6 +1048,24 @@ export default {
     const showDrawerAddVote = () => {
       state.addvotevisible = true;
     };
+    const showConfirm = () => {
+      state.confirmModal = true;
+    };
+    const closeConfirm = () => {
+      state.confirmModal = false;
+    };
+    const showCancel = () => {
+      state.cancelModal = true;
+    };
+    const closeCancel = () => {
+      state.cancelModal = false;
+    };
+    const showDelete = () => {
+      state.deleteModal = true;
+    };
+    const closeDelete = () => {
+      state.deleteModal = false;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -945,6 +1089,12 @@ export default {
       showDrawerAddEval,
       showDrawerAddInvist,
       showDrawerAddVote,
+      showConfirm,
+      closeConfirm,
+      showCancel,
+      closeCancel,
+      showDelete,
+      closeDelete,
     };
   },
 };
@@ -957,6 +1107,117 @@ export default {
   width: 384px;
   height: 88px;
 }
+.ConfirmModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            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;
+              }
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .addstage {
   .ant-modal {
     .ant-modal-body {
@@ -1453,7 +1714,6 @@ export default {
       }
     }
     .boom {
-      position: relative;
       width: 100%;
       flex: 1;
       background-color: #fff;
@@ -1516,74 +1776,125 @@ export default {
             }
           }
         }
-        .talk {
-          margin-top: 24px;
-          margin-bottom: 11px;
+        .notable {
           width: 100%;
-          height: 50px;
-          background: #f5faff;
-          border: 1px solid #4ea6ff;
-          // opacity: 0.22;
           display: flex;
-          align-items: center;
-          .im {
-            width: 14px;
-            height: 15px;
-            margin-left: 27px;
-          }
-          .xu {
-            height: 100%;
-            line-height: 50px;
-            margin-left: 13px;
-            .yi {
-              color: #4f5156;
-              font-size: 14px;
+          justify-content: center;
+          .notablebox {
+            width: 412px;
+            height: 212px;
+            background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
+            border-radius: 10px;
+            display: flex;
+            justify-content: center;
+            text-align: center;
+            margin-top: 77px;
+            margin-bottom: 109px;
+            cursor: pointer;
+            position: relative;
+            .smallleft {
+              position: absolute;
+              top: 18px;
+              left: 0px;
+              width: 8px;
+              height: 21px;
+              border-radius: 0px 4px 4px 0px;
+              background-color: #ffb64e;
             }
-            .zon {
-              color: #999ba3;
-              font-size: 14px;
-              margin-left: 34px;
+            .smallright {
+              position: absolute;
+              bottom: 18px;
+              right: 0px;
+              width: 8px;
+              height: 21px;
+              border-radius: 4px 0px 0px 4px;
+              background-color: #ffb64e;
             }
-            .th {
-              color: #4ea6ff;
+            .boxbody {
+              .boximg {
+                width: 72px;
+                height: 72px;
+                margin: 32px auto 20px auto;
+                background-image: url(@/assets/images/coursewareManage/nostate.png);
+                background-size: 100% 100%;
+              }
+              .boxtitle {
+                margin-bottom: 4px;
+              }
             }
           }
         }
-        .tableBox {
-          margin-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;
+        .rwbox {
+          position: relative;
+          .talk {
+            margin-top: 24px;
+            margin-bottom: 11px;
             width: 100%;
-            // height: 20px;
-            // background-color: red;
+            height: 50px;
+            background: #f5faff;
+            border: 1px solid #4ea6ff;
+            // opacity: 0.22;
             display: flex;
-            justify-content: center;
-            position: absolute;
-            bottom: 20px;
+            align-items: center;
+            .im {
+              width: 14px;
+              height: 15px;
+              margin-left: 27px;
+            }
+            .xu {
+              height: 100%;
+              line-height: 50px;
+              margin-left: 13px;
+              .yi {
+                color: #4f5156;
+                font-size: 14px;
+              }
+              .zon {
+                color: #999ba3;
+                font-size: 14px;
+                margin-left: 34px;
+              }
+              .th {
+                color: #4ea6ff;
+              }
+            }
+          }
+          .tableBox {
+            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;
+            }
           }
         }
       }
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 5873af6d..6d1f318c 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -209,152 +209,226 @@
           <!-- 概览（有数据） -->
         </a-tab-pane>
         <a-tab-pane key="2" tab="任务" force-render>
-          <div class="split"></div>
-          <div class="onerow">
-            <div class="taskmain">任务大纲</div>
-            <button class="btn">批量面授报名</button>
-            <router-link to="/taskadd" class="edit">
-              <img
-                class="editimg"
-                src="../../assets/images/projectadd/edit.png"
-              />
-              <span class="editext">编辑</span>
-            </router-link>
-          </div>
-          <div class="taskSyllabus">
+          <div style="flex: 1">
+            <div class="split"></div>
+            <div class="onerow">
+              <div class="taskmain">任务大纲</div>
+              <button class="btn" @click="showFaceIn">批量面授报名</button>
+              <router-link to="/taskadd" class="edit">
+                <img
+                  class="editimg"
+                  src="../../assets/images/projectadd/edit.png"
+                />
+                <span class="editext">编辑</span>
+              </router-link>
+            </div>
+            <!-- <div class="taskSyllabus">
             <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
               <template #expandIcon="{ isActive }">
                 <img
-                  :style="{
-                    width: isActive ? 9.1 : 8.1,
-                    height: isActive ? 8.1 : 9.1,
-                    'margin-right': isActive ? '12px' : '13px',
-                  }"
-                  :src="
-                    isActive
-                      ? require('../../assets/images/projectadd/open.png')
-                      : require('../../assets/images/projectadd/close.png')
-                  "
+                  class="editimg"
+                  src="../../assets/images/projectadd/edit.png"
                 />
-                <div></div>
-              </template>
-              <a-collapse-panel
-                v-for="(value, index) in taskSyllabus"
-                :key="index"
-                :header="value.text"
-              >
-                <div
-                  class="course"
-                  v-for="(item, key) in value.children"
-                  :key="key"
+                <span class="editext">编辑</span>
+              </router-link>
+            </div> -->
+            <div class="taskSyllabus">
+              <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
+                <template #expandIcon="{ isActive }">
+                  <img
+                    :style="{
+                      width: isActive ? 9.1 : 8.1,
+                      height: isActive ? 8.1 : 9.1,
+                      'margin-right': isActive ? '12px' : '13px',
+                    }"
+                    :src="
+                      isActive
+                        ? require('../../assets/images/projectadd/open.png')
+                        : require('../../assets/images/projectadd/close.png')
+                    "
+                  />
+                  <div></div>
+                </template>
+                <a-collapse-panel
+                  v-for="(value, index) in taskSyllabus"
+                  :key="index"
+                  :header="value.text"
                 >
-                  <div class="first">
-                    <div class="icon">
-                      <img src="../../assets/images/leveladd/zai.png" />
+                  <div
+                    class="course"
+                    v-for="(item, key) in value.children"
+                    :key="key"
+                  >
+                    <!-- :style="{width:item.course==='在线'?'28px':
+												height:item.course==='在线'?'27px':}" -->
+                    <div class="first">
+                      <div class="icon">
+                        <div
+                          style="
+                            width: 31px;
+                            height: 28px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                          "
+                        >
+                          <img
+                            :src="
+                              item.course === '在线'
+                                ? require('../../assets/images/leveladd/zai.png')
+                                : item.course === '面授'
+                                ? require('../../assets/images/leveladd/mian.png')
+                                : item.course === '案例'
+                                ? require('../../assets/images/leveladd/an.png')
+                                : item.course === '作业'
+                                ? require('../../assets/images/leveladd/zuo.png')
+                                : item.course === '考试'
+                                ? require('../../assets/images/leveladd/kao.png')
+                                : item.course === '直播'
+                                ? require('../../assets/images/leveladd/zhi.png')
+                                : item.course === '外链'
+                                ? require('../../assets/images/leveladd/wai.png')
+                                : item.course === '讨论'
+                                ? require('../../assets/images/leveladd/tao.png')
+                                : item.course === '活动'
+                                ? require('../../assets/images/leveladd/huo.png')
+                                : item.course === '测评'
+                                ? require('../../assets/images/leveladd/ce.png')
+                                : item.course === '调研'
+                                ? require('../../assets/images/leveladd/diao.png')
+                                : item.course === '投票'
+                                ? require('../../assets/images/leveladd/tou.png')
+                                : null
+                            "
+                          />
+                        </div>
+                      </div>
+                      <div>
+                        <div class="iconame">「{{ item.course }}」</div>
+                        <div class="icontext">{{ item.name }}</div>
+                      </div>
                     </div>
-                    <div>
-                      <div class="iconame">「{{ item.course }}」</div>
-                      <div class="icontext">{{ item.name }}</div>
-                    </div>
-                  </div>
-                  <div class="type">
-                    <div
-                      :class="
-                        item.classify == '必修' ? 'typename1' : 'typename'
-                      "
-                    >
-                      {{ item.classify }}
-                    </div>
-                  </div>
-                  <div class="time">
-                    <div class="timetext">开始时间</div>
-                    <div class="timetext">{{ item.beginTime }}</div>
-                  </div>
-                  <div class="progress">
-                    <div class="progresstext">
-                      {{ item.complete }}/{{ item.total }}人
-                    </div>
-                    <div style="display: flex">
-                      <a-progress
-                        :showInfo="false"
-                        :percent="item.percent"
-                        strokeColor="#FFC067"
-                        trailColor="rgba(253, 209, 98, 0.2)"
-                      />
-                      <span class="progresstext" style="margin-left: 10px"
-                        >{{ item.percent }}%</span
+                    <div class="type">
+                      <div
+                        :class="
+                          item.classify == '必修' ? 'typename1' : 'typename'
+                        "
                       >
+                        {{ item.classify }}
+                      </div>
                     </div>
-                  </div>
-                  <div class="operations">
-                    <div
-                      class="operation"
-                      style="cursor: pointer"
-                      :style="{
-                        display: item.course === '面授' ? 'flex' : 'none',
-                      }"
-                      @click="showFS"
-                    >
-                      学员
+                    <div class="time">
+                      <div class="timetext">开始时间</div>
+                      <div class="timetext">{{ item.beginTime }}</div>
                     </div>
-                    <div
-                      class="operation"
-                      style="cursor: pointer"
-                      @click="showAA"
-                      :style="{
-                        display:
-                          item.course === '直播' || item.course === '活动'
-                            ? 'flex'
-                            : 'none',
-                      }"
-                    >
-                      考勤
+                    <div class="progress">
+                      <div class="progresstext">
+                        {{ item.complete }}/{{ item.total }}人
+                      </div>
+                      <div style="display: flex">
+                        <a-progress
+                          :showInfo="false"
+                          :percent="item.percent"
+                          strokeColor="#FFC067"
+                          trailColor="rgba(253, 209, 98, 0.2)"
+                        />
+                        <span class="progresstext" style="margin-left: 10px"
+                          >{{ item.percent }}%</span
+                        >
+                      </div>
                     </div>
-                    <div
-                      class="operation"
-                      style="cursor: pointer"
-                      :style="{
-                        display:
+                    <div class="operations">
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display: item.course === '面授' ? 'flex' : 'none',
+                        }"
+                        @click="showFS"
+                      >
+                        学员
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        @click="showAA"
+                        :style="{
+                          display:
+                            item.course === '直播' || item.course === '活动'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                      >
+                        考勤
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display:
+                            item.course === '直播' ||
+                            item.course === '活动' ||
+                            item.course === '面授'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                      >
+                        二维码
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer; margin-right: 35px"
+                        @click="
+                          item.course === '在线' ||
+                          item.course === '案例' ||
+                          item.course === '外链' ||
+                          item.course === '讨论' ||
                           item.course === '直播' ||
-                          item.course === '活动' ||
-                          item.course === '面授'
-                            ? 'flex'
-                            : 'none',
-                      }"
-                    >
-                      二维码
-                    </div>
-                    <div
-                      class="operation"
-                      style="cursor: pointer; margin-right: 35px"
-                      @click="
-                        item.course === '在线' ||
-                        item.course === '案例' ||
-                        item.course === '外链' ||
-                        item.course === '讨论' ||
-                        item.course === '直播' ||
-                        item.course === '调研' ||
-                        item.course === '投票' ||
-                        item.course === '活动'
-                          ? showTime(item.course, item.name)
-                          : item.course === '考试' || item.course === '测评'
-                          ? showTest(item.course, item.name)
-                          : item.course === '面授'
-                          ? showFace(item.course)
-                          : item.course === '作业'
-                          ? showWork(item.course)
-                          : null
-                      "
-                    >
-                      管理
+                          item.course === '调研' ||
+                          item.course === '投票' ||
+                          item.course === '活动'
+                            ? showTime(item.course, item.name)
+                            : item.course === '考试' || item.course === '测评'
+                            ? showTest(item.course, item.name)
+                            : item.course === '面授'
+                            ? showFace(item.course)
+                            : item.course === '作业'
+                            ? showWork(item.course)
+                            : null
+                        "
+                      >
+                        管理
+                      </div>
                     </div>
                   </div>
+                </a-collapse-panel>
+              </a-collapse>
+              <!-- 无数据创建任务 -->
+              <div
+                class="taskbox"
+                style="
+                  background: linear-gradient(180deg, #ddeaff, #f0f8fe);
+                  display: none;
+                "
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
                 </div>
-              </a-collapse-panel>
-            </a-collapse>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture8.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  创建任务
+                </div>
+                <div class="centermain">点击创建项目任务</div>
+              </div>
+              <!-- 无数据创建任务 -->
+            </div>
+            <div style="display: flex; height: 20px"></div>
           </div>
-
-          <div style="display: flex; height: 20px"></div>
         </a-tab-pane>
         <a-tab-pane key="3" tab="学员">
           <div class="split"></div>
@@ -459,7 +533,7 @@
                 <div class="tab" style="margin: 20px 32px 30px 32px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
-                    :columns="tablecolumns"
+                    :columns="studentColumns()"
                     :data-source="tabledata"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
@@ -710,11 +784,13 @@
           </div>
         </a-tab-pane>
         <a-tab-pane key="4" tab="公告">
+
           <NoticePub></NoticePub>
         </a-tab-pane>
         <a-tab-pane key="5" tab="项目积分">
           <ProjectScore></ProjectScore>
         </a-tab-pane>
+         
         <a-tab-pane key="6" tab="排行榜">
           <div class="content6">
             <div class="title">排行榜</div>
@@ -848,7 +924,7 @@
              -->
             <div class="line"></div>
             <div class="set_body">
-              <div class="edit">
+              <div class="edit" @click="edit_hShow">
                 <div class="img"></div>
                 <div class="ed">编辑</div>
               </div>
@@ -949,6 +1025,8 @@
     <work-manage v-model:Wvisible="Wvisible" />
     <!-- 考试管理抽屉 -->
     <test-manage v-model:TMvisible="TMvisible" :title="showTestText" />
+    <!-- 批量面授报名 -->
+    <task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" />
 
     <!-- 概览（无数据）-项目发布弹窗 -->
     <div>
@@ -1130,6 +1208,265 @@
       </a-modal>
     </div>
     <!-- 取消学员弹窗 -->
+    <!-- 编辑弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="edit_hs"
+        :title="null"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="set_edit"
+        width="679px"
+        @cancel="edit_exit"
+      >
+        <div
+          class="modalHeader"
+          style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span style="width: 15px; height: 15px"
+              ><img src="../../assets/images/taskpage/edit.png"
+            /></span>
+            <span
+              class="headerLeftText"
+              style="font-size: 16px; margin-left: 10px"
+              >编辑</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="edit_exit">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div class="projectname">基本信息</div>
+          <div class="setbody">
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目名称：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="请输入项目名称"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item2">
+              <div class="signbox">
+                <span style="margin-right: 3px">直播封面：</span>
+              </div>
+              <div class="lodalimg">
+                <div class="lodalcenter">
+                  <span style="color: #448ef7; margin-right: 10px">+</span>
+                  <span style="color: #448ef7">添加图片</span>
+                </div>
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目时间：</span>
+              </div>
+              <div class="btnbox">
+                <a-range-picker
+                  style="width: 424px"
+                  :placeholder="['      开始时间', '        结束时间']"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目经理：</span>
+              </div>
+              <div class="btnbox">
+                <a-select
+                  dropdownClassName="dropdown-style"
+                  style="width: 424px"
+                  placeholder="请选择项目经理"
+                  :options="options1"
+                  allowClear
+                  showSearch
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">资源归属：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="自动带出 可修改"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item2">
+              <div class="signbox">
+                <span style="margin-right: 3px">项目说明：</span>
+              </div>
+              <div class="textarea">
+                <a-textarea
+                  v-model:value="textV1"
+                  placeholder="请输入说明"
+                  allow-clear
+                  maxlength="150"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <span style="margin-right: 3px">同步学习记录：</span>
+              </div>
+              <div class="btnbox">
+                <a-radio-group v-model:value="radioV1">
+                  <a-radio
+                    v-model:checked="checked"
+                    :value="1"
+                    @click="cloradio1"
+                    >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自由免修改课程）</a-radio
+                  >
+                </a-radio-group>
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目级别：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="集团级/组织级/现地级/部门级"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">培训体系：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="集团级/组织级/现地级/部门级"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">是否BOEU实施：</span>
+              </div>
+              <div class="btnbox">
+                <a-radio-group v-model:value="radioV2">
+                  <a-radio
+                    v-model:checked="checked"
+                    :value="1"
+                    @click="cloradio2"
+                    >BOEU实施</a-radio
+                  >
+                </a-radio-group>
+              </div>
+            </div>
+          </div>
+
+          <div class="pubtn">
+            <a-button class="pubtn1" @click="closeModal">取消</a-button>
+            <a-button class="pubtn2" @click="closeModal">发布</a-button>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 编辑弹窗 -->
+    <!-- 删除弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="delete_hs"
+        :footer="null"
+        :closable="closableQR"
+        wrapClassName="DelModal"
+        style="margin-top: 400px"
+      >
+        <div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="del-icon"></div>
+              <span>提示</span>
+              <div class="close_exit" @click="delete_exit"></div>
+            </div>
+            <div class="body">
+              <span>您确定要删除此课程吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1">
+                <div class="btnText" @click="delete_exit">取消</div>
+              </div>
+              <div class="del_btn btn2">
+                <div class="btnText" @click="delete_exit">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 删除弹窗 -->
   </div>
 </template>
 <script>
@@ -1149,6 +1486,7 @@ 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",
   components: {
@@ -1167,6 +1505,8 @@ export default {
     ChangeGroup,
     NoticePub,
     ProjectScore,
+    TaskImpStu,
+
   },
   setup() {
     const state = reactive({
@@ -1198,6 +1538,7 @@ export default {
           diploma: "0",
           stutime: "2022-10-31 23:12:00",
           putin: "手动加入",
+          excellent: true, //是否是优秀学员
         },
         {
           key: 2,
@@ -1209,6 +1550,7 @@ export default {
           diploma: "0",
           stutime: "2022-10-21 23:12:00",
           putin: "手动加入",
+          excellent: false, //是否是优秀学员
         },
         {
           key: 3,
@@ -1220,6 +1562,7 @@ export default {
           diploma: "0",
           stutime: "2022-10-11 23:12:00",
           putin: "手动加入",
+          excellent: false, //是否是优秀学员
         },
         {
           key: 4,
@@ -1231,86 +1574,10 @@ export default {
           diploma: "0",
           stutime: "2022-10-31 23:12:00",
           putin: "手动加入",
+          excellent: true, //是否是优秀学员
         },
       ],
-      tablecolumns: [
-        {
-          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: "progress",
-          key: "progress",
-          width: 40,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "证书",
-          dataIndex: "diploma",
-          key: "diploma",
-          width: 40,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "最近学习时间",
-          dataIndex: "stutime",
-          key: "stutime",
-          width: 50,
-          align: "center",
-          className: "h",
-          sorter: {
-            compare: (a, b) => a.stutime - b.stutime,
-            multiple: 3,
-          },
-        },
-        {
-          title: "加入方式",
-          dataIndex: "putin",
-          key: "putin",
-          width: 40,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "操作",
-          dataIndex: "operations",
-          key: "operations",
-          width: 60,
-          align: "center",
-          className: "h",
-        },
-      ],
+
       //进度排行学员
       rankjindu: [{ value: "学员", label: "学员" }],
       valuestu1: "学员",
@@ -1335,6 +1602,8 @@ export default {
       Importvisible: false, //导入学员
       Seevisible: false, //查看学员
       Changevisible: false, //学员换组
+      edit_hs: false, //编辑弹窗
+      delete_hs: false, //删除弹窗
       pubproject: false,
       stugroup: false,
       canclestu: false,
@@ -1343,12 +1612,19 @@ export default {
       checked2: false,
       checkedd: false, //设置按钮1
       checkedd2: false, //设置按钮2
-      activeKey: "2",
+      radioV1: "",
+      radioV2: "",
+      activeKey: "3",
       activeKey1: "8",
+      activeKey2: "3",
+      inputValue: 5,
+      inputValue2: 5,
+      inputValue3: 5,
       valueName: "", //排行榜输入姓名
       valueDate: "", //排行榜输入日期
       noticeChecked: true,
-      noticeContent: "请输入要发布的公告",
+      noticeContent: "",
+      TaskFaceImpStuvisible: false, //批量面授报名
 
       //进度排行表
       jindutabledata: [
@@ -1799,6 +2075,80 @@ export default {
       //考试、测评页面传递参数
       showTestText: "",
     });
+
+    //学员学员管理渲染
+    const getTableDate = () => {
+      let datas = state.tabledata;
+      datas.map((value) => {
+        {
+          //单层项目
+          value.operations = (
+            <div class="operation">
+              <div class="nSelect">
+                <div class="nselect">
+                  <div
+                    class="jc"
+                    onClick={() => {
+                      // state.QR_hs = true;
+                      // state.ftsQR_hs = true;
+                      state.canclestu = true;
+                    }}
+                  >
+                    优秀学员
+                  </div>
+                  <div
+                    class="jc"
+                    onClick={() => {
+                      state.Seevisible = true;
+                    }}
+                  >
+                    查看
+                  </div>
+                  <div class="tableSelect">
+                    <a-select
+                      style="width: 50px;margin-top:2px;margin-left:25px"
+                      value="更多"
+                      // options={state.projectNameList}
+                      dropdownClassName="tabledropdown"
+                    >
+                      <a-select-option
+                        value="换组"
+                        label="换组"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            // state.copy_hs = true;
+                          }}
+                        >
+                          复制
+                        </div>
+                      </a-select-option>
+                      <a-select-option
+                        value="删除"
+                        label="删除"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            state.delete_hs = true;
+                          }}
+                        >
+                          删除
+                        </div>
+                      </a-select-option>
+                    </a-select>
+                  </div>
+                </div>
+              </div>
+            </div>
+          );
+        }
+      });
+      state.tableData = datas;
+    };
+    getTableDate();
+
     const showModal = () => {
       state.pubproject = true;
     };
@@ -1817,6 +2167,9 @@ export default {
     const closeModal2 = () => {
       state.stugroup = false;
     };
+    const showFaceIn = () => {
+      state.TaskFaceImpStuvisible = true;
+    };
     //新增
     const showTime = (course, name) => {
       console.log("点击管理");
@@ -1874,6 +2227,189 @@ export default {
     const changecheck3 = () => {
       state.checkedd2 = !state.checkedd2;
     };
+    const edit_hShow = () => {
+      state.edit_hs = true;
+    };
+    const edit_exit = () => {
+      state.edit_hs = false;
+      state.radioV1 = "";
+      state.radioV2 = "";
+    };
+    const cloradio1 = (value) => {
+      if (value != "") {
+        state.radioV1 = "";
+      }
+    };
+    const cloradio2 = (value) => {
+      if (value != "") {
+        state.radioV2 = "";
+      }
+    };
+
+    //学员管理列表操作
+    const studentData = () => {
+      let arr = state.tabledata;
+      arr.map((value) => {
+        value.operation = (
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+          >
+            <div class="studentopea1" onClick={() => {
+                      state.canclestu = true;
+                    }}>
+              {value.excellent ? "取消优秀" : "优秀学员"}
+            </div>
+
+            <div class="studentopea2" onClick={() => {
+                      state.Seevisible = true;
+                    }}>查看</div>
+            <div class="studentSelect">
+              <a-select
+                style="width: 50px"
+                value="更多"
+                // options={state.projectNameList}
+                dropdownClassName="tabledropdown"
+              >
+                <a-select-option value="换组" label="换组">
+                  <div onClick={() => {
+                      state.Changevisible = true;
+                    }}>换组</div>
+                </a-select-option>
+                <a-select-option value="删除" label="删除">
+                  <div
+                    onClick={() => {
+                      console.log("点击了111");
+                    }}
+                  >
+                    删除
+                  </div>
+                </a-select-option>
+              </a-select>
+            </div>
+          </div>
+        );
+      });
+      state.tabledata = arr;
+      // console.log("state.tabledata", state.tabledata);
+    };
+    studentData();
+    const studentColumns = () => {
+      const tablecolumns = [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "left",
+          className: "h",
+          // scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: (text) => {
+            console.log(text.excellent);
+            return (
+              <div>
+                {text.record.excellent ? (
+                  <div
+                    style={{
+                      display: "flex",
+                      alignItems: "center",
+                    }}
+                  >
+                    <span class="stydentName">{text.value}</span>
+                    <div class="studentExcellent">
+                      <img
+                        class="studentExcellentImg"
+                        src={require("../../assets/images/taskpage/excellent.png")}
+                      />
+                      <span class="studentExcellentT">优秀</span>
+                    </div>
+                  </div>
+                ) : (
+                  <div>
+                    <span>{text.value}</span>
+                  </div>
+                )}
+              </div>
+            );
+          },
+        },
+        {
+          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: "progress",
+          key: "progress",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "证书",
+          dataIndex: "diploma",
+          key: "diploma",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "最近学习时间",
+          dataIndex: "stutime",
+          key: "stutime",
+          width: 50,
+          align: "center",
+          className: "h",
+          // sorter: {
+          //   compare: (a, b) => a.stutime - b.stutime,
+          //   multiple: 3,
+          // },
+        },
+        {
+          title: "加入方式",
+          dataIndex: "putin",
+          key: "putin",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          dataIndex: "operation",
+          key: "operation",
+          width: 60,
+          align: "center",
+          className: "h",
+        },
+      ];
+      return tablecolumns;
+    };
+    const delete_exit = () => {
+      state.delete_hs = false;
+    };
     return {
       ...toRefs(state),
       showModal,
@@ -1896,6 +2432,13 @@ export default {
       showImportStu,
       showSeeStu,
       showChangeGroup,
+      showFaceIn,
+      edit_hShow,
+      edit_exit,
+      cloradio1,
+      cloradio2,
+      studentColumns,
+      delete_exit,
     };
   },
 };
@@ -2449,7 +2992,6 @@ export default {
     background-color: #edf0f5;
   }
   .content {
-    //display: flex;
     //margin: 0 37px;
     .ant-tabs-top > .ant-tabs-nav::before,
     .ant-tabs-bottom > .ant-tabs-nav::before,
@@ -2683,10 +3225,15 @@ export default {
       }
     }
     .taskSyllabus {
+      // flex: 1;
+      overflow-x: auto;
+
       .ant-collapse {
         border: 0px;
         background-color: rgba(255, 255, 255, 0);
+        min-width: 1040px;
       }
+
       .ant-collapse-content > .ant-collapse-content-box {
         padding-top: 0px;
         padding-bottom: 0px;
@@ -2714,6 +3261,46 @@ export default {
         border-top: 0px;
       }
     }
+    .taskbox {
+      width: 412px;
+      height: 160px;
+      border-radius: 10px;
+      position: relative;
+      margin-left: 68px;
+      margin-bottom: 40px;
+      margin-top: 32px;
+      cursor: pointer;
+      .leftt {
+        position: absolute;
+        top: 18px;
+        left: 0;
+      }
+      .photo {
+        position: absolute;
+        top: 42px;
+        left: 37px;
+      }
+      .rightt {
+        position: absolute;
+        top: 69px;
+        right: 26px;
+      }
+      .centerbox {
+        position: absolute;
+        top: 52px;
+        left: 145px;
+        font-size: 20px;
+        font-weight: 700;
+        //line-height: 36px;
+      }
+      .centermain {
+        color: rgba(135, 139, 146, 1);
+        font-size: 14px;
+        position: absolute;
+        left: 144px;
+        bottom: 49px;
+      }
+    }
     .stage {
       display: flex;
       height: 49px;
@@ -2734,12 +3321,15 @@ export default {
     }
     .course {
       //width: 100%;
+      flex-shrink: 0;
+      margin-right: 24px;
+
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       padding: 25px 0px;
       margin-left: 22px;
-      margin-right: 24px;
+
       //margin: 0 12px;
       border: 1px solid #f2f6fc;
       border-top: 0px;
@@ -2756,12 +3346,13 @@ export default {
           //position: absolute;
           color: #4f5156;
           font-size: 16px;
+          margin-left: 4px;
         }
         .icontext {
           //positipn: absolute;
           color: #999ba3;
           font-size: 14px;
-          margin-left: 8px;
+          margin-left: 12px;
           width: 83px;
         }
       }
@@ -3004,6 +3595,124 @@ export default {
         // position: absolute;
         // bottom: 20px;
       }
+      .operation {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: #4ea6ff;
+        .nselect {
+          justify-content: center;
+          align-items: center;
+          display: flex;
+          .jc {
+            margin-left: 20px;
+            cursor: pointer;
+            white-space: nowrap;
+          }
+        }
+        .tableSelect {
+          margin-right: 10px;
+          margin-left: -5px;
+          display: flex;
+          align-items: center;
+          justify-content: right;
+          white-space: nowrap;
+        }
+      }
+      .studentName {
+        font-size: 14px;
+        font-weight: 400;
+        color: rgba(0, 0, 0, 0.65);
+        line-height: 22px;
+      }
+      .studentExcellent {
+        width: 64px;
+        height: 24px;
+        border-radius: 2px;
+        border: 1px solid #ffb64e;
+        background-color: rgba(255, 182, 78, 0.1);
+        margin-left: 24px;
+        display: flex;
+        align-items: center;
+        .studentExcellentImg {
+          width: 16px;
+          height: 16px;
+          margin-left: 7px;
+        }
+        .studentExcellentT {
+          font-size: 12px;
+          font-weight: 400;
+          color: #ffb64e;
+          line-height: 17px;
+          margin-left: 3px;
+        }
+      }
+
+      .studentopea1 {
+        font-size: 14px;
+        font-weight: 400;
+        color: #387df7;
+        line-height: 22px;
+        padding-right: 8px;
+        border-right: 1px solid #e9e9e9;
+        cursor: pointer;
+      }
+      .studentopea2 {
+        font-size: 14px;
+        font-weight: 400;
+        color: #387df7;
+        line-height: 22px;
+        padding-right: 8px;
+        padding-left: 8px;
+        border-right: 1px solid #e9e9e9;
+        cursor: pointer;
+      }
+      .studentSelect {
+        margin-left: 8px;
+        display: inline-block;
+
+        .ant-select:not(.ant-select-customize-input)
+          .ant-select-selector
+          .ant-select-selection-search-input {
+          background-color: rgba(255, 255, 255, 0);
+          border: none;
+        }
+
+        .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+          background-color: rgba(255, 255, 255, 0);
+          border: none;
+        }
+
+        .ant-select-single:not(.ant-select-customize-input)
+          .ant-select-selector {
+          padding: 0;
+        }
+
+        .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
+          .ant-select-selector {
+          box-shadow: none;
+        }
+
+        .ant-select-arrow {
+          right: 0px;
+          color: rgba(56, 125, 247, 1);
+          font-size: 14px;
+          line-height: 36px;
+          // top: 17px;
+          top: 15px;
+        }
+
+        .ant-select-selection-item {
+          font-size: 14px;
+          font-weight: 400;
+          color: rgba(56, 125, 247, 1);
+          line-height: 33px;
+        }
+
+        .ant-select-single.ant-select-open .ant-select-selection-item {
+          color: rgba(56, 125, 247, 1);
+        }
+      }
     }
     .groupmain {
       display: flex;
@@ -3138,6 +3847,54 @@ export default {
         }
       }
     }
+    .projectscore {
+      .pjc_body {
+        margin-left: 34px;
+        margin-right: 34px;
+        .pjcb_header {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin: 24px auto;
+          .edit_btn {
+            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;
+            cursor: pointer;
+            .edit {
+              width: 15px;
+              height: 15px;
+              background-image: url(@/assets/images/coursewareManage/export1.png);
+              background-size: 100% 100%;
+            }
+            .btnText {
+              font-size: 14px;
+              font-weight: 400;
+              color: rgb(255, 255, 255);
+              line-height: 36px;
+              margin-left: 5px;
+            }
+          }
+        }
+        .pjcb_content {
+          border: 1px solid #388be1;
+          padding: 32px;
+          .pjcb_content :last-child {
+            margin-bottom: 0px;
+          }
+          .content {
+            margin-bottom: 24px;
+          }
+        }
+      }
+    }
   }
   .content6 {
     width: 100%;
@@ -3345,4 +4102,284 @@ export default {
     }
   }
 }
+.set_edit {
+  .ant-modal {
+    width: 866px !important;
+    height: 870px !important;
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%
+        );
+      }
+
+      padding: 0;
+
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      .modalMain {
+        .projectname {
+          color: rgba(79, 81, 86, 1);
+          font-size: 14px;
+          line-height: 36px;
+          margin-left: 62px;
+          font-weight: 500;
+          margin-bottom: 24px;
+        }
+        .setbody {
+          margin-left: 67px;
+          .main_item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 32px;
+            .signbox {
+              width: 130px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+              white-space: nowrap;
+              .sign {
+                margin-right: 5px;
+              }
+            }
+            .btnbox {
+              display: flex;
+              flex: 1;
+              align-items: center;
+              .xkbtn {
+                cursor: pointer;
+                width: 130px;
+                height: 40px;
+                background: #388be1;
+                border-radius: 8px;
+                border: 0;
+                margin-right: 8px;
+                color: #fff;
+              }
+            }
+          }
+          .main_item2 {
+            display: flex;
+            align-items: flex-start;
+            margin-bottom: 32px;
+            .signbox {
+              width: 130px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+              white-space: nowrap;
+              .sign {
+                margin-right: 5px;
+              }
+            }
+            .lodalimg {
+              width: 120px;
+              height: 120px;
+              border: 1px dashed #387df7;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              cursor: pointer;
+              .lodalimg {
+                display: flex;
+                white-space: nowrap;
+              }
+            }
+            .kqszbox {
+              .qdqtbox {
+                margin-left: 5px;
+                cursor: pointer;
+              }
+              .qdbtn,
+              .qtbtn {
+                width: 75px;
+                height: 24px;
+                background: rgba(56, 139, 225, 0.16);
+                border-radius: 2px;
+                border: 1px solid #387df7;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                .btntext {
+                  color: #387df7;
+                }
+              }
+              .setbox {
+                display: flex;
+                flex-wrap: wrap;
+                margin-top: 10px;
+                margin-bottom: 24px;
+                .timerbox {
+                  margin-top: 6px;
+                  margin-right: 32px;
+                  display: flex;
+                  align-items: center;
+                  flex-wrap: nowrap;
+                }
+              }
+            }
+            .btnbox2 {
+              display: flex;
+              flex-direction: column;
+              justify-content: flex-start;
+              .xkbtn {
+                cursor: pointer;
+                width: 130px;
+                height: 40px;
+                background: #388be1;
+                border-radius: 8px;
+                border: 0;
+                margin-right: 16px 8px 32px 0;
+                color: #fff;
+                margin-top: 16px;
+                margin-bottom: 60px;
+              }
+            }
+          }
+        }
+
+        .pubtn {
+          display: flex;
+          justify-content: center;
+          margin-top: 25px;
+
+          //margin-bottom: 29px;
+          .pubtn1 {
+            width: 100px;
+            height: 40px;
+            margin-right: 16px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: rgba(78, 166, 255, 1);
+            font-size: 14px;
+            //line-height: 36px;
+            align-items: center;
+            background: rgba(255, 255, 255, 1);
+          }
+
+          .pubtn2 {
+            width: 100px;
+            height: 40px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #409eff;
+          }
+        }
+      }
+    }
+  }
+}
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+      .ant-modal-body {
+        .delete {
+          z-index: 999;
+          width: 424px;
+          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: 40px;
+            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;
+              .del-icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                background-size: 100% 100%;
+              }
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+              .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;
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index f63bcd8a..7f573d13 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -21,8 +21,8 @@
             v-model:value="projectName"
             style="width: 270px"
             placeholder="请选择状态"
-            :options="projectNameList"
-            @change="selectProjectName"
+            :options="projectStateList"
+            @change="selectProjectState"
             allowClear
             showSearch
           ></a-select>
@@ -69,21 +69,25 @@
         @expand="expandTable"
         :pagination="false"
       />
-      
     </div>
     <div class="pa">
-        <a-pagination
-          showSizeChanger="true"
-          showQuickJumper="true"
-          hideOnSinglePage="true"
-          :pageSize="pageSize"
-          :current="currentPage"
-          :total="tableDataTotal"
-          class="pagination"
-        />
+      <a-pagination
+        showSizeChanger="true"
+        showQuickJumper="true"
+        hideOnSinglePage="true"
+        :pageSize="pageSize"
+        :current="currentPage"
+        :total="tableDataTotal"
+        class="pagination"
+      />
     </div>
     <!-- 表格 -->
-    <a-modal v-model:visible="out" :footer="null" :closable="false" style="margin-top: 250px">
+    <a-modal
+      v-model:visible="out"
+      :footer="null"
+      :closable="false"
+      style="margin-top: 250px"
+    >
       <div class="out">
         <div class="top">
           <img class="topimg" src="../../assets/images/courseManage/add1.png" />
@@ -107,7 +111,8 @@
             <div class="in">
               <a-input
                 v-model:value="value"
-                show-count :maxlength="15"
+                show-count
+                :maxlength="15"
                 style="border-radius: 8px"
               />
             </div>
@@ -119,6 +124,53 @@
         </div>
       </div></a-modal
     >
+    <!--操作弹窗 -->
+    <a-modal
+      v-model:visible="delete_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+      @cancel="delete_exit"
+    >
+      <div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="del-icon" :style="{ display: del_hs || over_hs ? 'block' : 'none' }"><img src="@/assets/images/coursewareManage/notice.png" alt=""></div>
+            <div class="del-icon" :style="{ display: copy_hs || back_hs || pub_hs ? 'block' : 'none' }"><img src="@/assets/images/coursewareManage/QR.png" alt=""></div>
+            <span>提示</span>
+            <div class="close_exit" @click="delete_exit"></div>
+          </div>
+          <div class="body">
+            <div :style="{ display: del_hs ? 'block' : 'none' }">
+              <span>您确定要删除此调研吗</span>
+            </div>
+            <div :style="{ display: over_hs ? 'block' : 'none' }">
+              <span>您确定要结束此调研吗</span>
+            </div>
+            <div :style="{ display: copy_hs ? 'block' : 'none' }">
+              <span>您确定要复制此调研吗</span>
+            </div>
+            <div :style="{ display: back_hs ? 'block' : 'none' }">
+              <span>您确定要撤回此调研吗</span>
+            </div>
+            <div :style="{ display: pub_hs ? 'block' : 'none' }">
+              <span>您确定要发布此调研吗</span>
+            </div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--操作弹窗 -->
   </div>
 </template>
 <script>
@@ -149,6 +201,23 @@ export default {
           label: "项目四",
         },
       ],
+      projectStateList: [
+        {
+          id: 1,
+          value: "已发布",
+          label: "已发布",
+        },
+        {
+          id: 2,
+          value: "待发布",
+          label: "待发布",
+        },
+        {
+          id: 3,
+          value: "已结束",
+          label: "已结束",
+        },
+      ],
       out: false,
       number: null,
       selectTime: null,
@@ -202,6 +271,12 @@ export default {
       valueE: ref(" "),
       valueEE: ref(" "),
       valuei: ref(" "),
+      delete_hs: false,
+      del_hs: false,
+      over_hs: false,
+      copy_hs: false,
+      back_hs: false,
+      pub_hs: false,
     });
     const tableDataFunc = () => {
       const columns = [
@@ -269,7 +344,6 @@ export default {
           key: "opacation",
           width: 200,
           align: "center",
-          
         },
       ];
       return columns;
@@ -282,38 +356,74 @@ export default {
           //单层项目
           value.opacation = (
             <div class="operation">
-              
-                {value.state === "已发布" ? (
-                  <div class="fb">
-                    <router-link to="/managepage" class="jc">管理</router-link>
-                    <div class="jc">复制</div>
-                    <div class="jc">撤回</div>
-                    <div class="jc">结束</div>
-                  </div>
-                ) : (
-                  <div></div>
-                )}
-                {value.state === "待发布" ? (
-                  <div class="fb">
-                    <router-link to="/researchadd" class="jc">基础信息</router-link>
-                    <router-link to="/managepage" class="jc">管理</router-link>
-                    <div class="jc">复制</div>
-                    <div class="jc">编辑</div>
-                    <div class="jc">删除</div>
-                  </div>
-                ) : (
-                  <div></div>
-                )}
-                {value.state === "已结束" ? (
-                  <div class="fb">
-                    <div class="jc">复制</div>
-                    <div class="jc">删除</div>
-
-                  </div>
-                ) : (
-                  <div></div>
-                )}
-              
+              {value.state === "已发布" ? (
+                <div class="fb">
+                  <router-link to="/managepage" class="jc">
+                    管理
+                  </router-link>
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.copy_hs = true;
+                  }}>复制</div>
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.back_hs = true;
+                  }}>撤回</div>
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.over_hs = true;
+                  }}>结束</div>
+                </div>
+              ) : (
+                <div></div>
+              )}
+              {value.state === "待发布" ? (
+                <div class="fb">
+                  <router-link to="/researchadd" class="jc">
+                    基础信息
+                  </router-link>
+                  <router-link to="/managepage" class="jc">
+                    管理
+                  </router-link>
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.pub_hs = true;
+                  }}>发布</div>
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.copy_hs = true;
+                  }}>复制</div>
+                  <div class="jc">编辑</div>
+                  <div class="jc"
+                    onClick={()=>{
+                      state.delete_hs = true;
+                      state.del_hs = true;
+                  }}>删除</div>
+                </div>
+              ) : (
+                <div></div>
+              )}
+              {value.state === "已结束" ? (
+                <div class="fb">
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.copy_hs = true;
+                  }}>复制</div>
+                  <div class="jc"
+                    onClick={()=>{
+                      state.delete_hs = true;
+                      state.del_hs = true;
+                  }}>删除</div>
+                </div>
+              ) : (
+                <div></div>
+              )}
             </div>
           );
         }
@@ -327,6 +437,9 @@ export default {
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
     };
+    const selectProjectState = (value, index) => {
+      console.log("value", value, index);
+    };
     const expandTable = (e, a) => {
       // console.log("惦记了");
       console.log("e", e, a);
@@ -337,14 +450,24 @@ export default {
     const chooseImg = (id) => {
       console.log(id);
     };
+    const delete_exit = () => {
+      state.delete_hs = false;
+      state.del_hs = false;
+      state.over_hs = false;
+      state.copy_hs = false;
+      state.back_hs = false;
+      state.pub_hs = false;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
+      selectProjectState,
       expandTable,
       handleOut,
       tableDataFunc,
       chooseImg,
       getTableDate,
+      delete_exit,
     };
   },
 };
@@ -357,108 +480,108 @@ export default {
   clear: both;
 }
 .out {
-    //display: flex;
-    display: block;
-    position: absolute;
-    top: 120px;
-    width: 680px;
-    // height: 525px;
-    background-color: #fff;
+  //display: flex;
+  display: block;
+  position: absolute;
+  top: 120px;
+  width: 680px;
+  // height: 525px;
+  background-color: #fff;
 
-    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
-    left: 50%;
-    top: 20%;
-    transform: translate(-50%, -50%);
-    .top {
-      width: 100%;
-      height: 68px;
+  box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+  left: 50%;
+  top: 20%;
+  transform: translate(-50%, -50%);
+  .top {
+    width: 100%;
+    height: 68px;
 
-      background: linear-gradient(
-        rgba(78, 166, 255, 0.2) 0%,
-        rgba(78, 166, 255, 0) 100%
-      );
-      display: flex;
-      align-items: center;
-      .topimg {
-        width: 18px;
-        height: 18px;
-        margin-left: 27px;
-      }
-      .topc {
-        color: #000000;
-        font-size: 16px;
-        margin-left: 8px;
-      }
+    background: linear-gradient(
+      rgba(78, 166, 255, 0.2) 0%,
+      rgba(78, 166, 255, 0) 100%
+    );
+    display: flex;
+    align-items: center;
+    .topimg {
+      width: 18px;
+      height: 18px;
+      margin-left: 27px;
     }
-    .mid {
-      width: 100%;
-      height: 100%;
-      background-color: #fff;
+    .topc {
+      color: #000000;
+      font-size: 16px;
+      margin-left: 8px;
+    }
+  }
+  .mid {
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .d {
+      // margin-top: 8px;
+      // color: #ff4e4e;
+      margin-left: -5px;
+    }
+    .name {
+      width: 78%;
+      // background-color: lightcoral;
       display: flex;
-      flex-direction: column;
+      margin-top: 20px;
       align-items: center;
-      .d {
-        // margin-top: 8px;
-        // color: #ff4e4e;
-        margin-left: -5px;
-      }
-      .name {
-        width: 78%;
-        // background-color: lightcoral;
-        display: flex;
-        margin-top: 20px;
-        align-items: center;
-        height: 40px;
-        // border: 1px solid black;
+      height: 40px;
+      // border: 1px solid black;
 
-        .inname {
-          color: #6f6f6f;
-          font-size: 14px;
-          margin-left: 7px;
+      .inname {
+        color: #6f6f6f;
+        font-size: 14px;
+        margin-left: 7px;
+      }
+      .in {
+        margin-left: 14px;
+        width: 81%;
+        .ant-input {
+          border-radius: 5px;
+          // height: 120%;
+          width: 100%;
+          height: 30px;
         }
-        .in {
-          margin-left: 14px;
-          width: 81%;
-          .ant-input {
-            border-radius: 5px;
-            // height: 120%;
-            width: 100%;
-            height: 30px;
-          }
-          .showcount {
+        .showcount {
           position: absolute;
           right: 10px;
           color: #c7cbd2;
           bottom: 5px;
         }
-        }
       }
-      .btn {
-        width: 33%;
-        margin-top: 30px;
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 30px;
-        .samtn {
-          width: 100px;
-          height: 40px;
-          font-size: 14px;
-          border: 1px solid #409EFF;
-          border-radius: 8px;
-          cursor: pointer;
-        }
-        .btn1 {
-          background-color: #fff;
-          color: #4ea6ff;
-        }
-        .btn2 {
-          margin-left: 10px;
-          background-color: #409EFF;
-          color: #fff;
-        }
+    }
+    .btn {
+      width: 33%;
+      margin-top: 30px;
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 30px;
+      .samtn {
+        width: 100px;
+        height: 40px;
+        font-size: 14px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+        cursor: pointer;
+      }
+      .btn1 {
+        background-color: #fff;
+        color: #4ea6ff;
+      }
+      .btn2 {
+        margin-left: 10px;
+        background-color: #409eff;
+        color: #fff;
       }
     }
   }
+}
 .researchmanage {
   width: 100%;
   height: 100%;
@@ -560,12 +683,12 @@ export default {
     }
   }
   .tableBox {
-    margin: 20px 38px 30px ;
+    margin: 20px 38px 30px;
     display: flex;
     flex: 1;
     //position: relative;
     flex-direction: column;
-    
+
     th.h {
       background-color: #eff4fc !important;
     }
@@ -575,38 +698,142 @@ export default {
       > td {
       background: #f6f9fd;
     }
-    
   }
   .pa {
-      width: 100%;
-      // height: 20px;
-      // background-color: red;
-      display: flex;
-      justify-content: center;
-      //position: absolute;
+    width: 100%;
+    // height: 20px;
+    // background-color: red;
+    display: flex;
+    justify-content: center;
+    //position: absolute;
+    margin-bottom: 20px;
+    .pagination {
       margin-bottom: 20px;
-      .pagination {
-        margin-bottom: 20px;
-      }
     }
-  
+  }
+
   .unout {
     display: none;
   }
 
-   .operation {
+  .operation {
     display: flex;
     justify-content: right;
-      .fb {
-        display: flex;
-        margin-right: 20px;
-        .jc {
-          color: #4ea6ff;
-          font-size: 14px;
-          margin-left: 20px;
+    .fb {
+      display: flex;
+      margin-right: 20px;
+      .jc {
+        color: #4ea6ff;
+        font-size: 14px;
+        margin-left: 20px;
+        white-space: nowrap;
+        cursor: pointer;
+      }
+    }
+  }
+}
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+      .ant-modal-body {
+        .delete {
+          z-index: 999;
+          width: 424px;
+          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: 40px;
+            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;
+              .del-icon {
+                display: flex;
+                align-items: center;
+                margin-right: 10px;
+                // background-image: url(@/assets/images/coursewareManage/notice.png);
+                img{
+                  background-size: 100% 100%;
+                  width: 16px;
+                  height: 16px;
+                }
+              }
+              .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;
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
         }
       }
-    
+    }
   }
 }
 </style>