From cef474daecbb7ff57d52b12d8d15cb76f2ec70a4 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Thu, 20 Oct 2022 09:56:18 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=E8=AF=BE=E7=A8=8B=E7=AE=A1=E7=90=86a-?=
 =?UTF-8?q?dodal=E5=A2=9E=E5=8A=A0=E7=B1=BB=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CoursewareManage.vue | 2397 +++++++++---------
 1 file changed, 1239 insertions(+), 1158 deletions(-)

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index ad3f39ba..0ad1a0e2 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -237,52 +237,34 @@
     </a-modal>
     <!-- 选择线上还是面授课弹窗 -->
     <!-- 确定新建面授课弹窗 -->
-    <div class="faceteach" :style="{ display: ft_hs ? 'block' : 'none' }">
-      <div class="ft_main">
-        <div
-          style="
-            width: 130px;
-            height: 40px;
-            background: #388be1;
-            border-radius: 8px;
-            font-size: 14px;faceteach
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #ffffff;
-            line-height: 20px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-          "
-          @click="showModal"
-        ></div>
-        <a-modal
-          v-model:visible="ft_hs"
-          title="Title"
-          @ok="closeModal"
-          :footer="null"
-          :closable="false"
-          wrapClassName="modalStyle"
-          width="80%"
-        >
-          <div class="modalHeader">
-            <div class="headerLeft">
-              <img
-                style="width: 17px; height: 18px; margin-right: 8px"
-                src="../../assets/images/basicinfo/add.png"
-              />
-              <span class="headerLeftText">新建面授课</span>
-            </div>
-            <div style="margin-right: 57px; cursor: pointer">
-              <img
-                @click="ft_exit"
-                style="width: 22px; height: 22px"
-                src="../../assets/images/basicinfo/close22.png"
-              />
-            </div>
-          </div>
-          <div class="modalMain">
+    <a-modal
+      v-model:visible="ft_hs"
+      title="Title"
+      @ok="closeModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle facteachModal"
+      width="80%"
+    >
+      <div class="modalHeader">
+        <div class="headerLeft">
+          <img
+            style="width: 17px; height: 18px; margin-right: 8px"
+            src="../../assets/images/basicinfo/add.png"
+          />
+          <span class="headerLeftText">新建面授课</span>
+        </div>
+        <div style="margin-right: 57px; cursor: pointer">
+          <img
+            @click="ft_exit"
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
+          />
+        </div>
+      </div>
+      <div class="modalMain">
+        <div class="faceteach" :style="{ display: ft_hs ? 'block' : 'none' }">
+          <div class="ft_main">
             <div class="m_title">课程信息</div>
             <div class="m_body">
               <div class="mb_left">
@@ -647,9 +629,10 @@
               </div>
             </div>
           </div>
-        </a-modal>
+        </div>
       </div>
-    </div>
+    </a-modal>
+
     <!-- 确定新建面授课弹窗 -->
     <!-- 表格 -->
     <div class="tableBox">
@@ -680,7 +663,7 @@
       @ok="closeModal"
       :footer="null"
       :closable="false"
-      wrapClassName="modalStyle"
+      wrapClassName="modalStyle onlmanageModal"
       width="80%"
     >
       <div class="modalHeader">
@@ -885,7 +868,7 @@
       @ok="closeModal"
       :footer="null"
       :closable="false"
-      wrapClassName="modalStyle"
+      wrapClassName="modalStyle givpowerModal"
       width="80%"
     >
       <div class="modalHeader">
@@ -985,7 +968,7 @@
       @ok="closeModal"
       :footer="null"
       :closable="false"
-      wrapClassName="modalStyle"
+      wrapClassName="modalStyle schtimeModal"
       width="80%"
     >
       <div class="modalHeader">
@@ -1282,7 +1265,7 @@
       @ok="closeModal"
       :footer="null"
       :closable="false"
-      wrapClassName="modalStyle"
+      wrapClassName="modalStyle stusmanageModal"
       width="80%"
     >
       <div class="modalHeader">
@@ -1427,6 +1410,7 @@
       v-model:visible="QR_hs"
       :footer="null"
       :closable="closableQR"
+      wrapClassName="QRModal"
       style="margin-top: 400px"
     >
       <div class="QR" :style="{ display: QR_hs ? 'block' : 'none' }">
@@ -1455,6 +1439,7 @@
       v-model:visible="rg_hs"
       :footer="null"
       :closable="closableQR"
+      wrapClassName="recgradeModal"
       style="margin-top: 400px"
     >
       <div class="recordgrade" :style="{ display: rg_hs ? 'block' : 'none' }">
