From fd063e6ff4382501a89d897820ca343520388a61 Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Thu, 20 Oct 2022 09:29:11 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat=EF=BC=9A=E5=AE=8C=E6=88=90=E5=9F=BA?=
 =?UTF-8?q?=E7=A1=80=E4=BF=A1=E6=81=AF=E6=8E=92=E8=A1=8C=E6=A6=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TaskPage.vue | 306 ++++++++++++++++++++++++++-
 1 file changed, 304 insertions(+), 2 deletions(-)

diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 0179b6c1..1182f276 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -896,6 +896,17 @@
                     </div>
                   </div>
                 </div>
+                <div class="tab">
+                  <a-table
+                    :columns="jindutablecolumns"
+                    :data-source="jindutabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ y: 330 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                  />
+                </div>
               </div>
               <div class="rank">
                 <div class="rankhead">
@@ -910,6 +921,17 @@
                     </div>
                   </div>
                 </div>
+                <div class="tab">
+                  <a-table
+                    :columns="xuefentablecolumns"
+                    :data-source="xuefentabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ y: 330 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                  />
+                </div>
               </div>
               <div class="rank">
                 <div class="rankhead">
@@ -924,6 +946,17 @@
                     </div>
                   </div>
                 </div>
+                <div class="tab">
+                  <a-table
+                    :columns="xueshitablecolumns"
+                    :data-source="xueshitabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ y: 330 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                  />
+                </div>
               </div>
             </div>
           </div>
@@ -933,7 +966,9 @@
             <div class="set_tit">
               <span>基本信息</span>
             </div>
-            <hr color="#E8E8E8" />
+            <!-- <hr color="#E8E8E8" />
+             -->
+            <div class="line"></div>
             <div class="set_body">
               <div class="edit">
                 <div class="img"></div>
