diff --git a/src/components/project/ProjectLevel.vue b/src/components/project/ProjectLevel.vue
index c8eeee67..539865a9 100644
--- a/src/components/project/ProjectLevel.vue
+++ b/src/components/project/ProjectLevel.vue
@@ -1,17 +1,22 @@
 <template>
-  <a-select
-      :getPopupContainer="
+  <template v-if="tag">
+    <div>{{ options?.find(e => e.value == id)?.label || '' }}</div>
+  </template>
+  <template v-else>
+    <a-select
+        :getPopupContainer="
                           (triggerNode) => {
                             return triggerNode.parentNode || document.body;
                           }
                         "
-      v-model:value="id"
-      :options="options"
-      style="width: 100%"
-      placeholder="请选择项目级别"
-      @change="change"
-      :disabled="disabled"
-  />
+        v-model:value="id"
+        :options="options"
+        style="width: 100%"
+        placeholder="请选择项目级别"
+        @change="change"
+        :disabled="disabled"
+    />
+  </template>
 </template>
 <script setup>
 import {computed, defineEmits, defineProps, onMounted, ref} from "vue";
@@ -21,7 +26,11 @@ import {useStore} from "vuex";
 const store = useStore();
 const props = defineProps({
   value: String,
-  disabled: String
+  disabled: String,
+  tag: {
+    type: Boolean,
+    default: false
+  }
 })
 
 const id = computed(() => {
diff --git a/src/components/project/TrainClass.vue b/src/components/project/TrainClass.vue
index 3d837b53..9ddbebd5 100644
--- a/src/components/project/TrainClass.vue
+++ b/src/components/project/TrainClass.vue
@@ -1,17 +1,23 @@
 <template>
-  <a-select
-      :getPopupContainer="
+  <template v-if="tag">
+    <div>{{ options.find(e => e.value == id)?.label || '' }}</div>
+  </template>
+  <template v-else>
+    <a-select
+        :getPopupContainer="
                           (triggerNode) => {
                             return triggerNode.parentNode || document.body;
                           }
                         "
-      v-model:value="id"
-      :options="options"
-      style="width: 100%"
-      placeholder="请选择分类"
-      @change="change"
-      :disabled="disabled"
-  />
+        v-model:value="id"
+        :options="options"
+        style="width: 100%"
+        placeholder="请选择分类"
+        @change="change"
+        :disabled="disabled"
+    />
+  </template>
+
 </template>
 <script setup>
 import {computed, defineEmits, defineProps, onMounted, ref} from "vue";
@@ -21,7 +27,11 @@ const store = useStore();
 
 const props = defineProps({
   value: String,
-  disabled: String
+  disabled: String,
+  tag: {
+    type: Boolean,
+    default: false
+  }
 })
 
 const id = computed(() => {
diff --git a/src/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index 652a32ee..fedee83f 100644
--- a/src/views/projectcenter/LibraryAdd.vue
+++ b/src/views/projectcenter/LibraryAdd.vue
@@ -2,7 +2,7 @@
   <div class="addwrapper">
     <div class="addhead">
       <div class="leftimg">
-        <img class="img" :src="projectInfo.picUrl" />
+        <img class="img" :src="projectInfo.picUrl"/>
       </div>
       <div class="imgfor">
         <div class="forz">{{ projectInfo.name || "-" }}</div>
@@ -35,20 +35,22 @@
         </div>
         <div class="line"></div> -->
         <router-link to="/templatelibrary"
-          ><div style="display: flex">
-            <img class="img2" src="../../assets/images/leveladd/back.png" />
+        >
+          <div style="display: flex">
+            <img class="img2" src="../../assets/images/leveladd/back.png"/>
             <div class="return">返回</div>
-          </div></router-link
+          </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' }"
+          class="tab"
+          v-model:activeKey="activeKey"
+          size="large"
+          :tabBarStyle="{ marginLeft: '10px' }"
       >
         <a-tab-pane key="1" tab="任务">
           <div class="taskBox" style="flex: 1">
@@ -58,8 +60,8 @@
               <!-- <button class="btn" @click="showFaceIn">批量面授报名</button> -->
               <router-link to="/temTask" class="edit">
                 <img
-                  class="editimg"
-                  src="../../assets/images/projectadd/edit.png"
+                    class="editimg"
+                    src="../../assets/images/projectadd/edit.png"
                 />
                 <span class="editext">编辑</span>
               </router-link>
@@ -78,12 +80,12 @@
               <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
                 <template #expandIcon="{ isActive }">
                   <img
-                    :style="{
+                      :style="{
                       width: isActive ? 9.1 : 8.1,
                       height: isActive ? 8.1 : 9.1,
                       'margin-right': isActive ? '12px' : '13px',
                     }"
-                    :src="
+                      :src="
                       isActive
                         ? require('../../assets/images/projectadd/open.png')
                         : require('../../assets/images/projectadd/close.png')
@@ -92,21 +94,21 @@
                   <div></div>
                 </template>
                 <a-collapse-panel
-                  v-for="(value, index) in taskSyllabus"
-                  :key="index"
-                  :header="value.text"
+                    v-for="(value, index) in taskSyllabus"
+                    :key="index"
+                    :header="value.text"
                 >
                   <div
-                    class="course"
-                    v-for="(item, key) in value.children"
-                    :key="key"
+                      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="
+                            style="
                             width: 31px;
                             height: 28px;
                             display: flex;
@@ -115,7 +117,7 @@
                           "
                         >
                           <img
-                            :src="
+                              :src="
                               item.course === '在线'
                                 ? require('../../assets/images/leveladd/zai.png')
                                 : item.course === '面授'
@@ -168,32 +170,32 @@
                       </div>
                       <div style="display: flex">
                         <a-progress
-                          :showInfo="false"
-                          :percent="item.percent"
-                          strokeColor="#FFC067"
-                          trailColor="rgba(253, 209, 98, 0.2)"
+                            :showInfo="false"
+                            :percent="item.percent"
+                            strokeColor="#FFC067"
+                            trailColor="rgba(253, 209, 98, 0.2)"
                         />
                         <span class="progresstext" style="margin-left: 10px"
-                          >{{ item.percent }}%</span
+                        >{{ item.percent }}%</span
                         >
                       </div>
                     </div>
                     <div class="operations">
                       <div
-                        class="operation"
-                        style="cursor: pointer"
-                        :style="{
+                          class="operation"
+                          style="cursor: pointer"
+                          :style="{
                           display: item.course === '面授' ? 'flex' : 'none',
                         }"
-                        @click="showFS"
+                          @click="showFS"
                       >
                         <!-- 学员 -->
                       </div>
                       <div
-                        class="operation"
-                        style="cursor: pointer"
-                        @click="showAA"
-                        :style="{
+                          class="operation"
+                          style="cursor: pointer"
+                          @click="showAA"
+                          :style="{
                           display:
                             item.course === '直播' || item.course === '活动'
                               ? 'flex'
@@ -203,9 +205,9 @@
                         <!-- 考勤 -->
                       </div>
                       <div
-                        class="operation"
-                        style="cursor: pointer"
-                        :style="{
+                          class="operation"
+                          style="cursor: pointer"
+                          :style="{
                           display:
                             item.course === '直播' ||
                             item.course === '活动' ||
@@ -217,9 +219,9 @@
                         <!-- 二维码 -->
                       </div>
                       <div
-                        class="operation"
-                        style="cursor: pointer; margin-right: 35px"
-                        @click="
+                          class="operation"
+                          style="cursor: pointer; margin-right: 35px"
+                          @click="
                           item.course === '在线' ||
                           item.course === '案例' ||
                           item.course === '外链' ||
@@ -246,20 +248,20 @@
               </a-collapse>
               <!-- 无数据创建任务 -->
               <div
-                class="taskbox"
-                style="
+                  class="taskbox"
+                  style="
                   background: linear-gradient(180deg, #ddeaff, #f0f8fe);
                   display: none;
                 "
               >
                 <div class="leftt">
-                  <img src="../../assets/images/taskpage/left2.png" />
+                  <img src="../../assets/images/taskpage/left2.png"/>
                 </div>
                 <div class="photo">
-                  <img src="../../assets/images/taskpage/picture8.png" />
+                  <img src="../../assets/images/taskpage/picture8.png"/>
                 </div>
                 <div class="rightt">
-                  <img src="../../assets/images/taskpage/right2.png" />
+                  <img src="../../assets/images/taskpage/right2.png"/>
                 </div>
                 <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
                   创建任务
@@ -279,34 +281,34 @@
                 <div class="ntc_body">
                   <div class="ntc_switch">
                     <a-switch
-                      size="small"
-                      v-model:checked="checked"
-                      @click="changeopclo"
+                        size="small"
+                        v-model:checked="checked"
+                        @click="changeopclo"
                     />
                     <div
-                      class="opclo"
-                      :style="{ display: hideshow ? 'block' : 'none' }"
+                        class="opclo"
+                        :style="{ display: hideshow ? 'block' : 'none' }"
                     >
                       <span>关闭</span>
                     </div>
                     <div
-                      class="opclo"
-                      :style="{ display: hideshow ? 'none' : 'block' }"
+                        class="opclo"
+                        :style="{ display: hideshow ? 'none' : 'block' }"
                     >
                       <span>开启</span>
                     </div>
                   </div>
                   <div
-                    class="ntc_content"
-                    :style="{ display: hideshow ? 'block' : 'none' }"
+                      class="ntc_content"
+                      :style="{ display: hideshow ? 'block' : 'none' }"
                   >
                     <div class="ntcc_tit">公告内容</div>
                     <div class="textarea">
                       <a-textarea
-                        v-model:value="projectInfo.notice"
-                        placeholder="公告信息最多输入150个字。"
-                        :maxlength="textnum"
-                        allow-clear
+                          v-model:value="projectInfo.notice"
+                          placeholder="公告信息最多输入150个字。"
+                          :maxlength="textnum"
+                          allow-clear
                       />
                       <div class="btnarea">
                         <div>&nbsp;</div>
@@ -328,13 +330,13 @@
             <div class="pjc_tit">
               <span>获取规则</span>
             </div>
-            <hr color="#E8E8E8" />
+            <hr color="#E8E8E8"/>
             <div class="pjc_body">
               <div class="groupright">
                 <div class="spandiv"><span class="spantext">规则</span></div>
                 <div v-if="edit" class="btns" style="display: none">
                   <div class="btn1" @click="edit = !edit">
-                    <img src="../../assets/images/projectadd/edit1.png" />
+                    <img src="../../assets/images/projectadd/edit1.png"/>
                     <span class="btn1text">编辑</span>
                   </div>
                 </div>
@@ -349,7 +351,7 @@
                 <div class="content content1">
                   <span>当前设计下，学员可以获得 </span
                   ><span class="scoretext">{{ scoresum }}</span
-                  ><span>积分</span>
+                ><span>积分</span>
                 </div>
                 <div class="content content2">
                   <span>完成【必修/选修】获得 </span
@@ -358,35 +360,35 @@
                 <div class="content">
                   <span>完成作业成绩不低于 </span
                   ><span class="scoretext">{{ done2 }}</span
-                  ><span>分获得</span> <span class="scoretext">{{ done3 }}</span
-                  ><span>积分</span>
+                ><span>分获得</span> <span class="scoretext">{{ done3 }}</span
+                ><span>积分</span>
                 </div>
                 <div class="content">
                   <span>前</span><span class="scoretext">{{ four1 }}</span
-                  ><span>名学完在线课程获得</span>
+                ><span>名学完在线课程获得</span>
                   <span class="scoretext">{{ four2 }}</span
                   ><span style="margin-right: 50px">积分</span> <span>前</span
-                  ><span class="scoretext">{{ four3 }}</span
-                  ><span>名提交作业且成绩不低于</span>
+                ><span class="scoretext">{{ four3 }}</span
+                ><span>名提交作业且成绩不低于</span>
                   <span class="scoretext">{{ four4 }}</span
                   ><span>分获得</span> <span class="scoretext">{{ four5 }}</span
-                  ><span>积分</span>
+                ><span>积分</span>
                 </div>
                 <div class="content">
                   <span>考试成绩高于</span
                   ><span class="scoretext">{{ five1 }}</span
-                  ><span>分获得</span> <span class="scoretext">{{ five2 }}</span
-                  ><span>积分</span>
+                ><span>分获得</span> <span class="scoretext">{{ five2 }}</span
+                ><span>积分</span>
                 </div>
                 <div class="content">
                   <span>考勤正常学员获得 </span
                   ><span class="scoretext">{{ six1 }}</span
-                  ><span>积分</span>
+                ><span>积分</span>
                 </div>
                 <div class="content">
                   <span>成为小组长获得</span
                   ><span class="scoretext">{{ seven1 }}</span
-                  ><span style="margin-right: 50px">积分</span>
+                ><span style="margin-right: 50px">积分</span>
                   <span>优秀学员可获得</span>
                   <span class="scoretext">{{ seven2 }}</span
                   ><span>积分</span>
@@ -396,71 +398,89 @@
                 <div class="content content1">
                   <span>当前设计下，学员可以获得 </span
                   ><span class="scoretext">{{ scoresum }}</span
-                  ><span>积分</span>
+                ><span>积分</span>
                 </div>
                 <div class="content content2">
                   <span>完成【必修/选修】获得 </span
                   ><span
-                    ><a-input
-                      v-model:value="score1"
-                      :bordered="false"
-                      @change="getScore"
-                    /> </span
-                  ><span>积分</span>
+                ><a-input
+                    v-model:value="score1"
+                    :bordered="false"
+                    @change="getScore"
+                /> </span
+                ><span>积分</span>
                 </div>
                 <div class="content">
                   <span>完成作业成绩不低于 </span
-                  ><a-input v-model:value="done2" :bordered="false" /><span
-                    >分获得</span
                   >
-                  <a-input v-model:value="done3" :bordered="false" /><span
-                    >积分</span
+                  <a-input v-model:value="done2" :bordered="false"/>
+                  <span
+                  >分获得</span
+                  >
+                  <a-input v-model:value="done3" :bordered="false"/>
+                  <span
+                  >积分</span
                   >
                 </div>
                 <div class="content">
                   <span>前</span
-                  ><a-input v-model:value="four1" :bordered="false" /><span
-                    >名学完在线课程获得</span
                   >
-                  <a-input v-model:value="four2" :bordered="false" /><span
-                    style="margin-right: 50px"
-                    >积分</span
+                  <a-input v-model:value="four1" :bordered="false"/>
+                  <span
+                  >名学完在线课程获得</span
+                  >
+                  <a-input v-model:value="four2" :bordered="false"/>
+                  <span
+                      style="margin-right: 50px"
+                  >积分</span
                   >
                   <span>前</span
-                  ><a-input v-model:value="four3" :bordered="false" /><span
-                    >名提交作业且成绩不低于</span
                   >
-                  <a-input v-model:value="four4" :bordered="false" /><span
-                    >分获得</span
+                  <a-input v-model:value="four3" :bordered="false"/>
+                  <span
+                  >名提交作业且成绩不低于</span
                   >
-                  <a-input v-model:value="four5" :bordered="false" /><span
-                    >积分</span
+                  <a-input v-model:value="four4" :bordered="false"/>
+                  <span
+                  >分获得</span
+                  >
+                  <a-input v-model:value="four5" :bordered="false"/>
+                  <span
+                  >积分</span
                   >
                 </div>
                 <div class="content">
                   <span>考试成绩高于</span
-                  ><a-input v-model:value="five1" :bordered="false" /><span
-                    >分获得</span
                   >
-                  <a-input v-model:value="five2" :bordered="false" /><span
-                    >积分</span
+                  <a-input v-model:value="five1" :bordered="false"/>
+                  <span
+                  >分获得</span
+                  >
+                  <a-input v-model:value="five2" :bordered="false"/>
+                  <span
+                  >积分</span
                   >
                 </div>
                 <div class="content">
                   <span>考勤正常学员获得 </span
-                  ><a-input v-model:value="six1" :bordered="false" /><span
-                    >积分</span
+                  >
+                  <a-input v-model:value="six1" :bordered="false"/>
+                  <span
+                  >积分</span
                   >
                 </div>
                 <div class="content">
                   <span>成为小组长获得</span
-                  ><a-input v-model:value="seven1" :bordered="false" /><span
-                    style="margin-right: 50px"
-                    >积分</span
+                  >
+                  <a-input v-model:value="seven1" :bordered="false"/>
+                  <span
+                      style="margin-right: 50px"
+                  >积分</span
                   >
                   <span>优秀学员可获得</span>
-                  <a-input v-model:value="seven2" :bordered="false" /><span
-                    >积分</span
+                  <a-input v-model:value="seven2" :bordered="false"/>
+                  <span
+                  >积分</span
                   >
                 </div>
               </div>
@@ -496,9 +516,9 @@
                     <div class="setc_name"><span>封面图：</span></div>
                     <div class="setc_main">
                       <img
-                        style="width: 151px; height: 84px"
-                        :src="projectInfo.picUrl"
-                        alt=""
+                          style="width: 151px; height: 84px"
+                          :src="projectInfo.picUrl"
+                          alt=""
                       />
                     </div>
                   </div>
@@ -506,7 +526,7 @@
                     <div class="setc_name"><span>项目时间：</span></div>
                     <div class="setc_main">
                       <span style="color: #999999"
-                        >{{ projectInfo.beginTime }} ～
+                      >{{ projectInfo.beginTime }} ～
                         {{ projectInfo.endTime }}</span
                       >
                     </div>
@@ -515,57 +535,53 @@
                     <div class="setc_name"><span>项目经理：</span></div>
                     <div class="setc_main">
                       <span style="color: #999999">{{
-                        projectInfo.manager
-                      }}</span>
+                          projectInfo.manager
+                        }}</span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>资源归属：</span></div>
                     <div class="setc_main">
                       <span style="color: #999999">{{
-                        projectInfo.sourceBelong
-                      }}</span>
+                          projectInfo.sourceBelongName
+                        }}</span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>项目说明：</span></div>
                     <div class="setc_main">
                       <span style="color: #999999">{{
-                        projectInfo.remark
-                      }}</span>
+                          projectInfo.remark
+                        }}</span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>同步学习记录：</span></div>
                     <div class="setc_main">
                       <a-radio v-model:checked="projectInfo.courseSyncFlag"
