diff --git a/src/api/index.js b/src/api/index.js
index f3f684d2..733c29b2 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -80,3 +80,5 @@ export const getProjectCount = (projectId) => http.get('/admin/project/projectCo
 export const login = (obj) => http.post('/admin/CheckUser/userLogin', obj)
 export const userInfo = () => http.get('/admin/CheckUser/userInfo')
 
+//修改备注
+export const editStudent = (obj) => http.post('/admin/student/editStudent', obj)
\ No newline at end of file
diff --git a/src/api/indexProject.js b/src/api/indexProject.js
index 7807ef11..571eacfb 100644
--- a/src/api/indexProject.js
+++ b/src/api/indexProject.js
@@ -19,4 +19,6 @@ export const dataStatisticsSelectV1= (obj) => http.post('/data/statistics/select
 //柱状体右侧获取数据接口
 export const dataStatisticsSelectV2= (obj) => http.post('/data/statistics/select/v2', obj )
 // 图表2 学习情况数据接口
-export const boeuStudyDataGetStudyStaisticsList= (obj) => http.post('/boeu/studyData/getStudyStatisticsList', obj )
\ No newline at end of file
+export const boeuStudyDataGetStudyStaisticsList= (obj) => http.post('/boeu/studyData/getStudyStatisticsList', obj )
+//查看用户有无权限
+export const reportOrgs = (obj) => https.get('/orgHrbp/reportOrgs', {params:obj} )
\ No newline at end of file
diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue
index 4f84ee0b..24ed88cd 100644
--- a/src/components/BreadCrumb.vue
+++ b/src/components/BreadCrumb.vue
@@ -594,6 +594,16 @@
                     }
                   ];
                 }
