diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue
index 09db5be0..1832f22a 100644
--- a/src/components/BreadCrumb.vue
+++ b/src/components/BreadCrumb.vue
@@ -103,6 +103,23 @@ export default {
             },
           ];
         }
+        if (n === "/taskadd" || n === "/TaskAdd") {
+          state.list = [
+            {
+              name: "项目",
+              href: "",
+            },
+            {
+              name: "基础信息",
+            },
+            {
+              name: "任务",
+            },
+            {
+              name: "添加任务",
+            }
+          ];
+        }
         if (n === "/templatelibrary" || n === "/TemplateLibrary") {
           state.list = [
             {
diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue
index 37cc13bd..1b3dac35 100644
--- a/src/components/NavLeft.vue
+++ b/src/components/NavLeft.vue
@@ -416,17 +416,17 @@ export default {
     const packUp = () => {
       state.packup = !state.packup;
     };
-    const getMousePosition = () => {
+    const getClientHeight = () => {
       state.screenHeight = document.body.clientHeight;
     };
 
     onMounted(() => {
       // console.log("11111", 1);
-      window.addEventListener("resize", getMousePosition, false);
+      window.addEventListener("resize", getClientHeight, false);
       // judgeUrl();
     });
     onUnmounted(() => {
-      window.removeEventListener("resize", getMousePosition, false);
+      window.removeEventListener("resize", getClientHeight, false);
     });
     return {
       ...toRefs(state),
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 63a1f1cf..31ceb7e4 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -20,7 +20,7 @@
           src="../../assets/images/leveladd/more.png"
         />
         <div class="more">
-          <span style="color: #7096e3">更多</span>
+          <span style="color: #7096e3; cursor: pointer">更多</span>
           <div class="moreArrow"></div>
           <div class="moreItems">
             <div class="sammo">撤回</div>
@@ -432,6 +432,7 @@ export default {
         font-size: 14px;
         margin-top: 5px;
         margin-right: 30px;
+        cursor: pointer;
       }
       .return {
         color: #4ea6ff;
@@ -466,9 +467,11 @@ export default {
           left: -48px;
           top: 30px;
           z-index: 100;
+          cursor: pointer;
           .sammo {
             text-align: center;
             margin-top: 12px;
+            cursor: pointer;
           }
           .sammo:hover {
             color: #4ea6ff;
@@ -690,6 +693,7 @@ export default {
                 .te {
                   color: #4ea6ff;
                   font-size: 14px;
+                  cursor: pointer;
                 }
                 .more {
                   position: relative;
@@ -724,6 +728,7 @@ export default {
                       line-height: 36px;
                       display: flex;
                       justify-content: center;
+                      cursor: pointer;
                     }
                     .roleItem:hover {
                       color: #4ea6ff;
@@ -769,6 +774,7 @@ export default {
           .oneedi {
             margin-left: 15px;
             color: #4ea6ff;
+            cursor: pointer;
           }
         }
         .onemain {
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index ef472f38..8434286e 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -2,12 +2,12 @@
   <div class="allCon">
     <div class="left clearfix">
       <div class="leftmain">
-        <div class="tit">关卡</div>
-        <div class="btn btn3">
+        <div class="tit" style="margin-left: 18px">关卡</div>
+        <div class="btn btn3" style="margin-left: 19px">
           <div class="search"></div>
           <div class="btnText">添加关卡</div>
         </div>
-        <div class="maincon">
+        <div class="maincon" style="background-color: #fff">
           <div class="item" v-for="item in level" :key="item.id">
             <div class="itemle">
               <div class="tit">{{ item.tit }}</div>
@@ -40,7 +40,7 @@
             <div class="select">
               <a-select
                 v-model:value="projectName"
-                style="width: 270px"
+                style="width: 200px"
                 placeholder="自由学习模式"
                 :options="projectNameList"
                 @change="selectProjectName"
@@ -66,7 +66,7 @@
               </div>
             </div> -->
             <div class="role">
-              <div>更多</div>
+              <div style="white-space: nowrap">更多</div>
               <div class="roleArrow"></div>
               <div class="roleItems">
                 <div class="roleItem">复制</div>
@@ -85,15 +85,6 @@
         </div>
       </div>
       <div class="mid">
-        <!-- <div class="item" v-for="(item, index) in mid" :key="item.id">
-          <div class="itcon">
-            <div class="img">
-              <img :src="item.img" />
-            </div>
-            <div class="text">{{ item.title }}</div>
-          </div>
-          <div :class="[index === mid.length - 1 ? 'no' : 'lin']"></div>
-        </div> -->
         <div class="item">
           <div class="itcon">
             <div class="img">
@@ -247,18 +238,15 @@
               :data-source="tableData"
               :loading="tableDataTotal === -1 ? true : false"
               expandRowByClick="true"
-              :scroll="{ x: 1500, y: 300 }"
               @expand="expandTable"
               :pagination="false"
               :row-selection="{
-                columnWidth: '40px',
+                columnWidth: 30,
                 selectedRowKeys: selectedRowKeys,
                 onChange: onSelectChange,
               }"
             />
-            <!-- :pagination= showSizeChanger: true, showQuickJumper: true,
-      hideOnSinglePage: true, pageSizeOptions: [], pageSize: pageSize, current:
-      currentPage, total: tableDataTotal, -->
+
             <div class="pa">
               <a-pagination
                 showSizeChanger="true"
@@ -279,7 +267,7 @@
           class="drawerStyle"
           title="关联项目"
           placement="right"
-          width="50%"
+          width="80%"
           @after-visible-change="afterVisibleChange"
         >
           <div class="drawerMain">
@@ -314,7 +302,7 @@
 </template>
 
 <script>
-import { reactive, toRefs } from "vue";
+import { reactive, toRefs, onMounted, onUnmounted } from "vue";
 const drawercolumns = [
   {
     title: "项目名称",
@@ -402,6 +390,46 @@ export default {
           tit: "关卡2",
           name: "中级产品经理",
         },
+        {
+          id: "2",
+          tit: "关卡2",
+          name: "中级产品经理",
+        },
+        {
+          id: "2",
+          tit: "关卡2",
+          name: "中级产品经理",
+        },
+        {
+          id: "2",
+          tit: "关卡2",
+          name: "中级产品经理",
+        },
+        {
+          id: "2",
+          tit: "关卡2",
+          name: "中级产品经理",
+        },
+        {
+          id: "2",
+          tit: "关卡2",
+          name: "中级产品经理",
+        },
+        {
+          id: "2",
+          tit: "关卡2",
+          name: "中级产品经理",
+        },
+        {
+          id: "2",
+          tit: "关卡2",
+          name: "中级产品经理",
+        },
+        {
+          id: "2",
+          tit: "关卡2",
+          name: "中级产品经理",
+        },
       ],
       tableData: [
         {
@@ -580,7 +608,7 @@ export default {
           dataIndex: "state",
           // width: "30%",
           key: "state",
-          width: 40,
+          width: 60,
           align: "left",
           className: "classify",
           scopedSlots: { customRender: "action" }, //引入的插槽
@@ -620,7 +648,7 @@ export default {
           title: "必修/选修",
           dataIndex: "pubtime",
           key: "pubtime",
-          width: 200,
+          // width: 100,
           align: "center",
           className: "h",
           scopedSlots: { customRender: "action" }, //引入的插槽
@@ -659,7 +687,7 @@ export default {
           title: "时长",
           dataIndex: "cretime",
           key: "cretime",
-          width: 100,
+          // width: 100,
           align: "center",
           className: "h",
         },
@@ -668,7 +696,7 @@ export default {
           className: "h",
           dataIndex: "opacation",
           key: "opacation",
-          width: 100,
+          // width: 100,
           align: "center",
           scopedSlots: { customRender: "action" }, //引入的插槽
           customRender: () => {
@@ -693,6 +721,25 @@ export default {
       state.selectedRowKeys = selectedRowKeys;
     };
 
+    // const getClientHeight = () => {
+    //   state.rightheight =
+    //     document.getElementsByClassName("addhead")[0].offsetHeight +
+    //     document.getElementsByClassName("mid")[0].offsetHeight +
+    //     document.getElementsByClassName("boom")[0].offsetHeight +
+    //     40 +
+    //     "px";
+    // };
+
+    onMounted(() => {
+      document.getElementsByTagName("main")[0].style.background =
+        "rgb(245, 247, 250,1)";
+      document.getElementsByTagName("main")[0].style.boxShadow = "none";
+    });
+    onUnmounted(() => {
+      document.getElementsByTagName("main")[0].style.background = "#ffffff";
+      document.getElementsByTagName("main")[0].style.boxShadow =
+        "0px 1px 35px 0px rgba(118, 136, 166, 0.07)";
+    });
     return {
       ...toRefs(state),
       selectProjectName,
@@ -793,27 +840,25 @@ export default {
 }
 .allCon {
   width: 100%;
-  height: 100%;
-  overflow: auto;
-  background-color: #f1f4f8;
   display: flex;
+  min-width: 933px;
   // min-width: 1200px;
   // overflow-x: hidden;
   // min-width: 1400px;
   // overflow: scroll;
+  background-color: rgba(245, 247, 250, 1);
   .left {
     margin-right: 20px;
     width: 208px;
     // height: 100%;
-    flex-shrink: 0;
     // flex: 1;
-    height: 100%;
+    // height: 100%;
     background: #ffffff;
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     display: flex;
     justify-content: center;
     .leftmain {
-      width: 86%;
+      // width: 86%;
       margin-top: 20px;
       .tit {
         font-size: 18px;
@@ -847,6 +892,7 @@ export default {
       }
 
       .btn3 {
+        width: 171px;
         margin-right: 0px;
         .search {
           width: 17px;
@@ -857,10 +903,12 @@ export default {
       }
       .maincon {
         margin-top: 17px;
-        width: 100%;
-        // background-color: #bfa;
+        width: 208px;
+        display: flex;
+        flex-direction: column;
+        align-items: center; // background-color: #bfa;
         .item {
-          width: 100%;
+          width: 171px;
           height: 83px;
           display: flex;
           background: rgba(255, 182, 78, 0.1);
@@ -904,8 +952,6 @@ export default {
   }
   .right {
     flex: 1;
-    height: 100%;
-    width: 100%;
     // background-color: #fff;
     display: flex;
     flex-direction: column;
@@ -971,24 +1017,35 @@ export default {
             height: 60px;
             width: 1px;
             background-color: #e8effa;
-            margin-right: 28px;
+            margin-right: 18px;
           }
           .img2 {
             width: 42px;
             height: 42px;
-            margin-right: 22px;
+            margin-right: 18px;
           }
           .pub {
             color: #ffb64e;
             font-size: 14px;
             margin-top: 5px;
             margin-right: 30px;
+            cursor: pointer;
+            white-space: nowrap;
+          }
+          @media screen and (max-width: 1050px) {
+            .pub {
+              margin-right: 10px;
+            }
+            .line {
+              margin-right: 10px;
+            }
           }
           .return {
             color: #4ea6ff;
             font-size: 14px;
             margin-top: 13px;
             margin-right: 20px;
+            white-space: nowrap;
           }
 
           .role {
@@ -1063,8 +1120,8 @@ export default {
           justify-content: center;
           height: 100%;
           width: 100%;
-          margin-left: 46px;
-          margin-right: 46px;
+          margin-left: 38px;
+          margin-right: 38px;
           .img {
             cursor: pointer;
           }
@@ -1072,6 +1129,7 @@ export default {
             font-size: 16px;
             color: #363636;
             margin-top: 5px;
+            white-space: nowrap;
           }
         }
         .lin {
@@ -1094,7 +1152,7 @@ export default {
       justify-content: center;
       .boomcen {
         width: 95%;
-        height: 100%;
+        // height: 100%;
         // background-color: #bfa;
         .select {
           margin-top: 30px;
@@ -1144,12 +1202,11 @@ export default {
           }
           .ant-table-selection-column {
             padding: 0px !important;
-            padding-left: 68px !important;
+            padding-left: 60px !important;
           }
           .ant-table-thead > tr > th {
             background-color: rgba(239, 244, 252, 1);
           }
-          // margin: 20px 38px 30px;
           th.h {
             background-color: #eff4fc !important;
           }
@@ -1237,7 +1294,7 @@ export default {
       height: 14px;
       background-image: url("../../assets/images/leveladd/z1.png");
       position: absolute;
-      left: -47px;
+      left: -40px;
     }
     .ch {
       margin-left: 10px;
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index 1a642635..dcda5100 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -3,11 +3,11 @@
     <div class="left clearfix">
       <div class="leftmain">
         <div class="tit">阶段<img src="../../assets/images/projectadd/right.png" style="margin-left: 10px"/></div>
-        <div class="btn btn3">
+        <div class="btn btn3" style="margin-left: 19px">
           <div class="search"></div>
           <div class="btnText">添加阶段</div>
         </div>
-        <div class="maincon">
+        <div class="maincon" style="background-color: #fff">
           <div class="item" v-for="item in level" :key="item.id">
             <div class="itemle">
               <div class="tit">{{ item.tit }}</div>
@@ -32,14 +32,14 @@
               <img class="img" src="../../assets/images/projectadd/picture.png" />
             </div>
             <div class="imgfor">
-              <div class="forz" style="font-weight: 500">管理者进阶-腾飞班</div>
+              <div class="forz" style="font-weight: 700">管理者进阶-腾飞班</div>
             </div>
           </div>
           <div class="rightt">
             <div class="select">
               <a-select
                 v-model:value="projectName"
-                style="width: 270px"
+                style="width: 200px"
                 placeholder="自由学习模式"
                 :options="projectNameList"
                 @change="selectProjectName"
@@ -51,23 +51,16 @@
             <img class="img2" src="../../assets/images/projectadd/keep.png" />
             <div class="pub">保存</div>
             <div class="line"></div>
-            <img class="img2" src="../../assets/images/leveladd/back.png" />
             <router-link to="/taskpage">
-              <div class="return">返回</div></router-link
-            >
+              <div style="display: flex">
+                <img class="img2" src="../../assets/images/leveladd/back.png" />
+                <div class="return">返回</div>
+              </div>
+            </router-link>
           </div>
         </div>
       </div>
       <div class="mid">
-        <!-- <div class="item" v-for="(item, index) in mid" :key="item.id">
-          <div class="itcon">
-            <div class="img">
-              <img :src="item.img" />
-            </div>
-            <div class="text">{{ item.title }}</div>
-          </div>
-          <div :class="[index === mid.length - 1 ? 'no' : 'lin']"></div>
-        </div> -->
         <div class="item">
           <div class="itcon">
             <div class="img">
@@ -185,7 +178,7 @@
                         <img class="editimg" src="../../assets/images/projectadd/delete.png"/>
                         <span class="editext">批量删除</span>
                     </div>
-                </div>
+          </div>
           <div class="talk">
             <img class="im" src="../../assets/images/leveladd/gan.png" />
             <div class="xu">
@@ -194,7 +187,7 @@
               <span class="th">3</span>
               <div style="width: 5px; display: inline-block"></div>
               <span class="yi">项</span>
-              <span class="zon">人物总数：</span>
+              <span class="zon">任务总数：</span>
               <span class="yi">5</span>
               <span class="yi">条</span>
             </div>
@@ -206,13 +199,15 @@
               :data-source="tableData"
               :loading="tableDataTotal === -1 ? true : false"
               expandRowByClick="true"
-              :scroll="{ x: 1500, y: 300 }"
               @expand="expandTable"
               :pagination="false"
+              :row-selection="{
+                columnWidth: 30,
+                selectedRowKeys: selectedRowKeys,
+                onChange: onSelectChange,
+              }"
             />
-            <!-- :pagination= showSizeChanger: true, showQuickJumper: true,
-      hideOnSinglePage: true, pageSizeOptions: [], pageSize: pageSize, current:
-      currentPage, total: tableDataTotal, -->
+
             <div class="pa">
               <a-pagination
                 showSizeChanger="true"
@@ -233,7 +228,7 @@
           class="drawerStyle"
           title="关联项目"
           placement="right"
-          width="50%"
+          width="80%"
           @after-visible-change="afterVisibleChange"
         >
           <div class="drawerMain">
@@ -268,7 +263,7 @@
 </template>
 
 <script>
-import { reactive, toRefs } from "vue";
+import { reactive, toRefs, onMounted, onUnmounted } from "vue";
 const drawercolumns = [
   {
     title: "项目名称",
@@ -336,16 +331,11 @@ export default {
       projectNameList2: [
         {
           id: 1,
-          value: "批量操作",
-          label: "批量操作",
-        },
-        {
-          id: 2,
           value: "删除任务",
           label: "删除任务",
         },
         {
-          id: 3,
+          id: 2,
           value: "移动任务到关卡",
           label: "移动任务到关卡",
         },
@@ -359,7 +349,22 @@ export default {
         {
           id: "2",
           tit: "阶段2",
-          name: "腾飞班1基础",
+          name: "腾飞班基础",
+        },
+        {
+          id: "2",
+          tit: "阶段2",
+          name: "中级产品经理",
+        },
+        {
+          id: "2",
+          tit: "阶段2",
+          name: "中级产品经理",
+        },
+        {
+          id: "2",
+          tit: "阶段2",
+          name: "中级产品经理",
         },
       ],
       tableData: [
@@ -385,6 +390,17 @@ export default {
           checked1: false,
           checkedd: false,
         },
+        {
+          key: 1,
+          lei: "在线",
+          // state: "已发布",
+          creater: "管理者课程",
+          // pubtime: "2022-07-20 14:00:03",
+          cretime: "60分钟",
+          haspub: false,
+          checked1: false,
+          checkedd: false,
+        },
         {
           key: 3,
           lei: "作业",
@@ -413,7 +429,29 @@ export default {
           // state: "草稿",
           creater: "腾飞班1案例",
           // pubtime: "2022-07-20 14:00:03",
-          cretime: "-",
+          cretime: "20分钟",
+          haspub: true,
+          checked1: true,
+          checkedd: false,
+        },
+        {
+          key: 4,
+          lei: "考试",
+          // state: "草稿",
+          creater: "管理者考试",
+          // pubtime: "2022-07-20 14:00:03",
+          cretime: "20分钟",
+          haspub: true,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 5,
+          lei: "案例",
+          // state: "草稿",
+          creater: "腾飞班1案例",
+          // pubtime: "2022-07-20 14:00:03",
+          cretime: "20分钟",
           haspub: true,
           checked1: true,
           checkedd: false,
@@ -518,6 +556,7 @@ export default {
       tableDataTotal: 100,
       pageSize: 10,
       visible: false,
+      selectedRowKeys: [],
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -538,18 +577,29 @@ export default {
           dataIndex: "state",
           // width: "30%",
           key: "state",
-          width: 90,
-          align: "center",
-          className: "h",
+          width: 60,
+          align: "left",
+          className: "classify",
           scopedSlots: { customRender: "action" }, //引入的插槽
           customRender: (text) => {
-            console.log(text.record.checked1);
+            // console.log(text.record.checked1);
             return (
               <div class="racona">
-                <div class="img"></div>
-                <a-checkbox class="ch" v-model:checked={text.record.checkedd}>
+                <div
+                  class="img"
+                  style={{ cursor: "pointer" }}
+                  onClick={() => {
+                    console.log("点击了");
+                  }}
+                ></div>
+                <span> {text.record.lei}</span>
+
+                {/**
+								<div class="img"></div>
+                <a-checkbox class="ch" checked={text.record.checkedd}>
                   {text.record.lei}
                 </a-checkbox>
+*/}
               </div>
             );
           },
@@ -567,20 +617,24 @@ export default {
           title: "必修/选修",
           dataIndex: "pubtime",
           key: "pubtime",
-          width: 200,
+          // width: 100,
           align: "center",
           className: "h",
           scopedSlots: { customRender: "action" }, //引入的插槽
           customRender: (text) => {
-            console.log(text.record.checked1);
+            // console.log(text.record.checked1);
             return (
               <div class="opat">
                 <div class="opacationt clearfix">
                   <a-switch
                     style="margin-left:-50px;margin-top:3px"
-                    v-model:checked={text.record.checked1}
+                    checked={text.record.checked1}
                     size="small"
                     active-color="red"
+                    onClick={() => {
+                      console.log("点击了");
+                      text.record.checked1 = !text.record.checked1;
+                    }}
                   />
                   <div class="showt clearfix">
                     <div
@@ -602,7 +656,7 @@ export default {
           title: "时长",
           dataIndex: "cretime",
           key: "cretime",
-          width: 100,
+          // width: 100,
           align: "center",
           className: "h",
         },
@@ -611,7 +665,7 @@ export default {
           className: "h",
           dataIndex: "opacation",
           key: "opacation",
-          width: 100,
+          // width: 100,
           align: "center",
           scopedSlots: { customRender: "action" }, //引入的插槽
           customRender: () => {
@@ -631,6 +685,30 @@ export default {
       return columns;
     };
 
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+
+    // const getClientHeight = () => {
+    //   state.rightheight =
+    //     document.getElementsByClassName("addhead")[0].offsetHeight +
+    //     document.getElementsByClassName("mid")[0].offsetHeight +
+    //     document.getElementsByClassName("boom")[0].offsetHeight +
+    //     40 +
+    //     "px";
+    // };
+
+    onMounted(() => {
+      document.getElementsByTagName("main")[0].style.background =
+        "rgb(245, 247, 250,1)";
+      document.getElementsByTagName("main")[0].style.boxShadow = "none";
+    });
+    onUnmounted(() => {
+      document.getElementsByTagName("main")[0].style.background = "#ffffff";
+      document.getElementsByTagName("main")[0].style.boxShadow =
+        "0px 1px 35px 0px rgba(118, 136, 166, 0.07)";
+    });
     return {
       ...toRefs(state),
       selectProjectName,
@@ -639,12 +717,13 @@ export default {
       showDrawer,
       afterVisibleChange,
       drawercolumns,
+      onSelectChange,
     };
   },
 };
 </script>
 
-<style  lang="scss" >
+<style lang="scss">
 .clearfix:after,
 .clearfix:before {
   content: " ";
@@ -654,7 +733,7 @@ export default {
 
 .drawerStyle {
   .ant-drawer-content-wrapper {
-    max-width: 1000px;
+    // max-width: 1000px;
     .ant-drawer-header {
       display: none !important;
     }
@@ -730,22 +809,28 @@ export default {
 }
 .allCon {
   width: 100%;
-  height: 100%;
-  background-color: #f1f4f8;
   display: flex;
+  min-width: 933px;
+  // min-width: 1200px;
+  // overflow-x: hidden;
+  // min-width: 1400px;
+  // overflow: scroll;
+  background-color: rgba(245, 247, 250, 1);
   .left {
     margin-right: 20px;
     width: 208px;
-    flex-shrink: 0;
-    height: 100%;
+    // height: 100%;
+    // flex: 1;
+    // height: 100%;
     background: #ffffff;
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     display: flex;
     justify-content: center;
     .leftmain {
-      width: 86%;
+      // width: 86%;
       margin-top: 20px;
       .tit {
+        margin-left: 20px;
         font-size: 18px;
         color: #363636;
       }
@@ -777,6 +862,7 @@ export default {
       }
 
       .btn3 {
+        width: 171px;
         margin-right: 0px;
         .search {
           width: 17px;
@@ -787,10 +873,12 @@ export default {
       }
       .maincon {
         margin-top: 17px;
-        width: 100%;
-        // background-color: #bfa;
+        width: 208px;
+        display: flex;
+        flex-direction: column;
+        align-items: center; // background-color: #bfa;
         .item {
-          width: 100%;
+          width: 171px;
           height: 83px;
           display: flex;
           background: rgba(255, 182, 78, 0.1);
@@ -834,8 +922,6 @@ export default {
   }
   .right {
     flex: 1;
-    height: 100%;
-    width: 100%;
     // background-color: #fff;
     display: flex;
     flex-direction: column;
@@ -843,7 +929,7 @@ export default {
       width: 100%;
       // min-width: 500px;
       // height: 130px;
-
+      // flex: 1;
       background-color: #fff;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
       display: flex;
@@ -901,24 +987,35 @@ export default {
             height: 60px;
             width: 1px;
             background-color: #e8effa;
-            margin-right: 28px;
+            margin-right: 18px;
           }
           .img2 {
             width: 42px;
             height: 42px;
-            margin-right: 22px;
+            margin-right: 18px;
           }
           .pub {
             color: #57C887;
             font-size: 14px;
             margin-top: 5px;
             margin-right: 30px;
+            cursor: pointer;
+            white-space: nowrap;
+          }
+          @media screen and (max-width: 1050px) {
+            .pub {
+              margin-right: 10px;
+            }
+            .line {
+              margin-right: 10px;
+            }
           }
           .return {
             color: #4ea6ff;
             font-size: 14px;
-            margin-top: 5px;
+            margin-top: 13px;
             margin-right: 20px;
+            white-space: nowrap;
           }
 
           .role {
@@ -973,16 +1070,17 @@ export default {
 
     .mid {
       width: 100%;
-      height: 130px;
+      // height: 130px;
       margin-top: 20px;
       margin-bottom: 20px;
       background-color: #fff;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
       display: flex;
       align-items: center;
+      flex-wrap: wrap;
       .item {
-        height: 100%;
-        width: 7.7%;
+        height: 115px;
+        // width: 7.7%;
         display: flex;
         align-items: center;
         .itcon {
@@ -992,6 +1090,8 @@ export default {
           justify-content: center;
           height: 100%;
           width: 100%;
+          margin-left: 38px;
+          margin-right: 38px;
           .img {
             cursor: pointer;
           }
@@ -999,6 +1099,7 @@ export default {
             font-size: 16px;
             color: #363636;
             margin-top: 5px;
+            white-space: nowrap;
           }
         }
         .lin {
@@ -1021,7 +1122,7 @@ export default {
       justify-content: center;
       .boomcen {
         width: 95%;
-        height: 100%;
+        // height: 100%;
         // background-color: #bfa;
         .onerow {
             width: 100%;
@@ -1032,6 +1133,7 @@ export default {
             .taskmain {
                 font-size: 18px;
                 color: #000000;
+                margin-top: 10px;
             }
             .btn {
                 position: absolute;
@@ -1108,7 +1210,22 @@ export default {
           }
         }
         .tableBox {
-          // margin: 20px 38px 30px;
+          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;
           }
@@ -1143,10 +1260,6 @@ export default {
     //     background: #f6f9fd;
     //   }
     // }
-    .draw {
-      .drawerbox {
-      }
-    }
   }
 
   .opat {
@@ -1191,18 +1304,20 @@ export default {
     // background-color: #bfa;
     display: flex;
     align-items: center;
-    justify-content: center;
+    // justify-content: center;
     height: 100%;
     .img {
-      margin-left: -40px;
-      margin-top: -2px;
+      // margin-left: -40px;
+      // margin-top: -2px;
       width: 17px;
       height: 14px;
       background-image: url("../../assets/images/leveladd/z1.png");
+      position: absolute;
+      left: -40px;
     }
     .ch {
       margin-left: 10px;
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 914cd585..610325e7 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -59,10 +59,10 @@
                 <div class="onerow">
                     <div class="taskmain">任务大纲</div>
                     <button class="btn">批量面授报名</button>
-                    <div class="edit">
+                    <router-link to="/taskadd" class="edit">
                         <img class="editimg" src="../../assets/images/projectadd/edit.png"/>
                         <span class="editext">编辑</span>
-                    </div>
+                    </router-link>
                 </div>
                 <div class="stage">
                     <span class="stageimg"><img src="../../assets/images/projectadd/open.png"/></span>
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index 2f6b43e1..8fc3f43c 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -83,36 +83,42 @@
         />
     </div>
     <!-- 表格 -->
-    <div :class="out ? 'out' : 'unout'">
-      <div class="top">
-        <img class="topimg" src="../../assets/images/courseManage/add1.png" />
-        <div class="topc">创建调研</div>
-        <div @click="handleOut" style="margin-left: 440px; cursor: pointer">
-          <img
-            style="width: 20px; height: 20px"
-            src="../../assets/images/basicinfo/close.png"
-          />
-        </div>
-      </div>
-      <div class="mid clearfix">
-        <div class="name">
-          <div class="d" style="margin-top: -4px">
+    <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" />
+          <div class="topc">创建调研</div>
+          <div @click="handleOut" style="margin-left: 500px; cursor: pointer">
             <img
-              style="width: 10px; height: 10px"
-              src="../../assets/images/basicinfo/asterisk.png"
+              style="width: 20px; height: 20px"
+              src="../../assets/images/basicinfo/close.png"
             />
           </div>
-          <div class="inname">调研名称</div>
-          <div class="in">
-            <a-input v-model:value="valueE" show-count :maxlength="15" style="border-radius: 8px"/>
+        </div>
+        <div class="mid clearfix">
+          <div class="name">
+            <div class="d" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">调研名称</div>
+            <div class="in">
+              <a-input
+                v-model:value="value"
+                show-count :maxlength="15"
+                style="border-radius: 8px"
+              />
+            </div>
+          </div>
+          <div class="btn">
+            <button class="samtn btn1" @click="handleOut">取消</button>
+            <button class="samtn btn2" @click="handleOut">确定</button>
           </div>
         </div>
-        <div class="btn">
-          <button class="samtn btn1" @click="handleOut">取消</button>
-          <button class="samtn btn2" @click="handleOut">确定</button>
-        </div>
-      </div>
-    </div>
+      </div></a-modal
+    >
   </div>
 </template>
 <script>
@@ -350,6 +356,109 @@ export default {
   display: block;
   clear: both;
 }
+.out {
+    //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;
+
+      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;
+      }
+    }
+    .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;
+        margin-top: 20px;
+        align-items: center;
+        height: 40px;
+        // border: 1px solid black;
+
+        .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;
+          }
+          .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;
+        }
+      }
+    }
+  }
 .researchmanage {
   width: 100%;
   height: 100%;
@@ -480,102 +589,7 @@ export default {
         margin-bottom: 20px;
       }
     }
-  .out {
-    display: block;
-    position: absolute;
-    top: 120px;
-    width: 600px;
-    // height: 525px;
-    background-color: #fff;
-
-    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
-    left: 50%;
-    top: 50%;
-    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;
-      }
-    }
-    .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;
-        margin-top: 20px;
-        align-items: center;
-        height: 40px;
-        // border: 1px solid black;
-
-        .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;
-          }
-        }
-      }
-      .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;
-        }
-      }
-    }
-  }
+  
   .unout {
     display: none;
   }