From 699b0f69f68d138cfad63c038d523f42e516721d Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Wed, 12 Oct 2022 11:44:16 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat:=E8=A1=A8=E6=A0=BC=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=20=E5=92=8C=20=E7=82=B9=E5=87=BB=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CoursewareManage.vue | 656 +++++++++++--------
 1 file changed, 375 insertions(+), 281 deletions(-)

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 58fd3297..63ce8758 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -385,8 +385,8 @@
         :pagination="false"
       /> -->
       <a-table
-        :columns="columns5"
-        :data-source="tableData"
+        :columns="columns1"
+        :data-source="tableData1"
         :loading="tableDataTotal === -1 ? true : false"
         :scroll="{ x: 800 }"
         expandRowByClick="true"
@@ -457,7 +457,7 @@
                 </div>
                 <div class="bm_table" style="margin-bottom:20px;">
                     <a-table
-                        :columns="columns1"
+                        :columns="columns2"
                         :data-source="tableData2"
                         :loading="tableDataTotal === -1 ? true : false"
                         :pagination="false"
@@ -526,7 +526,7 @@
                 </div>
                 <div class="bm_table" style="margin-bottom:20px;">
                     <a-table
-                        :columns="columns1"
+                        :columns="columns2"
                         :data-source="tableData3"
                         :loading="tableDataTotal === -1 ? true : false"
                         :pagination="false"
@@ -554,7 +554,7 @@
             </div>
             <div class="ftsr_table">
                     <a-table
-                        :columns="columns2"
+                        :columns="columns4"
                         :data-source="tableData4"
                         :loading="tableDataTotal === -1 ? true : false"
                         :pagination="false"
@@ -599,7 +599,7 @@
             </div>
             <div class="gpm_table">
                 <a-table
-                    :columns="columns3"
+                    :columns="columns5"
                     :data-source="tableData5"
                     :loading="tableDataTotal === -1 ? true : false"
                     :pagination="{
@@ -676,7 +676,7 @@
             </div>
             <div class="stm_table">
               <a-table
-                :columns="columns4"
+                :columns="columns6"
                 :data-source="tableData6"
                 :loading="tableDataTotal === -1 ? true : false"
                 :scroll="{ x: 700, y: 800 }"
@@ -901,7 +901,7 @@
               </div>
               <div class="stmm_i6">
                 <a-table
-                  :columns="columns6"
+                  :columns="columns7"
                   :data-source="tableData7"
                   :loading="tableDataTotal === -1 ? true : false"
                   :scroll="{ x: 800 }"