-                        ><span style="color: #333333"
-                          >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
-                        ></a-radio
+                      ><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">{{
-                        projectInfo.level
-                      }}</span>
+                      <ProjectLevel :value="projectInfo.level" :tag="true"></ProjectLevel>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>培训体系：</span></div>
                     <div class="setc_main">
-                      <span style="color: #999999">{{
-                        projectInfo.systemId
-                      }}</span>
+                      <TrainClass :value="projectInfo.systemId" :tag="true"></TrainClass>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>是否BOEU实施：</span></div>
                     <div class="setc_main">
                       <a-radio v-model:checked="projectInfo.boeFlag"
-                        ><span style="color: #333333">BOEU实施</span></a-radio
+                      ><span style="color: #333333">BOEU实施</span></a-radio
                       >
                     </div>
                   </div>
@@ -586,54 +602,54 @@
                     </div>
                     <div class="btnbox" style="margin: 20px">
                       <a-upload
-                        v-if="attachSwitch == true"
-                        v-model:file-list="fileList"
-                        name="file"
-                        action="/manageApi/file/upload"
-                        @change="handleChange2"
+                          v-if="attachSwitch == true"
+                          v-model:file-list="fileList"
+                          name="file"
+                          action="/manageApi/file/upload"
+                          @change="handleChange2"
                       >
                         <span
