diff --git a/src/assets/images/coursewareManage/asterisk.png b/src/assets/images/coursewareManage/asterisk.png
new file mode 100644
index 00000000..49c7ac99
Binary files /dev/null and b/src/assets/images/coursewareManage/asterisk.png differ
diff --git a/src/assets/images/coursewareManage/close.png b/src/assets/images/coursewareManage/close.png
new file mode 100644
index 00000000..26992042
Binary files /dev/null and b/src/assets/images/coursewareManage/close.png differ
diff --git a/src/assets/images/coursewareManage/down.png b/src/assets/images/coursewareManage/down.png
new file mode 100644
index 00000000..2d4fe598
Binary files /dev/null and b/src/assets/images/coursewareManage/down.png differ
diff --git a/src/assets/images/coursewareManage/enclosure.png b/src/assets/images/coursewareManage/enclosure.png
new file mode 100644
index 00000000..4bdc5097
Binary files /dev/null and b/src/assets/images/coursewareManage/enclosure.png differ
diff --git a/src/assets/images/coursewareManage/export.png b/src/assets/images/coursewareManage/export.png
new file mode 100644
index 00000000..78b8331f
Binary files /dev/null and b/src/assets/images/coursewareManage/export.png differ
diff --git a/src/assets/images/coursewareManage/export1.png b/src/assets/images/coursewareManage/export1.png
new file mode 100644
index 00000000..8f136521
Binary files /dev/null and b/src/assets/images/coursewareManage/export1.png differ
diff --git a/src/assets/images/coursewareManage/givepower.png b/src/assets/images/coursewareManage/givepower.png
new file mode 100644
index 00000000..94eb5488
Binary files /dev/null and b/src/assets/images/coursewareManage/givepower.png differ
diff --git a/src/assets/images/coursewareManage/scht.png b/src/assets/images/coursewareManage/scht.png
new file mode 100644
index 00000000..e3a32e92
Binary files /dev/null and b/src/assets/images/coursewareManage/scht.png differ
diff --git a/src/assets/images/coursewareManage/stum.png b/src/assets/images/coursewareManage/stum.png
new file mode 100644
index 00000000..06533bc3
Binary files /dev/null and b/src/assets/images/coursewareManage/stum.png differ
diff --git a/src/assets/images/coursewareManage/up.png b/src/assets/images/coursewareManage/up.png
new file mode 100644
index 00000000..1521cb9c
Binary files /dev/null and b/src/assets/images/coursewareManage/up.png differ
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 5050e2d6..2ee1c90e 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -79,22 +79,19 @@
     </div>
 
     <!-- 新建选择线上还是面授课弹窗 -->
-    <div
-      class="selectonlineface"
+    <div class="selectonlineface"
       :style="{ display: of_hs ? 'block' : 'none' }"
     >
       <div class="of_header"></div>
       <div class="of_main">
-        <div class="m_header">
+        <div class="ofm_header">
           <div class="add_icon"></div>
           <span>请选择课程类型</span>
-          <div class="add_exit" @click="of_exit">x</div>
+          <div class="close_exit" @click="of_exit"></div>
         </div>
-        <div class="m_body">
-          <div class="b_header">
-            <span style="font-weight: 900; color: red; margin-right: 6px"
-              >⃰</span
-            >
+        <div class="ofm_body">
+          <div class="ofmb_header">
+            <div class="sign"></div>
             <span style="margin-right: 14px">课程名称</span>
             <div class="b_input">
               <a-input
@@ -188,7 +185,7 @@
         <div class="m_header">
           <div class="add_icon"></div>
           <span>新建面授课</span>
-          <div class="add_exit" @click="ft_exit" >x</div>
+          <div class="close_exit" @click="ft_exit" ></div>
         </div>
         <div class="m_title">课程信息</div>
         <div class="m_body">
@@ -212,7 +209,7 @@
                 <div class="i2_right" @click="hideShow">
                   <div
                     class="b_zk"
-                    :style="{ display: hideshow ? 'block' : 'none' }"
+                    :style="{ display: hideshow ?  'block' :'none'  }"
                   >
                     <span style="color: #4ea6ff">收起</span>
                   </div>
@@ -379,7 +376,7 @@
 
     <!-- 表格 -->
     <div class="tableBox">
-      <a-table
+      <!-- <a-table
         :columns="tableDataFunc()"
         :data-source="tableData"
         :loading="tableDataTotal === -1 ? true : false"