@@ -1503,6 +1488,7 @@
       v-model:visible="graduate_hs"
       :footer="null"
       :closable="closableQR"
+      wrapClassName="graModal"
       style="margin-top: 400px"
     >
       <div
@@ -1562,6 +1548,7 @@
       v-model:visible="agreestudy_hs"
       :footer="null"
       :closable="closableQR"
+      wrapClassName="agrstudyModal"
       style="margin-top: 400px"
     >
       <div
@@ -1597,6 +1584,7 @@
       v-model:visible="rejectstudy_hs"
       :footer="null"
       :closable="closableQR"
+      wrapClassName="agrstudyModal"
       style="margin-top: 400px"
     >
       <div
@@ -3112,17 +3100,6 @@ export default defineComponent({
       }
     }
   }
-  .faceteach {
-    z-index: 999;
-    width: 90%;
-    min-width: 1000px;
-    background: #ffffff;
-    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-    .ft_main {
-      width: calc(100%);
-      position: relative;
-    }
-  }
   .tableBox {
     margin: 20px 38px 30px;
     .operation {
@@ -3149,259 +3126,6 @@ export default defineComponent({
     }
   }
 }
-//faceteach
-.modalStyle {
-  .ant-modal {
-    .modalHeader {
-      display: flex;
-      align-items: center;
-      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 {
-      .m_title {
-        margin-bottom: 20px;
-      }
-      .m_body {
-        display: flex;
-        flex-wrap: wrap;
-        .mb_left {
-          width: 50%;
-          .mbl_items {
-            display: flex;
-            align-items: center;
-            justify-content: flex-end;
-            margin-bottom: 10px;
-            .item_nam {
-              width: 100px;
-              display: flex;
-              align-items: center;
-              justify-content: flex-end;
-              white-space: nowrap;
-              .asterisk_icon {
-                width: 10px;
-                height: 10px;
-                margin-right: 5px;
-                margin-top: -15px;
-              }
-            }
-            .item_inp {
-              flex: 1;
-              position: relative;
-              .inp_num {
-                position: absolute;
-                left: 398px;
-                top: 10px;
-              }
-            }
-          }
-          .i2_cz {
-            width: 440px;
-            margin-left: 100px;
-            .i2_top {
-              display: flex;
-              justify-content: space-between;
-            }
-          }
-          .i8_bottom {
-            display: flex;
-            width: 440px;
-            margin-left: 100px;
-          }
-        }
-        .mb_right {
-          width: 50%;
-          .mbl_items {
-            display: flex;
-            align-items: center;
-            justify-content: flex-end;
-            margin-bottom: 10px;
-            .item_nam {
-              width: 100px;
-              display: flex;
-              align-items: center;
-              justify-content: flex-end;
-              white-space: nowrap;
-              .asterisk_icon {
-                width: 10px;
-                height: 10px;
-                margin-top: -15px;
-                margin-right: 5px;
-              }
-            }
-            .item_inp {
-              flex: 1;
-              position: relative;
-              .inp_num {
-                position: absolute;
-                left: 395px;
-                bottom: 10px;
-              }
-            }
-            .accessory {
-              display: flex;
-              align-items: center;
-              .accessory_icon {
-                width: 16px;
-                height: 16px;
-                margin-top: -8px;
-                margin-right: 5px;
-              }
-            }
-          }
-          .mbl_items12 {
-            width: 440px;
-            margin-left: 100px;
-            .i12_box1 {
-              display: flex;
-              align-items: center;
-              padding: 17px 0px 17px 21px;
-              border: 1px solid #eff4fc;
-              border-radius: 8px;
-              margin-bottom: 10px;
-              .file_img {
-                width: 27px;
-                height: 32px;
-                background-color: red;
-                margin-right: 22px;
-              }
-              .file_detail {
-                width: 250px;
-                margin-right: 21px;
-                .file_updata {
-                  display: flex;
-                  align-items: center;
-                  .updatabox {
-                    position: relative;
-                    width: 230px;
-                    height: 5px;
-                    background-color: rgba(192, 192, 192, 0.25);
-                    border-radius: 3px;
-                    .updatacolor {
-                      position: absolute;
-                      left: 0;
-                      width: 100%;
-                      height: 5px;
-                      background-color: #57c887;
-                      border-radius: 3px;
-                    }
-                    .updatacolor2 {
-                      position: absolute;
-                      left: 0;
-                      width: 80%;
-                      height: 5px;
-                      background-color: #ff7474;
-                      border-radius: 3px;
-                    }
-                    .updatacolor3 {
-                      position: absolute;
-                      left: 0;
-                      width: 60%;
-                      height: 5px;
-                      background-color: #388be1;
-                      border-radius: 3px;
-                    }
-                    .updataxq {
-                      position: absolute;
-                      right: 2px;
-                      top: -30px;
-                      color: #57c887;
-                    }
-                    .updataxq2 {
-                      position: absolute;
-                      right: 2px;
-                      top: -30px;
-                      color: #ff7474;
-                    }
-                    .updataxq3 {
-                      position: absolute;
-                      right: 2px;
-                      top: -30px;
-                      color: #388be1;
-                    }
-                  }
-                }
-                .file_operation {
-                  display: flex;
-
-                  span {
-                    cursor: pointer;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-      .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;
-        }
-      }
-    }
-  }
-}
 .selectonlineface {
   z-index: 999;
   width: 679px;
@@ -3542,7 +3266,6 @@ export default defineComponent({
     }
   }
 }
-//createschooltime
 .createschooltime {
   z-index: 999;
   width: 679px;
@@ -3662,392 +3385,93 @@ export default defineComponent({
     }
   }
 }
-//QR
-.ant-modal {
-  .ant-modal-content {
-    // width:479px !important;
-    .ant-modal-body {
-      .QR {
-        z-index: 999;
-        width: 520px;
-        background: #ffffff;
-        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-        position: absolute;
-        left: 50%;
-        top: 10%;
-        transform: translate(-50%, -50%);
-        .qr_header {
+.QRModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 479px !important;
+      .ant-modal-body {
+        .QR {
+          z-index: 999;
+          width: 520px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
           position: absolute;
-          width: calc(100%);
-          height: 40px;
-          background: linear-gradient(
-            rgba(78, 166, 255, 0.2) 0%,
-            rgba(78, 166, 255, 0) 100%
-          );
-        }
-        .qr_main {
-          width: 100%;
-          position: relative;
-          .qrm_header {
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .qr_icon {
-              width: 16px;
-              height: 16px;
-              margin-right: 10px;
-              background-image: url(@/assets/images/coursewareManage/QR.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%;
-            }
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+          .qr_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
           }
-          .qrm_body {
+          .qr_main {
             width: 100%;
-            .QR_img {
-              width: 176px;
-              height: 176px;
-              margin: 1px auto;
-              background-color: red;
-            }
-          }
-          .qrm_btnbox {
-            display: flex;
-            margin: 30px auto;
-            justify-content: center;
-            .qrm_btn {
-              width: 100px;
-              height: 40px;
-              background: rgba(64, 158, 255, 0);
-              border-radius: 8px;
+            position: relative;
+            .qrm_header {
               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;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .qr_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.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%;
               }
             }
-            .btn1 {
-              border: 1px solid rgba(64, 158, 255, 1);
-              color: #4ea6ff;
-            }
-            .btn2 {
-              background-color: #4ea6ff;
-              color: #ffffff;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-//recordgrade
-.ant-modal {
-  .ant-modal-content {
-    // width:679px !important;
-    .ant-modal-body {
-      .recordgrade {
-        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%);
-        .rg_header {
-          position: absolute;
-          width: calc(100%);
-          height: 40px;
-          background: linear-gradient(
-            rgba(78, 166, 255, 0.2) 0%,
-            rgba(78, 166, 255, 0) 100%
-          );
-        }
-        .rg_main {
-          width: 100%;
-          position: relative;
-          .rgm_header {
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .rg_icon {
-              width: 16px;
-              height: 16px;
-              margin-right: 10px;
-              background-image: url(@/assets/images/coursewareManage/grade.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%;
-            }
-          }
-          .rgm_body {
-            width: 100%;
-            .rgmb_items {
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              width: 80%;
-              margin: 21px auto 10px auto;
-              .items_left {
-                display: flex;
-                margin-right: 14px;
-                .sign {
-                  margin-right: 7px;
-                }
-              }
-            }
-          }
-          .qrm_btnbox {
-            display: flex;
-            margin: 30px auto;
-            justify-content: center;
-            .qrm_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;
-              }
-            }
-            .btn1 {
-              border: 1px solid rgba(64, 158, 255, 1);
-              color: #4ea6ff;
-            }
-            .btn2 {
-              background-color: #4ea6ff;
-              color: #ffffff;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-//graduate
-.ant-modal {
-  .ant-modal-content {
-    // width:679px !important;
-    .ant-modal-body {
-      .graduate {
-        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%);
-        .gra_header {
-          position: absolute;
-          width: calc(100%);
-          height: 40px;
-          background: linear-gradient(
-            rgba(78, 166, 255, 0.2) 0%,
-            rgba(78, 166, 255, 0) 100%
-          );
-        }
-        .gra_main {
-          width: 100%;
-          position: relative;
-          .gram_header {
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .gra_icon {
-              width: 16px;
-              height: 16px;
-              margin-right: 10px;
-              background-image: url(@/assets/images/coursewareManage/graduate.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%;
-            }
-          }
-          .gram_body {
-            width: 100%;
-            .gramb_items {
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              width: 80%;
-              margin: 21px auto 10px auto;
-              .items_left {
-                display: flex;
-                margin-right: 14px;
-                .sign {
-                  margin-right: 7px;
-                }
-              }
-            }
-            .gramb_input {
-              .bc_box {
-                display: flex;
-              }
-            }
-          }
-          .qrm_btnbox {
-            display: flex;
-            margin: 30px auto;
-            justify-content: center;
-            .qrm_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;
-              }
-            }
-            .btn1 {
-              border: 1px solid rgba(64, 158, 255, 1);
-              color: #4ea6ff;
-            }
-            .btn2 {
-              background-color: #4ea6ff;
-              color: #ffffff;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-//agreestudy
-.ant-modal {
-  .ant-modal-content {
-    // width:679px !important;
-    .ant-modal-body {
-      .agreestudy {
-        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%);
-        .agree_header {
-          position: absolute;
-          width: calc(100%);
-          height: 40px;
-          background: linear-gradient(
-            rgba(78, 166, 255, 0.2) 0%,
-            rgba(78, 166, 255, 0) 100%
-          );
-        }
-        .agree_main {
-          width: 100%;
-          position: relative;
-          .agreem_header {
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .agreem_icon {
-              width: 16px;
-              height: 16px;
-              margin-right: 10px;
-              background-image: url(@/assets/images/coursewareManage/notice.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%;
-            }
-          }
-          .agreem_body {
-            .body_box {
-              display: flex;
-              justify-content: center;
-              align-items: center;
+            .qrm_body {
               width: 100%;
-              margin: 20px auto;
-            }
-          }
-          .qrm_btnbox {
-            display: flex;
-            margin: 30px auto;
-            justify-content: center;
-            .qrm_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;
+              .QR_img {
+                width: 176px;
+                height: 176px;
+                margin: 1px auto;
+                background-color: red;
               }
             }
-            .btn1 {
-              border: 1px solid rgba(64, 158, 255, 1);
-              color: #4ea6ff;
-            }
-            .btn2 {
-              background-color: #4ea6ff;
-              color: #ffffff;
+            .qrm_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .qrm_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;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
             }
           }
         }
@@ -4055,8 +3479,421 @@ export default defineComponent({
     }
   }
 }
-//onlinemanage faceteachmanage ftsturecord givepower schooltime studentsmanage
-.modalStyle {
+.recgradeModal {
+  .ant-modal {
+    .ant-modal-content {
+      // width:679px !important;
+      .ant-modal-body {
+        .recordgrade {
+          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%);
+          .rg_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .rg_main {
+            width: 100%;
+            position: relative;
+            .rgm_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .rg_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/grade.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%;
+              }
+            }
+            .rgm_body {
+              width: 100%;
+              .rgmb_items {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                width: 80%;
+                margin: 21px auto 10px auto;
+                .items_left {
+                  display: flex;
+                  margin-right: 14px;
+                  .sign {
+                    margin-right: 7px;
+                  }
+                }
+              }
+            }
+            .qrm_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .qrm_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;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+.graModal {
+  .ant-modal {
+    .ant-modal-content {
+      // width:679px !important;
+      .ant-modal-body {
+        .graduate {
+          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%);
+          .gra_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .gra_main {
+            width: 100%;
+            position: relative;
+            .gram_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .gra_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/graduate.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%;
+              }
+            }
+            .gram_body {
+              width: 100%;
+              .gramb_items {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                width: 80%;
+                margin: 21px auto 10px auto;
+                .items_left {
+                  display: flex;
+                  margin-right: 14px;
+                  .sign {
+                    margin-right: 7px;
+                  }
+                }
+              }
+              .gramb_input {
+                .bc_box {
+                  display: flex;
+                }
+              }
+            }
+            .qrm_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .qrm_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;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+.agrstudyModal {
+  .ant-modal {
+    .ant-modal-content {
+      // width:679px !important;
+      .ant-modal-body {
+        .agreestudy {
+          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%);
+          .agree_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .agree_main {
+            width: 100%;
+            position: relative;
+            .agreem_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .agreem_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.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%;
+              }
+            }
+            .agreem_body {
+              .body_box {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                width: 100%;
+                margin: 20px auto;
+              }
+            }
+            .qrm_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .qrm_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;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+.onlmanageModal {
+  .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;
+            display: flex;
+            align-items: center;
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+        .onlinemanage {
+          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 {
+                  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;
+                  .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;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+.facteachModal {
   .ant-modal {
     .ant-modal-content {
       // width:1358px !important;
@@ -4078,85 +3915,173 @@ export default defineComponent({
           }
         }
         .modalMain {
-          .onlinemanage {
-            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 {
+          .m_title {
+            margin-bottom: 20px;
+          }
+          .m_body {
+            display: flex;
+            flex-wrap: wrap;
+            .mb_left {
+              width: 50%;
+              .mbl_items {
+                display: flex;
+                align-items: center;
+                justify-content: flex-end;
+                margin-bottom: 10px;
+                .item_nam {
+                  width: 100px;
                   display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
+                .item_inp {
+                  flex: 1;
+                  position: relative;
+                  .inp_num {
+                    position: absolute;
+                    left: 398px;
+                    top: 10px;
+                  }
+                }
+              }
+              .i2_cz {
+                width: 440px;
+                margin-left: 100px;
+                .i2_top {
+                  display: flex;
+                  justify-content: space-between;
+                }
+              }
+              .i8_bottom {
+                display: flex;
+                width: 440px;
+                margin-left: 100px;
+              }
+            }
+            .mb_right {
+              width: 50%;
+              .mbl_items {
+                display: flex;
+                align-items: center;
+                justify-content: flex-end;
+                margin-bottom: 10px;
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-top: -15px;
+                    margin-right: 5px;
+                  }
+                }
+                .item_inp {
+                  flex: 1;
+                  position: relative;
+                  .inp_num {
+                    position: absolute;
+                    left: 395px;
+                    bottom: 10px;
+                  }
+                }
+                .accessory {
+                  display: flex;
+                  align-items: center;
+                  .accessory_icon {
+                    width: 16px;
+                    height: 16px;
+                    margin-top: -8px;
+                    margin-right: 5px;
+                  }
+                }
+              }
+              .mbl_items12 {
+                width: 440px;
+                margin-left: 100px;
+                .i12_box1 {
+                  display: flex;
+                  align-items: center;
+                  padding: 17px 0px 17px 21px;
+                  border: 1px solid #eff4fc;
+                  border-radius: 8px;
                   margin-bottom: 10px;
-                  .bs_type {
-                    color: #999ba3;
+                  .file_img {
+                    width: 27px;
+                    height: 32px;
+                    background-color: red;
+                    margin-right: 22px;
                   }
-                  .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;
-                    .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);
+                  .file_detail {
+                    width: 250px;
+                    margin-right: 21px;
+                    .file_updata {
                       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;
+                      .updatabox {
+                        position: relative;
+                        width: 230px;
+                        height: 5px;
+                        background-color: rgba(192, 192, 192, 0.25);
+                        border-radius: 3px;
+                        .updatacolor {
+                          position: absolute;
+                          left: 0;
+                          width: 100%;
+                          height: 5px;
+                          background-color: #57c887;
+                          border-radius: 3px;
+                        }
+                        .updatacolor2 {
+                          position: absolute;
+                          left: 0;
+                          width: 80%;
+                          height: 5px;
+                          background-color: #ff7474;
+                          border-radius: 3px;
+                        }
+                        .updatacolor3 {
+                          position: absolute;
+                          left: 0;
+                          width: 60%;
+                          height: 5px;
+                          background-color: #388be1;
+                          border-radius: 3px;
+                        }
+                        .updataxq {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #57c887;
+                        }
+                        .updataxq2 {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #ff7474;
+                        }
+                        .updataxq3 {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #388be1;
+                        }
                       }
                     }
-                    .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;
+                    .file_operation {
+                      display: flex;
+
+                      span {
+                        cursor: pointer;
                       }
                     }
                   }
@@ -4164,6 +4089,553 @@ 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;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+.givpowerModal {
+  .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;
+            display: flex;
+            align-items: center;
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+        .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;
+              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;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+.schtimeModal {
+  .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;
+            display: flex;
+            align-items: center;
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+        .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;
+              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;
+              .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;
+                  }
+                }
+                .tableSelect {
+                  margin-right: 10px;
+                  margin-left: -5px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: right;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+.stusmanageModal {
+  .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;
+            display: flex;
+            align-items: center;
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+        .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;
+                    }
+                  }
+                }
+                .i5_right {
+                  display: flex;
+                  .stmm_btn {
+                    width: 100px;
+                    height: 40px;
+                    margin-right: 14px;
+                    background: #ffffff;
+                    border: 1px solid #4ea6ff;
+                    border-radius: 8px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    flex-shrink: 0;
+                    cursor: pointer;
+                    .btnText {
+                      color: #4ea6ff;
+                      font-size: 14px;
+                      font-weight: 400;
+                      line-height: 40px;
+                    }
+                  }
+                  .btn3 {
+                    background-color: #4ea6ff;
+                  }
+                  .btn4 {
+                    display: flex;
+                    flex-direction: column;
+                    position: relative;
+                    .btn4_sub {
+                      display: flex;
+                      justify-content: center;
+                      align-items: center;
+                      .b_zk {
+                        width: 10px;
+                        height: 8px;
+                        background-image: url("@/assets/images/coursewareManage/down.png");
+                        background-size: 100% 100%;
+                      }
+                      .b_sq {
+                        width: 10px;
+                        height: 8px;
+                        background-image: url("@/assets/images/coursewareManage/up.png");
+                        background-size: 100% 100%;
+                      }
+                    }
+                    .btn4_sup {
+                      width: 100%;
+                      display: flex;
+                      flex-direction: column;
+                      background-color: #ffffff;
+                      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+                      position: absolute;
+                      top: 40px;
+                      z-index: 999;
+                      .btn4_tit {
+                        margin-top: 8px;
+                        margin-left: 8px;
+                      }
+                      .btn4_op1,
+                      .btn4_op2,
+                      .btn4_op3 {
+                        margin-left: 20px;
+                      }
+                    }
+                  }
+                  .btn5 {
+                    margin-right: 0px;
+                    .export {
+                      width: 17px;
+                      height: 18px;
+                      margin-right: 5px;
+                      background-image: url("@/assets/images/coursewareManage/export.png");
+                    }
+                  }
+                  .btn5:hover {
+                    background: #4ea6ff;
+                    .export {
+                      background-image: url("@/assets/images/coursewareManage/export1.png");
+                    }
+                    .btnText {
+                      color: #ffffff;
+                    }
+                  }
+                }
+              }
+              .stmm_i6 {
+                margin-top: 20px;
+                .operation,
+                .nselect {
+                  display: flex;
+                  justify-content: center;
+                  color: #4ea6ff;
+                  font-size: 14px;
+                  .ops1,
+                  .ops2 {
+                    margin-right: 10px;
+                    cursor: pointer;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+.coursewareDetail {
+  .ant-modal {
+    height: 320px;
+    margin-top: 100px;
+    .ant-modal-content {
+      // width:1358px !important;
+      .ant-modal-body {
+        .modalHeader {
+          display: flex;
+          align-items: center;
+          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 {
           .ftsturecord {
             z-index: 999;
             min-width: 1000px;
@@ -4196,400 +4668,9 @@ export default defineComponent({
               }
             }
           }
-          .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;
-                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;
-                  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;
-                .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;
-                    }
-                  }
-                  .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;
-                      }
-                    }
-                  }
-                  .i5_right {
-                    display: flex;
-                    .stmm_btn {
-                      width: 100px;
-                      height: 40px;
-                      margin-right: 14px;
-                      background: #ffffff;
-                      border: 1px solid #4ea6ff;
-                      border-radius: 8px;
-                      display: flex;
-                      align-items: center;
-                      justify-content: center;
-                      flex-shrink: 0;
-                      cursor: pointer;
-                      .btnText {
-                        color: #4ea6ff;
-                        font-size: 14px;
-                        font-weight: 400;
-                        line-height: 40px;
-                      }
-                    }
-                    .btn3 {
-                      background-color: #4ea6ff;
-                    }
-                    .btn4 {
-                      display: flex;
-                      flex-direction: column;
-                      position: relative;
-                      .btn4_sub {
-                        display: flex;
-                        justify-content: center;
-                        align-items: center;
-                        .b_zk {
-                          width: 10px;
-                          height: 8px;
-                          background-image: url("@/assets/images/coursewareManage/down.png");
-                          background-size: 100% 100%;
-                        }
-                        .b_sq {
-                          width: 10px;
-                          height: 8px;
-                          background-image: url("@/assets/images/coursewareManage/up.png");
-                          background-size: 100% 100%;
-                        }
-                      }
-                      .btn4_sup {
-                        width: 100%;
-                        display: flex;
-                        flex-direction: column;
-                        background-color: #ffffff;
-                        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-                        position: absolute;
-                        top: 40px;
-                        z-index: 999;
-                        .btn4_tit {
-                          margin-top: 8px;
-                          margin-left: 8px;
-                        }
-                        .btn4_op1,
-                        .btn4_op2,
-                        .btn4_op3 {
-                          margin-left: 20px;
-                        }
-                      }
-                    }
-                    .btn5 {
-                      margin-right: 0px;
-                      .export {
-                        width: 17px;
-                        height: 18px;
-                        margin-right: 5px;
-                        background-image: url("@/assets/images/coursewareManage/export.png");
-                      }
-                    }
-                    .btn5:hover {
-                      background: #4ea6ff;
-                      .export {
-                        background-image: url("@/assets/images/coursewareManage/export1.png");
-                      }
-                      .btnText {
-                        color: #ffffff;
-                      }
-                    }
-                  }
-                }
-                .stmm_i6 {
-                  margin-top: 20px;
-                  .operation,
-                  .nselect {
-                    display: flex;
-                    justify-content: center;
-                    color: #4ea6ff;
-                    font-size: 14px;
-                    .ops1,
-                    .ops2 {
-                      margin-right: 10px;
-                      cursor: pointer;
-                    }
-                  }
-                }
-              }
-            }
-          }
         }
       }
     }
   }
 }
-.coursewareDetail .ant-modal {
-  height: 320px;
-  margin-top: 100px;
-}
 </style>

From e5d488f06b91763442f65572c7b8fe14c0a627ff Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Thu, 20 Oct 2022 10:49:30 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=E6=9B=B4=E6=8D=A2=E6=96=B0=E5=BB=BA?=
 =?UTF-8?q?=E9=9D=A2=E6=8E=88=E8=AF=BEupload=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CoursewareManage.vue | 182 ++++++++++---------
 1 file changed, 92 insertions(+), 90 deletions(-)

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 0ad1a0e2..69d0a485 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -179,7 +179,7 @@
                 </div>
                 <span>授课形式</span>
               </div>
-              <a-radio-group v-model:value="onftvalue">
+              <a-radio-group v-model:value="valueE1">
                 <div class="bc_box">
                   <div class="bc_boxl" @click="bs_hShow">
                     <div class="ol_checkbox">
@@ -209,15 +209,13 @@
                   </div>
                   <span>是否设置目录</span>
                 </div>
-                <a-radio-group v-model:value="valueE">
+                <a-radio-group v-model:value="valueE2">
                   <div class="bc_box">
                     <div class="ol_checkbox">
                       <a-radio v-model:checked="checked" :value="3">是</a-radio>
                     </div>
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :valueA="4"
-                        >否</a-radio
-                      >
+                      <a-radio v-model:checked="checked" :value="4">否</a-radio>
                     </div>
                   </div>
                 </a-radio-group>
@@ -327,7 +325,7 @@
                     </span>
                   </div>
                 </div>
-                <div class="mbl_items">
+                <div class="mbl_items2">
                   <div class="item_nam">
                     <div class="asterisk_icon">
                       <img
@@ -338,26 +336,13 @@
                     <span style="margin-right: 14px">封面图</span>
                   </div>
                   <div class="item_inp">
-                    <div class="i3_upload">
-                      <a-upload
-                        v-model:file-list="fileList"
-                        name="avatar"
-                        list-type="picture-card"
-                        class="avatar-uploader"
-                        :show-upload-list="false"
-                        action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-                        :before-upload="beforeUpload"
-                        @change="handleChange"
-                      >
-                        <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
-                        <div v-else>
-                          <loading-outlined v-if="loading"></loading-outlined>
-                          <plus-outlined v-else></plus-outlined>
-                          <div class="ant-upload-text">Upload</div>
-                        </div>
-                      </a-upload>
+                    <div class="i_upload">
+                      <div class="addimg">
+                        <div class="heng"></div>
+                        <div class="shu"></div>
+                      </div>
                     </div>
-                    <div class="i3_bottom">
+                    <div class="i_bottom">
                       <span style="color: #999ba3"
                         >高宽比为16:9 (如:800*450) png或jpg图片</span
                       >
@@ -489,7 +474,7 @@
                     </div>
                   </div>
                 </div>
-                <div class="mbl_items">
+                <div class="mbl_items2">
                   <div class="item_nam">
                     <span style="margin-right: 14px">课程简介</span>
                   </div>
@@ -1619,13 +1604,7 @@
 </template>
 <script>
 import { reactive, toRefs, defineComponent, ref } from "vue";
-import { PlusOutlined, LoadingOutlined } from "@ant-design/icons-vue";
-import { message } from "ant-design-vue";
-function getBase64(img, callback) {
-  const reader = new FileReader();
-  reader.addEventListener("load", () => callback(reader.result));
-  reader.readAsDataURL(img);
-}
+
 const columns1 = [
   {
     title: "序号",
@@ -1966,12 +1945,8 @@ const columns7 = [
   },
 ];
 export default defineComponent({
-  components: {
-    LoadingOutlined,
-    PlusOutlined,
-  },
+  components: {},
   setup() {
-    const current = ref(["mail"]);
     const state = reactive({
       tableData1: [
         {
@@ -2290,53 +2265,19 @@ export default defineComponent({
       agreestudy_hs: false,
       rejectstudy_hs: false,
       value: "",
-      // value1:"",
-      // value2:"",
       value5: "",
       value6: "",
       value7: "",
       value8: "",
       value11: "",
       value20: "",
-      valueE: "",
+      valueE1: "",
+      valueE2: "",
       valueB: "",
       valueC: "",
       selectedRowKeys: [],
-
       faceManageTab: "1",
     });
-    const fileList = ref([]);
-    const loading = ref(false);
-    const imageUrl = ref("");
-    const handleChange = (info) => {
-      if (info.file.status === "uploading") {
-        loading.value = true;
-        return;
-      }
-      if (info.file.status === "done") {
-        // Get this url from response in real world.
-        getBase64(info.file.originFileObj, (base64Url) => {
-          imageUrl.value = base64Url;
-          loading.value = false;
-        });
-      }
-      if (info.file.status === "error") {
-        loading.value = false;
-        message.error("upload error");
-      }
-    };
-    const beforeUpload = (file) => {
-      const isJpgOrPng =
-        file.type === "image/jpeg" || file.type === "image/png";
-      if (!isJpgOrPng) {
-        message.error("You can only upload JPG file!");
-      }
-      const isLt2M = file.size / 1024 / 1024 < 2;
-      if (!isLt2M) {
-        message.error("Image must smaller than 2MB!");
-      }
-      return isJpgOrPng && isLt2M;
-    };
     const getTableDate = () => {
       let datas = state.tableData1;
       datas.map((value) => {
@@ -2808,7 +2749,6 @@ export default defineComponent({
       state.tableData = data2;
     };
     getTableDate4();
-    const onftvalue = ref();
     const options1 = ref([
       {
         value: "value1",
@@ -2903,7 +2843,7 @@ export default defineComponent({
     };
     const clear_valueE = () => {
       state.bs_hs = false;
-      state.valueE = "";
+      state.valueE1 = "";
     };
     const qr_exit = () => {
       state.QR_hs = false;
@@ -2930,21 +2870,13 @@ export default defineComponent({
     };
 
     return {
-      onftvalue,
-      current,
       ...toRefs(state),
-      fileList,
-      loading,
-      imageUrl,
       columns1,
       columns2,
       columns4,
       columns5,
       columns6,
       columns7,
-      // tableDataFunc,
-      handleChange,
-      beforeUpload,
       getTableDate,
       getTableDate2,
       options1,
@@ -3951,6 +3883,55 @@ export default defineComponent({
                   }
                 }
               }
+              .mbl_items2 {
+                display: flex;
+                align-items: start;
+                margin-top: 10px;
+                margin-bottom: 10px;
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
+                .item_inp {
+                  flex: 1;
+                  .i_upload {
+                    width: 100px;
+                    height: 100px;
+                    border: 1px solid #4ea6ff;
+                    border-radius: 8px;
+                    text-align: center;
+                    align-items: center;
+                    margin-bottom: 5px;
+                    cursor: pointer;
+                    .addimg{
+                      position: relative;
+                      .heng{
+                        position: absolute;
+                        top: 50px;
+                        left: 25px;
+                        width: 50px;
+                        border: 1px solid #4ea6ff;
+                      }
+                      .shu{
+                        position: absolute;
+                        top: 25px;
+                        left: 50px;
+                        height: 50px;
+                        border: 1px solid #4ea6ff;
+                      }
+                    }
+                  }
+                }
+              }
               .i2_cz {
                 width: 440px;
                 margin-left: 100px;
@@ -3987,12 +3968,6 @@ export default defineComponent({
                 }
                 .item_inp {
                   flex: 1;
-                  position: relative;
-                  .inp_num {
-                    position: absolute;
-                    left: 395px;
-                    bottom: 10px;
-                  }
                 }
                 .accessory {
                   display: flex;
@@ -4005,6 +3980,33 @@ export default defineComponent({
                   }
                 }
               }
+              .mbl_items2 {
+                display: flex;
+                align-items: start;
+                margin-bottom: 10px;
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
+                .item_inp {
+                  flex: 1;
+                  position: relative;
+                  .inp_num {
+                    position: absolute;
+                    left: 395px;
+                    bottom: 10px;
+                  }
+                  }
+                }
               .mbl_items12 {
                 width: 440px;
                 margin-left: 100px;