-                          class="xkbtn"
-                          style="cursor: pointer; font-size: 17px"
-                          >上传</span
+                            class="xkbtn"
+                            style="cursor: pointer; font-size: 17px"
+                        >上传</span
                         >
                         <img
-                          src="@/assets/images/basicinfo/cloud.png"
-                          style="cursor: pointer; width: 34px; height: 34px"
-                          alt=""
+                            src="@/assets/images/basicinfo/cloud.png"
+                            style="cursor: pointer; width: 34px; height: 34px"
+                            alt=""
                         />
                       </a-upload>
                       <div
-                        v-if="attachSwitch == true"
-                        class="btnbox"
-                        style="margin: 20px"
+                          v-if="attachSwitch == true"
+                          class="btnbox"
+                          style="margin: 20px"
                       >
                         <span style="color: #999999">
                           支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
                         </span>
                       </div>
                       <div
-                        v-for="item in fileList"
-                        :key="item.uid"
-                        class="docListStyle"
+                          v-for="item in fileList"
+                          :key="item.uid"
+                          class="docListStyle"
                       >
                         <img
-                          src="@/assets/images/basicinfo/download.png"
-                          style="
+                            src="@/assets/images/basicinfo/download.png"
+                            style="
                             cursor: pointer;
                             width: 40px;
                             height: 40px;
                             margin-right: 40px;
                           "
-                          alt=""
+                            alt=""
                         />
                         <span style="font: oblique bold 16px Sans-serif">{{
-                          item.name
-                        }}</span>
+                            item.name
+                          }}</span>
                         <span
-                          style="color: #4ea6ff; float: right; cursor: pointer"
-                          @click="deFile(item.uid)"
-                          >删除</span
+                            style="color: #4ea6ff; float: right; cursor: pointer"
+                            @click="deFile(item.uid)"
+                        >删除</span
                         >
                       </div>
                     </div>
@@ -645,11 +661,11 @@
         </a-tab-pane>
       </a-tabs>
       <a-modal
-        style="padding: 0"
-        :closable="sh"
-        v-model:visible="visible"
-        :footer="null"
-        centered="true"
+          style="padding: 0"
+          :closable="sh"
+          v-model:visible="visible"
+          :footer="null"
+          centered="true"
       >
         <div class="con">
           <div class="header">
@@ -664,13 +680,13 @@
               <div class="cur">当前关卡：</div>
               <div class="select">
                 <a-select
-                  v-model:value="projectName"
-                  style="width: 100%"
-                  placeholder="请选择关卡"
-                  :options="projectNameList4"
-                  @change="selectProjectName4"
-                  allowClear
-                  showSearch
+                    v-model:value="projectName"
+                    style="width: 100%"
+                    placeholder="请选择关卡"
+                    :options="projectNameList4"
+                    @change="selectProjectName4"
+                    allowClear
+                    showSearch
                 ></a-select>
               </div>
               <div class="btn">