@@ -387,6 +384,15 @@
         expandRowByClick="true"
         @expand="expandTable"
         :pagination="false"
+      /> -->
+      <a-table
+        :columns="columns5"
+        :data-source="tableData"
+        :loading="tableDataTotal === -1 ? true : false"
+        :scroll="{ x: 800 }"
+        expandRowByClick="true"
+        @expand="expandTable"
+        :pagination="false"
       />
     </div>
     <!-- 表格 -->
@@ -400,7 +406,7 @@
             <div class="omm_header">
                 <div class="pc_icon"></div>
                 <span>在线课程管理</span>
-                <div class="pc_exit" @click="om_exit">x</div>
+                <div class="close_exit" @click="om_exit"></div>
             </div>
             <div class="om_body">
                 <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</div>
@@ -452,7 +458,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="bm_table">
+                <div class="bm_table" style="margin-bottom:20px;">
                     <a-table
                         :columns="columns1"
                         :data-source="tableData2"
@@ -473,7 +479,7 @@
             <div class="omm_header">
                 <div class="pc_icon"></div>
                 <span>面授课程管理</span>
-                <div class="pc_exit" @click="ftm_exit">x</div>
+                <div class="close_exit" @click="ftm_exit"></div>
             </div>
             <div class="om_body">
                 <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</div>
@@ -522,7 +528,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="bm_table">
+                <div class="bm_table" style="margin-bottom:20px;">
                     <a-table
                         :columns="columns1"
                         :data-source="tableData3"
@@ -550,7 +556,7 @@
             <div class="m_header">
                 <div class="det_icon"></div>
                 <span>查看详情</span>
-                <div class="det_exit" @click="ftsr_exit">x</div>
+                <div class="det_exit" @click="ftsr_exit"></div>
             </div>
             <div class="ftsr_table">
                     <a-table
@@ -575,9 +581,9 @@
         </div>
         <div class="gp_main">
             <div class="gpm_header">
-                <div class="pc_icon"></div>
+                <div class="givepower_icon"></div>
                 <span>授权</span>
-                <div class="pc_exit" @click="gpm_exit">x</div>
+                <div class="close_exit" @click="gpm_exit"></div>
             </div>
             <div class="gpm_inputbtn">
               <a-input
@@ -642,9 +648,9 @@
         </div>
         <div class="st_main">
             <div class="stm_header">
-                <div class="pc_icon"></div>
+                <div class="scht_icon"></div>
                 <span>开课</span>
-                <div class="pc_exit" @click="stm_exit">x</div>
+                <div class="close_exit" @click="stm_exit"></div>
             </div>
             <div class="stm_inputbtn">
               <a-input
@@ -719,7 +725,7 @@
         <div class="cstm_header">
           <div class="add_icon"></div>
           <span>新建开课</span>
-          <div class="add_exit" @click="cstm_exit">x</div>
+          <div class="close_exit" @click="cstm_exit"></div>
         </div>
         <div class="cstm_title"><span>面授名称：管理者的专属面授课</span></div>
         <div class="cstm_items items1">
@@ -816,6 +822,87 @@
       </div>
     </div>
     <!--新建开课页面 -->
