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/components/drawers/AddLevelAddStu.vue b/src/components/drawers/AddLevelAddStu.vue
index 395f781a..dd233efa 100644
--- a/src/components/drawers/AddLevelAddStu.vue
+++ b/src/components/drawers/AddLevelAddStu.vue
@@ -774,7 +774,7 @@ export default {
 };
 </script>
 
-<style lang="scss" >
+<style lang="scss">
 .AddLevelAddStu {
   .drawerMain {
     min-width: 600px;
@@ -1202,4 +1202,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
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/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index 2278df41..266760ad 100644
--- a/src/views/projectcenter/LibraryAdd.vue
+++ b/src/views/projectcenter/LibraryAdd.vue
@@ -1,261 +1,632 @@
 <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>
 .clearfix:before,
@@ -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,163 +784,390 @@ 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: scroll;
+
+        .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: #fcf0ef;
+          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;
+          }
         }
+      }
     }
   }
 }
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index 97914d79..ce6a0992 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -252,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" />
@@ -1695,7 +1714,6 @@ export default {
       }
     }
     .boom {
-      position: relative;
       width: 100%;
       flex: 1;
       background-color: #fff;
@@ -1758,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 4e0789ef..6fda211d 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -211,22 +211,6 @@
         <a-tab-pane key="2" tab="任务" force-render>
           <div style="flex: 1">
             <div class="split"></div>
-            <!-- 无数据样式 -->
-            <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="onerow">
               <div class="taskmain">任务大纲</div>
               <button class="btn" @click="showFaceIn">批量面授报名</button>
@@ -423,8 +407,8 @@
               <div
                 class="taskbox"
                 style="
-                background: linear-gradient(180deg, #ddeaff, #f0f8fe);
-                display:none;
+                  background: linear-gradient(180deg, #ddeaff, #f0f8fe);
+                  display: none;
                 "
               >
                 <div class="leftt">
@@ -549,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"
@@ -810,6 +794,7 @@
             <p style="margin-top: 35px">公告内容</p>
             <a-textarea
               v-model:value="noticeContent"
+              placeholder="请输入要发布的公告"
               show-count
               :maxlength="150"
               style="margin-top: -10px; height: 110px"
@@ -820,52 +805,58 @@
             </div>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="5" tab="项目积分"> 
+        <a-tab-pane key="5" tab="项目积分">
           <div class="split"></div>
           <div class="content3">
             <a-tabs v-model:activeKey="activeKey2">
-              <a-tab-pane key="1" tab="学员获取">
-              </a-tab-pane>
-              <a-tab-pane key="2" tab="榜单">
-              </a-tab-pane>
+              <a-tab-pane key="1" tab="学员获取"> </a-tab-pane>
+              <a-tab-pane key="2" tab="榜单"> </a-tab-pane>
               <a-tab-pane key="3" tab="获取规则">
                 <div class="projectscore">
-                    <div class="pjc_body">
-                        <div class="pjcb_header">
-                            <span>规则</span>
-                            <div class="edit_btn">
-                                <div class="edit"></div>
-                                <div class="btnText">编辑</div>
-                            </div>
-                        </div>
-                        <div class="pjcb_content">
-                            <div class="content content1">
-                              <span>当前设计下，学员可以获得 
-                                <a-input
-                                  v-model:value="inputValue"
-                                  :maxlength="3"
-                                  style="width: 50px"
-                                />
-                              积分</span>
-                            </div>
-                            <div class="content content2">
-                              <span>完成【必修/选修】获得 
-                                <a-input
-                                  v-model:value="inputValue2"
-                                  :maxlength="3"
-                                  style="width: 50px"
-                                />
-                              积分</span></div>
-                            <div class="content content3">
-                              <span>优秀学员可获得 
-                                <a-input
-                                  v-model:value="inputValue3"
-                                  :maxlength="3"
-                                  style="width: 50px"
-                                />
-                              积分</span></div>
-                        </div>
+                  <div class="pjc_body">
+                    <div class="pjcb_header">
+                      <span>规则</span>
+                      <div class="edit_btn">
+                        <div class="edit"></div>
+                        <div class="btnText">编辑</div>
+                      </div>
                     </div>
+                    <div class="pjcb_content">
+                      <div class="content content1">
+                        <span
+                          >当前设计下，学员可以获得
+                          <a-input
+                            v-model:value="inputValue"
+                            :maxlength="3"
+                            style="width: 50px"
+                          />
+                          积分</span
+                        >
+                      </div>
+                      <div class="content content2">
+                        <span
+                          >完成【必修/选修】获得
+                          <a-input
+                            v-model:value="inputValue2"
+                            :maxlength="3"
+                            style="width: 50px"
+                          />
+                          积分</span
+                        >
+                      </div>
+                      <div class="content content3">
+                        <span
+                          >优秀学员可获得
+                          <a-input
+                            v-model:value="inputValue3"
+                            :maxlength="3"
+                            style="width: 50px"
+                          />
+                          积分</span
+                        >
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </a-tab-pane>
             </a-tabs>
@@ -1517,34 +1508,34 @@
     <!-- 删除弹窗 -->
     <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>
+        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="del_btn btn2">
-              <div class="btnText" @click="delete_exit">确定</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>
-      </div>
-    </a-modal>
+      </a-modal>
     </div>
     <!-- 删除弹窗 -->
   </div>
@@ -1613,6 +1604,7 @@ export default {
           diploma: "0",
           stutime: "2022-10-31 23:12:00",
           putin: "手动加入",
+          excellent: true, //是否是优秀学员
         },
         {
           key: 2,
@@ -1624,6 +1616,7 @@ export default {
           diploma: "0",
           stutime: "2022-10-21 23:12:00",
           putin: "手动加入",
+          excellent: false, //是否是优秀学员
         },
         {
           key: 3,
@@ -1635,6 +1628,7 @@ export default {
           diploma: "0",
           stutime: "2022-10-11 23:12:00",
           putin: "手动加入",
+          excellent: false, //是否是优秀学员
         },
         {
           key: 4,
@@ -1646,86 +1640,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: "学员",
@@ -1751,7 +1669,7 @@ export default {
       Seevisible: false, //查看学员
       Changevisible: false, //学员换组
       edit_hs: false, //编辑弹窗
-      delete_hs:false, //删除弹窗
+      delete_hs: false, //删除弹窗
       pubproject: false,
       stugroup: false,
       canclestu: false,
@@ -1762,16 +1680,16 @@ export default {
       checkedd2: false, //设置按钮2
       radioV1: "",
       radioV2: "",
-      activeKey: "2",
+      activeKey: "3",
       activeKey1: "8",
       activeKey2: "3",
-      inputValue:5,
-      inputValue2:5,
-      inputValue3:5,
+      inputValue: 5,
+      inputValue2: 5,
+      inputValue3: 5,
       valueName: "", //排行榜输入姓名
       valueDate: "", //排行榜输入日期
       noticeChecked: true,
-      noticeContent: "请输入要发布的公告",
+      noticeContent: "",
       TaskFaceImpStuvisible: false, //批量面授报名
 
       //进度排行表
@@ -2243,10 +2161,14 @@ export default {
                   >
                     优秀学员
                   </div>
-                  <div class="jc"
+                  <div
+                    class="jc"
                     onClick={() => {
-                      state.Seevisible = true;    
-                  }}>查看</div>
+                      state.Seevisible = true;
+                    }}
+                  >
+                    查看
+                  </div>
                   <div class="tableSelect">
                     <a-select
                       style="width: 50px;margin-top:2px;margin-left:25px"
@@ -2290,7 +2212,7 @@ export default {
       });
       state.tableData = datas;
     };
-    getTableDate()
+    getTableDate();
 
     const showModal = () => {
       state.pubproject = true;
@@ -2388,6 +2310,162 @@ export default {
         state.radioV2 = "";
       }
     };
+
+    //学员管理列表操作
+    const studentData = () => {
+      let arr = state.tabledata;
+      arr.map((value) => {
+        value.operation = (
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+          >
+            <div class="studentopea1">
+              {value.excellent ? "取消优秀" : "优秀学员"}
+            </div>
+
+            <div class="studentopea2">查看</div>
+            <div class="studentSelect">
+              <a-select
+                style="width: 50px"
+                value="更多"
+                // options={state.projectNameList}
+                dropdownClassName="tabledropdown"
+              >
+                <a-select-option value="换组" label="换组">
+                  <div>换组</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;
     };
@@ -2418,6 +2496,7 @@ export default {
       edit_exit,
       cloradio1,
       cloradio2,
+      studentColumns,
       delete_exit,
     };
   },
@@ -2983,55 +3062,6 @@ export default {
       margin-left: 30px;
       margin-top: 10px;
     }
-    .notable {
-      width: 100%;
-      height: 100%;
-      display: flex;
-      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;
-        }
-        .smallright {
-          position: absolute;
-          bottom: 18px;
-          right: 0px;
-          width: 8px;
-          height: 21px;
-          border-radius: 4px 0px 0px 4px;
-          background-color: #ffb64e;
-        }
-        .boxbody {
-          .boximg {
-            width: 72px;
-            height: 72px;
-            margin: 32px auto 20px auto;
-            background-image: url(@/assets/images/coursewareManage/nostate.png);
-            background-size: 100% 100%;
-          }
-          .boxtitle {
-            margin-bottom: 4px;
-          }
-        }
-      }
-    }
     .onerow {
       //width: 100%;
       display: flex;
@@ -3255,7 +3285,7 @@ export default {
     }
     .taskSyllabus {
       // flex: 1;
-      overflow-x: scroll;
+      overflow-x: auto;
 
       .ant-collapse {
         border: 0px;
@@ -3658,32 +3688,125 @@ export default {
         justify-content: right;
         // position: absolute;
         // bottom: 20px;
-        
       }
       .operation {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      color: #4ea6ff;
-      .nselect {
+        display: flex;
         justify-content: center;
         align-items: center;
-        display: flex;
-        .jc {
-          margin-left: 20px;
-          cursor: pointer;
+        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;
         }
       }
-      .tableSelect {
-        margin-right: 10px;
-        margin-left: -5px;
+      .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;
-        justify-content: right;
-        white-space: nowrap; 
+        .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;
@@ -3818,54 +3941,53 @@ 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;
-                    }
-                }
+    .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%;
             }
-            .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;
+          }
+        }
+      }
     }
   }
   .content6 {