@@ -679,7 +695,8 @@
               </div>
             </div>
           </div>
-        </div></a-modal
+        </div>
+      </a-modal
       >
     </div>
   </div>
@@ -694,12 +711,23 @@ import {
   onMounted,
   computed,
 } from "vue";
-import { message } from "ant-design-vue";
+import {message} from "ant-design-vue";
 import * as api from "@/api/indexTemplate";
-import { useRouter } from "vue-router";
-import { scoreRule, setScoreRule } from "@/api/indexTaskadd";
+import {useRouter} from "vue-router";
+import {scoreRule, setScoreRule} from "@/api/indexTaskadd";
+import ProjectLevel from "@/components/project/ProjectLevel";
+import TrainClass from "@/components/project/TrainClass";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import ProjectClass from "@/components/project/ProjectClass";
+import OrgClass from "@/components/project/OrgClass";
+
 export default defineComponent({
   name: "LibraryAdd",
+  components: {
+    ProjectLevel,
+    TrainClass,
+    OrgClass,
+  },
   setup() {
     const state = reactive({
       //任务大纲列表
@@ -784,26 +812,26 @@ export default defineComponent({
       ],
       // 模板编辑列表
       managerOptions: [
-        { value: "李俊国" },
-        { value: "将小米" },
-        { value: "刘孟君" },
+        {value: "李俊国"},
+        {value: "将小米"},
+        {value: "刘孟君"},
       ],
       sourceBelongOptions: [
-        { value: "项目一" },
-        { value: "项目二" },
-        { value: "项目三" },
+        {value: "项目一"},
+        {value: "项目二"},
+        {value: "项目三"},
       ],
       levelOptions: [
-        { value: "集团级" },
-        { value: "组织级" },
-        { value: "现地级" },
-        { value: "部门级" },
+        {value: "集团级"},
+        {value: "组织级"},
+        {value: "现地级"},
+        {value: "部门级"},
       ],
       systemOptions: [
-        { value: "集团级" },
-        { value: "组织级" },
-        { value: "现地级" },
-        { value: "部门级" },
+        {value: "集团级"},
+        {value: "组织级"},
+        {value: "现地级"},
+        {value: "部门级"},
       ],
       taskSyllabusActive: 0,
       //在线管理等页面传递参数
@@ -833,8 +861,8 @@ export default defineComponent({
       seven1: null,
       seven2: null,
       edit: true,
-      fileList:[],
-      attachSwitch:true,
+      fileList: [],
+      attachSwitch: true,
       // 共享文档列表
       docList: [
         {
@@ -859,6 +887,7 @@ export default defineComponent({
         manager: null,
         notice: null,
         sourceBelongId: null,
+        sourceBelongName: null,
         remark: "",
         courseSyncFlag: false,
         level: null,
@@ -885,14 +914,14 @@ export default defineComponent({
       //   return message.warning("请输入合法数字");
       // }
       return (
-        Number(state.score1) +
-        Number(state.done3) +
-        Number(state.four2) +
-        Number(state.four5) +
-        Number(state.five2) +
-        Number(state.six1) +
-        Number(state.seven1) +
-        Number(state.seven2)
+          Number(state.score1) +
+          Number(state.done3) +
+          Number(state.four2) +
+          Number(state.four5) +
+          Number(state.five2) +
+          Number(state.six1) +
+          Number(state.seven1) +
+          Number(state.seven2)
       );
     });
     const changecheck3 = () => {
@@ -931,59 +960,60 @@ export default defineComponent({
     // 获取详情
     const getDetail = () => {
       api
-        .templateDetail(localStorage.getItem("projectTemplateId"))
-        .then((res) => {
-          console.log("get model list ----->", res, res.data.data.stageList);
+          .templateDetail(localStorage.getItem("projectTemplateId"))
+          .then((res) => {
+            console.log("get model list ----->", res, res.data.data.stageList);
 
-          state.taskSyllabus = [];
-          console.log(res);
-          state.projectInfo.name = res.data.data.projectTemplateInfo.name;
-          state.projectInfo.beginTime = res.data.data.projectTemplateInfo.beginTime;
-          state.projectInfo.endTime = res.data.data.projectTemplateInfo.endTime;
-          state.projectInfo.manager = res.data.data.projectTemplateInfo.manager;
-          state.projectInfo.notice = res.data.data.projectTemplateInfo.notice;
-          state.projectInfo.sourceBelongId = res.data.data.projectTemplateInfo.sourceBelongId;
-          state.projectInfo.managerId = res.data.data.projectTemplateInfo.managerId;
-          state.projectInfo.remark = res.data.data.projectTemplateInfo.remark;
-          state.projectInfo.courseSyncFlag = res.data.data.projectTemplateInfo.courseSyncFlag;
-          state.projectInfo.level = res.data.data.projectTemplateInfo.level;
-          state.projectInfo.systemId = res.data.data.projectTemplateInfo.systemId;
-          state.projectInfo.boeFlag = res.data.data.projectTemplateInfo.boeFlag;
-          state.projectInfo.noticeFlag = res.data.data.projectTemplateInfo.noticeFlag;
-          state.projectInfo.remark = res.data.data.projectTemplateInfo.remark;
-          state.projectInfo.status = res.data.data.projectTemplateInfo.status;
-          state.projectInfo.picUrl = res.data.data.projectTemplateInfo.picUrl;
-          state.picUrl = res.data.data.projectTemplateInfo.picUrl;
-          state.projectInfo.attach = res.data.data.projectTemplateInfo.attach;
-          state.projectInfo.category = res.data.data.projectTemplateInfo.category;
-          try{
-            state.fileList = JSON.parse(res.data.data.projectTemplateInfo.attach);
-          }catch{
-            state.fileList = [];
-          }
-          state.attachSwitch = res.data.data.projectTemplateInfo.attachSwitch == 1 ? true : false
-          let data = res.data.data.stageList;
-          console.log("data=====", data);
-          for (let i in data) {
-            console.log("what ------ > ", i, data);
-            state.taskSyllabus.push({ text: data[i].name?data[i].name:'无阶段任务', children: [] });
-            for (let j in data[i].taskList) {
-              state.taskSyllabus[i].children.push({
-                course: checkType(data[i].taskList[j].type),
-                name: data[i].taskList[j].name,
-                classify: data[i].taskList[j].flag,
-                beginTime: "",
-                total: 0, //总人数
-                complete: 0, //完成人数
-                percent: 0,
-              });
+            state.taskSyllabus = [];
+            console.log(res);
+            state.projectInfo.name = res.data.data.projectTemplateInfo.name;
+            state.projectInfo.beginTime = res.data.data.projectTemplateInfo.beginTime;
+            state.projectInfo.endTime = res.data.data.projectTemplateInfo.endTime;
+            state.projectInfo.manager = res.data.data.projectTemplateInfo.manager;
+            state.projectInfo.notice = res.data.data.projectTemplateInfo.notice;
+            state.projectInfo.sourceBelongId = res.data.data.projectTemplateInfo.sourceBelongId;
+            state.projectInfo.sourceBelongName = res.data.data.projectTemplateInfo.sourceBelongName;
+            state.projectInfo.managerId = res.data.data.projectTemplateInfo.managerId;
+            state.projectInfo.remark = res.data.data.projectTemplateInfo.remark;
+            state.projectInfo.courseSyncFlag = res.data.data.projectTemplateInfo.courseSyncFlag;
+            state.projectInfo.level = res.data.data.projectTemplateInfo.level;
+            state.projectInfo.systemId = res.data.data.projectTemplateInfo.systemId;
+            state.projectInfo.boeFlag = res.data.data.projectTemplateInfo.boeFlag;
+            state.projectInfo.noticeFlag = res.data.data.projectTemplateInfo.noticeFlag;
+            state.projectInfo.remark = res.data.data.projectTemplateInfo.remark;
+            state.projectInfo.status = res.data.data.projectTemplateInfo.status;
+            state.projectInfo.picUrl = res.data.data.projectTemplateInfo.picUrl;
+            state.picUrl = res.data.data.projectTemplateInfo.picUrl;
+            state.projectInfo.attach = res.data.data.projectTemplateInfo.attach;
+            state.projectInfo.category = res.data.data.projectTemplateInfo.category;
+            try {
+              state.fileList = JSON.parse(res.data.data.projectTemplateInfo.attach);
+            } catch {
+              state.fileList = [];
             }
-          }
-        })
-        .catch((err) => {
-          message.error("操作失败" + err);
-          console.log(err);
-        });
+            state.attachSwitch = res.data.data.projectTemplateInfo.attachSwitch == 1 ? true : false
+            let data = res.data.data.stageList;
+            console.log("data=====", data);
+            for (let i in data) {
+              console.log("what ------ > ", i, data);
+              state.taskSyllabus.push({text: data[i].name ? data[i].name : '无阶段任务', children: []});
+              for (let j in data[i].taskList) {
+                state.taskSyllabus[i].children.push({
+                  course: checkType(data[i].taskList[j].type),
+                  name: data[i].taskList[j].name,
+                  classify: data[i].taskList[j].flag,
+                  beginTime: "",
+                  total: 0, //总人数
+                  complete: 0, //完成人数
+                  percent: 0,
+                });
+              }
+            }
+          })
+          .catch((err) => {
+            message.error("操作失败" + err);
+            console.log(err);
+          });
     };
 
     // 发布公告
@@ -1009,42 +1039,42 @@ export default defineComponent({
       };
       console.log("obj======", obj);
       api
-        .templateEdit(obj)
-        .then((res) => {
-          message.success("公告发布成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          message.error("公告发布失败" + err);
-          console.log(err);
-        });
+          .templateEdit(obj)
+          .then((res) => {
+            message.success("公告发布成功");
+            console.log(res);
+          })
+          .catch((err) => {
+            message.error("公告发布失败" + err);
+            console.log(err);
+          });
     };
     // 删除阶段
     const stateDel = (id) => {
       api
-        .deleteStage(id)
-        .then((res) => {
-          message.success("删除阶段成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          message.error("删除阶段失败" + err);
-          console.log(err);
-        });
+          .deleteStage(id)
+          .then((res) => {
+            message.success("删除阶段成功");
+            console.log(res);
+          })
+          .catch((err) => {
+            message.error("删除阶段失败" + err);
+            console.log(err);
+          });
     };
 
     // 删除任务
     const taskDel = (id) => {
       api
-        .deleteTask(id)
-        .then((res) => {
-          message.success("删除任务成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          message.error("删除任务失败" + err);
-          console.log(err);
-        });
+          .deleteTask(id)
+          .then((res) => {
+            message.success("删除任务成功");
+            console.log(res);
+          })
+          .catch((err) => {
+            message.error("删除任务失败" + err);
+            console.log(err);
+          });
     };
     const toEdit = () => {
       routered.push({
@@ -1065,15 +1095,15 @@ export default defineComponent({
         stageId: 0,
       };
       api
-        .editStagek(obj)
-        .then((res) => {
-          message.success("编辑阶段成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          message.error("编辑阶段失败" + err);
-          console.log(err);
-        });
+          .editStagek(obj)
+          .then((res) => {
+            message.success("编辑阶段成功");
+            console.log(res);
+          })
+          .catch((err) => {
+            message.error("编辑阶段失败" + err);
+            console.log(err);
+          });
     };
     //新建或编辑阶段任务
     const taskEdit = () => {
@@ -1088,44 +1118,44 @@ export default defineComponent({
         type: 0,
       };
       api
-        .editTask(obj)
-        .then((res) => {
-          message.success("编辑任务成功");
-          console.log(res);
-        })
-        .catch((err) => {
-          message.error("编辑任务失败" + err);
-          console.log(err);
-        });
+          .editTask(obj)
+          .then((res) => {
+            message.success("编辑任务成功");
+            console.log(res);
+          })
+          .catch((err) => {
+            message.error("编辑任务失败" + err);
+            console.log(err);
+          });
     };
     const getScoreRule = () => {
       scoreRule({
         projectId: localStorage.getItem("projectTemplateId"),
       })
-        .then((res) => {
-          console.log("获取了项目积分规则", res.data.data);
-          let result = res.data.data;
-          scoresum.value = result.totalScore; //Write operation failed: computed value is readonly
-          state.seven1 = result.leaderScore;
-          state.score1 = result.courseScore;
-          state.done2 = result.homeworkItem[1].scoreLimit;
-          state.done3 = result.homeworkItem[1].score;
-          state.four1 = result.topCompleteCourseItem[0].numLimit;
-          state.four2 = result.topCompleteCourseItem[0].score;
-          state.four3 = result.homeworkItem[0].numLimit;
-          state.four4 = result.homeworkItem[0].scoreLimit;
-          state.four5 = result.homeworkItem[0].score;
-          state.five1 = result.examItem[0].scoreLimit;
-          state.five2 = result.examItem[0].score;
-          state.six1 = result.signScore;
-          state.seven1 = result.leaderScore;
-          state.seven2 = result.topStudentScore;
-        })
-        .catch((err) => {
-          console.log("获取项目积分规则失败了", err);
-        });
+          .then((res) => {
+            console.log("获取了项目积分规则", res.data.data);
+            let result = res.data.data;
+            scoresum.value = result.totalScore; //Write operation failed: computed value is readonly
+            state.seven1 = result.leaderScore;
+            state.score1 = result.courseScore;
+            state.done2 = result.homeworkItem[1].scoreLimit;
+            state.done3 = result.homeworkItem[1].score;
+            state.four1 = result.topCompleteCourseItem[0].numLimit;
+            state.four2 = result.topCompleteCourseItem[0].score;
+            state.four3 = result.homeworkItem[0].numLimit;
+            state.four4 = result.homeworkItem[0].scoreLimit;
+            state.four5 = result.homeworkItem[0].score;
+            state.five1 = result.examItem[0].scoreLimit;
+            state.five2 = result.examItem[0].score;
+            state.six1 = result.signScore;
+            state.seven1 = result.leaderScore;
+            state.seven2 = result.topStudentScore;
+          })
+          .catch((err) => {
+            console.log("获取项目积分规则失败了", err);
+          });
     };
-    const handleChange2 = ({ file, fileList }) => {
+    const handleChange2 = ({file, fileList}) => {
       console.log(fileList);
       let list = [];
       if (file.status !== "uploading") {
@@ -1136,49 +1166,49 @@ export default defineComponent({
         let str = JSON.stringify(fileList);
         console.log("str", str);
         console.table({
-            name: state.projectInfo.name,
-            category: state.projectInfo.category,
-            picUrl: state.projectInfo.picUrl,
-            manager: state.projectInfo.manager,
-            managerId: state.projectInfo.managerId || 0,
-            sourceBelongId: state.projectInfo.sourceBelongId,
-            level: state.projectInfo.level,
-            systemId: state.projectInfo.systemId,
-            boeFlag: state.projectInfo.boeFlag ? 1 : 0,
-            courseSyncFlag: state.projectInfo.courseSyncFlag ? 1 : 0,
-            notice: state.projectInfo.notice,
-            noticeFlag: state.projectInfo.noticeFlag,
-            projectTemplateId: localStorage.getItem("projectTemplateId"),
-            remark: state.projectInfo.remark,
-            status: state.projectInfo.status,
-            attach: str,
-          });
+          name: state.projectInfo.name,
+          category: state.projectInfo.category,
+          picUrl: state.projectInfo.picUrl,
+          manager: state.projectInfo.manager,
+          managerId: state.projectInfo.managerId || 0,
+          sourceBelongId: state.projectInfo.sourceBelongId,
+          level: state.projectInfo.level,
+          systemId: state.projectInfo.systemId,
+          boeFlag: state.projectInfo.boeFlag ? 1 : 0,
+          courseSyncFlag: state.projectInfo.courseSyncFlag ? 1 : 0,
+          notice: state.projectInfo.notice,
+          noticeFlag: state.projectInfo.noticeFlag,
+          projectTemplateId: localStorage.getItem("projectTemplateId"),
+          remark: state.projectInfo.remark,
+          status: state.projectInfo.status,
+          attach: str,
+        });
         //要编辑项目
         api
-          .templateEdit({
-            name: state.projectInfo.name,
-            category: state.projectInfo.category,
-            picUrl: state.projectInfo.picUrl,
-            manager: state.projectInfo.manager,
-            managerId: state.projectInfo.managerId || 0,
-            sourceBelongId: state.projectInfo.sourceBelongId,
-            level: state.projectInfo.level,
-            systemId: state.projectInfo.systemId,
-            boeFlag: state.projectInfo.boeFlag ? 1 : 0,
-            courseSyncFlag: state.projectInfo.courseSyncFlag ? 1 : 0,
-            notice: state.projectInfo.notice,
-            noticeFlag: state.projectInfo.noticeFlag,
-            projectTemplateId: localStorage.getItem("projectTemplateId"),
-            remark: state.projectInfo.remark,
-            status: state.projectInfo.status,
-            attach: str,
-          })
-          .then((res) => {
-            console.log("上传成功", res);
-          })
-          .catch((err) => {
-            console.log("上传失败了", err);
-          });
+            .templateEdit({
+              name: state.projectInfo.name,
+              category: state.projectInfo.category,
+              picUrl: state.projectInfo.picUrl,
+              manager: state.projectInfo.manager,
+              managerId: state.projectInfo.managerId || 0,
+              sourceBelongId: state.projectInfo.sourceBelongId,
+              level: state.projectInfo.level,
+              systemId: state.projectInfo.systemId,
+              boeFlag: state.projectInfo.boeFlag ? 1 : 0,
+              courseSyncFlag: state.projectInfo.courseSyncFlag ? 1 : 0,
+              notice: state.projectInfo.notice,
+              noticeFlag: state.projectInfo.noticeFlag,
+              projectTemplateId: localStorage.getItem("projectTemplateId"),
+              remark: state.projectInfo.remark,
+              status: state.projectInfo.status,
+              attach: str,
+            })
+            .then((res) => {
+              console.log("上传成功", res);
+            })
+            .catch((err) => {
+              console.log("上传失败了", err);
+            });
       }
 
       if (file.status === "done") {
@@ -1198,7 +1228,7 @@ export default defineComponent({
           .templateEdit({
             sourceBelongId: state.projectInfo.sourceBelongId,
             projectTemplateId: localStorage.getItem("projectTemplateId"),
-            attachSwitch: state.attachSwitch?1:-1
+            attachSwitch: state.attachSwitch ? 1 : -1
           })
           .then((res) => {
             console.log("开关更新成功", res);
@@ -1253,16 +1283,16 @@ export default defineComponent({
       };
       console.log(obj);
       setScoreRule(obj)
-        .then((res) => {
-          console.log(res.data, "修改成功");
-          message.destroy();
-          return message.success("修改积分规则成功");
-        })
-        .catch((err) => {
-          console.log(err.data);
-          message.destroy();
-          return message.warning("修改积分规则失败");
-        });
+          .then((res) => {
+            console.log(res.data, "修改成功");
+            message.destroy();
+            return message.success("修改积分规则成功");
+          })
+          .catch((err) => {
+            console.log(err.data);
+            message.destroy();
+            return message.warning("修改积分规则失败");
+          });
       // scoreRule({
       //   projectId: props.projectId,
       // });
@@ -1296,6 +1326,7 @@ export default defineComponent({
 <style lang="scss">
 .content7 {
   margin-top: 20px;
+
   .set_tit {
     margin-left: 34px;
     font-size: 18px;
@@ -1360,6 +1391,7 @@ export default defineComponent({
     }
   }
 }
+
 .sametab {
   // margin-left: 30px;
   // margin-right: 30px;
@@ -1368,35 +1400,43 @@ export default defineComponent({
   // background-color: green;
   .Gcon {
     display: flex;
+
     .pad {
       height: 100%;
       width: 40px;
     }
+
     .Gin {
       // background-color: #bfa;
       margin-top: 30px;
+
       .headone {
         // background-color: red;
         display: flex;
         text-align: center;
+
         .box {
           width: 4px;
           height: 20px;
           background-color: #409eff;
           border-radius: 2px;
         }
+
         .onetitle {
           margin-left: 15px;
           color: #333333;
           font-size: 14px;
         }
+
         .oneedi {
           margin-left: 15px;
           color: #4ea6ff;
           cursor: pointer;
         }
+
         .twobtn {
           display: flex;
+
           .btnone {
             width: 42px;
             height: 24px;
@@ -1406,6 +1446,7 @@ export default defineComponent({
             margin-left: 20px;
             cursor: pointer;
           }
+
           .btntwo {
             width: 42px;
             height: 24px;
@@ -1418,38 +1459,46 @@ export default defineComponent({
           }
         }
       }
+
       .btnbox {
         .ant-upload-list {
           display: none !important;
         }
       }
+
       .onemain {
         margin-top: 20px;
         margin-left: 55px;
         color: #6f6f6f;
         font-size: 14px;
+
         .checkcon {
           position: relative;
+
           .in {
             position: absolute;
             // margin-top: 10px;
             left: 0;
             top: 3px;
           }
+
           .yulan {
             // color: yellow;
             margin-left: 22px;
             // display: inline-block;
           }
+
           .yulan2 {
             margin-left: 22px;
           }
+
           .ant-input-number {
             height: 24px;
             width: 24px;
             margin: 10px;
             border-radius: 4px;
             border: 1px solid #6d7584;
+
             .ant-input-number-input {
               width: 100%;
               height: 100%;
@@ -1461,58 +1510,72 @@ export default defineComponent({
           }
         }
       }
+
       .twomain {
         margin-left: 20px;
         margin-top: 20px;
+
         .ant-switch-checked {
           background-color: #5dc988;
         }
+
         .info {
           margin-left: 10px;
           color: #6f6f6f;
           font-size: 14px;
           // margin-top: 10px;
         }
+
         .infor {
           margin-left: 38px;
           margin-top: 10px;
           color: #c7cbd2;
           font-size: 14px;
         }
+
         .chooseshow {
           // background-color: red;
           margin-left: 38px;
           margin-top: 12px;
+
           .fane {
             color: #6f6f6f;
             font-size: 14px;
           }
         }
+
         .choo {
           display: none;
         }
+
         .btm {
           margin-left: 38px;
           margin-top: 20px;
+
           .bmo {
             color: #6f6f6f;
             font-size: 14px;
           }
+
           .bmt {
             color: #c7cbd2;
             font-size: 14px;
             margin-top: 3px;
           }
+
           .chosecon {
             display: flex;
             margin-top: 6px;
             margin-bottom: 20px;
+
             .chose {
               position: relative;
+
               .inl {
                 position: absolute;
                 top: 2px;
               }
+
               .sh {
                 margin-left: 23px;
                 color: #6f6f6f;
@@ -1523,8 +1586,10 @@ export default defineComponent({
       }
     }
   }
+
   .Lhead {
     display: flex;
+
     .btns {
       display: flex;
       margin-left: 20px;
@@ -1541,9 +1606,11 @@ export default defineComponent({
         margin-right: 14px;
         flex-shrink: 0;
         cursor: pointer;
+
         .search {
           background-size: 100%;
         }
+
         .btnText {
           font-size: 14px;
           font-weight: 400;
@@ -1552,6 +1619,7 @@ export default defineComponent({
           margin-left: 5px;
         }
       }
+
       .btn1 {
         .search {
           width: 15px;
@@ -1559,6 +1627,7 @@ export default defineComponent({
           background-image: url("../../assets/images/courseManage/search1.png");
         }
       }
+
       .btn2 {
         .search {
           width: 16px;
@@ -1566,46 +1635,59 @@ export default defineComponent({
           background-image: url("../../assets/images/courseManage/reset1.png");
         }
       }
+
       .btn3 {
         margin-right: 0px;
+
         .search {
           width: 17px;
           height: 18px;
           background-image: url("../../assets/images/courseManage/add1.png");
         }
       }
+
       .btn1:hover {
         background: rgba(64, 158, 255, 1);
+
         .search {
           background-image: url("../../assets/images/courseManage/search0.png");
         }
+
         .btnText {
           color: #ffffff;
         }
       }
+
       .btn2:hover {
         background: rgba(64, 158, 255, 1);
+
         .search {
           background-image: url("../../assets/images/courseManage/reset0.png");
         }
+
         .btnText {
           color: #ffffff;
         }
       }
+
       .btn3:hover {
         background: rgba(64, 158, 255, 1);
+
         .search {
           background-image: url("../../assets/images/courseManage/add0.png");
         }
+
         .btnText {
           color: #ffffff;
         }
       }
     }
   }
+
   .Lbom {
     position: relative;
     margin-bottom: 20px;
+
     .item {
       width: 100%;
       height: 200px;
@@ -1613,6 +1695,7 @@ export default defineComponent({
       margin-top: 40px;
       border-radius: 8px;
       border: 1px solid #f0f4fe;
+
       .itemhead {
         height: 50px;
         width: 100%;
@@ -1620,6 +1703,7 @@ export default defineComponent({
         display: flex;
         align-items: center;
         position: relative;
+
         .lev {
           margin-left: 27px;
           margin-right: 16px;
@@ -1627,64 +1711,77 @@ export default defineComponent({
           color: #409eff;
           font-size: 16px;
         }
+
         .lin {
           width: 1px;
           height: 35%;
           background-color: #c7cbd2;
         }
+
         .nam {
           margin-left: 16px;
           color: #4f5156;
           line-height: 100%;
           font-size: 16px;
         }
+
         .count {
           position: absolute;
           line-height: 100%;
           color: #4f5156;
           font-size: 14px;
           right: 40px;
+
           span:nth-child(2) {
             color: #63ca8c;
           }
         }
       }
+
       .itembomm {
         display: flex;
         align-items: center;
         height: 150px;
+
         .it {
           // margin-left: 110px;
           // margin-right: 110px;
           width: 13%;
           text-align: center;
+
           .on {
             font-size: 30px;
           }
+
           .ittext {
             color: #4f5156;
             margin-top: 16px;
             margin-left: -5px;
           }
         }
+
         .linee {
           background-color: #ecf2fb;
           width: 1px;
           height: 55%;
         }
+
         .itright {
           position: absolute;
           right: 45px;
           display: flex;
+
           .te {
             color: #4ea6ff;
             font-size: 14px;
             cursor: pointer;
           }
+
           .more {
             position: relative;
             height: 30px;
             display: flex;
+
             .moreArrow {
               width: 13px;
               height: 7px;
@@ -1695,6 +1792,7 @@ export default defineComponent({
               margin-left: 7px;
               margin-top: 6px;
             }
+
             .moreItems {
               width: 80px;
               height: 70px;
@@ -1707,6 +1805,7 @@ export default defineComponent({
               left: 0px;
               top: 20px;
               z-index: 100;
+
               .roleItem {
                 font-size: 14px;
                 font-weight: 400;
@@ -1716,14 +1815,17 @@ export default defineComponent({
                 justify-content: center;
                 cursor: pointer;
               }
+
               .roleItem:hover {
                 color: #4ea6ff;
               }
             }
           }
+
           .more:hover .moreArrow {
             background-image: url("../../assets/images/navtop/up.png");
           }
+
           .more:hover .moreItems {
             display: block;
           }
@@ -1733,12 +1835,15 @@ export default defineComponent({
       .show {
         color: blue;
       }
+
       .noshow {
         display: none;
       }
     }
+
     .create {
       margin-top: 40px;
+
       .taskbox {
         width: 412px;
         height: 160px;
@@ -1747,21 +1852,25 @@ export default defineComponent({
         // margin-left: 68px;
         margin-bottom: 40px;
         cursor: pointer;
+
         .leftt {
           position: absolute;
           top: 18px;
           left: 0;
         }
+
         .photo {
           position: absolute;
           top: 42px;
           left: 37px;
         }
+
         .rightt {
           position: absolute;
           top: 69px;
           right: 26px;
         }
+
         .centerbox {
           position: absolute;
           top: 52px;
@@ -1770,6 +1879,7 @@ export default defineComponent({
           font-weight: 700;
           //line-height: 36px;
         }
+
         .centermain {
           color: rgba(135, 139, 146, 1);
           font-size: 14px;
@@ -1781,12 +1891,14 @@ export default defineComponent({
     }
   }
 }
+
 .editBtn {
   float: right;
   margin-right: 150px;
   color: #4ea6ff;
   cursor: pointer;
 }
+
 .clearfix:before,
 .clearfix:after {
   content: " ";
@@ -1805,24 +1917,29 @@ export default defineComponent({
     display: flex;
     align-items: center;
     position: relative;
+
     .leftimg {
       width: 151px;
       height: 100px;
       border: 10px solid #e7f2ff;
       border-radius: 8px;
       margin-left: 20px;
+
       .img {
         width: 100%;
         height: 100%;
       }
     }
+
     .imgfor {
       margin-left: 32px;
       color: #333333;
+
       .forz {
         font-size: 16px;
         font-weight: 500;
       }
+
       .fort {
         font-weight: 400;
         font-size: 14px;
@@ -1835,6 +1952,7 @@ export default defineComponent({
         margin-left: 20px;
       }
     }
+
     .right {
       // width: 500px;
       height: 100%;
@@ -1843,22 +1961,26 @@ export default defineComponent({
       right: 0;
       display: flex;
       align-items: center;
+
       .img1 {
         width: 24px;
         height: 24px;
         margin-right: 50px;
       }
+
       .line {
         height: 65%;
         width: 1px;
         background-color: #e8effa;
         margin-right: 28px;
       }
+
       .img2 {
         width: 42px;
         height: 42px;
         margin-right: 22px;
       }
+
       .pub {
         // color: #ffb64e;
         color: #65a4f8;
@@ -1867,12 +1989,14 @@ export default defineComponent({
         margin-right: 30px;
         cursor: pointer;
       }
+
       .return {
         color: #4ea6ff;
         font-size: 14px;
         margin-top: 10px;
         margin-right: 60px;
       }
+
       .more {
         color: #7895dd;
         position: relative;
@@ -1880,6 +2004,7 @@ export default defineComponent({
         height: 30px;
         display: flex;
         align-items: center;
+
         .moreArrow {
           width: 13px;
           height: 7px;
@@ -1889,6 +2014,7 @@ export default defineComponent({
           margin: 2px;
           margin-left: 15px;
         }
+
         .moreItems {
           width: 110px;
           height: 80px;
@@ -1902,19 +2028,23 @@ export default defineComponent({
           top: 30px;
           z-index: 100;
           cursor: pointer;
+
           .sammo {
             text-align: center;
             margin-top: 12px;
             cursor: pointer;
           }
+
           .sammo:hover {
             color: #4ea6ff;
           }
         }
+
         .moreItems:hover {
           display: block;
         }
       }
+
       @media screen and (max-width: 1240px) {
         .line {
           margin-right: 10px;
@@ -1935,14 +2065,17 @@ export default defineComponent({
           margin-right: 10px;
         }
       }
+
       .more:hover .moreArrow {
         background-image: url("../../assets/images/navtop/up.png");
       }
+
       .more:hover .moreItems {
         display: block;
       }
     }
   }
+
   .bom {
     .ant-tabs-top > .ant-tabs-nav::before,
     .ant-tabs-bottom > .ant-tabs-nav::before,
@@ -1950,6 +2083,7 @@ export default defineComponent({
     .ant-tabs-bottom > div > .ant-tabs-nav::before {
       border-bottom: 0px;
     }
+
     .ant-tabs-nav-wrap {
       margin-left: 30px;
       margin-top: 10px;
@@ -1960,11 +2094,13 @@ export default defineComponent({
       height: 20px;
       background-color: #edf0f5;
     }
+
     .docListStyle {
       display: flex;
       width: 300px !important;
       justify-content: space-around;
     }
+
     .taskBox {
       .onerow {
         //width: 100%;
@@ -1979,6 +2115,7 @@ export default defineComponent({
           padding-top: 7px;
           color: #000000;
         }
+
         .btn {
           position: absolute;
           top: 0;
@@ -1991,6 +2128,7 @@ export default defineComponent({
           color: #ffffff;
           cursor: pointer;
         }
+
         .edit {
           position: absolute;
           right: 38px;
@@ -2000,6 +2138,7 @@ export default defineComponent({
           height: 40px;
           border: 1px solid #409eff;
           border-radius: 8px;
+
           .editimg {
             width: 15px;
             height: 15px;
@@ -2007,19 +2146,23 @@ export default defineComponent({
             margin-left: 25px;
             margin-right: 5px;
           }
+
           .editext {
             line-height: 40px;
           }
         }
+
         .edit:hover {
           color: #ffffff;
           background-color: #409eff;
           cursor: pointer;
+
           .editimg {
             background-image: url("../../assets/images/projectadd/edit1.png");
           }
         }
       }
+
       .taskSyllabus {
         // flex: 1;
         overflow-x: auto;
@@ -2034,9 +2177,11 @@ export default defineComponent({
           padding-top: 0px;
           padding-bottom: 0px;
         }
+
         .ant-collapse > .ant-collapse-item {
           border: 0px;
         }
+
         .ant-collapse-header {
           display: flex;
           height: 49px;
@@ -2049,14 +2194,17 @@ export default defineComponent({
           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;
@@ -2071,6 +2219,7 @@ export default defineComponent({
         //margin: 0 12px;
         border: 1px solid #f2f6fc;
         border-top: 0px;
+
         .first {
           //position: relative;
           display: flex;
@@ -2080,12 +2229,14 @@ export default defineComponent({
           margin-left: 12px;
           margin-right: 50px;
           width: 120px;
+
           .iconame {
             //position: absolute;
             color: #4f5156;
             font-size: 16px;
             margin-left: 4px;
           }
+
           .icontext {
             //positipn: absolute;
             color: #999ba3;
@@ -2097,12 +2248,14 @@ export default defineComponent({
             white-space: nowrap;
           }
         }
+
         .type {
           //height: 71px;
           display: flex;
           flex-grow: 1;
           align-items: center;
           margin-right: 50px;
+
           .typename {
             width: 63px;
             height: 23px;
@@ -2112,6 +2265,7 @@ export default defineComponent({
             border-radius: 4px;
             text-align: center;
           }
+
           .typename1 {
             width: 63px;
             height: 23px;
@@ -2122,26 +2276,31 @@ export default defineComponent({
             text-align: center;
           }
         }
+
         .time {
           //height: 71px;
           flex-grow: 1;
           margin-right: 50px;
           width: 100px;
+
           .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;
@@ -2154,6 +2313,7 @@ export default defineComponent({
           }
         }
       }
+
       .taskbox {
         width: 412px;
         height: 160px;
@@ -2163,21 +2323,25 @@ export default defineComponent({
         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;
@@ -2186,6 +2350,7 @@ export default defineComponent({
           font-weight: 700;
           //line-height: 36px;
         }
+
         .centermain {
           color: rgba(135, 139, 146, 1);
           font-size: 14px;
@@ -2204,27 +2369,34 @@ export default defineComponent({
         font-weight: 500;
         color: #232425;
       }
+
       .ntc_body {
         margin-left: 35px;
         margin-right: 34px;
+
         .ntc_switch {
           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;
@@ -2238,12 +2410,14 @@ export default defineComponent({
               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;
@@ -2259,12 +2433,14 @@ export default defineComponent({
 
     .projectscore {
       padding-top: 22px;
+
       .pjc_tit {
         margin-left: 34px;
         font-size: 18px;
         font-weight: 500;
         color: #232425;
       }
+
       .pjc_body {
         margin-left: 34px;
         margin-right: 34px;
@@ -2273,6 +2449,7 @@ export default defineComponent({
           display: flex;
           justify-content: space-between;
           align-items: center;
+
           .btn1 {
             width: 100px;
             height: 40px;
@@ -2284,12 +2461,14 @@ export default defineComponent({
             border-radius: 8px;
             background: #409eff;
             cursor: pointer;
+
             .btn1text {
               color: #ffffff;
               margin-left: 5px;
               font-size: 14px;
             }
           }
+
           .btn2 {
             width: 100px;
             height: 40px;
@@ -2301,6 +2480,7 @@ export default defineComponent({
             border-radius: 8px;
             cursor: pointer;
             background: #ffffff;
+
             .btn2text {
               color: #409eff;
               margin-left: 5px;
@@ -2308,29 +2488,35 @@ export default defineComponent({
             }
           }
         }
+
         .pjcb_content {
           border: 1px solid #409eff;
           padding: 20px;
           margin-top: 10px;
+
           .ant-input {
             width: 46px;
             font-size: 16px;
             color: #409eff;
           }
+
           .scoretext {
             color: #409eff;
             font-size: 16px;
             margin-left: 3px;
             margin-right: 4px;
           }
+
           .pjcb_content :last-child {
             margin-bottom: 0px;
           }
+
           .content {
             align-items: center;
             height: 50px;
             display: flex;
           }
+
           margin-bottom: 130px;
         }
       }
@@ -2338,15 +2524,18 @@ export default defineComponent({
 
     .setting {
       padding-top: 22px;
+
       .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;
@@ -2356,6 +2545,7 @@ export default defineComponent({
             display: flex;
             justify-content: end;
           }
+
           .setc_main {
             flex: 1;
             margin-left: 12px;