+
+    <!--新建开课学员管理页面页面 -->
+    <div class="studentsmanage"
+    :style="{ display: sm_hs ? 'block' : 'none' }">
+        <div class="stm_header">
+        </div>
+        <div class="stm_main">
+            <div class="stmm_header">
+                <div class="stum_icon"></div>
+                <span>学员管理</span>
+                <div class="close_exit" @click="sm_exit"></div>
+            </div>
+            <div class="stmmitems">
+              <div class="stmm_i1"><span style="margin-right:52px;">XXX课程-第1期-20220726</span><span style="color:#FFB751;">已开课    4.5</span></div>
+              <div class="stmm_i2"><span style="color:#999BA3;">时间：</span><span>2022-07-26 14：30-15：00</span></div>
+              <div class="stmm_i3"><span style="color:#999BA3;">地点：</span><span>核心能力大楼培训教室</span></div>
+              <div class="stmm_i4"><span style="color:#999BA3;">授课教师：</span><span>王雪han</span></div>
+              <div class="stmm_i5">
+                <div class="i5_left">
+                  <a-input
+                    v-model:value="value"
+                    style="width: 270px; height: 40px; border-radius: 8px; margin-right: 14px;"
+                    placeholder="请输入姓名"
+                  />
+                  <div class="stmm_btn btn1">
+                    <div class="search"></div>
+                    <div class="btnText">搜索</div>
+                  </div>
+                  <div class="stmm_btn btn2">
+                    <div class="search"></div>
+                    <div class="btnText">重置</div>
+                  </div>
+                </div>
+                <div class="i5_right">
+                  <div class="stmm_btn btn3">
+                    <span style="color: #ffffff;">添加学员</span> 
+                  </div>
+                  <div class="stmm_btn btn4" @click="hideShow">
+                    <div class="btn4_sub">
+                      <span style="color:#4EA6FF;margin-right:4px;">批量操作</span>
+                      <div
+                        class="b_zk"
+                        :style="{ display: hideshow ?  'block' :'none'  }"
+                      >
+                      </div>
+                      <div
+                        class="b_sq"
+                        :style="{ display: hideshow ? 'none' : 'block' }"
+                      >
+                      </div>
+                    </div>
+                    <div class="btn4_sup"
+                    :style="{ display: hideshow ? 'none' : 'block' }">
+                      <div class="btn4_tit"><span style="color:#4EA6FF;">批量录入成绩</span></div>
+                      <div class="btn4_op1"><span style="margin:10px auto">批量结业</span></div>
+                      <div class="btn4_op2"><span style="margin:10px auto">批量通过</span></div>
+                      <div class="btn4_op3"><span style="margin:10px auto">批量拒绝</span></div>                      
+                    </div>
+                  </div>
+                  <div class="stmm_btn btn5">
+                    <div class="export"></div>
+                    <div class="btnText">导出</div>
+                  </div>
+
+                </div>
+              </div>
+              <div class="stmm_i6">
+                <a-table
+                  :columns="columns5"
+                  :data-source="tableData"
+                  :loading="tableDataTotal === -1 ? true : false"
+                  :scroll="{ x: 800 }"
+                  expandRowByClick="true"
+                  @expand="expandTable"
+                  :pagination="false"
+                />
+              </div>
+            </div>
+        </div>
+    </div>
+    <!--新建开课学员管理页面页面 -->
   </div>
 </template>
 <script>
@@ -991,6 +1078,94 @@ const columns4 = [
     },
   },
 ];
