From a8d6989ad39a89535949dabf8407835f31b20d6d Mon Sep 17 00:00:00 2001
From: yufei_wang <2267742828@qq.com>
Date: Wed, 4 Sep 2024 13:55:27 +0800
Subject: [PATCH] =?UTF-8?q?HL-5241=E5=9C=A8=E9=95=BF=E6=98=A5=E5=92=8C?=
 =?UTF-8?q?=E6=88=90=E9=83=BD=E7=9A=84=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=90=84=E6=94=BE=E4=B8=80=E4=B8=AAPDA=E7=AB=AFAPK=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=8F=E4=B8=8B=E8=BD=BD=E7=9A=84=E4=BA=8C=E7=BB=B4=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                             |  1 +
 src/views/login/components/QRCodePDA.vue | 18 +++++++++++++++---
 src/views/login/login.vue                |  2 +-
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index d99ee0b98..be8467242 100644
--- a/package.json
+++ b/package.json
@@ -56,6 +56,7 @@
     "vue-dompurify-html": "^4.1.4",
     "vue-i18n": "^9.4.1",
     "vue-next-focus": "^0.0.12",
+    "vue-qr": "^4.0.9",
     "vue-router": "^4.2.5",
     "vue-types": "^5.1.1",
     "vuedraggable": "^4.1.0",
diff --git a/src/views/login/components/QRCodePDA.vue b/src/views/login/components/QRCodePDA.vue
index 05d7ac92d..0c40b52f0 100644
--- a/src/views/login/components/QRCodePDA.vue
+++ b/src/views/login/components/QRCodePDA.vue
@@ -1,17 +1,29 @@
 <template>
-  <div style="position: absolute; bottom: 50px;right:0;display: flex; flex-direction: column;align-items: flex-end;">
+  <div style="position: absolute; bottom: 20px;right:0;display: flex; flex-direction: column;align-items: flex-end;">
     <div style="position: relative;" v-show="showCode">
       <Icon icon="ep:close" style="position: absolute;right: 5px;top: 5px" @click="handleClose"/>
-      <img alt="" style="margin-bottom: 10px;" width="120" height="120"/>
+      <!-- <vue-qr bgSrc='https://img2.baidu.com/it/u=1188690822,3145215011&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1038' logoSrc="https://img1.baidu.com/it/u=605875105,1314303687&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" text="Hello world!" :size="200"></vue-qr> -->
+      <vue-qr :text="apkUrl" :size="200" ></vue-qr>
     </div>
     <el-button type="primary" link @click="handleClose">PDA按照程序下载链接</el-button>
   </div>
 </template>
 <script setup lang="ts">
+import { downloadApk } from "@/api/login";
+// import logoImg from '@/assets/imgs/logo_white_blue.png'
 
+import vueQr from 'vue-qr/src/packages/vue-qr.vue'
+const apkUrl = ref('')
 const showCode = ref(false)
-const handleClose = ()=>{
+const handleClose = async ()=>{
   showCode.value = !showCode.value
+  let res = await downloadApk({})
+  console.log('res',res)
+  if(res){
+    apkUrl.value = res
+  }
+  
 }
+
 </script>
 <style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
index f75be55c6..1edc85bee 100644
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -57,7 +57,7 @@
             <!-- 三方登录 -->
             <SSOLoginVue class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
             <!-- PDA端APK程序下载的二维码 -->
-            <!-- <QRCodePDA class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)"/> -->
+            <QRCodePDA class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)"/>
           </div>
 
         </Transition>