From f0377fccfc21228b8e6a62b9f470ff4f68258b0b Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Fri, 14 Oct 2022 14:36:51 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=E6=89=80=E6=9C=89=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BB=A5=E5=8F=8A=E6=98=BE=E7=A4=BA=E9=9A=90?=
 =?UTF-8?q?=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CoursewareManage.vue | 1314 ++++++++++--------
 1 file changed, 710 insertions(+), 604 deletions(-)

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 28de889f..a0709776 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -76,7 +76,7 @@
       </div>
       <!-- 搜索框及按钮 -->
     </div>
-    <!-- 新建选择线上还是面授课弹窗 -->
+    <!-- 选择线上还是面授课弹窗 -->
     <a-modal v-model:visible="of_hs" style="margin-top: 400px">
       <div
         class="selectonlineface"
@@ -183,7 +183,7 @@
             </div>
             <div class="b_footer">
               <div class="btn btn5">
-                <div class="btnText">取消</div>
+                <div class="btnText" @click="of_exit">取消</div>
               </div>
               <div class="btn btn6">
                 <div class="btnText" @click="createft">确定</div>
@@ -193,7 +193,7 @@
         </div>
       </div>
     </a-modal>
-    <!-- 新建选择线上还是面授课弹窗 -->
+    <!-- 选择线上还是面授课弹窗 -->
     <!-- 确定新建面授课弹窗 -->
     <div class="faceteach" :style="{ display: ft_hs ? 'block' : 'none' }">
       <div class="ft_main">
@@ -203,7 +203,7 @@
             height: 40px;
             background: #388be1;
             border-radius: 8px;
-            font-size: 14px;
+            font-size: 14px;faceteach
             font-family: PingFangSC-Regular, PingFang SC;
             font-weight: 400;
             color: #ffffff;
@@ -540,7 +540,7 @@
       />
     </div>
     <!-- 表格 -->
-    <!-- 操作管理在线课程管理页面 -->
+    <!-- 操作在线课程管理页面 -->
     <a-modal
       v-model:visible="om_1"
       title="Title"
@@ -630,8 +630,8 @@
           </div>
         </div>
     </a-modal>
-    <!-- 操作管理在线课程管理页面 -->
-    <!-- 操作管理面授课程管理页面 -->
+    <!-- 操作在线课程管理页面 -->
+    <!-- 操作面授课程管理页面 -->
     <a-modal
       v-model:visible="ftm_1"
       title="Title"
@@ -726,8 +726,8 @@
           </div>
         </div>
     </a-modal>
-    <!-- 操作管理面授课程管理页面 -->
-    <!-- 操作管理面授课程管理查看详情页面 -->
+    <!-- 操作面授课程管理页面 -->
+    <!-- 面授课程管理查看详情页面 -->
     <a-modal
       v-model:visible="om_ckxq"
       title="Title"
@@ -772,7 +772,7 @@
           </div>
         </div>
     </a-modal>
-    <!-- 操作管理面授课程管理查看详情页面 -->
+    <!-- 面授课程管理查看详情页面 -->
     <!-- 操作授权页面 -->
     <a-modal
       v-model:visible="gpm_hs"
@@ -1112,7 +1112,7 @@
           </div>
           <div class="items_btn">
             <div class="cstm_btn btn5">
-              <div class="btnText">取消</div>
+              <div class="btnText" @click="cstm_exit">取消</div>
             </div>
             <div class="cstm_btn btn6">
               <div class="btnText" @click="cstm_exit">确定</div>
@@ -1122,7 +1122,7 @@
       </div>
     </a-modal>
     <!--新建开课页面 -->
-    <!--开课学员管理页面页面 -->
+    <!--开课学员管理页面 -->
     <a-modal
       v-model:visible="sm_hs"
       title="Title"
@@ -1264,7 +1264,7 @@
           </div>
         </div>
     </a-modal>
-    <!--开课学员管理页面页面 -->
+    <!--开课学员管理页面 -->
     <!--二维码页面 -->
     <a-modal v-model:visible="QR_hs" :footer="null" :closable="closableQR" style="margin-top: 400px">
       <div
@@ -1281,7 +1281,7 @@
           <div class="qrm_body"><div class="QR_img"></div></div>
           <div class="qrm_btnbox">
             <div class="qrm_btn btn1">
-              <div class="btnText">取消</div>
+              <div class="btnText" @click="qr_exit">取消</div>
             </div>
             <div class="qrm_btn btn2">
               <div class="btnText" @click="qr_exit">确定</div>
@@ -1322,7 +1322,7 @@
           </div>
           <div class="qrm_btnbox">
             <div class="qrm_btn btn1">
-              <div class="btnText">取消</div>
+              <div class="btnText" @click="rg_exit">取消</div>
             </div>
             <div class="qrm_btn btn2">
               <div class="btnText" @click="rg_exit">确定</div>
@@ -1367,7 +1367,7 @@
           </div>
           <div class="qrm_btnbox">
             <div class="qrm_btn btn1">
-              <div class="btnText">取消</div>
+              <div class="btnText" @click="graduate_exit">取消</div>
             </div>
             <div class="qrm_btn btn2">
               <div class="btnText" @click="graduate_exit">确定</div>
@@ -1388,16 +1388,17 @@
           <div class="agreem_header">
             <div class="agreem_icon"></div>
             <span>提示</span>