+const columns5 = [
+        {
+        title: '序号',
+        width: 200,
+        dataIndex: 'num',
+        key: 'num',
+        align: "center",
+      }, {
+        title: '名称',
+        width: 200,
+        dataIndex: 'name',
+        key: 'name',
+      }, {
+        title: '内容分类',
+        width: 200,
+        dataIndex: 'content',
+        key: '1',
+        align: "center",
+      }, {
+        title: '课程形式',
+        width: 200,
+        dataIndex: 'courseform',
+        key: '2',
+        align: "center",
+      }, {
+        title: ' 所属项目',
+        width: 300,
+        dataIndex: 'project',
+        key: '3',
+        align: "center",
+      }, {
+        title: '学习人数',
+        width: 200,
+        dataIndex: 'stunum',
+        key: '4',
+        align: "center",
+      }, {
+        title: '评分',
+        width: 200,
+        dataIndex: 'grade',
+        key: '5',
+        align: "center",
+      }, {
+        title: '状态',
+        width: 200,
+        dataIndex: 'status',
+        key: '6',
+        align: "center",
+      }, {
+        title: '是否发布',
+        width: 200,
+        dataIndex: 'ynpub',
+        key: '7',
+        align: "center",
+      }, {
+        title: '创建人',
+        width: 200,
+        dataIndex: 'creator',
+        key: '8',
+        align: "center",
+      }, {
+        title: '创建时间',
+        width: 280,
+        dataIndex: 'createtime',
+        key: '9',
+        align: "center",
+      }, {
+        title: '上线时间',
+        width: 280,
+        dataIndex: 'pubtime',
+        key: '10',
+        align: "center",
+      }, {
+        title: '是否停用',
+        width: 200,
+        key: 'either',
+        dataIndex: 'ynuse',
+        align: "center",
+      }, {
+        title: '操作',
+        width: 400,
+        className: "h",
+        dataIndex: "operation",
+        key: 'operation',
+        fixed: 'right',
+        align: "center",
+        },
+];
 export default defineComponent({
   components: {
     LoadingOutlined,
@@ -1217,130 +1392,130 @@ export default defineComponent({
         },
       ],
     });
-    const tableDataFunc = () => {
-      const columns = [
-        {
-        title: '序号',
-        width: 200,
-        dataIndex: 'num',
-        key: 'num',
-        align: "center",
-      }, {
-        title: '名称',
-        width: 200,
-        dataIndex: 'name',
-        key: 'name',
-      }, {
-        title: '内容分类',
-        width: 200,
-        dataIndex: 'content',
-        key: '1',
-        align: "center",
-      }, {
-        title: '课程形式',
-        width: 200,
-        dataIndex: 'courseform',
-        key: '2',
-        align: "center",
-      }, {
-        title: ' 所属项目',
-        width: 300,
-        dataIndex: 'project',
-        key: '3',
-        align: "center",
-      }, {
-        title: '学习人数',
-        width: 200,
-        dataIndex: 'stunum',
-        key: '4',
-        align: "center",
-      }, {
-        title: '评分',
-        width: 200,
-        dataIndex: 'grade',
-        key: '5',
-        align: "center",
-      }, {
-        title: '状态',
-        width: 200,
-        dataIndex: 'status',
-        key: '6',
-        align: "center",
-      }, {
-        title: '是否发布',
-        width: 200,
-        dataIndex: 'ynpub',
-        key: '7',
-        align: "center",
-      }, {
-        title: '创建人',
-        width: 200,
-        dataIndex: 'creator',
-        key: '8',
-        align: "center",
-      }, {
-        title: '创建时间',
-        width: 280,
-        dataIndex: 'createtime',
-        key: '9',
-        align: "center",
-      }, {
-        title: '上线时间',
-        width: 280,
-        dataIndex: 'pubtime',
-        key: '10',
-        align: "center",
-      }, {
-        title: '是否停用',
-        width: 200,
-        key: 'either',
-        dataIndex: 'ynuse',
-        align: "center",
-      }, {
-        title: '操作',
-        width: 400,
-        className: "h",
-        dataIndex: "opacation",
-        key: 'operation',
-        fixed: 'right',
-        align: "center",
-        scopedSlots: { customRender: "action" }, 
-        customRender: (text) => {
-          // console.log('111',text);
-            return (
-              <div class="op_box">
-                <div class="opacation">
-                  <span class={text.record.courseform === '面授' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >开课</span>
-                  <span class={text.record.ynuse === '停用' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >停用</span>
-                  <span class={text.record.status === '未提交' || text.record.status === '审核未通过' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >编辑</span>
-                  <span onClick={() => {}} class={text.record.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理</span>
-                  <span class={text.record.status === '待审核' ?  "errorCls" : "activecls"} style={{ "margin-left": "25px" }} >复制</span>
-                  <span style={{ "margin-left": "25px" }} class="more">
-                    <span>授权</span>
-                    <div class="moreArrow"></div>
-                    <div class="moreItems">
-                      <span style="color:#4EA6FF;">权限名单</span>
-                      <div class="mitems1">归属权</div>
-                      <div class="mitems2">管理权</div>
-                      <div class="mitems3">查看权</div>
-                    </div>
-                  </span>
-                  <span
-                    style={{ "margin-left": "21px", "margin-right": "30px" }}
-                    class="more"
-                  >
-                    <span>更多</span>
-                    <div class="moreArrow"></div>
-                    <div class="moreItems"></div>
-                  </span>
-                </div>
-              </div>
-              );
-          },
-        },
-      ];
-      return columns;
-    };
+    // const tableDataFunc = () => {
+    //   const columns = [
+    //     {
+    //     title: '序号',
+    //     width: 200,
+    //     dataIndex: 'num',
+    //     key: 'num',
+    //     align: "center",
+    //   }, {
+    //     title: '名称',
+    //     width: 200,
+    //     dataIndex: 'name',
+    //     key: 'name',
+    //   }, {
+    //     title: '内容分类',
+    //     width: 200,
+    //     dataIndex: 'content',
+    //     key: '1',
+    //     align: "center",
+    //   }, {
+    //     title: '课程形式',
+    //     width: 200,
+    //     dataIndex: 'courseform',
+    //     key: '2',
+    //     align: "center",
+    //   }, {
+    //     title: ' 所属项目',
+    //     width: 300,
+    //     dataIndex: 'project',
+    //     key: '3',
+    //     align: "center",
+    //   }, {
+    //     title: '学习人数',
+    //     width: 200,
+    //     dataIndex: 'stunum',
+    //     key: '4',
+    //     align: "center",
+    //   }, {
+    //     title: '评分',
+    //     width: 200,
+    //     dataIndex: 'grade',
+    //     key: '5',
+    //     align: "center",
+    //   }, {
+    //     title: '状态',
+    //     width: 200,
+    //     dataIndex: 'status',
+    //     key: '6',
+    //     align: "center",
+    //   }, {
+    //     title: '是否发布',
+    //     width: 200,
+    //     dataIndex: 'ynpub',
+    //     key: '7',
+    //     align: "center",
+    //   }, {
+    //     title: '创建人',
+    //     width: 200,
+    //     dataIndex: 'creator',
+    //     key: '8',
+    //     align: "center",
+    //   }, {
+    //     title: '创建时间',
+    //     width: 280,
+    //     dataIndex: 'createtime',
+    //     key: '9',
+    //     align: "center",
+    //   }, {
+    //     title: '上线时间',
+    //     width: 280,
+    //     dataIndex: 'pubtime',
+    //     key: '10',
+    //     align: "center",
+    //   }, {
+    //     title: '是否停用',
+    //     width: 200,
+    //     key: 'either',
+    //     dataIndex: 'ynuse',
+    //     align: "center",
+    //   }, {
+    //     title: '操作',
+    //     width: 400,
+    //     className: "h",
+    //     dataIndex: "opacation",
+    //     key: 'operation',
+    //     fixed: 'right',
+    //     align: "center",
+    //     scopedSlots: { customRender: "action" }, 
+    //     customRender: (text) => {
+    //       // console.log('111',text);
+    //         return (
+    //           <div class="op_box">
+    //             <div class="opacation">
+    //               <span class={text.record.courseform === '面授' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >开课</span>
+    //               <span class={text.record.ynuse === '停用' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >停用</span>
+    //               <span class={text.record.status === '未提交' || text.record.status === '审核未通过' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >编辑</span>
+    //               <span onClick={() => {}} class={text.record.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理</span>
+    //               <span class={text.record.status === '待审核' ?  "errorCls" : "activecls"} style={{ "margin-left": "25px" }} >复制</span>
+    //               <span style={{ "margin-left": "25px" }} class="more">
+    //                 <span>授权</span>
+    //                 <div class="moreArrow"></div>
+    //                 <div class="moreItems">
+    //                   <span style="color:#4EA6FF;">权限名单</span>
+    //                   <div class="mitems1">归属权</div>
+    //                   <div class="mitems2">管理权</div>
+    //                   <div class="mitems3">查看权</div>
+    //                 </div>
+    //               </span>
+    //               <span
+    //                 style={{ "margin-left": "21px", "margin-right": "30px" }}
+    //                 class="more"
+    //               >
+    //                 <span>更多</span>
+    //                 <div class="moreArrow"></div>
+    //                 <div class="moreItems"></div>
+    //               </span>
+    //             </div>
+    //           </div>
+    //           );
+    //       },
+    //     },
+    //   ];
+    //   return columns;
+    // };
 
     const fileList = ref([]);
     const loading = ref(false);
@@ -1383,6 +1558,44 @@ export default defineComponent({
       return isJpgOrPng && isLt2M;
     };
 
+    const getTableDate = () => {
+      let data = state.tableData;
+      // data.map((value) => {
+      //   value.operation = (
+      //     // value.courseform === '面授' ? 
+      //         <div class="op_box">
+      //           <div class="operation">
+      //             <span class={value.courseform === '面授' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >开课</span>
+      //             <span class={value.ynuse === '停用' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >停用</span>
+      //             <span class={value.status === '未提交' || value.status === '审核未通过' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >编辑</span>
+      //             <span onClick={() => {}} class={value.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理</span>
+      //             <span class={value.status === '待审核' ?  "errorCls" : "activecls"} style={{ "margin-left": "25px" }} >复制</span>
+      //             <span style={{ "margin-left": "25px" }} class="more">
+      //               <span>授权</span>
+      //               <div class="moreArrow"></div>
+      //               <div class="moreItems">
+      //                 <span style="color:#4EA6FF;">权限名单</span>
+      //                 <div class="mitems1">归属权</div>
+      //                 <div class="mitems2">管理权</div>
+      //                 <div class="mitems3">查看权</div>
+      //               </div>
+      //             </span>
+      //             <span
+      //               style={{ "margin-left": "21px", "margin-right": "30px" }}
+      //               class="more"
+      //             >
+      //               <span>更多</span>
+      //               <div class="moreArrow"></div>
+      //               <div class="moreItems"></div>
+      //             </span>
+      //           </div>
+      //         </div>
+      //     );
+      // });
+      state.tableData = data;
+    };
+    getTableDate();
+
     return {
       current,
       ...toRefs(state),
@@ -1393,9 +1606,11 @@ export default defineComponent({
       columns2,
       columns3,
       columns4,
-      tableDataFunc,
+      columns5,
+      // tableDataFunc,
       handleChange,
       beforeUpload,
+      getTableDate,
     };
   },
 
@@ -1444,7 +1659,7 @@ export default defineComponent({
 
     const state = reactive({
       of_hs: false,
-      hideshow: false,
+      hideshow: true,
       bs_hs: true,
       ft_hs:false,
       om_1: true,
@@ -1453,6 +1668,7 @@ export default defineComponent({
       gpm_hs:true,
       stm_hs: true,
       cstm_hs:false,
+      sm_hs:true,
     });
 
     const of_hShow = () => {
@@ -1464,10 +1680,10 @@ export default defineComponent({
       state.of_hs = false;
     }
     const hideShow = () => {
-      if (state.hideshow == false) {
-        state.hideshow = true;
-      } else {
+      if (state.hideshow == true) {
         state.hideshow = false;
+      } else {
+        state.hideshow = true;
       }
     };
     const bs_hShow = () => {
@@ -1512,6 +1728,9 @@ export default defineComponent({
     const cstm_exit = () => {
       state.cstm_hs = false;
     };
+    const sm_exit = () => {
+      state.sm_hs = false;
+    };
 
     return {
       ...toRefs(state),
@@ -1531,6 +1750,7 @@ export default defineComponent({
       stm_exit,
       createkk,
       cstm_exit,
+      sm_exit,
 
     };
   },
@@ -1547,17 +1767,15 @@ export default defineComponent({
 // }
 .courseManage {
   width: 100%;
-  min-width: 1000px;
   height: 100%;
   display: flex;
   flex-direction: column;
+  position: relative;
   .headerf {
-    display: flex;
-    margin-left: 38px;
-    margin-top: 30px;
     .filter {
-      width: calc(70% - 40px);
-      margin-right: 30px;
+      margin-left: 38px;
+      margin-right: 38px;
+      margin-top: 30px;
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
@@ -1573,6 +1791,7 @@ export default defineComponent({
     .btns {
       display: flex;
       // flex-wrap: wrap;
+      margin-left: 38px;
       .btn {
         padding: 0px 26px 0px 26px;
         height: 38px;
@@ -1666,7 +1885,7 @@ export default defineComponent({
   .selectonlineface {
     z-index: 999;
     width: 679px;
-    height: 525px;
+    // height: 525px;
     background: #ffffff;
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     position: absolute;
@@ -1685,7 +1904,7 @@ export default defineComponent({
     .of_main {
       width: calc(100%);
       position: relative;
-      .m_header {
+      .ofm_header {
         display: flex;
         align-items: center;
         padding-top: 20px;
@@ -1698,14 +1917,31 @@ export default defineComponent({
           background-image: url(@/assets/images/coursewareManage/add1.png);
           background-size: 100% 100%;
         }
-        .add_exit {
+        .close_exit {
           position: absolute;
           right: 42px;
           cursor: pointer;
+          width: 20px;
+          height: 20px;
+          background-image: url(@/assets/images/coursewareManage/close.png);
+          background-size: 100% 100%;
         }
       }
-      .m_body {
-        width: 88%;
+      .ofm_body {
+        width: 90%;
+        .ofmb_header{
+          display: flex;
+          align-items: center;
+          margin: 14px auto;
+          .sign{
+            width: 7px;
+            height: 7px;
+            margin-left: 78px;
+            margin-right: 6px;
+            background-image: url(@/assets/images/coursewareManage/asterisk.png);
+            background-size: 100% 100%;
+          }
+        }
         .checkbtn {
           width: 7.8px;
           height: 7.8px;
@@ -1761,6 +1997,7 @@ export default defineComponent({
           width: 100%;
           margin-left: 212px;
           margin-top: 25px;
+          margin-bottom: 20px;
           display: flex;
           .btn {
             width: 100px;
@@ -1793,9 +2030,8 @@ export default defineComponent({
 
   .faceteach{
     z-index: 999;
-    width: 1358px;
+    width: 85%;
     min-width: 1000px;
-    height: 805px;
     background: #ffffff;
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     position: absolute;
@@ -1827,10 +2063,14 @@ export default defineComponent({
           background-image: url(@/assets/images/coursewareManage/add1.png);
           background-size: 100% 100%;
         }
-        .add_exit {
+        .close_exit {
           position: absolute;
           right: 42px;
           cursor: pointer;
+          width: 20px;
+          height: 20px;
+          background-image: url(@/assets/images/coursewareManage/close.png);
+          background-size: 100% 100%;
         }
       }
       .m_title {
@@ -1838,6 +2078,8 @@ export default defineComponent({
       }
       .m_body {
         display: flex;
+      height: 500px;
+      overflow: auto;
         .mb_left {
           .mbl_items1 {
             display: flex;
@@ -1996,9 +2238,9 @@ export default defineComponent({
   .onlinemanage,.faceteachmanage{
     display: none;
     z-index: 999;
-    width: 1358px;
+    width: 85%;
     min-width: 1000px;
-    height: 537px;
+    // height: 537px;
     background: #FFFFFF;
     box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
     position: absolute;
@@ -2027,10 +2269,14 @@ export default defineComponent({
                 margin-right: 10px;
                 background-image: url(@/assets/images/coursewareManage/pc.png);
             }
-            .pc_exit{
+            .close_exit{
                 position: absolute;
                 right:42px;
                 cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
             }
         }
         .om_body{
@@ -2118,9 +2364,9 @@ export default defineComponent({
 
   .ftsturecord{
     z-index: 999;
-    width: 1358px;
+    width: 80%;
     min-width: 1000px;
-    height: 274px;
+    // height: 274px;
     background: #FFFFFF;
     box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
     position: absolute;
@@ -2154,6 +2400,10 @@ export default defineComponent({
                 position: absolute;
                 right:42px;
                 cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
             }
         }
         .ftsr_table{
@@ -2184,9 +2434,9 @@ export default defineComponent({
     }
   .givepower{
     z-index: 999;
-    width: 1358px;
+    width: 85%;
     min-width: 1000px;
-    height: 646px;
+    // height: 646px;
     background: #FFFFFF;
     box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
     position: absolute;
@@ -2209,17 +2459,21 @@ export default defineComponent({
             padding-top: 20px;
             padding-left: 26px;
             font-size: 16px;
-            .pc_icon{
+            .givepower_icon{
                 width: 16px;
                 height: 16px;
                 margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/detail.png);
+                background-image: url(@/assets/images/coursewareManage/givepower.png);
                 background-size: 100% 100%;
             }
-            .pc_exit{
+            .close_exit{
                 position: absolute;
                 right:42px;
                 cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
             }
         }
         .gpm_inputbtn{
@@ -2310,9 +2564,9 @@ export default defineComponent({
     }
   .schooltime{
     z-index: 999;
-    width: 1358px;
+    width: 85%;
     min-width: 1000px;
-    height: 646px;
+    // height: 646px;
     background: #FFFFFF;
     box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
     position: absolute;
@@ -2335,17 +2589,21 @@ export default defineComponent({
             padding-top: 20px;
             padding-left: 26px;
             font-size: 16px;
-            .pc_icon{
+            .scht_icon{
                 width: 16px;
                 height: 16px;
                 margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/detail.png);
+                background-image: url(@/assets/images/coursewareManage/scht.png);
                 background-size: 100% 100%;
             }
-            .pc_exit{
+            .close_exit{
                 position: absolute;
                 right:42px;
                 cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
             }
         }
         .stm_inputbtn{
@@ -2468,7 +2726,7 @@ export default defineComponent({
   .createschooltime{
     z-index: 999;
     width: 679px;
-    height: 705px;
+    // height: 705px;
     background: #FFFFFF;
     box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
     position: absolute;
@@ -2498,10 +2756,14 @@ export default defineComponent({
                 background-image: url(@/assets/images/coursewareManage/add1.png);
                 background-size: 100% 100%;
             }
-            .add_exit{
+            .close_exit{
                 position: absolute;
                 right:42px;
                 cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
             }
         }
         .cstm_title{
@@ -2534,7 +2796,7 @@ export default defineComponent({
               .upload_icon{
                 width: 16px;
                 height: 16px;
-                background-color: blue;
+                background-image: url('@/assets/images/coursewareManage/enclosure.png');
                 background-size: 100% 100%;
                 margin-right: 5px;
               }
@@ -2545,6 +2807,7 @@ export default defineComponent({
           display: flex;
           justify-content: center;
           margin-top: 20px;
+          margin-bottom: 20px;
           .cstm_btn{
             width: 100px;
             height: 40px;
@@ -2574,5 +2837,205 @@ export default defineComponent({
         }
       }
     }
+  .studentsmanage{
+    z-index: 999;
+    width: 85%;
+    min-width: 1000px;
+    // height: 646px;
+    background: #FFFFFF;
+    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%,-50%);
+    overflow: auto;
+    .stm_header{
+        position: absolute;
+        width:calc(100%);
+        height: 40px;
+        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+    }
+    .stm_main{
+        width:calc(100%);
+        position: relative;
+        .stmm_header{
+            display: flex;
+            align-items: center;
+            padding-top: 20px;
+            padding-left: 26px;
+            font-size: 16px;
+            .stum_icon{
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/stum.png);
+                background-size: 100% 100%;
+            }
+            .close_exit{
+                position: absolute;
+                right:42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+            }
+        }
+        .stmmitems{
+          margin: auto 49px;
+          height: 400px;
+          overflow: auto;
+          .stmm_i1,
+          .stmm_i2,
+          .stmm_i3,
+          .stmm_i4{
+            margin: 19px 0;
+          }
+          .stmm_i5{
+            display: flex;
+            justify-content: space-between;
+            .i5_left{
+              display: flex;
+              .stmm_btn {
+                width: 100px;
+                height: 40px;
+                margin-right: 14px;
+                background: #ffffff;
+                border: 1px solid #4EA6FF;
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  color: #4EA6FF;
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                .search {
+                  width: 15px;
+                  height: 17px;
+                  background-image: url("../../assets/images/courseManage/search1.png");
+                }
+              }
+              .btn2 {
+                .search {
+                  width: 16px;
+                  height: 18px;
+                  background-image: url("../../assets/images/courseManage/reset1.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;
+                }
+              }
+            }
+            .i5_right{
+              display: flex;
+              .stmm_btn {
+                width: 100px;
+                height: 40px;
+                margin-right: 14px;
+                background: #ffffff;
+                border: 1px solid #4EA6FF;
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  color: #4EA6FF;
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn3 {
+                background-color: #4EA6FF;
+              }
+              .btn4{
+                display: flex;
+                flex-direction: column;
+                position: relative;
+                .btn4_sub{
+                  display: flex;
+                  justify-content: center;
+                  align-items: center;
+                  .b_zk{
+                    width: 10px;
+                    height: 8px;
+                    background-image: url('@/assets/images/coursewareManage/down.png');
+                    background-size: 100% 100%;
+                  }
+                  .b_sq{
+                    width: 10px;
+                    height: 8px;
+                    background-image: url('@/assets/images/coursewareManage/up.png');
+                    background-size: 100% 100%;
+                  }
+                }
+                .btn4_sup{
+                  width: 100%;
+                  display: flex;
+                  flex-direction: column;
+                  background-color: #ffffff;
+                  box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+                  position: absolute;
+                  top: 40px;
+                  z-index: 999;
+                  .btn4_tit{
+                    margin-top:8px;
+                    margin-left:8px;
+                  }
+                  .btn4_op1,.btn4_op2,.btn4_op3{
+                    margin-left: 20px;
+                  }
+                }
+              }
+              .btn5 {
+                margin-right: 0px;
+                .export {
+                  width: 17px;
+                  height: 18px;
+                  margin-right: 5px;
+                  background-image: url("@/assets/images/coursewareManage/export.png");
+                }
+              }
+              .btn5:hover {
+                background: #4EA6FF;
+                .export {
+                  background-image: url("@/assets/images/coursewareManage/export1.png");
+                }
+                .btnText {
+                  color: #ffffff;
+                }
+              }
+            }
+          }
+          .stmm_i6{
+            margin-top:20px;
+          }
+        }
+      }
+  }
 }
 </style>