From 926488f0e7402221bba46fa6baa1afd672462e3e Mon Sep 17 00:00:00 2001
From: wangyufei <2267742828@qq.com>
Date: Wed, 28 Aug 2024 16:44:06 +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

---
 src/views/login/components/QRCodePDA.vue | 17 +++++++++++++++++
 src/views/login/components/index.ts      |  3 ++-
 src/views/login/login.vue                |  7 +++++--
 3 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 src/views/login/components/QRCodePDA.vue

diff --git a/src/views/login/components/QRCodePDA.vue b/src/views/login/components/QRCodePDA.vue
new file mode 100644
index 000000000..05d7ac92d
--- /dev/null
+++ b/src/views/login/components/QRCodePDA.vue
@@ -0,0 +1,17 @@
+<template>
+  <div style="position: absolute; bottom: 50px;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"/>
+    </div>
+    <el-button type="primary" link @click="handleClose">PDA按照程序下载链接</el-button>
+  </div>
+</template>
+<script setup lang="ts">
+
+const showCode = ref(false)
+const handleClose = ()=>{
+  showCode.value = !showCode.value
+}
+</script>
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/login/components/index.ts b/src/views/login/components/index.ts
index 204ad73d0..e9d56d525 100644
--- a/src/views/login/components/index.ts
+++ b/src/views/login/components/index.ts
@@ -4,5 +4,6 @@ import LoginFormTitle from './LoginFormTitle.vue'
 import RegisterForm from './RegisterForm.vue'
 import QrCodeForm from './QrCodeForm.vue'
 import SSOLoginVue from './SSOLogin.vue'
+import QRCodePDA from './QRCodePDA.vue'
 
-export { LoginForm, MobileForm, LoginFormTitle, RegisterForm, QrCodeForm, SSOLoginVue }
+export { LoginForm, MobileForm, LoginFormTitle, RegisterForm, QrCodeForm, SSOLoginVue,QRCodePDA }
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
index 6c85e902d..f75be55c6 100644
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -43,7 +43,7 @@
         </div>
         <!-- 右边的登录界面 -->
         <Transition appear enter-active-class="animate__animated animate__bounceInRight">
-          <div
+          <div style="position: relative"
             class="m-auto h-full w-[100%] flex items-center at-2xl:max-w-500px at-lg:max-w-500px at-md:max-w-500px at-xl:max-w-500px"
           >
             <!-- 账号登录 -->
@@ -56,7 +56,10 @@
             <RegisterForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
             <!-- 三方登录 -->
             <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)"/> -->
           </div>
+
         </Transition>
       </div>
     </div>
@@ -70,7 +73,7 @@ import { useAppStore } from '@/store/modules/app'
 import { ThemeSwitch } from '@/layout/components/ThemeSwitch'
 import { LocaleDropdown } from '@/layout/components/LocaleDropdown'
 
-import { LoginForm, MobileForm, QrCodeForm, RegisterForm, SSOLoginVue } from './components'
+import { LoginForm, MobileForm, QrCodeForm, RegisterForm, SSOLoginVue,QRCodePDA } from './components'
 
 defineOptions({ name: 'Login' })