-            <div class="close_exit"  @click="agreestudy_exit"></div>
+            <div class="close_exit" @click="agreestudy_exit"></div>
           </div>
           <div class="agreem_body">
             <div class="body_box">
-              <span>请确定是否同意此学员学习此课程</span>
+              <div>请确定是否同意此学员学习此课程</div>
+              
             </div>
           </div>
           <div class="qrm_btnbox">
             <div class="qrm_btn btn1">
-              <div class="btnText">取消</div>
+              <div class="btnText" @click="agreestudy_exit">取消</div>
             </div>
             <div class="qrm_btn btn2">
               <div class="btnText" @click="agreestudy_exit">确定</div>
@@ -1407,6 +1408,37 @@
       </div>
     </a-modal>
     <!--请确定是否同意此学员学习此课程弹窗 -->
+    <!--请确定是否拒绝此学员学习此课程弹窗 -->
+    <a-modal v-model:visible="rejectstudy_hs" :footer="null" :closable="closableQR" style="margin-top: 400px">
+      <div
+        class="agreestudy"
+        :style="{ display: rejectstudy_hs ? 'block' : 'none' }"
+      >
+        <div class="agree_header"></div>
+        <div class="agree_main">
+          <div class="agreem_header">
+            <div class="agreem_icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="rejectstudy_exit"></div>
+          </div>
+          <div class="agreem_body">
+            <div class="body_box">
+              <div>请确定是否拒绝此学员学习此课程</div>
+              
+            </div>
+          </div>
+          <div class="qrm_btnbox">
+            <div class="qrm_btn btn1">
+              <div class="btnText" @click="rejectstudy_exit">取消</div>
+            </div>
+            <div class="qrm_btn btn2">
+              <div class="btnText" @click="rejectstudy_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--请确定是否拒绝此学员学习此课程弹窗 -->
   </div>
 </template>
 <script>
@@ -2077,9 +2109,10 @@ export default defineComponent({
       sm_hs: false,
       QR_hs:false,
       closableQR: false,
-      rg_hs:true,
-      graduate_hs:true,
-      agreestudy_hs:true,
+      rg_hs:false,
+      graduate_hs:false,
+      agreestudy_hs:false,
+      rejectstudy_hs:false,
       value:"",
       valueE:"",
     });