@@ -1387,6 +1422,250 @@ export default {
       valueDate: "", //排行榜输入日期
       noticeChecked: true,
       noticeContent: "请输入要发布的公告",
+
+      //进度排行表
+      jindutabledata: [
+        {
+          rank: "1",
+          name: "哈哈",
+          jd: "80%",
+        },
+
+        {
+          rank: "2",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "3",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "4",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "5",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "6",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "7",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "8",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "9",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "10",
+          name: "哈哈",
+          jd: "70%",
+        },
+      ],
+      jindutablecolumns: [
+        {
+          title: "排名",
+          dataIndex: "rank",
+          key: "rank",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "名称",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+
+        {
+          title: "进度",
+          dataIndex: "jd",
+          key: "jd",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+      ],
+      //学分排行表
+      xuefentabledata: [
+        {
+          rank: "1",
+          name: "哈哈",
+          jd: "80%",
+        },
+
+        {
+          rank: "2",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "3",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "4",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "5",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "6",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "7",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "8",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "9",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "10",
+          name: "哈哈",
+          jd: "70%",
+        },
+      ],
+      xuefentablecolumns: [
+        {
+          title: "排名",
+          dataIndex: "rank",
+          key: "rank",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "名称",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+
+        {
+          title: "进度",
+          dataIndex: "jd",
+          key: "jd",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+      ],
+      //学识排行表
+      xueshitabledata: [
+        {
+          rank: "1",
+          name: "哈哈",
+          jd: "80%",
+        },
+
+        {
+          rank: "2",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "3",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "4",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "5",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "6",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "7",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "8",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "9",
+          name: "哈哈",
+          jd: "70%",
+        },
+        {
+          rank: "10",
+          name: "哈哈",
+          jd: "70%",
+        },
+      ],
+      xueshitablecolumns: [
+        {
+          title: "排名",
+          dataIndex: "rank",
+          key: "rank",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "名称",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+
+        {
+          title: "进度",
+          dataIndex: "jd",
+          key: "jd",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+      ],
     });
     const showModal = () => {
       state.pubproject = true;
@@ -2539,7 +2818,7 @@ export default {
   .content6 {
     width: 100%;
     height: 100%;
-    background-color: #bfa;
+    // background-color: #bfa;
     .title {
       font-size: 18px;
       font-weight: 500;
@@ -2633,6 +2912,7 @@ export default {
         background: #ffffff;
         border-radius: 2px;
         border: 1px solid rgba(125, 125, 125, 0.39);
+        margin-bottom: 20px;
         .rankhead {
           height: 75px;
           width: 100%;
@@ -2664,6 +2944,22 @@ export default {
             }
           }
         }
+        .tab {
+          // margin-top: 20px;
+          // margin-left: 24px;
+          border-radius: 4px 4px 0px 0px;
+          border: 1px solid #e9e9e9;
+          margin: 20px 24px 0 24px;
+          th.h {
+            background-color: #eff4fc !important;
+          }
+
+          .ant-table-tbody
+            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+            > td {
+            background: #f6f9fd;
+          }
+        }
       }
     }
   }
@@ -2674,6 +2970,12 @@ export default {
       font-weight: 500;
       color: #232425;
     }
+    .line {
+      width: 100%;
+      height: 1px;
+      background-color: #e8e8e8;
+      margin-top: 10px;
+    }
     .set_body {
       margin-left: 34px;
       margin-right: 34px;

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 2/4] =?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 3/4] =?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;

From ab652a0924f14b551d349c2f3d2b11e64fefa849 Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Thu, 20 Oct 2022 10:51:25 +0800
Subject: [PATCH 4/4] =?UTF-8?q?style=EF=BC=9Atable=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=20=E4=BF=AE=E6=94=B9=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E7=B1=BB=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/taskpage/one.png        | Bin 0 -> 1367 bytes
 src/assets/images/taskpage/three.png      | Bin 0 -> 1391 bytes
 src/assets/images/taskpage/two.png        | Bin 0 -> 1121 bytes
 src/views/learningpath/LearningPath.vue   | 323 +++++++++++-----------
 src/views/learningpath/LevelAddDetail.vue | 267 +++++++++---------
 src/views/projectcenter/TaskPage.vue      |  22 ++
 6 files changed, 322 insertions(+), 290 deletions(-)
 create mode 100644 src/assets/images/taskpage/one.png
 create mode 100644 src/assets/images/taskpage/three.png
 create mode 100644 src/assets/images/taskpage/two.png

diff --git a/src/assets/images/taskpage/one.png b/src/assets/images/taskpage/one.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c8b3950528b45762e85fc99ec6c67b90c2c84d8
GIT binary patch
literal 1367
zcmV-d1*rOoP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px)5lKWrR7gvGmR)RAMHI*XGxuxn-R?&hTKh%gwv<!^5+6xSgf|R9MI|N#B|rcT
z8i+n=eCUJGCk;f2f<b~35`&6LP~L#VghvxZER=Rl*|yNac0aoJ?){q4ncL!Cip<MS
z&Yn5HbIzP|<`O(&aeJhParQg`HgaGMAy_KZImcZBT;aeuO6X6-8Yups8S=0{czw7F
zR2kx&?cf}$&<X7c*tgC}b!*v1C|0-J6M}#cdK@eqBFVwY2kk8a1oh$P2qz~&kdoep
z4r(J`p+0&Vs%6RZfo&t%zXhp*ogj)C+2p8k!ndi(!JnHUF#xx3yu~;_2!IMDr+5z4
zzdi>c9;~(wsOCJtv0=~L2Io4`PrL!MXXAoRMhQ7UtQDUw2<`)<=OAZ<ald>8m8%C4
z%>9i_cRv!@Hn>hH7QJES&?wKKGBFCZ<#A+I9e|cyBXk%C-@Fis1c;n7PKKE~ovIEW
zhCOisiEIwZ_GL&UbJDPDm%x}W_mpZdtVrIdmr$R+g+{pqt9w0CgZrQu?KMjHptzF=
z;EWvg?Wx@}mv%tWIjpu$D7r2U=w>SvMMvN}@ZGAEX+|2VW+Dtdc+RYpg`Nj{W(uK4
z(Dux6XjbQ!#2nZ|L@9ExLT&VvYLA^jx;Gz71)(YuRt_8*d~Ia}@UMZuN5d|GvmmBl
z9WTJ@+m2NK)_{QKNm#$W55Q-0BPZZa{eYIPWs43;j}sjr`7fe^DZGxLF$LePEpldV
z@)nHF7tu1XUHtbZVfE|3aNt=1@TbormwytRg$P3zVc>#=9zZA(sXoxYqtYN7+k-}J
z4B!k@(V?gY6vY6c3QC1Pp|x+400R6fA`o5J-3(}Ui*pVZx*%!}%JO4TzHjaV4@#iI
zD2caHGXTH@VfOU~=P(4IG5H<RJ$X>7N^eB|<(^PL$;48Guma8*7z<=dMbu(nEf$dI
zdO3=Kz<mI48ZDhYvAoK%R1N4>FKFM9`4sJiXODvg?jqf}sUi|xTmAzyr>HTx7@+Ab
zP&Er&$;1F8tRV1h_}*L$(hP`F)O5+s0Fffy$bc%EOoitIiIv|*&2{Y+=$aUG6fE@N
zxfPirv0@R-U-JDjT>vPW2~AJQ3ls<4#w<8Z!&>#dG-6+U2_&q-Fk9tai9+zb8baTR
z0c4pz*l0^vJSEFcmLm&fr-}$bbeJ8R#MFdy=PbZI8G-0@Q3$fS0vC60{2p&K**J1k
zOzxh!v=h2zAk#Ads;bg+@w!Bdz-(!kJ7;cM&gV!>VI;C(L4Zne1fK22M}-8;54%d?
z$5i?1C(sqZ$S#4oqz#11$t}H2B-^4psLw=EiL;Esxi<s1d=Fj-WLLe7O#X%VuoH^K
zi@QE7-8}QIsA*l-V3{fug~D3;7>sllMA4A2mP7#i9(d@(t(IZmy@N1hu$=&&=gZ#7
zE#Lf6&$?spMRCusKaOPj^=#jMLX~~a><#I*Y3eWy1&VGU)!B<=F6xnbsfgOtI6~Kj
z<Arb>Ps+{K6^yg+uvZ>Cw0du4GzM4ziHB$W;{H>$iOWeL%jP#Ao$HWKrjc%yYHoE_
zKAE-BZOj(VOIfOWZM}Ehp{<X6GVe!oy!}<?H@?p1H}LMYLxd3Jp^rZ2Ato*l@p9oj
zp<3d#)jOuYS+KG2`_Qk7-;N=b3R54i*>>Rr##5Uf{n=7Gd*$T%_iIY+ou_vpKEMB^
Z`~&b|nP<PDwweF{002ovPDHLkV1oIle|rD`

literal 0
HcmV?d00001

diff --git a/src/assets/images/taskpage/three.png b/src/assets/images/taskpage/three.png
new file mode 100644
index 0000000000000000000000000000000000000000..8277651c2d1df0ccce81d12e1d5476a26810a4d2
GIT binary patch
literal 1391
zcmV-#1(5oQP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px)DM>^@R7gveR%>h&RTTd2%<Rn0KDyg>``C8NwosI46;Kl%A%cG}l~6@AAqt8S
ze1tZb_)9|~Br1tUBNioyMzm;16j4;_gQQ?;5#tL*0&byQ+HN1a+t<Ekc4y|Axy!b@
zwUBsz-MRPN^WF2E*AQGslF@)q&~Yy%WDTYCRu1r(>IM)Yg#1Y;{aWMkg{^dc|Fz7J
z*$xun3sn{fI|2F_r4URVb#wsX-`kmb+2Te>CDm+A2sD7apMkd1UbY}K)82molyIPl
zP#gl_G?n#q3WFy<K<M<RknJ{hKb1(LYS{zuu6h)_DCca(D8WW++5BVqAO!&FNOuc0
z=o<hyQz`mKJA&Wt2Qktp@m4{yWdYP=5~G75P)>yZ?k7>Ys4-{LARKu{^whWJHl_fs
zzWk_ZJl^*gg2!8-jP#&<PA#0J9w^B~f%jIM9kFNxBUgH1Ew6+Bo)$Q2Zeby!1nY91
zFaVQtf$|s9lVNB7cl!`Icaj+`t*nCVaAavoCSd3~TXQ@Q*=En~$K!|&g&3HpVHJF<
zpMqFa9@B`vz>En4NQb-MQOAe2p4+zt0#8uv^}-@b%z)Kq1J4W4G8w2!itR~O8G^+E
zUDu!_lWZ@ORxvg>2u-JGc=}yP?#csVS^X1)rJ{kJ!Op|NP-hz|>*f_uAvip6&RYUd
z3RP9une46r2!~jp6X|HMK!2#`5-L}0f_KFRP2*5U(j$Rw6xbU&)rPU(j>1#p2Q{)(
zFb`@LqrB;*0wcMPXvdpKod0I(jBq?6eL)o8whmP*H-P}nL=ATz2c?ZBz~tFusGff#
z48wq~X^aBCv>qj^n!#~qVr6rJcl%%(i=KEL%B7QxLS7J<&OqQIiWW9801(nnl#xI`
z0jl!>@}Ely4}-UYBZLLl6!+R!z{xI5oY)O5bhf~|d;kgzm=q}#kW7HlUq3^IzZM+F
zgK!*sk>pzh*XkX!QWX1fKT;RJXC70-fMMtu4)&tt_WN@bsf7T)9D%21PJyxi69e;N
zr0)t!?pQw!kWbO*EC8bHfaq|WNi-$yrdPqsE{wMCLj3ZXf(PXTFpBbnoDX2qBU)uh
z6$@Zrx&@RPAS6G?0%DzSBNgaCT1hdQW_rMaoS&vS0Kp<clq6<QsBE})47&Cs-Q597
zDblLKig5--%>{)v+<6H8n;KZknPLVlL#z<17qV}&f=$tg#0pIb{tQ8lvZP@9nuaUq
z&!J+)#_2*c5As`u)oMY7e=c~71xhN(DmW*0XAxT_Vw2On69TJjgPzG?ICvR~k|}Hz
z?84P%7wkIf?EPvFWRXKrsRu=#vZ>rR>9RT4h(IzPW3(_YbsdwDFealBq%sElYqq0y
z`MSbpXDW8JZhg7?)RE^5U4u=Q;BiWjEIiy5Uf7G>;5i<${c2}T#GxBH5@X{SA0C97
z(GiKMNTyV9yny<Z>vu12Iq<w`cWNFSyw5ey<(s>m<M?f3egCk5<95m@v5OF`R(O0h
zaC^$wtH&c@MEd)XRuqgT(io3ryKHgI4TfRpZ%y=H-n04hiAx0lIa1BR^TVE&k3)ZV
zv4&r_q!HD=Y7Cw}0*A}R)Z!Bp@Ge`Af&KyXoXO7Vs+*T5?%dw`&~-;<4&<W^<(o39
z@?q_gM!IzKE@C#e*@nK^b$>ee0_{E1PAro3k%teDv`t4pyPEZ{;=Lv~1>X7EgL^w(
x6fCZ_*ZpnDOnmuC^IbbMJ@)M5#}Jzd@Glk5c-uPY_6`65002ovPDHLkV1oNOiQfPK

literal 0
HcmV?d00001

diff --git a/src/assets/images/taskpage/two.png b/src/assets/images/taskpage/two.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f2f85b5810398f9c15d2109e6198ec186421407
GIT binary patch
literal 1121
zcmV-n1fKheP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px(8%ab#R7gvOR!vMBR}h|A^J9B4VDoP<G6JNWdf>(d&Q;Y`y`r=dLM?|RN~D}p
z^^il9oFb)abD$AIN-M5W616$Qg&T*SA^~E>kNLOxTkjg|H_`XXvv!G_jI{FVz1jKR
zd^6uXGkwB}#bTd`d}~?OS0eHSGq=NCL=KtxU!~OF%=|hYk8k~77_PP9x^CLCtcOH2
zDI#_7@qM3mcXzdWcXu~Mqf!0N%w-~)Q%XIwZ98{8-bVng>wd$`e-Tjv&Xr1qHa0eB
zdwZK28XENX7Z(@Q+uKY1{rwb)L`=*x5xHsG_M0F`2*CIKJ4&f%L}bBfZ*Py**Vnaw
zOG`@#;N;{)uMZ3iP*+!%iK#5hx)+T`e=`eJfUA?gLh#emQ(9YFqhhg0?d|Q<)YPOY
z3K}RnKR>6#!$XS4<1{!pNX^a7a8V-ioykN4fOBSkUn-Rnj^oh&{yy2ZO|7l16pO`l
zTmUGg^t)wQ)f#x7N5{v<h(Vp5os`XHsj;yUblpHrG=S%MfB3%t<MQ&d<`i_))#=*8
zS+AALWz9VdwZJ~=Q!1788umdO)<#A~aDW%FSnMZ8D>C!?=H_PI*47qvbaaHMKrmz?
zB6N9qsrNt+GgF~Z_=viLg9Ga8>!VC2Qx=f{c3t-tGyjfG!DcFzs#1YqpbCYoW#}w`
z7z1_rd|n?C9VQ~T+4H=AMC3~V9336$9tYQWkS;Pvr_-8uV^~85$oTB+OjC$`JkUy8
zTbl-8=69e7D(npc1W$`V<}vHg0BW$avxEADk_!S5(Ka&hMWhh`=pLY((;zSkj_#;s
z@JC^hEoy{cumJz73`!vY2n#g`S~8i`s;y-ZA=)!&r~!mm1qf193ji5pG8x^5;5=w(
zThqE`JqTbZsunp20D7PSs1qrJ0uv1H*oTTy1FRbnUd!NJs7(z33RquXuY*9zJv}`&
zDaz$?S_eiW$TA3^+cYRN^fmZ46VkLQv|tpBUy}*=H!W(^3{b?V3Jn{<QGp(ZP|!(c
z44C6%sKGD<jUh{XgTp|m01u4{IGSPSI8I_^WkrtyOi(;VV1}-%18G`d2#l$U2XqY&
z4`bkkhaDUj7Z)F|uC6}72jCs^2X#P^adJ>$ZZQOc%8?01J7yFnDhiGR4Gj%F85<k>
z8F8!k!OYCeU@DcmYgyK<LZP7NLL!mSLIV)=aW(ICP!tn^AvBB&STdPZN~!1heE!$z
z>FKo)fZ-Gu&%(mOd@h&MmBpaLd_n`5y8$OfAu$%rjh9ZR-SP49iBDdc24rq-?)yrm
z@-myv%IN4Qga2BWKI*Wvv?Pw>a3m7>VRCZv&+GkM^Iyg6>}*0ro=!|mJQ9(wKl8Wc
n?fm@wFU)*@YHI2~t^)P}1woTTdwXwQ00000NkvXXu0mjfI3@jF

literal 0
HcmV?d00001

diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 158e78c1..d5c582a6 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -95,6 +95,7 @@
       centered="true"
       v-model:visible="out"
       :footer="null"
+      wrapClassName="CreatePath"
     >
       <div class="out">
         <div class="top">
@@ -534,193 +535,195 @@ export default {
 };
 </script>
 <style lang="scss">
-.ant-modal {
-  width: 680px !important;
-  height: 528px !important;
-  .ant-modal-content {
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.CreatePath {
+  .ant-modal {
     width: 680px !important;
     height: 528px !important;
-    .ant-modal-body {
+    .ant-modal-content {
       width: 680px !important;
       height: 528px !important;
-      padding: 0 !important;
-      .out {
-        display: block;
-        position: absolute;
-        top: 90px;
-        width: 680px;
-        // height: 525px;
-        background-color: #fff;
-
-        box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-        .top {
-          width: 100%;
-          height: 68px;
-
-          background: linear-gradient(
-            rgba(78, 166, 255, 0.2) 0%,
-            rgba(78, 166, 255, 0) 100%
-          );
-          display: flex;
-          align-items: center;
-          .topimg {
-            width: 18px;
-            height: 18px;
-            margin-left: 27px;
-            margin-top: -2px;
-          }
-          .topc {
-            color: #000000;
-            font-size: 16px;
-            margin-left: 8px;
-          }
-        }
-        .mid {
-          width: 100%;
-          height: 100%;
+      .ant-modal-body {
+        width: 680px !important;
+        height: 528px !important;
+        padding: 0 !important;
+        .out {
+          display: block;
+          position: absolute;
+          top: 90px;
+          width: 680px;
+          // height: 525px;
           background-color: #fff;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          .d {
-            // margin-top: 8px;
-            // color: #ff4e4e;
-            margin-left: -5px;
-          }
-          .name {
-            width: 78%;
-            // background-color: lightcoral;
-            display: flex;
-            margin-top: 20px;
-            align-items: center;
-            height: 40px;
-            // border: 1px solid black;
 
-            .inname {
-              color: #6f6f6f;
-              font-size: 14px;
-              margin-left: 7px;
+          box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+          .top {
+            width: 100%;
+            height: 68px;
+
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+            display: flex;
+            align-items: center;
+            .topimg {
+              width: 18px;
+              height: 18px;
+              margin-left: 27px;
+              margin-top: -2px;
             }
-            .in {
-              margin-left: 14px;
-              width: 81%;
-              position: relative;
-              .ant-input {
-                border-radius: 5px;
-                // height: 120%;
-                width: 100%;
-                height: 40px;
-              }
-              .showcount {
-                position: absolute;
-                right: 10px;
-                color: #c7cbd2;
-                bottom: 5px;
-              }
+            .topc {
+              color: #000000;
+              font-size: 16px;
+              margin-left: 8px;
             }
           }
-          .bac {
-            width: 78%;
-            // background-color: lightcoral;
+          .mid {
+            width: 100%;
+            height: 100%;
+            background-color: #fff;
             display: flex;
-            margin-top: 30px;
-            // border: 1px solid black;
+            flex-direction: column;
+            align-items: center;
             .d {
-              margin-top: 18px;
-              color: #ff4e4e;
+              // margin-top: 8px;
+              // color: #ff4e4e;
+              margin-left: -5px;
             }
-            .inname {
-              color: #6f6f6f;
-              font-size: 14px;
-              margin-left: 7px;
-              margin-top: 15px;
+            .name {
+              width: 78%;
+              // background-color: lightcoral;
+              display: flex;
+              margin-top: 20px;
+              align-items: center;
+              height: 40px;
+              // border: 1px solid black;
+
+              .inname {
+                color: #6f6f6f;
+                font-size: 14px;
+                margin-left: 7px;
+              }
+              .in {
+                margin-left: 14px;
+                width: 81%;
+                position: relative;
+                .ant-input {
+                  border-radius: 5px;
+                  // height: 120%;
+                  width: 100%;
+                  height: 40px;
+                }
+                .showcount {
+                  position: absolute;
+                  right: 10px;
+                  color: #c7cbd2;
+                  bottom: 5px;
+                }
+              }
             }
-            .in {
-              margin-left: 14px;
-              width: 81%;
-              height: 110px;
-              // background-color: red;
+            .bac {
+              width: 78%;
+              // background-color: lightcoral;
+              display: flex;
+              margin-top: 30px;
+              // border: 1px solid black;
+              .d {
+                margin-top: 18px;
+                color: #ff4e4e;
+              }
+              .inname {
+                color: #6f6f6f;
+                font-size: 14px;
+                margin-left: 7px;
+                margin-top: 15px;
+              }
+              .in {
+                margin-left: 14px;
+                width: 81%;
+                height: 110px;
+                // background-color: red;
+                display: flex;
+                justify-content: space-between;
+                .im {
+                  border-radius: 8px;
+                  width: 140px;
+                  height: 110px;
+                  cursor: pointer;
+                }
+              }
+            }
+            .info {
+              width: 78%;
+              // background-color: lightcoral;
+              display: flex;
+              margin-top: 30px;
+              // align-items: center;
+              // height: 40px;
+              // border: 1px solid black;
+
+              .inname {
+                color: #6f6f6f;
+                font-size: 14px;
+                margin-left: 26px;
+                margin-top: 15px;
+              }
+              .in {
+                margin-left: 14px;
+                width: 81%;
+                position: relative;
+                .ant-input {
+                  border-radius: 5px;
+                  // height: 120%;
+                  width: 100%;
+                  height: 130px;
+                  resize: none;
+                }
+                .showcount {
+                  position: absolute;
+                  right: 10px;
+                  color: #c7cbd2;
+                  bottom: 5px;
+                }
+              }
+            }
+            .btn {
+              width: 33%;
+              margin-top: 30px;
               display: flex;
               justify-content: space-between;
-              .im {
+              margin-bottom: 30px;
+              .samtn {
+                width: 100px;
+                height: 40px;
+                font-size: 14px;
+                border: 1px solid #4ea6ff;
                 border-radius: 8px;
-                width: 140px;
-                height: 110px;
                 cursor: pointer;
               }
-            }
-          }
-          .info {
-            width: 78%;
-            // background-color: lightcoral;
-            display: flex;
-            margin-top: 30px;
-            // align-items: center;
-            // height: 40px;
-            // border: 1px solid black;
-
-            .inname {
-              color: #6f6f6f;
-              font-size: 14px;
-              margin-left: 26px;
-              margin-top: 15px;
-            }
-            .in {
-              margin-left: 14px;
-              width: 81%;
-              position: relative;
-              .ant-input {
-                border-radius: 5px;
-                // height: 120%;
-                width: 100%;
-                height: 130px;
-                resize: none;
+              .btn1 {
+                background-color: #fff;
+                color: #4ea6ff;
               }
-              .showcount {
-                position: absolute;
-                right: 10px;
-                color: #c7cbd2;
-                bottom: 5px;
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #fff;
               }
             }
           }
-          .btn {
-            width: 33%;
-            margin-top: 30px;
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 30px;
-            .samtn {
-              width: 100px;
-              height: 40px;
-              font-size: 14px;
-              border: 1px solid #4ea6ff;
-              border-radius: 8px;
-              cursor: pointer;
-            }
-            .btn1 {
-              background-color: #fff;
-              color: #4ea6ff;
-            }
-            .btn2 {
-              background-color: #4ea6ff;
-              color: #fff;
-            }
-          }
         }
       }
     }
   }
 }
-.clearfix:before,
-.clearfix:after {
-  content: " ";
-  display: block;
-  clear: both;
-}
 .learningPath {
   width: 100%;
   height: 100%;
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index ef516830..11b9e130 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -29,6 +29,7 @@
       centered="true"
       :footer="null"
       :closable="clos"
+      wrapClassName="AddLevel"
     >
       <div class="header">
         <div class="headmain">
@@ -310,7 +311,7 @@
       <div class="draw" style="position: relative">
         <a-drawer
           v-model:visible="visible"
-          class="drawerStyle"
+          class="drawerStyle ProjectDrawer"
           title="关联项目"
           placement="right"
           width="80%"
@@ -322,7 +323,7 @@
               <img
                 style="width: 29px; height: 29px; cursor: pointer"
                 src="../../assets/images/basicinfo/close.png"
-                @click="showDrawer"
+                @click="closeDrawer"
               />
             </div>
             <div class="drawerbox">
@@ -648,6 +649,9 @@ export default {
     const showDrawer = () => {
       state.visible = true;
     };
+    const closeDrawer = () => {
+      state.visible = false;
+    };
     const showModal = () => {
       state.modal = true;
     };
@@ -802,6 +806,7 @@ export default {
       selectProjectName2,
       tableDataFunc,
       showDrawer,
+      closeDrawer,
       showModal,
       closeModal,
       afterVisibleChange,
@@ -819,151 +824,153 @@ export default {
   display: block;
   clear: both;
 }
-.ant-modal {
-  width: 624px !important;
-  height: 388px !important;
-  .ant-modal-content {
+.AddLevel {
+  .ant-modal {
     width: 624px !important;
     height: 388px !important;
-    border-radius: 4px !important;
-    .ant-modal-body {
-      // background-color: blue;
-      width: 100% !important;
-      height: 100% !important;
-      padding: 0 !important;
+    .ant-modal-content {
+      width: 624px !important;
+      height: 388px !important;
+      border-radius: 4px !important;
+      .ant-modal-body {
+        // background-color: blue;
+        width: 100% !important;
+        height: 100% !important;
+        padding: 0 !important;
 
-      .header {
-        width: 624px;
-        height: 68px;
-        background: linear-gradient(
-          180deg,
-          rgba(78, 166, 255, 0.2) 0%,
-          rgba(78, 166, 255, 0) 100%
-        );
-        display: flex;
-        justify-content: center;
-        .headmain {
-          width: 90%;
-          height: 100%;
+        .header {
+          width: 624px;
+          height: 68px;
+          background: linear-gradient(
+            180deg,
+            rgba(78, 166, 255, 0.2) 0%,
+            rgba(78, 166, 255, 0) 100%
+          );
           display: flex;
-          align-items: center;
-          justify-content: space-between;
-          .add {
-            font-size: 16px;
-            font-weight: 600;
-            color: #333333;
-          }
-          .img {
-            width: 20px;
-            height: 20px;
-            background-image: url(../../assets/images/basicinfo/close22.png);
-            background-size: 100% 100%;
+          justify-content: center;
+          .headmain {
+            width: 90%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            .add {
+              font-size: 16px;
+              font-weight: 600;
+              color: #333333;
+            }
+            .img {
+              width: 20px;
+              height: 20px;
+              background-image: url(../../assets/images/basicinfo/close22.png);
+              background-size: 100% 100%;
+            }
           }
         }
-      }
-      .main {
-        width: 100%;
-        height: calc(100% - 68px);
-        // background-color: #bfa;
-        display: flex;
-        justify-content: center;
-        .inma {
-          width: 75%;
-          height: 100%;
-          // background-color: lightblue;
-          .name {
-            display: flex;
-            position: relative;
-            margin-top: 30px;
-            .fir {
-              font-size: 14px;
-              font-weight: 400;
-              color: rgba(0, 0, 0, 0.85);
-              white-space: nowrap;
-              margin-top: 3px;
+        .main {
+          width: 100%;
+          height: calc(100% - 68px);
+          // background-color: #bfa;
+          display: flex;
+          justify-content: center;
+          .inma {
+            width: 75%;
+            height: 100%;
+            // background-color: lightblue;
+            .name {
+              display: flex;
+              position: relative;
+              margin-top: 30px;
+              .fir {
+                font-size: 14px;
+                font-weight: 400;
+                color: rgba(0, 0, 0, 0.85);
+                white-space: nowrap;
+                margin-top: 3px;
+              }
+              .input {
+                width: 100%;
+                .ant-input {
+                  border-radius: 8px;
+                  border: 1px solid #c7cbd2;
+                  &::placeholder {
+                    font-size: 12px;
+                    position: absolute;
+                    top: 5px;
+                  }
+                }
+                .ant-textarea {
+                  border-radius: 8px;
+                  border: 1px solid #c7cbd2;
+                  &::placeholder {
+                    font-size: 12px;
+                    position: absolute;
+                    top: 5px;
+                  }
+                }
+              }
+              .co {
+                position: absolute;
+                right: 10px;
+                top: 4px;
+
+                font-size: 14px;
+                font-weight: 400;
+                color: #c7cbd2;
+              }
+              .co1 {
+                position: absolute;
+                right: 10px;
+                bottom: 8px;
+
+                font-size: 14px;
+                font-weight: 400;
+                color: #c7cbd2;
+              }
             }
-            .input {
+            .btn {
+              margin-top: 40px;
               width: 100%;
-              .ant-input {
-                border-radius: 8px;
-                border: 1px solid #c7cbd2;
-                &::placeholder {
-                  font-size: 12px;
-                  position: absolute;
-                  top: 5px;
-                }
+              display: flex;
+              justify-content: center;
+              .btn1 {
+                width: 100px;
+                height: 40px;
+                border-radius: 4px;
+                border: 1px solid #387df7;
+                font-size: 14px;
+                color: #387df7;
+                cursor: pointer;
+                background: #ffffff;
+                margin-right: 20px;
               }
-              .ant-textarea {
-                border-radius: 8px;
-                border: 1px solid #c7cbd2;
-                &::placeholder {
-                  font-size: 12px;
-                  position: absolute;
-                  top: 5px;
-                }
+              .btn2 {
+                width: 100px;
+                height: 40px;
+                border-radius: 4px;
+                font-size: 14px;
+                color: #fff;
+                cursor: pointer;
+                border: 0;
+                background: #388be1;
               }
             }
-            .co {
-              position: absolute;
-              right: 10px;
-              top: 4px;
-
-              font-size: 14px;
-              font-weight: 400;
-              color: #c7cbd2;
-            }
-            .co1 {
-              position: absolute;
-              right: 10px;
-              bottom: 8px;
-
-              font-size: 14px;
-              font-weight: 400;
-              color: #c7cbd2;
-            }
-          }
-          .btn {
-            margin-top: 40px;
-            width: 100%;
-            display: flex;
-            justify-content: center;
-            .btn1 {
-              width: 100px;
-              height: 40px;
-              border-radius: 4px;
-              border: 1px solid #387df7;
-              font-size: 14px;
-              color: #387df7;
-              cursor: pointer;
-              background: #ffffff;
-              margin-right: 20px;
-            }
-            .btn2 {
-              width: 100px;
-              height: 40px;
-              border-radius: 4px;
-              font-size: 14px;
-              color: #fff;
-              cursor: pointer;
-              border: 0;
-              background: #388be1;
-            }
           }
         }
       }
     }
   }
 }
-.drawerStyle {
-  .ant-drawer-content-wrapper {
-    // max-width: 1000px;
-    .ant-drawer-header {
-      display: none !important;
-    }
-    .ant-drawer-body {
-      padding: 0;
-    }
-  }
+.ProjectDrawer {
+  // .ant-drawer-content-wrapper {
+
+  //   .ant-drawer-header {
+  //     display: none !important;
+  //   }
+  //   .ant-drawer-body {
+  //     padding: 0;
+  //   }
+  // }
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 1182f276..1dfc0353 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -1485,6 +1485,28 @@ export default {
           width: 50,
           align: "center",
           className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <div
+                  style={{
+                    width: 24,
+                    height: 24,
+                    backgroundImage:
+                      "url(" +
+                      require("../../assets/images/taskpage/one.png") +
+                      ")",
+                  }}
+                >fewfwe</div>
+              );
+            } else if (text.record.rank == "2") {
+              return <div>ggg</div>;
+            } else if (text.record.rank == "3") {
+              return <div>ggg</div>;
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
         },
         {
           title: "名称",