HL-5241在长春和成都的登录页面各放一个PDA端APK程序下载的二维码

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",

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>

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>