From 7ea979bc43594875210e244434c91e4f527f990b Mon Sep 17 00:00:00 2001
From: lixg <lixg@dongwu-inc.com>
Date: Tue, 6 Dec 2022 21:59:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E7=9B=B4=E6=92=AD?=
 =?UTF-8?q?=E5=B0=81=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/method.js                            |   4 +
 src/components/TwoDimensionalCode.vue        |   2 +
 src/components/drawers/AddLive.vue           |   3 +
 src/components/drawers/SignQR.vue            | 106 +++++++++----------
 src/views/courselibrary/CoursewareManage.vue |   4 +-
 src/views/learningpath/LevelAdd.vue          |  56 +++++++---
 src/views/system/SystemManage.vue            |   4 +-
 7 files changed, 105 insertions(+), 74 deletions(-)

diff --git a/src/api/method.js b/src/api/method.js
index f9a3eb5e..8571f54e 100644
--- a/src/api/method.js
+++ b/src/api/method.js
@@ -271,7 +271,10 @@ const commonData = {
 //组织树
 const organizationalTree = []
 
+//嵌套页面
 const iframeUrl = "https://u-pre.boe.com/pc/iframe"
+//二维码
+const codeUrl = "https://u-pre.boe.com"
 export {
     throttle,
     toDate,
@@ -285,4 +288,5 @@ export {
     commonData,
     organizationalTree,
     iframeUrl,
+    codeUrl,
 }
\ No newline at end of file
diff --git a/src/components/TwoDimensionalCode.vue b/src/components/TwoDimensionalCode.vue
index ca16ef65..681497fb 100644
--- a/src/components/TwoDimensionalCode.vue
+++ b/src/components/TwoDimensionalCode.vue
@@ -242,6 +242,8 @@ export default {
                 color: #333333;
                 line-height: 25px;
                 margin-bottom: 20px;
+                margin-left: 20px;
+                margin-right: 20px;
               }
             }
             .codeUrl {
diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue
index d70a7200..d7f61f40 100644
--- a/src/components/drawers/AddLive.vue
+++ b/src/components/drawers/AddLive.vue
@@ -1052,6 +1052,9 @@ export default {
                 }
               }
             }
+            .ant-upload.ant-upload-select-picture-card {
+              border: 0px !important;
+            }
           }
         }
       }
diff --git a/src/components/drawers/SignQR.vue b/src/components/drawers/SignQR.vue
index d6c72fc1..591c4b02 100644
--- a/src/components/drawers/SignQR.vue
+++ b/src/components/drawers/SignQR.vue
@@ -1,62 +1,62 @@
 <template>
-    <a-modal 
-        :visible="signQRvisible" 
-        :footer="null" 
-        :closable="closeCopy" 
-        wrapClassName="signQRModal"
-        centered="true"
-        @cancel="closeModal"
-        >
-        <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="closeModal"></div>
-          </div>
-          <div class="body">
-            <div class="tit">{{"时间管理面授课程"}}</div>
-            <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>
+  <a-modal
+    :visible="signQRvisible"
+    :footer="null"
+    :closable="closeCopy"
+    wrapClassName="signQRModal"
+    centered="true"
+    @cancel="closeModal"
+  >
+    <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="closeModal"></div>
+        </div>
+        <div class="body">
+          <div class="tit">{{ "时间管理面授课程" }}</div>
+          <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>
-    </a-modal>
+    </div>
+  </a-modal>
 </template>
 
 <script>
-import { reactive,toRefs } from '@vue/reactivity';
+import { reactive, toRefs } from "@vue/reactivity";
 export default {
-    name:"SignQR",
-    props:{
-        signQRvisible:{
-            type:Boolean,
-            default:false,
-        },
+  name: "SignQR",
+  props: {
+    signQRvisible: {
+      type: Boolean,
+      default: false,
     },
-    setup(props,ctx){
-        const state = reactive({
-            signQRvisible:false,
-            closeCopy: false, //二维码关闭图标
-        })
-        const closeModal = ()=> {
-            ctx.emit("update:signQRvisible",false)
-        }
-        const afterVisibleChange = (bool) => {
-            console.log(bool);
-        }
-        return{
-            ...toRefs(state),
-            closeModal,
-            afterVisibleChange,
-        }
-    }
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      signQRvisible: false,
+      closeCopy: false, //二维码关闭图标
+    });
+    const closeModal = () => {
+      ctx.emit("update:signQRvisible", false);
+    };
+    const afterVisibleChange = (bool) => {
+      console.log(bool);
+    };
+    return {
+      ...toRefs(state),
+      closeModal,
+      afterVisibleChange,
+    };
+  },
 };
 </script>
 <style lang="scss">
