From 46d3cb715b5f01af92bb0608bd72a6b7b7c7ffb7 Mon Sep 17 00:00:00 2001
From: cyonjan <zhangxy6911@126.com>
Date: Wed, 21 May 2025 15:15:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=AE=8C=E6=88=90=E5=BE=AE=E4=BF=A1?=
 =?UTF-8?q?=E5=BC=80=E6=94=BE=E5=B9=B3=E5=8F=B0=E6=89=AB=E7=A0=81=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HelloWorld.vue |  43 --------
 src/components/WechatCode.vue | 188 ----------------------------------
 2 files changed, 231 deletions(-)
 delete mode 100644 src/components/HelloWorld.vue
 delete mode 100644 src/components/WechatCode.vue

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 546ebbc..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-
-defineProps({
-  msg: String,
-})
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>
diff --git a/src/components/WechatCode.vue b/src/components/WechatCode.vue
deleted file mode 100644
index 958c208..0000000
--- a/src/components/WechatCode.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<template>
-    <div class="wx-login-container">
-        <div class="qrcode-container">
-            <el-image
-                v-loading="loading"
-                :src="qrcodeUrl"
-                fit="contain"
-                class="qrcode-image"
-            >
-                <template #error>
-                    <div class="image-error">二维码加载失败</div>
-                </template>
-            </el-image>
-
-            <div class="status-message">
-                <el-alert
-                    v-if="errorMessage"
-                    :title="errorMessage"
-                    type="error"
-                    show-icon
-                    :closable="false"
-                />
-                <div v-else-if="!loading" class="scan-tip">
-                    请使用微信扫一扫登录
-                </div>
-            </div>
-
-            <el-skeleton :rows="3" animated v-if="loading" />
-        </div>
-
-        <div class="action-area">
-            <el-button
-                type="primary"
-                link
-                @click="refreshQrcode"
-                :loading="refreshing"
-            >
-                刷新二维码
-            </el-button>
-        </div>
-    </div>
-</template>
-
-<script setup>
-import { ref, onMounted, onBeforeUnmount } from 'vue'
-import { ElMessage } from 'element-plus'
-import axios from 'axios'
-
-const props = defineProps({
-    // 微信公众号appid
-    appid: {
-        type: String,
-        required: true
-    },
-    // 微信公众号appsecret
-    appsecret: {
-        type: String,
-        required: true
-    }
-})
-
-const emit = defineEmits(['success'])
-
-const loading = ref(true)
-const refreshing = ref(false)
-const qrcodeUrl = ref('')
-const errorMessage = ref('')
-let pollTimer = null
-let ticket = ref('')
-
-// 获取微信接口访问令牌
-const getAccessToken = async () => {
-    try {
-        const response = await axios.get(`/api/wechat/token?appid=${props.appid}&secret=${props.appsecret}`)
-        return response.data.access_token
-    } catch (error) {
-        throw new Error('获取访问令牌失败')
-    }
-}
-
-// 生成临时二维码
-const generateQrcode = async (access_token) => {
-    try {
-        const response = await axios.post(`/api/wechat/qrcode/create?access_token=${access_token}`, {
-            expire_seconds: 600,
-            action_name: 'QR_STR_SCENE',
-            action_info: {
-                scene: {
-                    scene_str: 'login_' + Date.now()
-                }
-            }
-        })
-        return response.data
-    } catch (error) {
-        throw new Error('生成二维码失败')
-    }
-}
-
-// 获取二维码
-const fetchQrcode = async () => {
-    try {
-        errorMessage.value = ''
-        loading.value = true
-        
-        // 获取访问令牌
-        const access_token = await getAccessToken()
-        
-        // 生成临时二维码
-        const qrcodeData = await generateQrcode(access_token)
-        ticket.value = qrcodeData.ticket
-        qrcodeUrl.value = `https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=${qrcodeData.ticket}`
-        
-        // 开始轮询检查扫码状态
-        startPolling()
-    } catch (error) {
-        errorMessage.value = error.message || '二维码获取失败，请重试'
-    } finally {
-        loading.value = false
-        refreshing.value = false
-    }
-}
-
-// 开始轮询检查状态
-const startPolling = () => {
-    clearInterval(pollTimer)
-    pollTimer = setInterval(async () => {
-        try {
-            const response = await axios.get(`/api/wechat/scan/check?ticket=${ticket.value}`)
-            const data = response.data
-            
-            if (data.status === 'success') {
-                clearInterval(pollTimer)
-                emit('success', data)
-            } else if (data.status === 'expired') {
-                errorMessage.value = '二维码已过期，请刷新'
-                clearInterval(pollTimer)
-            }
-        } catch (error) {
-            errorMessage.value = '网络异常，请检查连接'
-            clearInterval(pollTimer)
-        }
-    }, 2000)
-}
-
-// 刷新二维码
-const refreshQrcode = () => {
-    refreshing.value = true
-    fetchQrcode()
-}
-
-onMounted(fetchQrcode)
-onBeforeUnmount(() => clearInterval(pollTimer))
-</script>
-
-<style scoped>
-.wx-login-container {
-    text-align: center;
-}
-
-.qrcode-container {
-    width: 300px;
-    margin: 0 auto;
-}
-
-.qrcode-image {
-    width: 100%;
-    height: 300px;
-    border: 1px solid #eee;
-}
-
-.scan-tip {
-    color: #666;
-    margin: 15px 0;
-    font-size: 14px;
-}
-
-.action-area {
-    margin-top: 20px;
-}
-
-.image-error {
-    height: 300px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #999;
-}
-</style>
\ No newline at end of file