@@ -945,169 +945,6 @@ function getBase64(img, callback) {
   reader.readAsDataURL(img);
 }
 const columns1 = [
-  {
-    title: "姓名",
-    dataIndex: "projectName",
-    key: "projectName",
-    width: "16%",
-    align: "center",
-  },
-  {
-    title: "工号",
-    dataIndex: "numb",
-    key: "numb",
-    width: "16%",
-    align: "center",
-  },
-  {
-    title: "报名时间",
-    dataIndex: "applytime",
-    key: "applytime",
-    width: "16%",
-    align: "center",
-  },
-  {
-    title: "签到时间",
-    dataIndex: "signtime",
-    key: "signtime",
-    width: "16%",
-    align: "center",
-  },
-  {
-    title: "状态",
-    dataIndex: "status",
-    key: "status",
-    width: "16%",
-    align: "center",
-  },
-  {
-    title: "操作",
-    dataIndex: "opacation",
-    key: "opacation",
-    width: "16%",
-    align: "center",
-  },
-];
-const columns2 = [
-  {
-    title: "开课名称",
-    dataIndex: "projectName",
-    key: "projectName",
-    width: "30%",
-    align: "center",
-  },
-  {
-    title: "地点",
-    dataIndex: "address",
-    key: "address",
-    width: "30%",
-    align: "center",
-  },
-  {
-    title: "状态",
-    dataIndex: "status",
-    key: "status",
-    width: "40%",
-    align: "center",
-  },
-];
-const columns3 = [
-  {
-    title: "姓名",
-    dataIndex: "name",
-    key: "name",
-    width: "18%",
-    align: "center",
-  },
-  {
-    title: "归属组织",
-    dataIndex: "organization",
-    key: "organization",
-    width: "18%",
-    align: "center",
-  },
-  {
-    title: "岗位",
-    dataIndex: "position",
-    key: "position",
-    width: "18%",
-    align: "center",
-  },
-  {
-    title: "拥有权限",
-    dataIndex: "authority",
-    key: "authority",
-    width: "18%",
-    align: "center",
-  },
-  {
-    title: "操作",
-    dataIndex: "opacation",
-    key: "opacation",
-    width: "30%",
-    align: "center",
-  },
-];
-const columns4 = [
-  {
-    title: "序号",
-    dataIndex: "num",
-    key: "num",
-    width: "10%",
-  },
-  {
-    title: "归属组织",
-    dataIndex: "organization",
-    key: "organization",
-    width: "12%",
-    align: "center",
-  },
-  {
-    title: "场地",
-    dataIndex: "address",
-    key: "saddress",
-    width: "12%",
-    align: "center",
-  },
-  {
-    title: "开始时间",
-    dataIndex: "starttime",
-    key: "starttime",
-    width: "20%",
-    align: "center",
-  },
-  {
-    title: "创建时间",
-    dataIndex: "createtime",
-    key: "createtime",
-    width: "20%",
-    align: "center",
-  },
-  {
-    title: "操作",
-    dataIndex: "opacation",
-    key: "opacation",
-    width: "26%",
-    align: "center",
-    scopedSlots: { customRender: "action" }, //引入的插槽
-    customRender: () => {
-      // console.log(text);
-      return (
-        <div class="opacation">
-          <span>签到</span>
-          <span style={{ "margin-left": "21px" }}>编辑</span>
-          <span style={{ "margin-left": "21px" }}>管理</span>
-          <span style={{ "margin-left": "21px" }} class="more">
-            <span>更多</span>
-            <div class="moreArrow"></div>
-            <div class="moreItems"></div>
-          </span>
-        </div>
-      );
-    },
-  },
-];
-const columns5 = [
         {
         title: '序号',
         width: 200,
@@ -1195,7 +1032,155 @@ const columns5 = [
         align: "center",
         },
 ];
+const columns2 = [
+  {
+    title: "姓名",
+    dataIndex: "projectName",
+    key: "projectName",
+    width: "16%",
+    align: "center",
+  },
+  {
+    title: "工号",
+    dataIndex: "numb",
+    key: "numb",
+    width: "16%",
+    align: "center",
+  },
+  {
+    title: "报名时间",
+    dataIndex: "applytime",
+    key: "applytime",
+    width: "16%",
+    align: "center",
+  },
+  {
+    title: "签到时间",
+    dataIndex: "signtime",
+    key: "signtime",
+    width: "16%",
+    align: "center",
+  },
+  {
+    title: "状态",
+    dataIndex: "status",
+    key: "status",
+    width: "16%",
+    align: "center",
+  },
+  {
+    title: "操作",
+    dataIndex: "opacation",
+    key: "opacation",
+    width: "16%",
+    align: "center",
+  },
+];
+const columns4 = [
+  {
+    title: "开课名称",
+    dataIndex: "projectName",
+    key: "projectName",
+    width: "30%",
+    align: "center",
+  },
+  {
+    title: "地点",
+    dataIndex: "address",
+    key: "address",
+    width: "30%",
+    align: "center",
+  },
+  {
+    title: "状态",
+    dataIndex: "status",
+    key: "status",
+    width: "40%",
+    align: "center",
+  },
+];
+const columns5 = [
+  {
+    title: "姓名",
+    dataIndex: "name",
+    key: "name",
+    width: "18%",
+    align: "center",
+  },
+  {
+    title: "归属组织",
+    dataIndex: "organization",
+    key: "organization",
+    width: "18%",
+    align: "center",
+  },
+  {
+    title: "岗位",
+    dataIndex: "position",
+    key: "position",
+    width: "18%",
+    align: "center",
+  },
+  {
+    title: "拥有权限",
+    dataIndex: "authority",
+    key: "authority",
+    width: "18%",
+    align: "center",
+  },
+  {
+    title: "操作",
+    dataIndex: "opacation",
+    key: "opacation",
+    width: "30%",
+    align: "center",
+  },
+];
 const columns6 = [
+  {
+    title: "序号",
+    dataIndex: "num",
+    key: "num",
+    width: "10%",
+    align: "center",
+  },
+  {
+    title: "归属组织",
+    dataIndex: "organization",
+    key: "organization",
+    width: "12%",
+    align: "center",
+  },
+  {
+    title: "场地",
+    dataIndex: "address",
+    key: "saddress",
+    width: "12%",
+    align: "center",
+  },
+  {
+    title: "开始时间",
+    dataIndex: "starttime",
+    key: "starttime",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "创建时间",
+    dataIndex: "createtime",
+    key: "createtime",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: '操作',
+    width: '20%',
+    dataIndex: "operation",
+    key: 'operation',
+    align: "center",
+  },
+];
+const columns7 = [
         {
         title: '序号',
         width: 200,
@@ -1280,7 +1265,7 @@ export default defineComponent({
   setup() {
     const current = ref(["mail"]);
     const state = reactive({
-      tableData: [
+      tableData1: [
         {
           key: "1",
           num: 1,
@@ -1393,6 +1378,14 @@ export default defineComponent({
           signtime: "-",
           status: "已通过",
         },
+        {
+          key: 2,
+          projectName: "",
+          numb: "",
+          applytime: "2022-07-20 14:00:00",
+          signtime: "2022-09-26 13:30:30",
+          status: "已完成",
+        },
       ],
       tableData3: [
         {
@@ -1403,14 +1396,6 @@ export default defineComponent({
           signtime: "-",
           status: "已通过",
         },
-        {
-          key: 2,
-          projectName: "",
-          numb: "",
-          applytime: "2022-07-20 14:00:00",
-          signtime: "2022-09-26 13:30:30",
-          status: "已完成",
-        },
       ],
       tableData4: [
         {
@@ -1579,6 +1564,17 @@ export default defineComponent({
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
+      of_hs: false,
+      hideshow: true,
+      bs_hs: true,
+      ft_hs:false,
+      om_1: false,
+      ftm_1:false,
+      om_ckxq: false,
+      gpm_hs:false,
+      stm_hs: false,
+      cstm_hs:false,
+      sm_hs:false,
     });
     // const tableDataFunc = () => {
     //   const columns = [
@@ -1747,22 +1743,31 @@ export default defineComponent({
     };
 
     const getTableDate = () => {
-      let data = state.tableData;
-      data.map((value) => {
+      let datas = state.tableData1;
+      datas.map((value) => {
         {
           //单层项目
-          value.operation = (
+          value.operation = ( 
             <div class="operation">
               <div class="nSelect">
                 {value.status === "已审核" ? (
                   <div class="nselect">
                     
                     <div class='ops1'>
-                      <div class="jc">开课</div>
+                      <div class="jc"
+                        onClick={() => {
+                          state.stm_hs = true;
+                        }}>开课</div>
                     </div>
 
                     <div class='ops2'>    
-                      <div class="jc">管理</div>
+                      <div class="jc" onClick={() => {
+                        if (value.courseform === '线上') {
+                          state.om_1 = true;
+                        } else if (value.courseform === '面授') {
+                          state.ftm_1 = true;
+                        }
+                      }}>管理</div>
                     </div>
 
                     <div class='ops3'>                   
@@ -1771,14 +1776,16 @@ export default defineComponent({
 
                     <div class="tableSelect">
                       <div class='ops4'> 
-                        <a-select
+                        <a-select 
                           style="width: 50px;margin-top:2px;margin-left:25px"
                           value="授权"
                           // options={state.projectNameList}
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="权限名单" label="权限名单">
-                            <div>权限名单</div>
+                            <div onClick={() => {
+                              state.gpm_hs = true;
+                            }}>权限名单</div>
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
@@ -1837,7 +1844,10 @@ export default defineComponent({
                   <div class="nselect">
 
                     <div class='ops1'>
-                      <div class="jc">开课</div>
+                      <div class="jc"
+                        onClick={() => {
+                          state.stm_hs = true;
+                        }}>开课</div>
                     </div>
 
                     <div class='ops5'> 
@@ -1853,7 +1863,9 @@ export default defineComponent({
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="权限名单" label="权限名单">
-                            <div>权限名单</div>
+                            <div onClick={() => {
+                              state.gpm_hs = true;
+                            }}>权限名单</div>
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
@@ -1881,7 +1893,10 @@ export default defineComponent({
                   <div class="nselect">
 
                     <div class='ops1'>
-                      <div class="jc">开课</div>
+                      <div class="jc"
+                        onClick={() => {
+                          state.stm_hs = true;
+                        }}>开课</div>
                     </div>
 
                     <div class='ops2'>
@@ -1898,7 +1913,10 @@ export default defineComponent({
                 {value.status === "审核未通过" ? (
                   <div class="nselect">
                     <div class='ops1'>
-                      <div class="jc">开课</div>
+                      <div class="jc"
+                        onClick={() => {
+                          state.stm_hs = true;
+                        }}>开课</div>
                     </div>
 
                     <div class='ops2'>
@@ -1919,7 +1937,9 @@ export default defineComponent({
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="权限名单" label="权限名单">
-                            <div>权限名单</div>
+                            <div onClick={() => {
+                              state.gpm_hs = true;
+                            }}>权限名单</div>
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
@@ -1952,7 +1972,7 @@ export default defineComponent({
           );
         }
       });
-      state.tableData = data;
+      state.tableData = datas;
     };
     getTableDate();
 
@@ -2002,34 +2022,70 @@ export default defineComponent({
           );
         }
       });
-      state.tableData2 = data2;
+      state.tableData = data2;
     };
     getTableDate2();
 
-    const onftvalue = ref();
+    const getTableDate3 = () => {
+      let datas = state.tableData6;
+      datas.map((value) => {
+        {
+          //单层项目
+          value.operation = ( 
+            <div class="operation">
+              <div class="nSelect">
+                <div class="nselect">
 
-    return {
-      onftvalue,
-      current,
-      ...toRefs(state),
-      fileList,
-      loading,
-      imageUrl,
-      columns1,
-      columns2,
-      columns3,
-      columns4,
-      columns5,
-      columns6,
-      // tableDataFunc,
-      handleChange,
-      beforeUpload,
-      getTableDate,
-      getTableDate2,
+                      <div class="jc">签到</div>
+
+                      <div class="jc">编辑</div>
+
+                      <div class="jc"
+                        onClick={() => {
+                          state.sm_hs = true;
+                        }}>管理</div>
+
+                    <div class="tableSelect">
+                          <a-select
+                            style="width: 50px;margin-top:2px;margin-left:25px"
+                            value="更多"
+                            // options={state.projectNameList}
+                            dropdownClassName="tabledropdown"
+                          >
+                            <a-select-option
+                              value="复制"
+                              label="复制"
+                              style="padding-left:35px"
+                            >
+                              <div>复制</div>
+                            </a-select-option>
+                            <a-select-option
+                              value="取消"
+                              label="取消"
+                              style="padding-left:35px"
+                            >
+                              <div
+                                onClick={() => {
+                                  console.log("点击了");
+                                }}
+                              >
+                                取消
+                              </div>
+                            </a-select-option>
+                          </a-select>
+                    </div>
+                </div>
+              </div>
+
+            </div>
+          );
+        }
+      });
+      state.tableData = datas;
     };
-  },
+    getTableDate3();
 
-  data() {
+    const onftvalue = ref();
     const options1 = ref([
       {
         value: "value1",
@@ -2072,19 +2128,6 @@ export default defineComponent({
       },
     ]);
 
-    const state = reactive({
-      of_hs: false,
-      hideshow: true,
-      bs_hs: true,
-      ft_hs:false,
-      om_1: false,
-      ftm_1:false,
-      om_ckxq: false,
-      gpm_hs:false,
-      stm_hs: false,
-      cstm_hs:false,
-      sm_hs:false,
-    });
 
     const of_hShow = () => {
       if (state.of_hs == false) {
@@ -2145,9 +2188,25 @@ export default defineComponent({
     const sm_exit = () => {
       state.sm_hs = false;
     };
-
     return {
+      onftvalue,
+      current,
       ...toRefs(state),
+      fileList,
+      loading,
+      imageUrl,
+      columns1,
+      columns2,
+
+      columns4,
+      columns5,
+      columns6,
+      columns7,
+      // tableDataFunc,
+      handleChange,
+      beforeUpload,
+      getTableDate,
+      getTableDate2,
       options1,
       options2,
       of_hShow,
@@ -2168,6 +2227,32 @@ export default defineComponent({
       sm_exit,
     };
   },
+
+  // data() {
+
+
+  //   // return {
+  //   //   ...toRefs(state),
+  //   //   options1,
+  //   //   options2,
+  //   //   of_hShow,
+  //   //   of_exit,
+  //   //   hideShow,
+  //   //   bs_hShow,
+  //   //   bs_unhShow,
+  //   //   createft,
+  //   //   ft_exit,
+  //   //   om_exit,
+  //   //   ftm_exit,
+  //   //   ckxq_hs,
+  //   //   ftsr_exit,
+  //   //   gpm_exit,
+  //   //   stm_exit,
+  //   //   createkk,
+  //   //   cstm_exit,
+  //   //   sm_exit,
+  //   // };
+  // },
 });
 </script>
 <style lang="scss">
@@ -2595,30 +2680,53 @@ export default defineComponent({
 
   .tableBox {
     margin: 20px 38px 30px;
-    .operation {
-      display: flex;
-      justify-content: right;
-      .nSelect {
+    .operation{
         display: flex;
-        .nselect {
+        justify-content: center;
+        align-items: center;
+        color:#4EA6FF;
+        .nselect{
+          justify-content: center;
+          align-items: center;
           display: flex;
-          color: #4ea6ff;
-          font-size: 14px;
-          .ops1,.ops2,.ops3,.ops4,.ops5{
+          .jc{
             margin-left: 20px;
+            cursor: pointer;
           }
-          // .jc {
-          //   margin-left: 20px;
-          // }
+        }
+        .tableSelect {
+          margin-right: 10px;
+          margin-left: -5px;
+          display: flex;
+          align-items: center;
+          justify-content: right;
         }
       }
-      .tableSelect {
-        margin-left: -30px;
-        display: flex;
-        align-items: center;
-        justify-content: right;
-      }
-    }
+    // .operation {
+    //   display: flex;
+    //   justify-content: right;
+    //   .nSelect {
+    //     display: flex;
+    //     .nselect {
+    //       display: flex;
+    //       color: #4ea6ff;
+    //       font-size: 14px;
+    //       .ops1,.ops2,.ops3,.ops4,.ops5{
+    //         margin-left: 20px;
+    //         cursor: pointer;
+    //       }
+    //       .jc {
+    //         margin-left: 20px;
+    //       }
+    //     }
+    //   }
+    //   .tableSelect {
+    //     margin-left: -30px;
+    //     display: flex;
+    //     align-items: center;
+    //     justify-content: right;
+    //   }
+    // }
   }
 
   .onlinemanage,
@@ -3084,44 +3192,30 @@ export default defineComponent({
           width: 90%;
           margin:30px auto;
           border: 1px solid #F0F4FE;
-        }
-        .opacation {
-          font-size: 14px;
-          font-weight: 400;
-          color: #4ea6ff;
-          // line-height: 36px;
-          .more {
-            position: relative;
-            .moreArrow {
-              width: 13px;
-              height: 7px;
-              display: inline-block;
-              background-image: url("../../assets/images/navtop/down.png");
-              background-size: 100%;
-              margin: 2px;
-              margin-left: 7px;
+          .operation{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color:#4EA6FF;
+            .nselect{
+              justify-content: center;
+              align-items: center;
+              display: flex;
+              .jc{
+                margin-left: 20px;
+                cursor: pointer;
+              }
             }
-            .moreItems {
-              width: 80px;
-              height: 70px;
-              display: none;
-              background: #ffffff;
-              box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-              border-radius: 3px;
-              border: 0px solid #dcdcdc;
-              position: absolute;
-              left: 0px;
-              top: 18px;
-              z-index: 100;
+            .tableSelect {
+              margin-right: 10px;
+              margin-left: -5px;
+              display: flex;
+              align-items: center;
+              justify-content: right;
             }
           }
-          .more:hover .moreArrow {
-            background-image: url("../../assets/images/navtop/up.png");
-          }
-          .more:hover .moreItems {
-            display: block;
-          }
         }
+
       }
     }
   .createschooltime{

From 0a9cbf27439d97a4541587c6c98f634eedbe4baa Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Wed, 12 Oct 2022 11:45:40 +0800
Subject: [PATCH 2/4] =?UTF-8?q?style=EF=BC=9A=E4=BF=AE=E6=94=B9=E5=88=9B?=
 =?UTF-8?q?=E5=BB=BA=E5=85=B3=E5=8D=A1=E9=A1=B5=E9=9D=A2=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E9=81=AE=E6=8C=A1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/learningpath/LevelAddDetail.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 32c7e08c..cdf1d569 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -714,7 +714,7 @@ export default {
 
 .drawerStyle {
   .ant-drawer-content-wrapper {
-    max-width: 1000px;
+    // max-width: 1000px;
     .ant-drawer-header {
       display: none !important;
     }
@@ -794,11 +794,15 @@ export default {
   background-color: #f1f4f8;
   display: flex;
   // min-width: 1200px;
-  overflow-x: hidden;
+  // overflow-x: hidden;
+  // min-width: 1400px;
+  // overflow: scroll;
   .left {
     margin-right: 20px;
     width: 208px;
+    // height: 100%;
     flex-shrink: 0;
+    // flex: 1;
     height: 100%;
     background: #ffffff;
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
@@ -905,7 +909,7 @@ export default {
       width: 100%;
       // min-width: 500px;
       // height: 130px;
-
+      // flex: 1;
       background-color: #fff;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
       display: flex;
@@ -1125,6 +1129,7 @@ export default {
           }
         }
         .tableBox {
+          margin-bottom: 80px;
           .classify {
             margin-left: 10px !important;
             padding-left: 9px !important;
@@ -1175,10 +1180,6 @@ export default {
     //     background: #f6f9fd;
     //   }
     // }
-    .draw {
-      .drawerbox {
-      }
-    }
   }
 
   .opat {

From 8348c7bfe8358d07419e5248bae5b9fa4992b749 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=99=93=E9=B8=BD?= <lixg@dongwu-inc.com>
Date: Wed, 12 Oct 2022 11:45:45 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CoursewareManage.vue | 2786 +++++++++---------
 src/views/projectcenter/ProjectManage.vue    |    1 +
 2 files changed, 1458 insertions(+), 1329 deletions(-)

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 58fd3297..a0f82187 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -79,7 +79,8 @@
     </div>
 
     <!-- 新建选择线上还是面授课弹窗 -->
-    <div class="selectonlineface"
+    <div
+      class="selectonlineface"
       :style="{ display: of_hs ? 'block' : 'none' }"
     >
       <div class="of_header"></div>
@@ -139,16 +140,20 @@
               >⃰</span
             >
             <span style="margin-right: 14px">授课形式</span>
-              <a-radio-group v-model:value="onftvalue">
-                <div class="bc_box">
-                  <div class="bc_boxl" @click="bs_unhShow">
-                    <div class="ol_checkbox"><a-radio v-model:checked="checked" :value="1">线上</a-radio></div>
-                  </div>
-                  <div class="bc_boxr" @click="bs_hShow">
-                    <div class="ol_checkbox"><a-radio v-model:checked="checked" :value="2">面授</a-radio></div>
+            <a-radio-group v-model:value="onftvalue">
+              <div class="bc_box">
+                <div class="bc_boxl" @click="bs_unhShow">
+                  <div class="ol_checkbox">
+                    <a-radio v-model:checked="checked" :value="1">线上</a-radio>
                   </div>
                 </div>
-              </a-radio-group>
+                <div class="bc_boxr" @click="bs_hShow">
+                  <div class="ol_checkbox">
+                    <a-radio v-model:checked="checked" :value="2">面授</a-radio>
+                  </div>
+                </div>
+              </div>
+            </a-radio-group>
           </div>
           <div class="b_sup" :style="{ display: bs_hs ? 'block' : 'none' }">
             <div class="bs_box">
@@ -158,8 +163,12 @@
               <span style="margin-right: 14px">是否设置目录</span>
               <a-radio-group v-model:value="value">
                 <div class="bc_box">
-                  <div class="ol_checkbox"><a-radio v-model:checked="checked" :value="1">是</a-radio></div>
-                  <div class="ol_checkbox"><a-radio v-model:checked="checked" :value="2">否</a-radio></div>
+                  <div class="ol_checkbox">
+                    <a-radio v-model:checked="checked" :value="1">是</a-radio>
+                  </div>
+                  <div class="ol_checkbox">
+                    <a-radio v-model:checked="checked" :value="2">否</a-radio>
+                  </div>
                 </div>
               </a-radio-group>
             </div>
@@ -184,7 +193,7 @@
         <div class="m_header">
           <div class="add_icon"></div>
           <span>新建面授课</span>
-          <div class="close_exit" @click="ft_exit" ></div>
+          <div class="close_exit" @click="ft_exit"></div>
         </div>
         <div class="m_title">课程信息</div>
         <div class="m_body">
@@ -208,7 +217,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>
@@ -388,7 +397,7 @@
         :columns="columns5"
         :data-source="tableData"
         :loading="tableDataTotal === -1 ? true : false"
-        :scroll="{ x: 800 }"
+        :scroll="{ x: 1500 }"
         expandRowByClick="true"
         @expand="expandTable"
         :pagination="false"
@@ -399,316 +408,338 @@
     <!-- 操作管理在线课程管理页面 -->
     <div class="onlinemanage" :style="{ display: om_1 ? 'block' : 'none' }">
       <div class="om_header"></div>
-        <div class="om_main">
-            <div class="omm_header">
-                <div class="pc_icon"></div>
-                <span>在线课程管理</span>
-                <div class="close_exit" @click="om_exit"></div>
-            </div>
-            <div class="om_body">
-                <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</div>
-                <div class="b_sub">
-                    <div class="bs_type">类型：</div>
-                    <div class="bs_right">录播课</div>
-                    <div class="bs_left">内容分类：</div>
-                    <div class="bs_right">领导力</div>
-                    <div class="bs_left">状态：</div>
-                    <div class="bs_right">已审核</div>
-                </div>
-                <div class="b_menu">
-                    <a-menu v-model:selectedKeys="current" mode="horizontal">
-                        <a-menu-item key="mail">
-                            报名管理
-                        </a-menu-item>
-                        <a-menu-item key="sub2">
-                            学习记录
-                        </a-menu-item>
-                        <a-menu-item key="sub3">
-                            资源完成情况
-                        </a-menu-item>
-                    </a-menu>
-                </div>
-                <div class="b_menunav">
-                    <div class="bm_select">
-                        <a-select
-                            class="select"
-                            ref="select"
-                            placeholder="请选择状态"
-                            v-model:value="value1"
-                            style="width: 200px;"
-                            @focus="focus"
-                            @change="handleChange"
-                            >
-                            <a-select-option value="status">状态</a-select-option>
-                            <a-select-option value="passed">已通过</a-select-option>
-                            <a-select-option value="weishenhe">未审核</a-select-option>
-                            <a-select-option value="reject">管理员拒绝</a-select-option>
-                        </a-select>
-                    </div>
-                    <div class="bm_input">
-                        <a-input v-model:value="value" style="width: 200px ;height:40px;border-radius: 8px;" placeholder="姓名" />
-                    </div>
-                    <div class="bm_btn">
-                        <div class="btn btn1">
-                            <div class="search"></div>
-                            <div class="btnText">搜索</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="bm_table" style="margin-bottom:20px;">
-                    <a-table
-                        :columns="columns1"
-                        :data-source="tableData2"
-                        :loading="tableDataTotal === -1 ? true : false"
-                        :pagination="false"
-                    />
-                </div>
-            </div>
+      <div class="om_main">
+        <div class="omm_header">
+          <div class="pc_icon"></div>
+          <span>在线课程管理</span>
+          <div class="close_exit" @click="om_exit"></div>
         </div>
+        <div class="om_body">
+          <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</div>
+          <div class="b_sub">
+            <div class="bs_type">类型：</div>
+            <div class="bs_right">录播课</div>
+            <div class="bs_left">内容分类：</div>
+            <div class="bs_right">领导力</div>
+            <div class="bs_left">状态：</div>
+            <div class="bs_right">已审核</div>
+          </div>
+          <div class="b_menu">
+            <a-menu v-model:selectedKeys="current" mode="horizontal">
+              <a-menu-item key="mail"> 报名管理 </a-menu-item>
+              <a-menu-item key="sub2"> 学习记录 </a-menu-item>
+              <a-menu-item key="sub3"> 资源完成情况 </a-menu-item>
+            </a-menu>
+          </div>
+          <div class="b_menunav">
+            <div class="bm_select">
+              <a-select
+                class="select"
+                ref="select"
+                placeholder="请选择状态"
+                v-model:value="value1"
+                style="width: 200px"
+                @focus="focus"
+                @change="handleChange"
+              >
+                <a-select-option value="status">状态</a-select-option>
+                <a-select-option value="passed">已通过</a-select-option>
+                <a-select-option value="weishenhe">未审核</a-select-option>
+                <a-select-option value="reject">管理员拒绝</a-select-option>
+              </a-select>
+            </div>
+            <div class="bm_input">
+              <a-input
+                v-model:value="value"
+                style="width: 200px; height: 40px; border-radius: 8px"
+                placeholder="姓名"
+              />
+            </div>
+            <div class="bm_btn">
+              <div class="btn btn1">
+                <div class="search"></div>
+                <div class="btnText">搜索</div>
+              </div>
+            </div>
+          </div>
+          <div class="bm_table" style="margin-bottom: 20px">
+            <a-table
+              :columns="columns1"
+              :data-source="tableData2"
+              :loading="tableDataTotal === -1 ? true : false"
+              :pagination="false"
+            />
+          </div>
+        </div>
+      </div>
     </div>
     <!-- 操作管理在线课程管理页面 -->
 
     <!-- 操作管理面授课程管理页面 -->
     <div class="faceteachmanage" :style="{ display: ftm_1 ? 'block' : 'none' }">
       <div class="om_header"></div>
-        <div class="om_main">
-            <div class="omm_header">
-                <div class="pc_icon"></div>
-                <span>面授课程管理</span>
-                <div class="close_exit" @click="ftm_exit"></div>
-            </div>
-            <div class="om_body">
-                <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</div>
-                <div class="b_sub">
-                    <div class="bs_type">类型：</div>
-                    <div class="bs_right">录播课</div>
-                    <div class="bs_left">内容分类：</div>
-                    <div class="bs_right">领导力</div>
-                    <div class="bs_left">状态：</div>
-                    <div class="bs_right">已审核</div>
-                </div>
-                <div class="b_menu">
-                    <a-menu v-model:selectedKeys="current" mode="horizontal">
-                        <a-menu-item key="mail">
-                            报名管理
-                        </a-menu-item>
-                        <a-menu-item key="sub2">
-                            学习记录
-                        </a-menu-item>
-                    </a-menu>
-                </div>
-                <div class="b_menunav">
-                    <div class="bm_select">
-                        <a-select
-                            class="select"
-                            ref="select"
-                            placeholder="请选择状态"
-                            v-model:value="value1"
-                            style="width: 200px;"
-                            @focus="focus"
-                            @change="handleChange"
-                            >
-                            <a-select-option value="status">状态</a-select-option>
-                            <a-select-option value="passed">已通过</a-select-option>
-                            <a-select-option value="weishenhe">未审核</a-select-option>
-                            <a-select-option value="reject">管理员拒绝</a-select-option>
-                        </a-select>
-                    </div>
-                    <div class="bm_input">
-                        <a-input v-model:value="value" style="width: 200px ;height:40px;border-radius: 8px;" placeholder="姓名" />
-                    </div>
-                    <div class="bm_btn">
-                        <div class="btn btn1">
-                            <div class="search"></div>
-                            <div class="btnText">搜索</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="bm_table" style="margin-bottom:20px;">
-                    <a-table
-                        :columns="columns1"
-                        :data-source="tableData3"
-                        :loading="tableDataTotal === -1 ? true : false"
-                        :pagination="false"
-                    >
-                      <template #bodyCell="{ column }">
-                        <template v-if="column.key === 'opacation'">
-                          <a @click="ckxq_hs">查看详情</a>
-                        </template>
-                      </template>
-                    </a-table>
-                </div>
-            </div>
+      <div class="om_main">
+        <div class="omm_header">
+          <div class="pc_icon"></div>
+          <span>面授课程管理</span>
+          <div class="close_exit" @click="ftm_exit"></div>
         </div>
+        <div class="om_body">
+          <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</div>
+          <div class="b_sub">
+            <div class="bs_type">类型：</div>
+            <div class="bs_right">录播课</div>
+            <div class="bs_left">内容分类：</div>
+            <div class="bs_right">领导力</div>
+            <div class="bs_left">状态：</div>
+            <div class="bs_right">已审核</div>
+          </div>
+          <div class="b_menu">
+            <a-menu v-model:selectedKeys="current" mode="horizontal">
+              <a-menu-item key="mail"> 报名管理 </a-menu-item>
+              <a-menu-item key="sub2"> 学习记录 </a-menu-item>
+            </a-menu>
+          </div>
+          <div class="b_menunav">
+            <div class="bm_select">
+              <a-select
+                class="select"
+                ref="select"
+                placeholder="请选择状态"
+                v-model:value="value1"
+                style="width: 200px"
+                @focus="focus"
+                @change="handleChange"
+              >
+                <a-select-option value="status">状态</a-select-option>
+                <a-select-option value="passed">已通过</a-select-option>
+                <a-select-option value="weishenhe">未审核</a-select-option>
+                <a-select-option value="reject">管理员拒绝</a-select-option>
+              </a-select>
+            </div>
+            <div class="bm_input">
+              <a-input
+                v-model:value="value"
+                style="width: 200px; height: 40px; border-radius: 8px"
+                placeholder="姓名"
+              />
+            </div>
+            <div class="bm_btn">
+              <div class="btn btn1">
+                <div class="search"></div>
+                <div class="btnText">搜索</div>
+              </div>
+            </div>
+          </div>
+          <div class="bm_table" style="margin-bottom: 20px">
+            <a-table
+              :columns="columns1"
+              :data-source="tableData3"
+              :loading="tableDataTotal === -1 ? true : false"
+              :pagination="false"
+            >
+              <template #bodyCell="{ column }">
+                <template v-if="column.key === 'opacation'">
+                  <a @click="ckxq_hs">查看详情</a>
+                </template>
+              </template>
+            </a-table>
+          </div>
+        </div>
+      </div>
     </div>
     <!-- 操作管理面授课程管理页面 -->
 
     <!-- 操作管理面授课程管理查看详情页面 -->
     <div class="ftsturecord" :style="{ display: om_ckxq ? 'block' : 'none' }">
       <div class="ftsr_header"></div>
-        <div class="ftsr_main">
-            <div class="m_header">
-                <div class="det_icon"></div>
-                <span>查看详情</span>
-                <div class="det_exit" @click="ftsr_exit"></div>
-            </div>
-            <div class="ftsr_table">
-                    <a-table
-                        :columns="columns2"
-                        :data-source="tableData4"
-                        :loading="tableDataTotal === -1 ? true : false"
-                        :pagination="false"
-                    >
-                    </a-table>
-            </div>
-            <div class="ftsr_btn" @click="ftsr_exit">        
-                <div class="btnText">取消</div>
-            </div>
+      <div class="ftsr_main">
+        <div class="m_header">
+          <div class="det_icon"></div>
+          <span>查看详情</span>
+          <div class="det_exit" @click="ftsr_exit"></div>
         </div>
+        <div class="ftsr_table">
+          <a-table
+            :columns="columns2"
+            :data-source="tableData4"
+            :loading="tableDataTotal === -1 ? true : false"
+            :pagination="false"
+          >
+          </a-table>
+        </div>
+        <div class="ftsr_btn" @click="ftsr_exit">
+          <div class="btnText">取消</div>
+        </div>
+      </div>
     </div>
     <!-- 面授课程管理查看详情页面 -->
 
     <!-- 操作授权页面 -->
     <div class="givepower" :style="{ display: gpm_hs ? 'block' : 'none' }">
       <div class="gp_header"></div>
-        <div class="gp_main">
-            <div class="gpm_header">
-                <div class="givepower_icon"></div>
-                <span>授权</span>
-                <div class="close_exit" @click="gpm_exit"></div>
-            </div>
-            <div class="gpm_inputbtn">
-              <a-input
-                v-model:value="value"
-                style="width: 270px; height: 40px; border-radius: 8px; margin-right: 14px;"
-                placeholder="请输入姓名"
-              />
-              <div class="gpm_btn btn1">
-                <div class="search"></div>
-                <div class="btnText">搜索</div>
-              </div>
-              <div class="gpm_btn btn2">
-                <div class="reset"></div>
-                <div class="btnText">重置</div>
-              </div>
-            </div>
-            <div class="gpm_notice">
-              <div class="th_icon"></div>
-              <div class="textarea">已选择 <span style="color: #4EA6FF;">1</span> 项</div>
-              <div class="textarea"><span style="color:#999BA3;">列表选项总计：</span><span>5条</span></div>
-            </div>
-            <div class="gpm_table">
-                <a-table
-                    :columns="columns3"
-                    :data-source="tableData5"
-                    :loading="tableDataTotal === -1 ? true : false"
-                    :pagination="{
-                      showSizeChanger: true,
-                      showQuickJumper: true,
-                      hideOnSinglePage: true,
-                      pageSizeOptions: [],
-                      pageSize: pageSize,
-                      current: currentPage,
-                      total: tableDataTotal,
-                      onChange: (page, pageSize) => {
-                        currentPage = page;
-                        // console.log('page', page)
-                        // 加翻页查找代码
-                        // 	this.setState({
-                        // 		currentPage: page,
-                        // 	}, () => {
-                        // 		this.getMilitaryDeployment()
-                        // 	})
-                      },
-                    }"
-                >
-                  <template #bodyCell="{ column }">
-                    <template v-if="column.key === 'opacation'">
-                      <a>取消授权</a>
-                    </template>
-                  </template>
-                </a-table>
-            </div>
+      <div class="gp_main">
+        <div class="gpm_header">
+          <div class="givepower_icon"></div>
+          <span>授权</span>
+          <div class="close_exit" @click="gpm_exit"></div>
         </div>
+        <div class="gpm_inputbtn">
+          <a-input
+            v-model:value="value"
+            style="
+              width: 270px;
+              height: 40px;
+              border-radius: 8px;
+              margin-right: 14px;
+            "
+            placeholder="请输入姓名"
+          />
+          <div class="gpm_btn btn1">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="gpm_btn btn2">
+            <div class="reset"></div>
+            <div class="btnText">重置</div>
+          </div>
+        </div>
+        <div class="gpm_notice">
+          <div class="th_icon"></div>
+          <div class="textarea">
+            已选择 <span style="color: #4ea6ff">1</span> 项
+          </div>
+          <div class="textarea">
+            <span style="color: #999ba3">列表选项总计：</span><span>5条</span>
+          </div>
+        </div>
+        <div class="gpm_table">
+          <a-table
+            :columns="columns3"
+            :data-source="tableData5"
+            :loading="tableDataTotal === -1 ? true : false"
+            :pagination="{
+              showSizeChanger: true,
+              showQuickJumper: true,
+              hideOnSinglePage: true,
+              pageSizeOptions: [],
+              pageSize: pageSize,
+              current: currentPage,
+              total: tableDataTotal,
+              onChange: (page, pageSize) => {
+                currentPage = page;
+                // console.log('page', page)
+                // 加翻页查找代码
+                // 	this.setState({
+                // 		currentPage: page,
+                // 	}, () => {
+                // 		this.getMilitaryDeployment()
+                // 	})
+              },
+            }"
+          >
+            <template #bodyCell="{ column }">
+              <template v-if="column.key === 'opacation'">
+                <a>取消授权</a>
+              </template>
+            </template>
+          </a-table>
+        </div>
+      </div>
     </div>
     <!--操作授权页面 -->
 
     <!--开课页面 -->
     <div class="schooltime" :style="{ display: stm_hs ? 'block' : 'none' }">
       <div class="st_header"></div>
-        <div class="st_main">
-            <div class="stm_header">
-                <div class="scht_icon"></div>
-                <span>开课</span>
-                <div class="close_exit" @click="stm_exit"></div>
-            </div>
-            <div class="stm_inputbtn">
-              <a-input
-                v-model:value="value"
-                style="width: 270px; height: 40px; border-radius: 8px; margin-right: 14px;"
-                placeholder="请输入创建人"
-              />
-              <a-input
-                v-model:value="value"
-                style="width: 270px; height: 40px; border-radius: 8px; margin-right: 14px;"
-                placeholder="请输入教师名称"
-              />
-              <div class="select">
-                <a-date-picker
-                  v-model="selectTime"
-                  type="date"
-                  placeholder="创建时间"
-                  style="width: 270px; margin-right: 14px;"
-                />
-              </div>
-              <div class="stm_btn btn1">
-                <div class="search"></div>
-                <div class="btnText">搜索</div>
-              </div>
-              <div class="stm_btn btn2">
-                <div class="reset"></div>
-                <div class="btnText">重置</div>
-              </div>
-              <div class="stm_btn3 btn3" >
-                <div class="add"></div>
-                <div class="btnText" @click="createkk"><span style="color:#ffffff;">新建开课</span> </div>
-              </div>
-            </div>
-            <div class="stm_table">
-              <a-table
-                :columns="columns4"
-                :data-source="tableData6"
-                :loading="tableDataTotal === -1 ? true : false"
-                :scroll="{ x: 700, y: 800 }"
-                expandRowByClick="true"
-                @expand="expandTable"
-                :pagination="{
-                  showSizeChanger: true,
-                  showQuickJumper: true,
-                  hideOnSinglePage: true,
-                  pageSizeOptions: [],
-                  pageSize: pageSize,
-                  current: currentPage,
-                  total: tableDataTotal,
-                  onChange: (page, pageSize) => {
-                    currentPage = page;
-                    // console.log('page', page)
-                    // 加翻页查找代码
-                    // 	this.setState({
-                    // 		currentPage: page,
-                    // 	}, () => {
-                    // 		this.getMilitaryDeployment()
-                    // 	})
-                  },
-                }"
-              />
-            </div>
+      <div class="st_main">
+        <div class="stm_header">
+          <div class="scht_icon"></div>
+          <span>开课</span>
+          <div class="close_exit" @click="stm_exit"></div>
         </div>
+        <div class="stm_inputbtn">
+          <a-input
+            v-model:value="value"
+            style="
+              width: 270px;
+              height: 40px;
+              border-radius: 8px;
+              margin-right: 14px;
+            "
+            placeholder="请输入创建人"
+          />
+          <a-input
+            v-model:value="value"
+            style="
+              width: 270px;
+              height: 40px;
+              border-radius: 8px;
+              margin-right: 14px;
+            "
+            placeholder="请输入教师名称"
+          />
+          <div class="select">
+            <a-date-picker
+              v-model="selectTime"
+              type="date"
+              placeholder="创建时间"
+              style="width: 270px; margin-right: 14px"
+            />
+          </div>
+          <div class="stm_btn btn1">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="stm_btn btn2">
+            <div class="reset"></div>
+            <div class="btnText">重置</div>
+          </div>
+          <div class="stm_btn3 btn3">
+            <div class="add"></div>
+            <div class="btnText" @click="createkk">
+              <span style="color: #ffffff">新建开课</span>
+            </div>
+          </div>
+        </div>
+        <div class="stm_table">
+          <a-table
+            :columns="columns4"
+            :data-source="tableData6"
+            :loading="tableDataTotal === -1 ? true : false"
+            :scroll="{ x: 700, y: 800 }"
+            expandRowByClick="true"
+            @expand="expandTable"
+            :pagination="{
+              showSizeChanger: true,
+              showQuickJumper: true,
+              hideOnSinglePage: true,
+              pageSizeOptions: [],
+              pageSize: pageSize,
+              current: currentPage,
+              total: tableDataTotal,
+              onChange: (page, pageSize) => {
+                currentPage = page;
+                // console.log('page', page)
+                // 加翻页查找代码
+                // 	this.setState({
+                // 		currentPage: page,
+                // 	}, () => {
+                // 		this.getMilitaryDeployment()
+                // 	})
+              },
+            }"
+          />
+        </div>
+      </div>
     </div>
     <!--开课页面 -->
 
     <!--新建开课页面 -->
-    <div class="createschooltime" :style="{ display: cstm_hs ? 'block' : 'none' }">
+    <div
+      class="createschooltime"
+      :style="{ display: cstm_hs ? 'block' : 'none' }"
+    >
       <div class="cst_header"></div>
       <div class="cst_main">
         <div class="cstm_header">
@@ -835,101 +866,124 @@
     <!--新建开课页面 -->
 
     <!--新建开课学员管理页面页面 -->
-    <div class="studentsmanage"
-    :style="{ display: sm_hs ? 'block' : 'none' }">
-        <div class="stm_header">
+    <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="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="reset"></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 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_i6">
-                <a-table
-                  :columns="columns6"
-                  :data-source="tableData7"
-                  :loading="tableDataTotal === -1 ? true : false"
-                  :scroll="{ x: 800 }"
-                  expandRowByClick="true"
-                  @expand="expandTable"
-                  :pagination="{
-                    showSizeChanger: true,
-                    showQuickJumper: true,
-                    hideOnSinglePage: true,
-                    pageSizeOptions: [],
-                    pageSize: pageSize,
-                    current: currentPage,
-                    total: tableDataTotal,
-                    onChange: (page, pageSize) => {
-                      currentPage = page;
-                      // console.log('page', page)
-                      // 加翻页查找代码
-                      // 	this.setState({
-                      // 		currentPage: page,
-                      // 	}, () => {
-                      // 		this.getMilitaryDeployment()
-                      // 	})
-                    },
-                  }"
-                />
+              <div class="stmm_btn btn2">
+                <div class="reset"></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="columns6"
+              :data-source="tableData7"
+              :loading="tableDataTotal === -1 ? true : false"
+              :scroll="{ x: 800 }"
+              expandRowByClick="true"
+              @expand="expandTable"
+              :pagination="{
+                showSizeChanger: true,
+                showQuickJumper: true,
+                hideOnSinglePage: true,
+                pageSizeOptions: [],
+                pageSize: pageSize,
+                current: currentPage,
+                total: tableDataTotal,
+                onChange: (page, pageSize) => {
+                  currentPage = page;
+                  // console.log('page', page)
+                  // 加翻页查找代码
+                  // 	this.setState({
+                  // 		currentPage: page,
+                  // 	}, () => {
+                  // 		this.getMilitaryDeployment()
+                  // 	})
+                },
+              }"
+            />
+          </div>
         </div>
+      </div>
     </div>
     <!--新建开课学员管理页面页面 -->
   </div>
@@ -1108,168 +1162,195 @@ 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",
-        },
+  {
+    title: "序号",
+    width: 100,
+    dataIndex: "num",
+    key: "num",
+    align: "center",
+  },
+  {
+    title: "名称",
+    width: 200,
+    dataIndex: "name",
+    key: "name",
+    ellipsis: true,
+    align: "center",
+  },
+  {
+    title: "内容分类",
+    width: 100,
+    dataIndex: "content",
+    key: "1",
+    align: "center",
+  },
+  {
+    title: "课程形式",
+    width: 100,
+    dataIndex: "courseform",
+    key: "2",
+    align: "center",
+  },
+  {
+    title: " 所属项目",
+    width: 200,
+    dataIndex: "project",
+    key: "3",
+    align: "center",
+    ellipsis: true,
+  },
+  {
+    title: "学习人数",
+    width: 110,
+    dataIndex: "stunum",
+    key: "4",
+    align: "center",
+  },
+  {
+    title: "评分",
+    width: 100,
+    dataIndex: "grade",
+    key: "5",
+    align: "center",
+  },
+  {
+    title: "状态",
+    width: 100,
+    dataIndex: "status",
+    key: "6",
+    align: "center",
+  },
+  {
+    title: "是否发布",
+    width: 100,
+    dataIndex: "ynpub",
+    key: "7",
+    align: "center",
+  },
+  {
+    title: "创建人",
+    width: 100,
+    dataIndex: "creator",
+    key: "8",
+    align: "center",
+  },
+  {
+    title: "创建时间",
+    width: 160,
+    dataIndex: "createtime",
+    key: "9",
+    align: "center",
+  },
+  {
+    title: "上线时间",
+    width: 160,
+    dataIndex: "pubtime",
+    key: "10",
+    align: "center",
+  },
+  {
+    title: "是否停用",
+    width: 100,
+    key: "either",
+    dataIndex: "ynuse",
+    align: "center",
+  },
+  {
+    title: "操作",
+    width: 300,
+    className: "h",
+    dataIndex: "operation",
+    key: "operation",
+    fixed: "right",
+    align: "center",
+  },
 ];
 const columns6 = [
-        {
-        title: '序号',
-        width: 200,
-        dataIndex: 'num',
-        key: 'num',
-        align: "center",
-      }, {
-        title: '姓名',
-        width: 200,
-        dataIndex: 'name',
-        key: 'name',
-      }, {
-        title: '工号',
-        width: 200,
-        dataIndex: 'number',
-        key: '1',
-        align: "center",
-      }, {
-        title: '部门',
-        width: 200,
-        dataIndex: 'department',
-        key: '2',
-        align: "center",
-      }, {
-        title: ' 岗位',
-        width: 300,
-        dataIndex: 'postion',
-        key: '3',
-        align: "center",
-      }, {
-        title: 'Band',
-        width: 200,
-        dataIndex: 'band',
-        key: '4',
-        align: "center",
-      }, {
-        title: '报名状态',
-        width: 200,
-        dataIndex: 'status',
-        key: '5',
-        align: "center",
-      }, {
-        title: '加入方式',
-        width: 200,
-        dataIndex: 'join',
-        key: '6',
-        align: "center",
-      }, {
-        title: '签到状态',
-        width: 200,
-        dataIndex: 'signstatus',
-        key: '7',
-        align: "center",
-      }, {
-        title: '评估状态',
-        width: 200,
-        dataIndex: 'evastatus',
-        key: '8',
-        align: "center",
-      }, {
-        title: '结业状态',
-        width: 280,
-        dataIndex: 'overstatus',
-        key: '9',
-        align: "center",
-      },{
-        title: '操作',
-        width: 400,
-        className: "h",
-        dataIndex: "operation",
-        key: 'operation',
-        fixed: 'right',
-        align: "center",
-        },
+  {
+    title: "序号",
+    width: 200,
+    dataIndex: "num",
+    key: "num",
+    align: "center",
+  },
+  {
+    title: "姓名",
+    width: 200,
+    dataIndex: "name",
+    key: "name",
+  },
+  {
+    title: "工号",
+    width: 200,
+    dataIndex: "number",
+    key: "1",
+    align: "center",
+  },
+  {
+    title: "部门",
+    width: 200,
+    dataIndex: "department",
+    key: "2",
+    align: "center",
+  },
+  {
+    title: " 岗位",
+    width: 300,
+    dataIndex: "postion",
+    key: "3",
+    align: "center",
+  },
+  {
+    title: "Band",
+    width: 200,
+    dataIndex: "band",
+    key: "4",
+    align: "center",
+  },
+  {
+    title: "报名状态",
+    width: 200,
+    dataIndex: "status",
+    key: "5",
+    align: "center",
+  },
+  {
+    title: "加入方式",
+    width: 200,
+    dataIndex: "join",
+    key: "6",
+    align: "center",
+  },
+  {
+    title: "签到状态",
+    width: 200,
+    dataIndex: "signstatus",
+    key: "7",
+    align: "center",
+  },
+  {
+    title: "评估状态",
+    width: 200,
+    dataIndex: "evastatus",
+    key: "8",
+    align: "center",
+  },
+  {
+    title: "结业状态",
+    width: 280,
+    dataIndex: "overstatus",
+    key: "9",
+    align: "center",
+  },
+  {
+    title: "操作",
+    width: 400,
+    className: "h",
+    dataIndex: "operation",
+    key: "operation",
+    fixed: "right",
+    align: "center",
+  },
 ];
 export default defineComponent({
   components: {
@@ -1667,7 +1748,7 @@ export default defineComponent({
     //     key: 'operation',
     //     fixed: 'right',
     //     align: "center",
-    //     scopedSlots: { customRender: "action" }, 
+    //     scopedSlots: { customRender: "action" },
     //     customRender: (text) => {
     //       // console.log('111',text);
     //         return (
@@ -1756,21 +1837,26 @@ export default defineComponent({
               <div class="nSelect">
                 {value.status === "已审核" ? (
                   <div class="nselect">
-                    
-                    <div class='ops1'>
-                      <div class="jc">开课</div>
+                    <div class="ops1">
+                      <div class="jc" style={{ width: "30px" }}>
+                        开课
+                      </div>
                     </div>
 
-                    <div class='ops2'>    
-                      <div class="jc">管理</div>
+                    <div class="ops2">
+                      <div class="jc" style={{ width: "30px" }}>
+                        管理
+                      </div>
                     </div>
 
-                    <div class='ops3'>                   
-                      <div class="jc">复制</div>
+                    <div class="ops3">
+                      <div class="jc" style={{ width: "30px" }}>
+                        复制
+                      </div>
                     </div>
 
                     <div class="tableSelect">
-                      <div class='ops4'> 
+                      <div class="ops4">
                         <a-select
                           style="width: 50px;margin-top:2px;margin-left:25px"
                           value="授权"
@@ -1799,9 +1885,9 @@ export default defineComponent({
                       </div>
                     </div>
                     <div class="tableSelect">
-                      <div class='ops5'> 
+                      <div class="ops5">
                         <a-select
-                          style="width: 50px;margin-top:2px;margin-left:25px"
+                          style="width: 50px;margin-top:2px;margin-left:25px;margin-right:10px"
                           value="更多"
                           // options={state.projectNameList}
                           dropdownClassName="tabledropdown"
@@ -1835,19 +1921,21 @@ export default defineComponent({
                 )}
                 {value.status === "待审核" ? (
                   <div class="nselect">
-
-                    <div class='ops1'>
-                      <div class="jc">开课</div>
+                    <div class="ops1">
+                      <div class="jc" style={{ width: "30px" }}>
+                        开课
+                      </div>
                     </div>
-
-                    <div class='ops5'> 
-                      <div class="jc">撤回</div>
+                    <div class="ops1">
+                      <div class="jc" style={{ width: "30px" }}></div>
+                    </div>
+                    <div class="ops1">
+                      <div class="jc" style={{ width: "30px" }}></div>
                     </div>
-
                     <div class="tableSelect">
-                      <div class='ops4'> 
+                      <div class="ops4">
                         <a-select
-                          style="width: 50px;margin-top:2px;margin-left:25px"
+                          style="width: 50px;margin-top:2px;margin-left:25px;"
                           value="授权"
                           // options={state.projectNameList}
                           dropdownClassName="tabledropdown"
@@ -1873,23 +1961,31 @@ export default defineComponent({
                         </a-select>
                       </div>
                     </div>
+                    <div class="ops5" style="margin-left:17px">
+                      <div class="jc">撤回</div>
+                    </div>
                   </div>
                 ) : (
                   <div></div>
                 )}
                 {value.status === "未提交" ? (
                   <div class="nselect">
-
-                    <div class='ops1'>
-                      <div class="jc">开课</div>
+                    <div class="ops1">
+                      <div class="jc" style={{ width: "30px" }}>
+                        开课
+                      </div>
                     </div>
 
-                    <div class='ops2'>
-                      <div class="jc">编辑</div>
+                    <div class="ops2">
+                      <div class="jc" style={{ width: "30px" }}>
+                        编辑
+                      </div>
                     </div>
 
-                    <div class='ops3'>                   
-                      <div class="jc">复制</div>
+                    <div class="ops3" style={{ "margin-right": "10px" }}>
+                      <div class="jc" style={{ width: "30px" }}>
+                        复制
+                      </div>
                     </div>
                   </div>
                 ) : (
@@ -1897,23 +1993,28 @@ export default defineComponent({
                 )}
                 {value.status === "审核未通过" ? (
                   <div class="nselect">
-                    <div class='ops1'>
-                      <div class="jc">开课</div>
+                    <div class="ops1">
+                      <div class="jc" style={{ width: "30px" }}>
+                        开课
+                      </div>
                     </div>
 
-                    <div class='ops2'>
-                      <div class="jc">编辑</div>
+                    <div class="ops2">
+                      <div class="jc" style={{ width: "30px" }}>
+                        编辑
+                      </div>
                     </div>
 
-                    <div class='ops3'>                   
-                      <div class="jc">复制</div>
+                    <div class="ops3">
+                      <div class="jc" style={{ width: "30px" }}>
+                        复制
+                      </div>
                     </div>
 
-
                     <div class="tableSelect">
-                      <div class='ops4'>  
+                      <div class="ops4">
                         <a-select
-                          style="width: 50px;margin-top:2px;margin-left:25px"
+                          style="width: 50px;margin-top:2px;margin-left:25px;"
                           value="授权"
                           // options={state.projectNameList}
                           dropdownClassName="tabledropdown"
@@ -1940,7 +2041,7 @@ export default defineComponent({
                       </div>
                     </div>
 
-                    <div class='ops5'>      
+                    <div class="ops5" style="margin-left:17px">
                       <div class="jc">删除</div>
                     </div>
                   </div>
@@ -1966,13 +2067,13 @@ export default defineComponent({
               <div class="nSelect">
                 {value.status === "待审核" ? (
                   <div class="nselect">
-                    <div class='ops1'>
+                    <div class="ops1">
                       <div class="jc">通过</div>
                     </div>
-                    <div class='ops1'>
+                    <div class="ops1">
                       <div class="jc">拒绝</div>
                     </div>
-                    <div class='ops2'>    
+                    <div class="ops2">
                       <div class="jc">删除</div>
                     </div>
                   </div>
@@ -1981,7 +2082,7 @@ export default defineComponent({
                 )}
                 {value.status === "已通过" ? (
                   <div class="nselect">
-                    <div class='ops2'>
+                    <div class="ops2">
                       <div class="jc">删除</div>
                     </div>
                   </div>
@@ -1990,7 +2091,7 @@ export default defineComponent({
                 )}
                 {value.status === "已拒绝" ? (
                   <div class="nselect">
-                    <div class='ops2'>
+                    <div class="ops2">
                       <div class="jc">删除</div>
                     </div>
                   </div>
@@ -2076,14 +2177,14 @@ export default defineComponent({
       of_hs: false,
       hideshow: true,
       bs_hs: true,
-      ft_hs:false,
+      ft_hs: false,
       om_1: false,
-      ftm_1:false,
+      ftm_1: false,
       om_ckxq: false,
-      gpm_hs:false,
+      gpm_hs: false,
       stm_hs: false,
-      cstm_hs:false,
-      sm_hs:false,
+      cstm_hs: false,
+      sm_hs: false,
     });
 
     const of_hShow = () => {
@@ -2102,10 +2203,10 @@ export default defineComponent({
       }
     };
     const bs_hShow = () => {
-        state.bs_hs = true;
+      state.bs_hs = true;
     };
     const bs_unhShow = () => {
-        state.bs_hs = false;
+      state.bs_hs = false;
     };
     const createft = () => {
       if (state.bs_hs == true) {
@@ -2343,11 +2444,11 @@ export default defineComponent({
       }
       .ofm_body {
         width: 90%;
-        .ofmb_header{
+        .ofmb_header {
           display: flex;
           align-items: center;
           margin: 14px auto;
-          .sign{
+          .sign {
             width: 7px;
             height: 7px;
             margin-left: 78px;
@@ -2360,7 +2461,7 @@ export default defineComponent({
           display: flex;
           align-items: center;
           justify-content: center;
-          margin-left:6px;
+          margin-left: 6px;
         }
         .b_header {
           display: flex;
@@ -2384,7 +2485,7 @@ export default defineComponent({
           display: flex;
           align-items: center;
           margin: 21px auto 14px 80px;
-          .bc_box{
+          .bc_box {
             display: flex;
             .bc_boxl,
             .bc_boxr {
@@ -2398,7 +2499,7 @@ export default defineComponent({
           .bs_box {
             display: flex;
             align-items: center;
-            .bc_box{
+            .bc_box {
               display: flex;
             }
           }
@@ -2597,14 +2698,18 @@ export default defineComponent({
     margin: 20px 38px 30px;
     .operation {
       display: flex;
-      justify-content: right;
+      // justify-content: right;
       .nSelect {
         display: flex;
         .nselect {
           display: flex;
           color: #4ea6ff;
           font-size: 14px;
-          .ops1,.ops2,.ops3,.ops4,.ops5{
+          .ops1,
+          .ops2,
+          .ops3,
+          .ops4,
+          .ops5 {
             margin-left: 20px;
           }
           // .jc {
@@ -2628,8 +2733,8 @@ export default defineComponent({
     width: 85%;
     min-width: 1000px;
     // height: 537px;
-    background: #FFFFFF;
-    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     position: absolute;
     left: 50%;
     top: 50%;
@@ -2644,810 +2749,833 @@ export default defineComponent({
         rgba(78, 166, 255, 0) 100%
       );
     }
-    .om_main{
-        width:calc(100%);
-        position: relative;
-        .omm_header{
+    .om_main {
+      width: calc(100%);
+      position: relative;
+      .omm_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .pc_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/pc.png);
+        }
+        .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 {
+        width: calc(100% - 50px);
+        padding-left: 50px;
+        padding-top: 17px;
+        .b_title {
+          color: #4f5156;
+          font-weight: 500;
+          margin-bottom: 19px;
+        }
+        .b_sub {
+          display: flex;
+          margin-bottom: 10px;
+          .bs_type {
+            color: #999ba3;
+          }
+          .bs_left {
+            color: #999ba3;
+            margin-left: 35px;
+          }
+          .bs_right {
+            color: #4f5156;
+          }
+        }
+        .b_menu {
+          width: calc(100%);
+        }
+        .b_menunav {
+          display: flex;
+          margin-top: 20px;
+          margin-bottom: 20px;
+          .bm_select {
+            margin-right: 20px;
+          }
+          .bm_input {
+            margin-right: 20px;
+          }
+          .bm_btn {
             display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .pc_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/pc.png);
-            }
-            .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{
-            width:calc(100% - 50px);
-            padding-left: 50px;
-            padding-top: 17px;
-            .b_title{
-                color: #4F5156;
-                font-weight: 500;
-                margin-bottom: 19px;
-            }
-            .b_sub{
-                display: flex;
-                margin-bottom: 10px;
-                .bs_type{
-                    color: #999BA3;
-                }
-                .bs_left{
-                    color: #999BA3;
-                    margin-left: 35px;
-                }
-                .bs_right{
-                    color: #4F5156;
-                }
-            }
-            .b_menu{
-                width:calc(100%);
-            }
-            .b_menunav{
-                display: flex;
-                margin-top: 20px;
-                margin-bottom: 20px;
-                .bm_select{
-                    margin-right: 20px;
-                }
-                .bm_input{
-                    margin-right: 20px;
-                }
-                .bm_btn {
-                display: flex;
-                // flex-wrap: wrap;
-                .btn {
-                    padding: 0px 26px 0px 26px;
-                    height: 40px;
-                    background: rgba(64, 158, 255, 0);
-                    border-radius: 8px;
-                    border: 1px solid rgba(64, 158, 255, 1);
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    margin-right: 14px;
-                    flex-shrink: 0;
-                    .search {
-                    background-size: 100%;
-                    }
-                    .btnText {
-                    font-size: 14px;
-                    font-weight: 400;
-                    color: rgba(64, 158, 255, 1);
-                    line-height: 36px;
-                    margin-left: 5px;
-                    }
-                }
-                .btn1 {
-                    .search {
-                    width: 15px;
-                    height: 17px;
-                    background-image: url("@/assets/images/coursewareManage/search1.png");
-                    }
-                }
-                .btn1:hover {
-                    background: rgba(64, 158, 255, 1);
-                    .search {
-                    background-image: url("@/assets/images/coursewareManage/search0.png");
-                    }
-                    .btnText {
-                    color: #ffffff;
-                    }
-                }
+            // flex-wrap: wrap;
+            .btn {
+              padding: 0px 26px 0px 26px;
+              height: 40px;
+              background: rgba(64, 158, 255, 0);
+              border-radius: 8px;
+              border: 1px solid rgba(64, 158, 255, 1);
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin-right: 14px;
+              flex-shrink: 0;
+              .search {
+                background-size: 100%;
+              }
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                color: rgba(64, 158, 255, 1);
+                line-height: 36px;
+                margin-left: 5px;
+              }
             }
+            .btn1 {
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("@/assets/images/coursewareManage/search1.png");
+              }
             }
+            .btn1:hover {
+              background: rgba(64, 158, 255, 1);
+              .search {
+                background-image: url("@/assets/images/coursewareManage/search0.png");
+              }
+              .btnText {
+                color: #ffffff;
+              }
+            }
+          }
         }
+      }
     }
   }
 
-  .ftsturecord{
+  .ftsturecord {
     z-index: 999;
     width: 80%;
     min-width: 1000px;
     // height: 274px;
-    background: #FFFFFF;
-    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     position: absolute;
     left: 50%;
     top: 50%;
-    transform: translate(-50%,-50%);
+    transform: translate(-50%, -50%);
     overflow: auto;
-    .ftsr_header{
-        position: absolute;
-        width:calc(100%);
-        height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+    .ftsr_header {
+      position: absolute;
+      width: calc(100%);
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
     }
-    .ftsr_main{
-        width:calc(100%);
-        position: relative;
-        .m_header{
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .det_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/detail.png);
-                background-size: 100% 100%;
-            }
-            .det_exit{
-                position: absolute;
-                right:42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-            }
+    .ftsr_main {
+      width: calc(100%);
+      position: relative;
+      .m_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .det_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/detail.png);
+          background-size: 100% 100%;
         }
-        .ftsr_table{
-          width: 90%;
-          margin:30px auto;
-          border: 1px solid #F0F4FE;
-        }
-        .ftsr_btn {
-            width: 100px;
-            height: 40px;
-            background: #ffffff;
-            border: 1px solid #4EA6FF;
-            border-radius: 8px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin: 30px auto ;
-            flex-shrink: 0;
-            cursor: pointer;
-            .btnText {
-              color: #4EA6FF;
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 40px;
-            }
+        .det_exit {
+          position: absolute;
+          right: 42px;
+          cursor: pointer;
+          width: 20px;
+          height: 20px;
+          background-image: url(@/assets/images/coursewareManage/close.png);
+          background-size: 100% 100%;
         }
       }
-    }
-  .givepower{
-    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;
-    .gp_header{
-        position: absolute;
-        width:calc(100%);
-        height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
-    }
-    .gp_main{
-        width:calc(100%);
-        position: relative;
-        .gpm_header{
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .givepower_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/givepower.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%;
-            }
-        }
-        .gpm_inputbtn{
-          width: 90%;
-          margin: 20px auto;
-          display: flex;
-          .gpm_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;
-              margin-right: 6px;
-              background-image: url("../../assets/images/courseManage/search1.png");
-            }
-          }
-          .btn2 {
-            .reset {
-              width: 16px;
-              height: 18px;
-              margin-right: 6px;
-              background-image: url("../../assets/images/courseManage/reset1.png");
-            }
-          }
-          .btn1:hover {
-            background: #4EA6FF;
-            .search {
-              background-image: url("@/assets/images/coursewareManage/search0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
-          .btn2:hover {
-            background: #4EA6FF;
-            .reset {
-              background-image: url("@/assets/images/coursewareManage/reset0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
-        }
-        .gpm_notice{
-          display: flex;
-          background: rgba(78,166,255,0.25);
-          border: 1px solid #4EA6FF;
-          width: 90%;
-          height: 62px;
-          margin:20px auto;
-          align-items: center;
-          line-height: 64px;
-          .th_icon{
-            width: 16px;
-            height: 16px;
-            background-image: url(@/assets/images/coursewareManage/gan.png);
-            background-size: 100% 100%;
-            margin: auto 13px auto 37px;
-          }
-          .textarea{
-            margin-right: 33px;
-          }
-        }
-        .gpm_table{
-          width: 90%;
-          margin:30px auto;
-          border: 1px solid #F0F4FE;
-        }
+      .ftsr_table {
+        width: 90%;
+        margin: 30px auto;
+        border: 1px solid #f0f4fe;
       }
-    }
-  .schooltime{
-    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;
-    .st_header{
-        position: absolute;
-        width:calc(100%);
+      .ftsr_btn {
+        width: 100px;
         height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
-    }
-    .st_main{
-        width:calc(100%);
-        position: relative;
-        .stm_header{
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .scht_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/scht.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%;
-            }
-        }
-        .stm_inputbtn{
-          display: flex;
-          width: 90%;
-          margin: 20px auto;
-          .stm_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;
-              margin-right: 6px;
-              background-image: url("@/assets/images/coursewareManage/search1.png");
-            }
-          }
-          .btn2 {
-            .reset {
-              width: 16px;
-              height: 18px;
-              margin-right: 6px;
-              background-image: url("@/assets/images/coursewareManage/reset1.png");
-            }
-          }
-          .btn1:hover {
-            background: #4EA6FF;
-            .search {
-              background-image: url("@/assets/images/coursewareManage/search0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
-          .btn2:hover {
-            background: #4EA6FF;
-            .reset {
-              background-image: url("@/assets/images/coursewareManage/reset0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
-        }
-        .stm_btn3{
-            width: 130px;
-            height: 40px;
-            border: 1px solid #4EA6FF;
-            background-color: #4EA6FF;
-            border-radius: 8px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-shrink: 0;
-            cursor: pointer;
-            .btnText {
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 40px;
-            }
-          .btn3 {
-            .add {
-              width: 17px;
-              height: 18px;
-              background-image: url("@/assets/images/coursewareManage/add0.png");
-              background-size: 100% 100%;
-              margin-right: 6px;
-            }
-          }
-        }
-
-        .stm_table{
-          width: 90%;
-          margin:30px auto;
-          border: 1px solid #F0F4FE;
-        }
-        .opacation {
+        background: #ffffff;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 30px auto;
+        flex-shrink: 0;
+        cursor: pointer;
+        .btnText {
+          color: #4ea6ff;
           font-size: 14px;
           font-weight: 400;
-          color: #4ea6ff;
-          // line-height: 36px;
-          .more {
-            position: relative;
-            .moreArrow {
-              width: 13px;
-              height: 7px;
-              display: inline-block;
-              background-image: url("../../assets/images/navtop/down.png");
-              background-size: 100%;
-              margin: 2px;
-              margin-left: 7px;
-            }
-            .moreItems {
-              width: 80px;
-              height: 70px;
-              display: none;
-              background: #ffffff;
-              box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-              border-radius: 3px;
-              border: 0px solid #dcdcdc;
-              position: absolute;
-              left: 0px;
-              top: 18px;
-              z-index: 100;
-            }
-          }
-          .more:hover .moreArrow {
-            background-image: url("../../assets/images/navtop/up.png");
-          }
-          .more:hover .moreItems {
-            display: block;
-          }
+          line-height: 40px;
         }
       }
     }
-  .createschooltime{
+  }
+  .givepower {
+    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;
+    .gp_header {
+      position: absolute;
+      width: calc(100%);
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
+    }
+    .gp_main {
+      width: calc(100%);
+      position: relative;
+      .gpm_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .givepower_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/givepower.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%;
+        }
+      }
+      .gpm_inputbtn {
+        width: 90%;
+        margin: 20px auto;
+        display: flex;
+        .gpm_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;
+            margin-right: 6px;
+            background-image: url("../../assets/images/courseManage/search1.png");
+          }
+        }
+        .btn2 {
+          .reset {
+            width: 16px;
+            height: 18px;
+            margin-right: 6px;
+            background-image: url("../../assets/images/courseManage/reset1.png");
+          }
+        }
+        .btn1:hover {
+          background: #4ea6ff;
+          .search {
+            background-image: url("@/assets/images/coursewareManage/search0.png");
+          }
+          .btnText {
+            color: #ffffff;
+          }
+        }
+        .btn2:hover {
+          background: #4ea6ff;
+          .reset {
+            background-image: url("@/assets/images/coursewareManage/reset0.png");
+          }
+          .btnText {
+            color: #ffffff;
+          }
+        }
+      }
+      .gpm_notice {
+        display: flex;
+        background: rgba(78, 166, 255, 0.25);
+        border: 1px solid #4ea6ff;
+        width: 90%;
+        height: 62px;
+        margin: 20px auto;
+        align-items: center;
+        line-height: 64px;
+        .th_icon {
+          width: 16px;
+          height: 16px;
+          background-image: url(@/assets/images/coursewareManage/gan.png);
+          background-size: 100% 100%;
+          margin: auto 13px auto 37px;
+        }
+        .textarea {
+          margin-right: 33px;
+        }
+      }
+      .gpm_table {
+        width: 90%;
+        margin: 30px auto;
+        border: 1px solid #f0f4fe;
+      }
+    }
+  }
+  .schooltime {
+    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;
+    .st_header {
+      position: absolute;
+      width: calc(100%);
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
+    }
+    .st_main {
+      width: calc(100%);
+      position: relative;
+      .stm_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .scht_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/scht.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%;
+        }
+      }
+      .stm_inputbtn {
+        display: flex;
+        width: 90%;
+        margin: 20px auto;
+        .stm_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;
+            margin-right: 6px;
+            background-image: url("@/assets/images/coursewareManage/search1.png");
+          }
+        }
+        .btn2 {
+          .reset {
+            width: 16px;
+            height: 18px;
+            margin-right: 6px;
+            background-image: url("@/assets/images/coursewareManage/reset1.png");
+          }
+        }
+        .btn1:hover {
+          background: #4ea6ff;
+          .search {
+            background-image: url("@/assets/images/coursewareManage/search0.png");
+          }
+          .btnText {
+            color: #ffffff;
+          }
+        }
+        .btn2:hover {
+          background: #4ea6ff;
+          .reset {
+            background-image: url("@/assets/images/coursewareManage/reset0.png");
+          }
+          .btnText {
+            color: #ffffff;
+          }
+        }
+      }
+      .stm_btn3 {
+        width: 130px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        background-color: #4ea6ff;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        cursor: pointer;
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 40px;
+        }
+        .btn3 {
+          .add {
+            width: 17px;
+            height: 18px;
+            background-image: url("@/assets/images/coursewareManage/add0.png");
+            background-size: 100% 100%;
+            margin-right: 6px;
+          }
+        }
+      }
+
+      .stm_table {
+        width: 90%;
+        margin: 30px auto;
+        border: 1px solid #f0f4fe;
+      }
+      .opacation {
+        font-size: 14px;
+        font-weight: 400;
+        color: #4ea6ff;
+        // line-height: 36px;
+        .more {
+          position: relative;
+          .moreArrow {
+            width: 13px;
+            height: 7px;
+            display: inline-block;
+            background-image: url("../../assets/images/navtop/down.png");
+            background-size: 100%;
+            margin: 2px;
+            margin-left: 7px;
+          }
+          .moreItems {
+            width: 80px;
+            height: 70px;
+            display: none;
+            background: #ffffff;
+            box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+            border-radius: 3px;
+            border: 0px solid #dcdcdc;
+            position: absolute;
+            left: 0px;
+            top: 18px;
+            z-index: 100;
+          }
+        }
+        .more:hover .moreArrow {
+          background-image: url("../../assets/images/navtop/up.png");
+        }
+        .more:hover .moreItems {
+          display: block;
+        }
+      }
+    }
+  }
+  .createschooltime {
     z-index: 999;
     width: 679px;
     // height: 705px;
-    background: #FFFFFF;
-    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     position: absolute;
     left: 50%;
     top: 50%;
-    transform: translate(-50%,-50%);
+    transform: translate(-50%, -50%);
     overflow: auto;
-    .cst_header{
-        position: absolute;
-        width:calc(100%);
-        height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+    .cst_header {
+      position: absolute;
+      width: calc(100%);
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
     }
-    .cst_main{
-        width:calc(100%);
-        position: relative;
-        .cstm_header{
+    .cst_main {
+      width: calc(100%);
+      position: relative;
+      .cstm_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .add_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/add1.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%;
+        }
+      }
+      .cstm_title {
+        margin: 10px auto 20px 51px;
+        font-weight: bold;
+      }
+      .cstm_items {
+        display: flex;
+        align-items: center;
+        margin-bottom: 23px;
+      }
+      .items1,
+      .items4 {
+        margin-left: 80px;
+      }
+      .items2 {
+        margin-left: 108px;
+      }
+      .items3,
+      .items5,
+      .items6,
+      .items7,
+      .items8 {
+        margin-left: 86px;
+      }
+      .items9 {
+        margin-left: 115px;
+        text-align: center;
+        margin-bottom: 0;
+        .items9box {
+          display: flex;
+          .upload_box {
             display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .add_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/add1.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%;
+            cursor: pointer;
+            .upload_icon {
+              width: 16px;
+              height: 16px;
+              background-image: url("@/assets/images/coursewareManage/enclosure.png");
+              background-size: 100% 100%;
+              margin-right: 5px;
             }
+          }
         }
-        .cstm_title{
-          margin: 10px auto 20px 51px;
-          font-weight: bold;
-        }
-        .cstm_items{
+      }
+      .items10 {
+        display: flex;
+        justify-content: center;
+        margin-top: 20px;
+        margin-bottom: 20px;
+        .cstm_btn {
+          width: 100px;
+          height: 40px;
+          background: rgba(64, 158, 255, 0);
+          border-radius: 8px;
           display: flex;
           align-items: center;
-          margin-bottom: 23px;
-        }
-        .items1,.items4{
-          margin-left: 80px;
-        }
-        .items2{
-          margin-left: 108px;
-        }
-        .items3,.items5,.items6,.items7,.items8{
-          margin-left: 86px;
-        }
-        .items9{
-          margin-left: 115px;
-          text-align: center;
-          margin-bottom: 0;
-          .items9box{
-            display: flex;
-            .upload_box{
-              display: flex;
-              cursor: pointer;
-              .upload_icon{
-                width: 16px;
-                height: 16px;
-                background-image: url('@/assets/images/coursewareManage/enclosure.png');
-                background-size: 100% 100%;
-                margin-right: 5px;
-              }
-            }
-          }
-        }
-        .items10{
-          display: flex;
           justify-content: center;
-          margin-top: 20px;
-          margin-bottom: 20px;
-          .cstm_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;
-            }
+          margin-right: 14px;
+          flex-shrink: 0;
+          cursor: pointer;
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 40px;
           }
-          .btn5 {
-            border: 1px solid rgba(64, 158, 255, 1);
-            color: #4ea6ff;
-          }
-          .btn6 {
-            background-color: #4ea6ff;
-            color: #ffffff;
-          }
-          
+        }
+        .btn5 {
+          border: 1px solid rgba(64, 158, 255, 1);
+          color: #4ea6ff;
+        }
+        .btn6 {
+          background-color: #4ea6ff;
+          color: #ffffff;
         }
       }
     }
-  .studentsmanage{
+  }
+  .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);
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     position: absolute;
     left: 50%;
     top: 50%;
-    transform: translate(-50%,-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_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%;
-            }
+    .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%;
         }
-        .stmmitems{
-          margin: auto 49px;
-          height: 400px;
-          overflow: auto;
-          .stmm_i1,
-          .stmm_i2,
-          .stmm_i3,
-          .stmm_i4{
-            margin: 19px 0;
-          }
-          .stmm_i5{
+        .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;
-            justify-content: space-between;
-            .i5_left{
+            .stmm_btn {
+              width: 100px;
+              height: 40px;
+              margin-right: 14px;
+              background: #ffffff;
+              border: 1px solid #4ea6ff;
+              border-radius: 8px;
               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;
-                  margin-right: 6px;
-                  background-image: url("../../assets/images/courseManage/search1.png");
-                }
-              }
-              .btn2 {
-                .reset {
-                  width: 16px;
-                  height: 18px;
-                  margin-right: 6px;
-                  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);
-                .reset {
-                  background-image: url("../../assets/images/courseManage/reset0.png");
-                }
-                .btnText {
-                  color: #ffffff;
-                }
+              align-items: center;
+              justify-content: center;
+              flex-shrink: 0;
+              cursor: pointer;
+              .btnText {
+                color: #4ea6ff;
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 40px;
               }
             }
-            .i5_right{
+            .btn1 {
+              .search {
+                width: 15px;
+                height: 17px;
+                margin-right: 6px;
+                background-image: url("../../assets/images/courseManage/search1.png");
+              }
+            }
+            .btn2 {
+              .reset {
+                width: 16px;
+                height: 18px;
+                margin-right: 6px;
+                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);
+              .reset {
+                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;
-              .stmm_btn {
-                width: 100px;
-                height: 40px;
-                margin-right: 14px;
-                background: #ffffff;
-                border: 1px solid #4EA6FF;
-                border-radius: 8px;
+              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;
-                align-items: center;
                 justify-content: center;
-                flex-shrink: 0;
-                cursor: pointer;
-                .btnText {
-                  color: #4EA6FF;
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
+                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%;
                 }
               }
-              .btn3 {
-                background-color: #4EA6FF;
-              }
-              .btn4{
+              .btn4_sup {
+                width: 100%;
                 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%;
-                  }
+                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_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;
+                .btn4_op1,
+                .btn4_op2,
+                .btn4_op3 {
+                  margin-left: 20px;
                 }
               }
             }
-          }
-          .stmm_i6{
-            margin-top:20px;
-            .operation,.nselect{
-              display: flex;
-              justify-content: center;
-              color: #4EA6FF;
-              font-size: 14px;
-              .ops1,.ops2{
-                margin-right: 10px;
+            .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;
+          .operation,
+          .nselect {
+            display: flex;
+            justify-content: center;
+            color: #4ea6ff;
+            font-size: 14px;
+            .ops1,
+            .ops2 {
+              margin-right: 10px;
+            }
           }
         }
       }
+    }
   }
 }
 </style>
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index f4173b9a..1da63768 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -163,6 +163,7 @@ const columns = [
     key: "operation",
     width: 300,
     align: "center",
+    fixed: "right",
   },
 ];
 

From 4973a0ff044ba1009e79544dedb812cad46efa48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=99=93=E9=B8=BD?= <lixg@dongwu-inc.com>
Date: Wed, 12 Oct 2022 14:39:48 +0800
Subject: [PATCH 4/4] =?UTF-8?q?style:=E8=B0=83=E6=95=B4=E8=AF=BE=E7=A8=8B?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86table=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CoursewareManage.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 82e2d1e9..5a9da26d 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -1966,7 +1966,7 @@ export default defineComponent({
                       </div>
                     </div>
                     <div class="ops5">
-                      <div class="jc" style="margin-left:17px">
+                      <div class="jc" style="margin-left:22px">
                         撤回
                       </div>
                     </div>
@@ -2059,8 +2059,10 @@ export default defineComponent({
                         </a-select>
                       </div>
                     </div>
-                    <div class="ops5" style="margin-left:17px">
-                      <div class="jc">删除</div>
+                    <div class="ops5">
+                      <div class="jc" style="margin-left:22px">
+                        删除
+                      </div>
                     </div>
                   </div>
                 ) : (