@@ -132,11 +132,11 @@ export default {
               flex-direction: column;
               justify-content: center;
               align-items: center;
-              .tit{
+              .tit {
                 margin-bottom: 15px;
                 font-size: 16px;
                 font-weight: 500;
-                }
+              }
             }
 
             .footerr {
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 18446694..400c7ac7 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -2753,12 +2753,12 @@
             <div class="qrmbtn">
               <div class="btntext">200*200</div>
             </div>
-            <div class="qrmbtn">
+            <!-- <div class="qrmbtn">
               <div class="btntext">400*400</div>
             </div>
             <div class="qrmbtn">
               <div class="btntext">800*800</div>
-            </div>
+            </div> -->
           </div>
         </div>
       </div>
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 8bba71ef..ee103968 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -10,7 +10,11 @@
         <div class="fort">创建时间：{{ cretime }}</div>
       </div>
       <div class="right">
-        <img class="img1" src="../../assets/images/leveladd/ma.png" />
+        <img
+          class="img1"
+          src="../../assets/images/leveladd/ma.png"
+          @click="showCodeModel2()"
+        />
         <div v-if="action == 1 || action == 0" class="line"></div>
         <img
           v-if="action == 1 || action == 0"
@@ -510,15 +514,7 @@
                       <div
                         class="operation"
                         style="cursor: pointer"
-                        @click="
-                          item.type === 2
-                            ? showCopyModal(item.type)
-                            : item.type === 6
-                            ? showzhibModal(item.type)
-                            : item.type === 9
-                            ? showhuodModal(item.type)
-                            : null
-                        "
+                        @click="showCodeModel(item)"
                       >
                         二维码
                       </div>
@@ -958,8 +954,8 @@
             <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 class="onloadpx">400*400</div>
+              <div class="onloadpx">800*800</div> -->
             </div>
           </div>
         </div>
@@ -986,8 +982,8 @@
             <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 class="onloadpx">400*400</div>
+              <div class="onloadpx">800*800</div> -->
             </div>
           </div>
         </div>
@@ -1014,8 +1010,8 @@
             <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 class="onloadpx">400*400</div>
+              <div class="onloadpx">800*800</div> -->
             </div>
           </div>
         </div>
@@ -1259,7 +1255,7 @@ import { getRouterOverview } from "@/api/indexLearningPath";
 import { handleLearnPath } from "../../api/index1";
 import { GetRouterDetail } from "@/api/indexTask";
 import * as api from "../../api/index1";
-import { toDate } from "../../api/method";
+import { toDate, codeUrl } from "../../api/method";
 import { editRoutered } from "../../api/indexLearningPath";
 import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
 export default {
@@ -1428,6 +1424,9 @@ export default {
 
       authClassify: 3,
       addAuthList: [],
+
+      codevisible: false, //二维码是否显示
+      codeInfo: null, //二维码标题
     });
 
     const levelList = reactive({
@@ -2186,6 +2185,27 @@ export default {
       getStudent();
       // state.activeKey1 = "8";
     };
+
+    //显示二维码弹窗
+    const showCodeModel = (item) => {
+      state.codevisible = true;
+      let obj = {
+        title: "[" + checkType(item.type) + "]二维码",
+        name: item.name,
+        url: codeUrl,
+      };
+      state.codeInfo = obj;
+    };
+    //显示二维码弹窗
+    const showCodeModel2 = () => {
+      state.codevisible = true;
+      let obj = {
+        title: "[学习路径]二维码",
+        name: state.styTitle,
+        url: codeUrl,
+      };
+      state.codeInfo = obj;
+    };
     return {
       ...toRefs(state),
       ...toRefs(levelList),
@@ -2240,6 +2260,8 @@ export default {
       totask,
       tostudent,
       checkedClose,
+      showCodeModel,
+      showCodeModel2,
     };
   },
 };
diff --git a/src/views/system/SystemManage.vue b/src/views/system/SystemManage.vue
index 347c9d8b..3fb488e2 100644
--- a/src/views/system/SystemManage.vue
+++ b/src/views/system/SystemManage.vue
@@ -86,8 +86,8 @@
       ></qrcode-vue>
     </div>
     <div @click="downloadQr(200)">下载200</div>
-    <div @click="downloadQr(400)">下载400</div>
-    <div @click="downloadQr(800)">下载800</div>
+    <!-- <div @click="downloadQr(400)">下载400</div>
+    <div @click="downloadQr(800)">下载800</div> -->
   </div>
 
   <div @click="changeCodevisible">显示二维码弹窗</div>