@@ -2402,6 +2435,7 @@ export default defineComponent({
       state.tableData = datas;
     };
     getTableDate();
+
     const getTableDate2 = () => {
       let data2 = state.tableData7;
       data2.map((value) => {
@@ -2413,10 +2447,17 @@ export default defineComponent({
                 {value.status === "待审核" ? (
                   <div class="nselect">
                     <div class="ops1">
-                      <div class="jc">通过</div>
+                      <div class="jc"
+                        onClick={() => {
+                          state.agreestudy_hs = true;
+                        }}
+                      >通过</div>
                     </div>
                     <div class="ops1">
-                      <div class="jc">拒绝</div>
+                      <div class="jc"
+                         onClick={() => {
+                          state.rejectstudy_hs = true;
+                        }}>拒绝</div>
                     </div>
                     <div class="ops2">
                       <div class="jc">删除</div>
@@ -2451,6 +2492,7 @@ export default defineComponent({
       state.tableData = data2;
     };
     getTableDate2();
+
     const getTableDate3 = () => {
       let datas = state.tableData6;
       datas.map((value) => {
@@ -2508,6 +2550,61 @@ export default defineComponent({
       state.tableData = datas;
     };
     getTableDate3();
+
+    const getTableDate4 = () => {
+      let data2 = state.tableData7;
+      data2.map((value) => {
+        {
+          //单层项目
+          value.overstatus = (
+            <div class="operation">
+              <div class="nSelect">
+                {value.status === "待审核" ? (
+                  <div class="nselect">
+                    <div class="ops2">
+                      <div class="jc">-</div>
+                    </div>
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+                {value.status === "已通过" ? (
+                  <div class="nselect">
+                    <div class="ops1">
+                      <div class="jc"
+                        onClick={() => {
+                          state.rg_hs = true;
+                        }}
+                      >成功录入</div>
+                    </div>
+                    <div class="ops1">
+                      <div class="jc"
+                         onClick={() => {
+                          state.graduate_hs = true;
+                        }}>结业</div>
+                    </div>
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+                {value.status === "已拒绝" ? (
+                  <div class="nselect">
+                    <div class="ops2">
+                      <div class="jc">删除</div>
+                    </div>
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+              </div>
+            </div>
+          );
+        }
+      });
+      state.tableData = data2;
+    };
+    getTableDate4();
+
     const onftvalue = ref();
     const options1 = ref([
       {
@@ -2619,6 +2716,9 @@ export default defineComponent({
     const agreestudy_exit = () => {
       state.agreestudy_hs = false;
     }
+    const rejectstudy_exit = () => {
+      state.rejectstudy_hs = false;
+    }
     return {
       onftvalue,
       current,
@@ -2659,6 +2759,7 @@ export default defineComponent({
       rg_exit,
       graduate_exit,
       agreestudy_exit,
+      rejectstudy_exit,
     };
   },
 });
@@ -2825,6 +2926,7 @@ export default defineComponent({
     }
   }
 }
+//faceteach
 .modalStyle {
   .ant-modal{
     .modalHeader {
@@ -3007,6 +3109,7 @@ export default defineComponent({
     }
   }
 }
+
 .selectonlineface {
     z-index: 999;
     width: 679px;
@@ -3019,7 +3122,7 @@ export default defineComponent({
     transform: translate(-50%, -50%);
     .of_header {
       position: absolute;
-      width: calc(100%);
+      width: 100%;
       height: 40px;
       background: linear-gradient(
         rgba(78, 166, 255, 0.2) 0%,
@@ -3027,7 +3130,7 @@ export default defineComponent({
       );
     }
     .of_main {
-      width: calc(100%);
+      width: 100%;
       position: relative;
       .ofm_header {
         display: flex;
@@ -3141,133 +3244,129 @@ export default defineComponent({
       }
     }
 }
-.ant-modal{
-  .ant-modal-content{
-    width:679px !important;
-    .ant-modal-body{
-      .createschooltime {
-          z-index: 999;
-          width: 100%;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+//createschooltime
+.createschooltime {
+    z-index: 999;
+    width: 679px;
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+    position: absolute;
+    left: 50%;
+    top: 10%;
+    transform: translate(-50%, -50%);
+    .cst_header {
+      position: absolute;
+      width: 100%;
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
+    }
+    .cst_main {
+      width: 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;
-          left: 50%;
-          top: 10%;
-          transform: translate(-50%, -50%);
-          .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%
-            );
+          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;
+        width: 80%;
+        margin:auto;
+        align-items: center;
+        margin-bottom: 23px;
+        .signbox{
+          display:flex;
+          justify-content: end;
+          width:100px;
+          margin-right:6px;
+          .sign{
+            margin-top:-5px;
+            margin-right:4px;
           }
-          .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;
-              width: 80%;
-              margin:auto;
-              align-items: center;
-              margin-bottom: 23px;
-              .signbox{
-                display:flex;
-                justify-content: end;
-                width:100px;
-                margin-right:6px;
-                .sign{
-                  margin-top:-5px;
-                  margin-right:4px;
-                }
-              }
-              .b_input{
-                flex:1;
-                .upload_box {
-                  display: flex;
-                  cursor: pointer;
-                  .upload_icon {
-                    width: 16px;
-                    height: 16px;
-                    margin-right: 5px;
-                  }
-                }
-              }
-            }
-            .items_fj{
-              margin-bottom:1px;
-            }
-            .items_btn {
-              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;
-                }
-              }
-              .btn5 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
-              .btn6 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
+        }
+        .b_input{
+          flex:1;
+          .upload_box {
+            display: flex;
+            cursor: pointer;
+            .upload_icon {
+              width: 16px;
+              height: 16px;
+              margin-right: 5px;
             }
           }
+        }
+      }
+      .items_fj{
+        margin-bottom:1px;
+      }
+      .items_btn {
+        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;
+          }
+        }
+        .btn5 {
+          border: 1px solid rgba(64, 158, 255, 1);
+          color: #4ea6ff;
+        }
+        .btn6 {
+          background-color: #4ea6ff;
+          color: #ffffff;
+        }
       }
     }
-  }
 }
+
+//QR
 .ant-modal{
   .ant-modal-content{
-  width:479px !important;
+  // width:479px !important;
   .ant-modal-body{
     .QR{
         z-index: 999;
-        width: 100%;
+        width:520px;
         background: #ffffff;
         box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
         position: absolute;
@@ -3353,13 +3452,15 @@ export default defineComponent({
   }
   }
 }
+
+//recordgrade
 .ant-modal{
   .ant-modal-content{
-  width:679px !important;
+  // width:679px !important;
   .ant-modal-body{
     .recordgrade{
         z-index: 999;
-        width: 100%;
+        width:679px;
         background: #ffffff;
         box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
         position: absolute;
@@ -3453,13 +3554,14 @@ export default defineComponent({
   }
   }
 }
+//graduate
 .ant-modal{
   .ant-modal-content{
-    width:679px !important;
+    // width:679px !important;
   .ant-modal-body{
     .graduate{
         z-index: 999;
-        width: 100%;
+        width:679px;
         background: #ffffff;
         box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
         position: absolute;
@@ -3558,13 +3660,14 @@ export default defineComponent({
   }
   }
 }
+//agreestudy
 .ant-modal{
   .ant-modal-content{
-    width:679px !important;
+    // width:679px !important;
   .ant-modal-body{
     .agreestudy{
         z-index: 999;
-        width: 100%;
+        width:679px;
         background: #ffffff;
         box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
         position: absolute;
@@ -3606,12 +3709,13 @@ export default defineComponent({
               background-size: 100% 100%;
             }
           }
-          .agree_body{
-            width: 100%;
-            .brderbox{
+          .agreem_body{
+            .body_box{
               display:flex;
-              align-items:center;
               justify-content: center;
+              align-items:center;
+              width:100%;
+              margin:20px auto;
             }
           }
           .qrm_btnbox{
@@ -3649,168 +3753,138 @@ export default defineComponent({
   }
   }
 }
-.modalStyle {
+
+//onlinemanage faceteachmanage ftsturecord givepower schooltime studentsmanage
+.modalStyle { 
   .ant-modal{
   .ant-modal-content{
-  width:1358px !important;
-  .ant-modal-body{
-    .modalHeader {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      .headerLeft {
-        margin-left: 27px;
+  // width:1358px !important;
+    .ant-modal-body{
+      .modalHeader {
         display: flex;
         align-items: center;
-        .headerLeftText {
-          font-size: 16px;
-          font-weight: 400;
-          color: #000000;
-          line-height: 36px;
+        justify-content: space-between;
+        .headerLeft {
+          margin-left: 27px;
+          display: flex;
+          align-items: center;
+          .headerLeftText {
+            font-size: 16px;
+            font-weight: 400;
+            color: #000000;
+            line-height: 36px;
+          }
         }
       }
-    }
-    .modalMain{
-      .onlinemanage,
-      .faceteachmanage {
-        display: none;
-        z-index: 999;
-        min-width: 1000px;
-        background: #ffffff;
-        .om_main {
-          width: 100%;
-          .om_body {
-            margin-right:50px;
-            .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 {
+      .modalMain{
+        .onlinemanage,
+        .faceteachmanage {
+          display: none;
+          z-index: 999;
+          min-width: 1000px;
+          background: #ffffff;
+          .om_main {
+            width: 100%;
+            .om_body {
+              margin-right:50px;
+              .b_title {
                 color: #4f5156;
+                font-weight: 500;
+                margin-bottom: 19px;
               }
-            }
-            .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 {
+              .b_sub {
                 display: flex;
-                .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);
+                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;
-                  justify-content: center;
-                  margin-right: 14px;
-                  flex-shrink: 0;
-                  .search {
-                    background-size: 100%;
+                  .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;
+                    }
                   }
-                  .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 {
-                  .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;
+                  .btn1:hover {
+                    background: rgba(64, 158, 255, 1);
+                    .search {
+                      background-image: url("@/assets/images/coursewareManage/search0.png");
+                    }
+                    .btnText {
+                      color: #ffffff;
+                    }
                   }
                 }
               }
             }
           }
         }
-      }
-      .ftsturecord {
-        z-index: 999;
-        min-width: 1000px;
-        background: #ffffff;
-        .ftsr_main {
-          width: 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;
+        .ftsturecord {
+          z-index: 999;
+          min-width: 1000px;
+          background: #ffffff;
+          .ftsr_main {
+            width: 100%;
+            .ftsr_table {
+              width: 90%;
+              margin: 30px auto;
+              border: 1px solid #f0f4fe;
             }
-          }
-        }
-      }
-      .givepower {
-        z-index: 999;
-        min-width: 1000px;
-        background: #ffffff;
-        .gp_main {
-          width: 100%;
-          position: relative;
-          .gpm_inputbtn {
-            width: 90%;
-            margin: 20px auto;
-            display: flex;
-            .gpm_btn {
+            .ftsr_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;
+              margin: 30px auto;
               flex-shrink: 0;
               cursor: pointer;
               .btnText {
@@ -3820,356 +3894,390 @@ export default defineComponent({
                 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;
-        min-width: 1000px;
-        background: #ffffff;
-        .st_main {
-          width: 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;
+        .givepower {
+          z-index: 999;
+          min-width: 1000px;
+          background: #ffffff;
+          .gp_main {
+            width: 100%;
+            position: relative;
+            .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;
-              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 {
+              line-height: 64px;
+              .th_icon {
                 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");
+                height: 16px;
+                background-image: url(@/assets/images/coursewareManage/gan.png);
                 background-size: 100% 100%;
-                margin-right: 6px;
+                margin: auto 13px auto 37px;
+              }
+              .textarea {
+                margin-right: 33px;
               }
             }
+            .gpm_table {
+              width: 90%;
+              margin: 30px auto;
+              border: 1px solid #f0f4fe;
+            }
           }
-          .stm_table {
-            width: 90%;
-            margin: 30px auto;
-            border: 1px solid #f0f4fe;
-            .operation {
+        }
+        .schooltime {
+          z-index: 999;
+          min-width: 1000px;
+          background: #ffffff;
+          .st_main {
+            width: 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;
-              justify-content: center;
               align-items: center;
-              color: #4ea6ff;
-              .nselect {
+              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;
+              .operation {
+                display: flex;
                 justify-content: center;
                 align-items: center;
-                display: flex;
-                .jc {
-                  margin-left: 20px;
-                  cursor: pointer;
+                color: #4ea6ff;
+                .nselect {
+                  justify-content: center;
+                  align-items: center;
+                  display: flex;
+                  .jc {
+                    margin-left: 20px;
+                    cursor: pointer;
+                  }
+                }
+                .tableSelect {
+                  margin-right: 10px;
+                  margin-left: -5px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: right;
                 }
-              }
-              .tableSelect {
-                margin-right: 10px;
-                margin-left: -5px;
-                display: flex;
-                align-items: center;
-                justify-content: right;
               }
             }
           }
         }
-      }
-      .studentsmanage {
-        z-index: 999;
-        min-width: 1000px;
-        background: #ffffff;
-        .stm_main {
-          width: 100%;
-          .stmmitems {
-            margin: auto 49px;
-            .stmm_i1,
-            .stmm_i2,
-            .stmm_i3,
-            .stmm_i4 {
-              margin: 19px 0;
-            }
-            .stmm_i5 {
-              display: flex;
-              justify-content: space-between;
-              .i5_left {
-                display: flex;
-                .stmm_btn {
-                  width: 100px;
-                  height: 40px;
-                  margin-right: 14px;
-                  background: #ffffff;
-                  border: 1px solid #4ea6ff;
-                  border-radius: 8px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: center;
-                  flex-shrink: 0;
-                  cursor: pointer;
-                  .btnText {
-                    color: #4ea6ff;
-                    font-size: 14px;
-                    font-weight: 400;
-                    line-height: 40px;
-                  }
-                }
-                .btn1 {
-                  .search {
-                    width: 15px;
-                    height: 17px;
-                    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;
-                  }
-                }
+        .studentsmanage {
+          z-index: 999;
+          min-width: 1000px;
+          background: #ffffff;
+          .stm_main {
+            width: 100%;
+            .stmmitems {
+              margin: auto 49px;
+              .stmm_i1,
+              .stmm_i2,
+              .stmm_i3,
+              .stmm_i4 {
+                margin: 19px 0;
               }
-              .i5_right {
+              .stmm_i5 {
                 display: flex;
-                .stmm_btn {
-                  width: 100px;
-                  height: 40px;
-                  margin-right: 14px;
-                  background: #ffffff;
-                  border: 1px solid #4ea6ff;
-                  border-radius: 8px;
+                justify-content: space-between;
+                .i5_left {
                   display: flex;
-                  align-items: center;
-                  justify-content: center;
-                  flex-shrink: 0;
-                  cursor: pointer;
-                  .btnText {
-                    color: #4ea6ff;
-                    font-size: 14px;
-                    font-weight: 400;
-                    line-height: 40px;
-                  }
-                }
-                .btn3 {
-                  background-color: #4ea6ff;
-                }
-                .btn4 {
-                  display: flex;
-                  flex-direction: column;
-                  position: relative;
-                  .btn4_sub {
+                  .stmm_btn {
+                    width: 100px;
+                    height: 40px;
+                    margin-right: 14px;
+                    background: #ffffff;
+                    border: 1px solid #4ea6ff;
+                    border-radius: 8px;
                     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%;
+                    justify-content: center;
+                    flex-shrink: 0;
+                    cursor: pointer;
+                    .btnText {
+                      color: #4ea6ff;
+                      font-size: 14px;
+                      font-weight: 400;
+                      line-height: 40px;
                     }
                   }
-                  .btn4_sup {
-                    width: 100%;
+                  .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;
+                    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;
-                    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;
+                    position: relative;
+                    .btn4_sub {
+                      display: flex;
+                      justify-content: center;
+                      align-items: center;
+                      .b_zk {
+                        width: 10px;
+                        height: 8px;
+                        background-image: url("@/assets/images/coursewareManage/down.png");
+                        background-size: 100% 100%;
+                      }
+                      .b_sq {
+                        width: 10px;
+                        height: 8px;
+                        background-image: url("@/assets/images/coursewareManage/up.png");
+                        background-size: 100% 100%;
+                      }
                     }
-                    .btn4_op1,
-                    .btn4_op2,
-                    .btn4_op3 {
-                      margin-left: 20px;
+                    .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 {
+                    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;
+                  .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;
+              .stmm_i6 {
+                margin-top: 20px;
+                .operation,
+                .nselect {
+                  display: flex;
+                  justify-content: center;
+                  color: #4ea6ff;
+                  font-size: 14px;
+                  .ops1,
+                  .ops2 {
+                    margin-right: 10px;
+                    cursor: pointer;
+                  }
                 }
               }
             }
@@ -4177,8 +4285,6 @@ export default defineComponent({
         }
       }
     }
-
-}
   }
 }
 }

From 60ea2d833e480fcf40cd83612e130bce4439f92e Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Fri, 14 Oct 2022 18:35:48 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=E8=A1=A5=E9=BD=90=E7=A1=AE=E5=AE=9A?=
 =?UTF-8?q?=E9=9D=A2=E6=8E=88=E8=AF=BE=E5=92=8C=E5=85=A8=E9=83=A8=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=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  | 160 ++++++++--
 .../courselibrary/conponents/OnlineManage.vue | 279 ------------------
 src/views/projectcenter/TemplateLibrary.vue   | 167 ++++++++++-
 3 files changed, 296 insertions(+), 310 deletions(-)
 delete mode 100644 src/views/courselibrary/conponents/OnlineManage.vue

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index a0709776..eb6a3bd2 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -7,21 +7,21 @@
         <div class="filterItems">
           <div class="fi_input fitems">
             <a-input
-              v-model:value="value"
+              v-model:value="value1"
               style="width: 270px; height: 40px; border-radius: 8px"
               placeholder="请输入项目名称"
             />
           </div>
           <div class="fi_input fitems">
             <a-input
-              v-model:value="value"
+              v-model:value="value2"
               style="width: 270px; height: 40px; border-radius: 8px"
               placeholder="请输入名称"
             />
           </div>
           <div class="fi_input fitems">
             <a-input
-              v-model:value="value"
+              v-model:value="value3"
               style="width: 270px; height: 40px; border-radius: 8px"
               placeholder="请输入所属项目"
             />
@@ -49,7 +49,7 @@
           </div>
           <div class="select fitems">
             <a-range-picker
-              v-model:value="value2"
+              v-model:value="value4"
               separator="至"
               :placeholder="['        开始时间', '        结束时间']"
             />
@@ -97,11 +97,12 @@
               </div>
               <div class="b_input">
                 <a-input
-                  v-model:value="value"
+                  v-model:value="value5"
                   maxlength="20"
                   style="width: 440px; height: 40px; border-radius: 8px"
                   placeholder="请输入课程名称"
                 />
+                <div class="inp_num"><span style="color:#C7CBD2">{{ value5.length }}/20</span></div>
               </div>
               <!-- <div class="showcount">{{ valueE.length }}/20</div> -->
             </div>
@@ -253,10 +254,12 @@
                     <div class="item_inp">
                       <div class="i1_input">
                         <a-input
-                          v-model:value="value"
+                          v-model:value="value6"
+                          maxlength="90"
                           style="width: 440px; height: 40px; border-radius: 8px"
                           placeholder="请输入课程名称"
-                        />
+                        >
+                        </a-input>
                       </div>
                     </div>
                   </div>
@@ -334,7 +337,8 @@
                     <div class="item_inp">
                       <div class="i1_input">
                         <a-input
-                          v-model:value="value"
+                          v-model:value="value7"
+                          maxlength="50"
                           style="width: 440px; height: 40px; border-radius: 8px"
                           placeholder="请输入目标人群"
                         />
@@ -348,7 +352,8 @@
                     <div class="item_inp">
                       <div class="i1_input">
                         <a-input
-                          v-model:value="value"
+                          v-model:value="value8"
+                          maxlength="200"
                           style="width: 440px; height: 40px; border-radius: 8px"
                           placeholder="请输入课程价值"
                         />
@@ -416,7 +421,7 @@
                     <div class="item_inp">
                       <div class="i1_input">
                         <a-input
-                          v-model:value="value"
+                          v-model:value="value10"
                           style="width: 440px; height: 40px; border-radius: 8px"
                           placeholder="请输入"
                         />
@@ -431,7 +436,8 @@
                     <div class="item_inp">
                       <div class="i10_textarea">
                         <a-textarea
-                          v-model:value="value"
+                          v-model:value="value11"
+                          maxlength="150"
                           style="width: 440px; height: 100px; border-radius: 8px"
                           placeholder="请输入"
                         />
@@ -513,6 +519,27 @@
                   </div>
                 </div>
               </div>
+              <div class="m_footer">
+                <div class="fotnam">
+                  <span>课程大纲</span>
+                </div>
+                <div class="fotarea">
+                  <div class="fuwenben"></div>
+                  <a-textarea
+                    v-model:value="value25"
+                    style="width: 926px; height: 130px; border-radius: 8px; padding-top:20px;"
+                    placeholder=""
+                  />
+                </div>
+              </div>
+              <div class="m_btn">
+                <div class="btn btn5">
+                  <div class="btnText" @click="ft_exit">取消</div>
+                </div>
+                <div class="btn btn6">
+                  <div class="btnText" @click="ft_exit">确定</div>
+                </div>
+              </div>
             </div>
         </a-modal>
       </div>
@@ -592,7 +619,7 @@
                           class="select"
                           ref="select"
                           placeholder="请选择状态"
-                          v-model:value="value"
+                          v-model:value="value12"
                           style="width: 200px"
                           @focus="focus"
                           @change="handleChange"
@@ -605,7 +632,7 @@
                       </div>
                       <div class="bm_input">
                         <a-input
-                          v-model:value="value"
+                          v-model:value="value13"
                           style="width: 200px; height: 40px; border-radius: 8px"
                           placeholder="姓名"
                         />
@@ -682,7 +709,7 @@
                       class="select"
                       ref="select"
                       placeholder="请选择状态"
-                      v-model:value="value"
+                      v-model:value="value14"
                       style="width: 200px"
                       @focus="focus"
                       @change="handleChange"
@@ -695,7 +722,7 @@
                   </div>
                   <div class="bm_input">
                     <a-input
-                      v-model:value="value"
+                      v-model:value="value15"
                       style="width: 200px; height: 40px; border-radius: 8px"
                       placeholder="姓名"
                     />
@@ -804,7 +831,7 @@
             <div class="gp_main">
               <div class="gpm_inputbtn">
                 <a-input
-                v-model:value="value"
+                v-model:value="value16"
                   style="
                     width: 270px;
                     height: 40px;
@@ -833,6 +860,7 @@
               </div>
               <div class="gpm_table">
                 <a-table
+                  :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
                   :columns="columns5"
                   :data-source="tableData5"
                   :loading="tableDataTotal === -1 ? true : false"
@@ -899,7 +927,7 @@
             <div class="st_main">
               <div class="stm_inputbtn">
                 <a-input
-                  v-model:value="value"
+                  v-model:value="value17"
                   style="
                     width: 270px;
                     height: 40px;
@@ -909,7 +937,7 @@
                   placeholder="请输入创建人"
                 />
                 <a-input
-                  v-model:value="value"
+                  v-model:value="value18"
                   style="
                     width: 270px;
                     height: 40px;
@@ -996,7 +1024,7 @@
             </div>
             <div class="b_input">
               <a-input
-                v-model:value="value"
+                v-model:value="value19"
                 style="width: 440px; height: 40px; border-radius: 8px"
                 placeholder="请输入开课名称"
               />
@@ -1009,7 +1037,7 @@
             </div>
             <div class="b_input">
               <a-input
-                v-model:value="value"
+                v-model:value="value20"
                 style="width: 440px; height: 40px; border-radius: 8px"
                 placeholder="请输入详细地点"
               />
@@ -1023,7 +1051,7 @@
             <div class="select fitems">
               <a-range-picker
                 style="width: 440px; height: 40px; border-radius: 8px"
-                v-model:value="value2"
+                v-model:value="value21"
                 separator="至"
                 :placeholder="['        开始时间', '        结束时间']"
               />
@@ -1036,7 +1064,7 @@
             </div>
             <div class="b_input">
               <a-input
-                v-model:value="value"
+                v-model:value="value22"
                 style="width: 440px; height: 40px; border-radius: 8px"
                 placeholder="请输入教师"
               />
@@ -1170,7 +1198,7 @@
                 <div class="stmm_i5">
                   <div class="i5_left">
                     <a-input
-                      v-model:value="value"
+                      v-model:value="value23"
                       style="
                         width: 270px;
                         height: 40px;
@@ -1312,7 +1340,7 @@
               </div>
               <div class="rgmb_input">
                 <a-input
-                  v-model:value="value"
+                  v-model:value="value24"
                   maxlength="20"
                   style="width: 440px; height: 40px; border-radius: 8px"
                   placeholder=""
@@ -1626,35 +1654,35 @@ const columns5 = [
     title: "姓名",
     dataIndex: "name",
     key: "name",
-    width: "18%",
-    align: "center",
+    width: "10%",
+    align: "left",
   },
   {
     title: "归属组织",
     dataIndex: "organization",
     key: "organization",
-    width: "18%",
+    width: "19%",
     align: "center",
   },
   {
     title: "岗位",
     dataIndex: "position",
     key: "position",
-    width: "18%",
+    width: "19%",
     align: "center",
   },
   {
     title: "拥有权限",
     dataIndex: "authority",
     key: "authority",
-    width: "18%",
+    width: "19%",
     align: "center",
   },
   {
     title: "操作",
     dataIndex: "opacation",
     key: "opacation",
-    width: "30%",
+    width: "34%",
     align: "center",
   },
 ];
@@ -2114,7 +2142,12 @@ export default defineComponent({
       agreestudy_hs:false,
       rejectstudy_hs:false,
       value:"",
+      // value1:"",
+      // value2:"",
+      value5:"",
+      value6:"",
       valueE:"",
+      selectedRowKeys: [],
     });
     const fileList = ref([]);
     const loading = ref(false);
@@ -2719,6 +2752,10 @@ export default defineComponent({
     const rejectstudy_exit = () => {
       state.rejectstudy_hs = false;
     }
+    const onSelectChange = selectedRowKeys => {
+      console.log('selectedRowKeys changed: ', selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
     return {
       onftvalue,
       current,
@@ -2760,6 +2797,7 @@ export default defineComponent({
       graduate_exit,
       agreestudy_exit,
       rejectstudy_exit,
+      onSelectChange,
     };
   },
 });
@@ -3106,6 +3144,62 @@ export default defineComponent({
           }
         }
       }
+      .m_footer{
+        display:flex;
+        margin:20px 0;
+        .fotnam{
+          width:100px;
+          display: flex;
+          justify-content: end;
+          padding-right:15px;
+        }
+        .fotarea{
+          position: relative;
+          .fuwenben{
+            width: 90%;
+            height:20px;
+            background-color: rgb(95, 95, 95);
+            position: absolute;
+            left:50%;
+            transform: translate(-50%,0);
+            top: 3px;
+            z-index: 9999;
+          }
+        }
+      }
+      .m_btn {
+          width: 100%;
+          margin-top: 25px;
+          margin-bottom: 20px;
+          display: flex;
+          justify-content: center;
+          align-content: center;
+          .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;
+            }
+          }
+          .btn5 {
+            border: 1px solid rgba(64, 158, 255, 1);
+            color: #4ea6ff;
+          }
+          .btn6 {
+            background-color: #4ea6ff;
+            color: #ffffff;
+          }
+        }
     }
   }
 }
@@ -3177,6 +3271,12 @@ export default defineComponent({
           }
           .b_input{
             flex:1;
+            position: relative;
+            .inp_num{
+              position: absolute;
+              right:10px;
+              top:10px;
+            }
           }
           .bc_box {
             display: flex;
diff --git a/src/views/courselibrary/conponents/OnlineManage.vue b/src/views/courselibrary/conponents/OnlineManage.vue
deleted file mode 100644
index 0ed3576a..00000000
--- a/src/views/courselibrary/conponents/OnlineManage.vue
+++ /dev/null
@@ -1,279 +0,0 @@
-<template>
-    <div class="onlinemanage">
-        <div class="om_header">
-        </div>
-        <div class="main">
-            <div class="m_header">
-                <div class="pc_icon"></div>
-                <span>在线课程管理</span>
-                <div class="pc_exit">x</div>
-            </div>
-            <div class="m_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">
-                    <a-table
-                        :columns="columns"
-                        :data-source="tableData"
-                        :loading="tableDataTotal === -1 ? true : false"
-                        :pagination="false"
-                    />
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import { reactive, toRefs, ref } from "vue";
-const columns = [
-    {
-        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",
-    },
-];
-export default {
-name: "onlineManage",
-setup() {
-    const current = ref(['mail']);
-    const state = reactive({
-        tableData: [
-            {
-                key: 1,
-                projectName:"刘莉",
-                numb: "10064511",
-                applytime:"2022-07-20 14:00:00",
-                signtime: "-",
-                status: "已通过",
-            },
-            {
-                key: 2,
-                projectName:"",
-                numb: "",
-                applytime:"2022-07-20 14:00:00",
-                signtime: "2022-09-26 13:30:30",
-                status:"已通过",
-            },
-        ],
-    });
-
-    
-    return {
-        columns,
-        current,
-        ...toRefs(state),
-    };
-  },
-};
-</script>
-<style lang="scss" scoped>
-.onlinemanage{
-    width: 1358px;
-    min-width: 1000px;
-    height: 537px;
-    background: #FFFFFF;
-    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%,-50%);
-    font-size: 14px;
-    font-family: PingFangSC-Regular;
-    color: #000000;
-    overflow: auto;
-    .om_header{
-        position: absolute;
-        width:calc(100%);
-        height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
-    }
-    .main{
-        width:calc(100%);
-        position: relative;
-        .m_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);
-            }
-            .pc_exit{
-                position: absolute;
-                right:42px;
-                cursor: pointer;
-            }
-        }
-        .m_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;
-                    }
-                }
-            }
-            }
-        }
-    }
-}
-
-</style>
\ No newline at end of file
diff --git a/src/views/projectcenter/TemplateLibrary.vue b/src/views/projectcenter/TemplateLibrary.vue
index 74f58186..24b04069 100644
--- a/src/views/projectcenter/TemplateLibrary.vue
+++ b/src/views/projectcenter/TemplateLibrary.vue
@@ -1 +1,166 @@
-<!-- 模板库页面 -->
+<template>
+  <div class="templatelibrary">
+    <div class="tmpl">
+        <div class="tmpl_header">
+            <div class="tmplh_inp">
+                <div class="inpbox">
+                    <div class="inpbox1">
+                        <span>模版名称：</span>
+                        <a-input
+                            v-model:value="value1"
+                            style="
+                                width: 270px;
+                                height: 40px;
+                                border-radius: 8px;
+                                margin-right: 14px;
+                            "
+                            placeholder="请输入项目名称"
+                        />
+                    </div>
+                    <div class="inpbox1">
+                        <span>创建时间：</span>
+                        <a-date-picker
+                            v-model="selectTime"
+                            type="date"
+                            placeholder="创建时间"
+                            style="width: 270px; margin-right: 14px"
+                        />
+                    </div>
+                </div>
+            </div>
+            <div class="tmplh_btn">
+                <div class="btn btn1">
+                    <div class="search"></div>
+                    <div class="btnText btnText1">搜索</div>
+                </div>
+                <div class="btn btn2">
+                    <div class="search"></div>
+                    <div class="btnText btnText2">重置</div>
+                </div>
+            </div>
+        </div>
+        <div class="tmpl_body">
+            <div class="tmpl_tabbox">
+                <!-- <a-table
+                    :columns="columns1"
+                    :data-source="tableData1"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    @expand="expandTable"
+                    :pagination="false"
+                /> -->
+            </div>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+    name: "TemplateLibrary",
+    // import { reactive, defineComponent, ref } from "vue";
+    // export default defineComponent({
+    //     setup() { 
+    //         const state = reactive({
+                
+    //         })
+    //     }
+    // })
+}
+
+</script>
+
+<style lang="scss">
+    .templatelibrary{
+        width: 100%;
+        .tmpl{
+            width:100%;
+            .tmpl_header{
+                display:flex;
+                justify-content: space-between;
+                margin: 32px;
+                .tmplh_inp{
+                    .inpbox{
+                        display: flex;
+                        .inpbox1{
+                            display:flex;
+                            justify-content: center;
+                            align-items: center;
+                            margin-right: 24px;
+                        }
+                    }
+                }
+                .tmplh_btn{
+                    display: flex;
+                    margin-left: 38px;
+                    .btn {
+                        padding: 0px 26px 0px 26px;
+                        height: 38px;
+                        border-radius: 8px;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        margin-left: 14px;
+                        flex-shrink: 0;
+                        .search {
+                        background-size: 100%;
+                        }
+                        .btnText {
+                        font-size: 14px;
+                        font-weight: 400;
+                        line-height: 36px;
+                        margin-left: 5px;
+                        }
+                        .btnText1{
+                            color: rgb(255, 255, 255);
+                        }
+                        .btnText2{
+                            color: rgba(64, 158, 255, 1);
+                        }
+                    }
+                    .btn1 {
+                        background: #409EFF;
+                        .search {
+                        width: 15px;
+                        height: 17px;
+                        background-image: url("../../assets/images/courseManage/search0.png");
+                        }
+                    }
+                    .btn2 {
+                        background: #FFFFFF;
+                        border: 1px solid #388BE1;
+                        .search {
+                        width: 16px;
+                        height: 18px;
+                        background-image: url("../../assets/images/courseManage/reset1.png");
+                        }
+                    }
+                    .btn1:hover {
+                        background: rgb(255, 255, 255);
+                        border: 1px solid #388BE1;
+                        .search {
+                        background-image: url("../../assets/images/courseManage/search1.png");
+                        }
+                        .btnText {
+                            color: rgba(64, 158, 255, 1);
+                        }
+                    }
+                    .btn2:hover {
+                        background: rgba(64, 158, 255, 1);
+                        .search {
+                        background-image: url("../../assets/images/courseManage/reset0.png");
+                        }
+                        .btnText {
+                        color: #ffffff;
+                        }
+                    }
+                }
+            }
+            .tmpl_body{
+                .tmpl_tabbox{
+
+                }
+            }
+        }
+    }
+</style>
\ No newline at end of file