+                if (n.indexOf("/trainingnewmanager") !== -1 || n.indexOf("/TrainingNewManager") !== -1) {
+                  state.list = [
+                    {
+                      name: "报表中心",
+                    },
+                    {
+                      name:'新任管理者培训数据'
+                    },
+                  ];
+                }
                 if (n.indexOf("/learningpathmap") !== -1 || n.indexOf("/LearningPathMap") !== -1) {
                   state.list = [
                     {
diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue
index 2dd78605..3e6c57c1 100644
--- a/src/components/NavLeft.vue
+++ b/src/components/NavLeft.vue
@@ -573,6 +573,15 @@
               <router-link to="/employeelearning">员工学习数据</router-link>
             </a-menu-item>
           </a-sub-menu>
+          <a-menu-item key="sub17-4" v-if="checkMenu('trainingnewmanager')||checkOrgs()">
+            <span
+              :class="{
+                circleActive: selectedKeys[0] === 'sub17-4' ? true : false,
+                circle: selectedKeys[0] === 'sub17-4' ? false : true,
+              }"
+            ></span>
+            <router-link to="/trainingnewmanager">新任管理者培训数据</router-link>
+          </a-menu-item>
         </a-sub-menu>
         <a-menu-item key="sub16" v-if="checkMenu('OldSystemManage')">
           <div class="imgBox">
@@ -697,11 +706,11 @@
 </template>
 
 <script>
-import {reactive, toRefs, onMounted, onUnmounted, watch} from "vue";
+import {reactive, toRefs, onMounted, onUnmounted, watch } from "vue";
 import {useRoute} from "vue-router";
 import {useStore} from "vuex";
-import {checkMenu} from "@/utils/utils";
-
+import {checkMenu,checkOrgs} from "@/utils/utils";
+import { reportOrgs } from "@/api/indexProject";
 export default {
   name: "NavLeft",
   setup() {
@@ -1022,6 +1031,12 @@ export default {
           selectedKeys: "sub17-3-2",
           pagename: "员工学习数据",
         },
+        {
+          href: "/trainingnewmanager",
+          openKeys: "sub17",
+          selectedKeys: "sub17-4",
+          pagename: "新任管理者培训数据",
+        },
         {
           href: "/oldsystemmanage",
           openKeys: "sub18",
@@ -1160,7 +1175,6 @@ export default {
     const getClientHeight = () => {
       state.screenHeight = document.body.clientHeight;
     };
-
     onMounted(() => {
       // console.log("11111", 1);
       window.addEventListener("resize", getClientHeight, false);
@@ -1172,6 +1186,7 @@ export default {
     return {
       ...toRefs(state),
       checkMenu,
+      checkOrgs,
       onOpenChange,
       selectItem,
       packUp,
diff --git a/src/components/drawers/ActiveAttendance.vue b/src/components/drawers/ActiveAttendance.vue
index 674d37f8..ce086d5b 100644
--- a/src/components/drawers/ActiveAttendance.vue
+++ b/src/components/drawers/ActiveAttendance.vue
@@ -893,7 +893,7 @@ export default {
                       courseId: Number(props.datasource.courseId),
                       routerId: Number(props.datasource.routerId),
                       ids: [value.record.studentId],
-                      taskId: Number(props.datasource.routerTaskId),
+                      taskId: Number(props.datasource.routerTaskId)||Number(props.datasource.id),
                       taskType: Number(props.datasource.type),
                       type: 1,
                     };
diff --git a/src/components/drawers/project/ProjectEvalManage.vue b/src/components/drawers/project/ProjectEvalManage.vue
index eef96c3e..8f9c381e 100644
--- a/src/components/drawers/project/ProjectEvalManage.vue
+++ b/src/components/drawers/project/ProjectEvalManage.vue
@@ -374,7 +374,7 @@ export default {
           currentStageId: props.datasource.stageId,
           type: 1,
           pid: props.datasource.projectId,
-          taskId: props.datasource.projectTaskId,
+          taskId: props.projectTaskId,
           taskType: props.datasource.type,
           status: state.projectName,
           studentName: state.name,
@@ -386,7 +386,7 @@ export default {
             currentStageId: props.datasource.stageId,
             type: 1,
             pid: props.datasource.projectId,
-            taskId: props.datasource.projectTaskId,
+            taskId: props.projectTaskId,
             taskType: props.datasource.type,
             status: state.projectName,
             studentName: state.name,
@@ -430,7 +430,7 @@ export default {
 
     // 导出数据
     function exportTaskStu() {
-      window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?currentStageId=${props.datasource.stageId}&type=${1}&pid=${props.datasource.projectId}&taskType=${props.datasource.type}`)
+      window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?currentStageId=${props.datasource.stageId}&type=${1}&pid=${props.datasource.projectId}&taskType=${props.datasource.type}&taskId=${props.projectTaskId}`)
       // window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?pageNo=${state.currentPage}&pageSize=${state.pageSize}&currentStageId=${props.datasource.stageId}&type=${1}&pid=${props.datasource.projectId}&taskId=${props.datasource.projectTaskId}&status=${state.name}&studentName=${state.projectName}`)
     }
 
diff --git a/src/components/drawers/project/ProjectExamManage.vue b/src/components/drawers/project/ProjectExamManage.vue
index 8b7255a0..3a13aa2e 100644
--- a/src/components/drawers/project/ProjectExamManage.vue
+++ b/src/components/drawers/project/ProjectExamManage.vue
@@ -314,7 +314,7 @@ export default {
           align: "center",
           ellipsis: true,
           className: "h",
-          customRender: ({record:{status}}) => ({1:'已完成',0:'未开始',9:'已完成'}[status] || '未开始'),
+          customRender: ({record:{status}}) => ({2:'进行中',1:'未开始',9:'已完成'}[status] || '未开始'),
         },
         {
           title: "操作",
diff --git a/src/components/student/TableStudent.vue b/src/components/student/TableStudent.vue
index 8b7769c0..91325888 100644
--- a/src/components/student/TableStudent.vue
+++ b/src/components/student/TableStudent.vue
@@ -441,6 +441,10 @@ const props = defineProps({
     type: Object,
     default: () => ({}),
   },
+  remarksTrue: {
+    type: Boolean,
+    default: false,
+  }
 });
 
 const { loading: stuAsyncLoading, start } = useAsyncStu(props.id, props.type, getStuList);
@@ -540,7 +544,7 @@ const tablecolumns = ref([
     title: "操作",
     dataIndex: "operation",
     key: "operation",
-    width: 210,
+    width: 260,
     align: "center",
     slots: { customRender: "action" },
   },
diff --git a/src/main.js b/src/main.js
index 89316265..afe8cc5f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -64,6 +64,18 @@ async function getUserPermission() {
 async function getUserInfo() {
     const userInfo = await request(USER_INFO);
     store.commit("SET_USER", userInfo.data);
+    axios({
+      method: "get",
+      url: "/userbasic/orgHrbp/reportOrgs",
+      params: {
+        workNum:userInfo.data.userNo
+      },
+      headers: {
+        "XBOR-Access-token": Cookies.get("token"),
+      },
+    }).then(res=>{
+      store.commit("SET_USER_ORGS", res.data);
+    })
 }
 async function initDict(key) {
     const list = await getDictList(key);
diff --git a/src/store/index.js b/src/store/index.js
index 637acc6f..502b02cb 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -17,6 +17,7 @@ export default createStore({
     routerId: null,
     projectTemplateId: null,
     userInfo: {},
+    userInfoOrgs: [],
     orgtreeList: [],
     faceclassPic: null,
     faceclassClass: [],
@@ -62,6 +63,9 @@ export default createStore({
       userInfo.avatar = userInfo.avatar?.includes(process.env.VUE_APP_AVATAR_PATH) ? userInfo.avatar : (process.env.VUE_APP_AVATAR_PATH + userInfo.avatar);
       state.userInfo = userInfo;
     },
+    SET_USER_ORGS(state,orgs){
+      state.userInfoOrgs = orgs;
+    },
     SET_projectTemplateId(state, projectTemplateId) {
       state.projectTemplateId = projectTemplateId;
     },
diff --git a/src/utils/utils.js b/src/utils/utils.js
index 9c673d54..92407261 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -57,7 +57,9 @@ export function checkOwner(per) {
 export function checkMenu(path = "") {
   return store?.state?.menus.some(t => path.split(",").some(s => "/" + s === t));
 }
-
+export function checkOrgs(){
+  return store?.state?.userInfoOrgs.length > 0
+}
 export function deepClone(obj) {
   let result = typeof obj.splice === "function" ? [] : {};
   if (obj && typeof obj === "object") {
diff --git a/src/utils/zipdownload.js b/src/utils/zipdownload.js
index d42e85c2..710a8c3d 100644
--- a/src/utils/zipdownload.js
+++ b/src/utils/zipdownload.js
@@ -18,6 +18,18 @@ export function downLoadZip(str, filename) {
     resolveBlob(res, mimeMap.zip,filename)
   })
 }
+const baseUrlManage = process.env.VUE_APP_BASE_API
+export function downLoadZipManage(str, filename) {
+  var url = baseUrlManage + str
+  axios({
+    method: 'get',
+    url: url,
+    responseType: 'blob',
+    headers: { 'Authorization': 'Bearer ' + getCookieForName("token") }
+  }).then(res => {
+    resolveBlob(res, mimeMap.xlsx,filename)
+  })
+}
 /**
  * 解析blob响应内容并下载
  * @param {*} res blob响应内容
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 5a2f0e9c..94c3ab1c 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -163,6 +163,10 @@
                 <span>任务列表</span>
               </div>
               <div class="tit_right">
+                <div style="margin-right: 14px">
+                  <span style="margin-right: 8px" :style="{color: switchList ? '#4ea6ff' : '#ffb64e'}">{{switchList?'自由学习模式':'顺序学习模式'}}</span>
+                  <a-switch v-model:checked="switchList" />
+                </div>
                 <div class="btn btn1" @click="showChangeModal">
                   <div class="btnText">移动任务到关卡</div>
                 </div>
@@ -547,7 +551,7 @@ function deleteTask(element, index) {
     },
   });
 }
-
+const switchList = ref(false)
 const showChangeModal = () => {
   if (routerInfo.value?.chapterList?.length <= 1) {
     message.warning("请添加关卡！");
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index bf7da452..4056a9e0 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -119,6 +119,10 @@
           <div class="boomcen">
             <div class="onerow">
               <div class="taskmain">任务列表</div>
+              <div class="taskmain_switch">
+                <span class="taskmain_switch_text" :style="{color: projectInfo?.projectInfo?.unlockMode == 1 ? '#4ea6ff' : '#ffb64e'}">{{projectInfo?.projectInfo?.unlockMode == 1 ?'自由学习模式':'顺序学习模式'}}</span>
+                <a-switch v-model:checked="switchList" />
+              </div>
               <button class="btn" @click="showChangeModal">
                 移动任务到阶段
               </button>
@@ -418,7 +422,7 @@ import {TASK_TYPE} from "@/utils/const";
 import {request} from "@/api/request";
 import {PROJECT_DETAIL_MODIFY, PROJECT_RELEASE} from "@/api/apis";
 import dialog from "@/utils/dialog";
-
+import { editProjectModel } from "@/api/indexLearningPath";
 const route = useRoute();
 const courseRef = ref({})
 const visiblene = ref(false);
@@ -460,6 +464,7 @@ function changeStageIndex(index) {
 const getTask = async () => {
   await api.getDraftTask({projectId: route.query.projectId}).then((res) => {
     projectInfo.value = res.data.data
+    projectInfo.value.projectInfo.unlockMode == 1 ? switchList.value = true : switchList.value = false
     console.log("获取任务列表:" + JSON.stringify(projectInfo.value) )
   });
 };
@@ -467,7 +472,11 @@ const getTask = async () => {
 const editTaskForType = (ele, index) => {
   courseRef.value['el' + ele.type].openDrawer(index, ele)
 };
-
+const switchList = ref(false)
+watch(()=>switchList.value,(newVal)=>{
+  newVal ? projectInfo.value.projectInfo.unlockMode = 1 : projectInfo.value.projectInfo.unlockMode = 2
+  editProjectModel(projectInfo.value.projectInfo)
+})
 const showChangeModal = () => {
   if (projectInfo.value?.stageList?.length <= 1) {
     message.warning("请添加阶段！");
@@ -1420,6 +1429,21 @@ const openCourse = (ele) => {
             color: #000000;
             margin-top: 10px;
           }
+          .taskmain_switch{
+            position: absolute;
+            top: 0;
+            right: 268px;
+            width: 150px;
+            height: 40px;
+            border-radius: 8px;
+            cursor: pointer;
+            text-align: center;
+            line-height: 40px;
+
+            .taskmain_switch_text{
+              margin-right: 10px;
+            }
+          }
 
           .btn {
             position: absolute;
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index a4c0ed38..deca32bb 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -827,6 +827,7 @@
                   :stage="stage"
                   :visable="tabFlag"
                   :groupList="groupList"
+                  :remarksTrue="remarksTrue"
                 >
                   <template #extension="{ data: { record } }">
                     <a-button @click="showStudent(record)" type="link"
@@ -845,6 +846,11 @@
                       @click="showChangeGroupModal(record)"
                       >换组
                     </a-button>
+                    <a-button
+                      type="link"
+                      @click="modifyRemarks(record)"
+                      >修改备注
+                    </a-button>
                   </template>
                 </TableStudent>
               </a-tab-pane>
@@ -2347,6 +2353,43 @@
     <!-- 换组弹窗 -->
     <!-- 面授课开课弹框 -->
     <AddOpenCourse @call-parent-method="getTaskListAll" ref="coursePlanRef" :type="1"/>
+    <!-- 修改备注弹窗 -->
+    <a-modal 
+      v-model:visible="showRemarks"
+      :footer="null"
+      closable="false"
+      style="margin-top: 400px"
+      @cancel="of_remarks"
+    >
+    <div class="selectonlineface" :style="{ display: showRemarks ? 'block' : 'none' }">
+      <div class="bg_headers"></div>
+        <div class="bg_main">
+          <div class="bg_main_header">
+            <div>修改备注</div>
+            <div class="bg_main_header_close" @click="of_remarks"></div>
+          </div>
+          <div class="bg_body">
+            <div class="bg_body_bt" style="align-items: flex-start;">
+              <!-- <div class="bg_body_bttext" style="margin-top: 5px;">修改备注</div> -->
+              <div class="bg_body_input">
+                <a-input v-model:value="remarks" placeholder="请输入" />
+              </div>
+            </div>
+            <div class="bg_footer">
+              <div class="btn btn6" @click="of_remarks">
+                <div class="btnText">取消</div>
+              </div>
+              <a-button
+                class="btn btn6"
+                @click="RemarksUpdata"
+              >
+                确定
+              </a-button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
   </div>
 </template>
 <script lang="jsx">
@@ -2603,11 +2646,11 @@ export default {
           ellipsis: true,
           customRender: ({ record }) => (
             <div>
-              {record.finishTaskNum == 0
-                ? "未开始"
-                : record.finishTaskNum == record.totalTaskNum
+              {record.stuStatus == 2
+                ? "进行中"
+                : record.status == 1
                 ? "已完成"
-                : "进行中"}
+                : "未开始"}
             </div>
           ),
         },
@@ -2620,6 +2663,15 @@ export default {
           className: "h",
           ellipsis: true,
         },
+        {
+          title: "备注",
+          dataIndex: "batch",
+          key: "batch",
+          width: 120,
+          align: "center",
+          className: "h",
+          ellipsis: true,
+        },
       ],
       loading: false,
       projectId: route.query.projectId,
@@ -3038,6 +3090,10 @@ export default {
       facestudent: {},
       modal1Visible: false, // 证书预览
       changegroupV: false, //换组弹窗
+      remarks: '',
+      remarksId: '',
+      remarksTrue: false,
+      showRemarks: false, //修改备注
       checkgroupStuId: null, //换组id
       ImpoterGroupLeaderV: false, //导入小组长抽屉
       certificatelist: [],
@@ -3394,6 +3450,26 @@ export default {
       state.checkgroupStuId = [];
       state.checkgroupStuId.push(record.id);
     };
+    //修改备注
+    const modifyRemarks = (record) => {
+      state.remarks = record.batch
+      state.remarksId = record.id
+      state.showRemarks = true;
+    }
+    const of_remarks = () => {
+      state.remarksTrue = false;
+      state.showRemarks = false;
+    }
+    const RemarksUpdata = () => {
+      apitl.editStudent({
+        id: state.remarksId,
+        batch: state.remarks
+      }).then(res=>{
+        console.log(res,'res')
+        state.remarksTrue = true;
+      })
+      of_remarks()
+    }
     const showModal2 = (item, isEdit) => {
       state.isEdit = isEdit;
       state.stugroup = true;
@@ -3519,7 +3595,7 @@ export default {
       state.evalData = datasource;
       state.Evalvisible = true;
       state.showTestText = name;
-      state.projectTaskId = id;
+      state.projectTaskId = datasource.id;
     };
     const showStuAdd = () => {
       state.Stuvisible = true;
@@ -5183,6 +5259,9 @@ export default {
       cancelyou,
       cancelcanyou,
       showChangeGroupModal,
+      modifyRemarks,
+      of_remarks,
+      RemarksUpdata,
       changePaginationStu,
       handleChange,
       toEdit,
@@ -6083,7 +6162,113 @@ export default {
     }
   }
 }
+.selectonlineface{
+    z-index: 999;
+    width: 679px;
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+    position: absolute;
+    left: 50%;
+    top: -100%;
+    transform: translate(-50%, -50%);
+    .bg_headers {
+      position: absolute;
+      width: 100%;
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
+    }
+    .bg_main {
+      width: 100%;
+      position: relative;
+      .bg_main_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .bg_main_header_close {
+          position: absolute;
+          right: 42px;
+          cursor: pointer;
+          width: 20px;
+          height: 20px;
+          background-image: url(@/assets/images/coursewareManage/close.png);
+          background-size: 100% 100%;
+        }
+      }
+      .bg_body {
+        width: 80%;
+        margin: 3px auto;
 
+        .bg_body_bt {
+          display: flex;
+          align-items: center;
+          justify-content: end;
+          margin: 14px auto;
+
+          .bg_body_bttext {
+            width: 110px;
+            display: flex;
+            justify-content: end;
+            margin-right: 20px;
+          }
+        }
+        .bg_body_input {
+          flex: 1;
+          position: relative;
+          .ant-upload-picture-card-wrapper{
+            width: 200px;
+            margin-right: 18px;
+          }
+        }
+        .bg_footer {
+          width: 100%;
+          margin-left: 174px;
+          margin-top: 25px;
+          margin-bottom: 20px;
+          display: flex;
+
+          .btn {
+            width: 100px;
+            height: 40px;
+            background: rgba(64, 158, 255, 0);
+            border-radius: 8px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-right: 14px;
+            flex-shrink: 0;
+            cursor: pointer;
+
+            .btnText {
+              font-size: 14px;
+              font-weight: 400;
+              line-height: 40px;
+            }
+          }
+
+          .btn6 {
+            background-color: #4ea6ff;
+            color: #ffffff;
+          }
+        }
+      }
+      .headers{
+        margin-left: 38px;
+        margin-right: 38px;
+        margin-top: 30px;
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        .btn{
+          display: flex;
+        }
+      }
+    }
+  }
 .taskpage {
   width: 100%;
   display: flex;
diff --git a/src/views/report/TrainingNewManager.vue b/src/views/report/TrainingNewManager.vue
new file mode 100644
index 00000000..db40fcb8
--- /dev/null
+++ b/src/views/report/TrainingNewManager.vue
@@ -0,0 +1,75 @@
+<template>
+  <div class="train_newman">
+    <div class="title">新任管理者线下学习项目定制报表</div>
+    <div class="btn" @click="downReport" v-if="uploadAdmin('training-admin')||adminType?.length>0">
+      <div class="img"></div>
+      <div class="text">报表下载</div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed,onMounted,ref } from "vue";
+import { useStore } from "vuex";
+import { reportOrgs } from "@/api/indexProject";
+import {downLoadZipManage} from "@/utils/zipdownload";
+  const downReport = () => {
+    console.log('下载报表')
+    if(uploadAdmin('training-admin')){
+      downLoadZipManage(`/admin/project/report/data`,'新任管理者培训数据')
+      return
+    }
+    if(adminType?.value.length>0){
+      let orgs = adminType.value.join(',')
+      downLoadZipManage(`/admin/project/report/data?orgs=${orgs}`,'新任管理者培训数据')
+    }
+  }
+  const userInfo = computed(() => store.state.userInfo);
+  onMounted(()=>{
+    getReportOrgs()
+  })
+  const store = useStore();
+  const adminType = ref()
+  const getReportOrgs = () => {
+    reportOrgs({workNum: userInfo.value.userNo}).then((res) => {
+      console.log(res,'res')
+      adminType.value = res.data
+    });
+  };
+  const uploadAdmin = (admin)=>{
+    const roleCode = userInfo.value.roleList.map((item)=>item.roleCode)
+    if (admin){
+      return roleCode.some(t => t == admin)
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+.train_newman{
+  margin: 40px 0 0 50px;
+  .title{
+    color: #000000;
+    margin-bottom: 16px;
+  }
+  .btn {
+    cursor: pointer;
+    width: 130px;
+    height: 40px;
+    border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #4ea6ff;
+    .img {
+      width: 17px;
+      height: 16px;
+      background-image: url(../../assets/images/coursewareManage/export1.png);
+      background-size: 100% 100%;
+      margin-right: 7px;
+    }
+    .text{
+      color: #ffffff;
+    }
+  }
+}
+</style>
\ No newline at end of file