From d6305c6431e79b0befec7e231f0f20eaada6d6ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Sat, 22 Oct 2022 17:56:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E4=BA=8C=E7=BB=B4=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/taskpage/erweima.png | Bin 0 -> 3497 bytes
 src/views/projectcenter/TaskPage.vue   | 141 +++++++++++++++++++++++++
 2 files changed, 141 insertions(+)
 create mode 100644 src/assets/images/taskpage/erweima.png

diff --git a/src/assets/images/taskpage/erweima.png b/src/assets/images/taskpage/erweima.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5c69378e241a47acf953b7cc542ae960aa76270
GIT binary patch
literal 3497
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

literal 0
HcmV?d00001

diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index a5761b06..37dc858e 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -372,6 +372,7 @@
                               ? 'flex'
                               : 'none',
                         }"
+                        @click="showCopyModal"
                       >
                         二维码
                       </div>
@@ -1538,6 +1539,34 @@
       </a-modal>
     </div>
     <!-- 删除弹窗 -->
+    <!-- 面授管理二维码 -->
+    <a-modal
+      v-model:visible="copyModal"
+      :footer="null"
+      :closable="closeCopy"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>面授管理</span>
+            <div class="close_exit" @click="closeCopyModal"></div>
+          </div>
+          <div class="body">
+            <div><img src="../../assets/images/taskpage/erweima.png"/></div>
+          </div>
+          <div class="footerr">
+            <div class="onload">下载二维码</div>
+            <div class="onloadpx">200*200</div>
+            <div class="onloadpx">400*400</div>
+            <div class="onloadpx">800*800</div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
   </div>
 </template>
 <script>
@@ -1670,6 +1699,8 @@ export default {
       Changevisible: false, //学员换组
       edit_hs: false, //编辑弹窗
       delete_hs: false, //删除弹窗
+      copyModal: false, //面授二维码弹窗
+      closeCopy: false, //面授二维码关闭图标
       pubproject: false,
       stugroup: false,
       canclestu: false,
@@ -2233,6 +2264,12 @@ export default {
     const closeModal2 = () => {
       state.stugroup = false;
     };
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
     const showFaceIn = () => {
       state.TaskFaceImpStuvisible = true;
     };
@@ -2484,6 +2521,8 @@ export default {
       closeModal1,
       showModal2,
       closeModal2,
+      showCopyModal,
+      closeCopyModal,
       showTime,
       showFace,
       showSubset,
@@ -2888,6 +2927,108 @@ export default {
   }
 }
 
+.CopyModal {
+  .ant-modal {
+    width: 532px !important;
+    height: 428px !important;
+    .ant-modal-content {
+      width: 532px !important;
+      height: 428px !important;
+      .ant-modal-body {
+        width: 532px !important;
+        height: 428px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 532px;
+          height: 428px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .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%;
+              }
+            }
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+            .footerr {
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              .onload {
+                color: rgba(51, 51, 51, 1);
+                font-size: 14px;
+              }
+              .onloadpx {
+                width: 80px;
+                height: 32px;
+                border: 1px solid rgba(56, 125, 247, 1);
+                border-radius: 4px;
+                color: rgba(56, 125, 247, 1);
+                margin-left: 20px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                cursor: pointer;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
 .taskpage {
   width: 100%;
   display: flex;