From c319a349e81206823530640510de20b57cf26154 Mon Sep 17 00:00:00 2001
From: dzq <dzq@ys.com>
Date: Thu, 6 Nov 2025 17:14:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=94=9F=E6=88=90=E5=8A=A8=E6=80=81=E7=A0=81?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E7=94=A8=E4=BA=8E=E7=BB=91=E5=AE=9A=E6=B1=87?=
 =?UTF-8?q?=E9=82=A6=E4=BA=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增动态码生成功能，用户可通过点击按钮生成动态码并在企业微信中绑定汇邦云账号。包含以下修改：
- 添加动态码生成API调用及相关状态管理
- 实现动态码弹窗展示组件
- 处理生成过程中的错误提示
---
 src/pages/me/index.vue | 57 ++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 55 insertions(+), 2 deletions(-)

diff --git a/src/pages/me/index.vue b/src/pages/me/index.vue
index cff927a..6481a9f 100644
--- a/src/pages/me/index.vue
+++ b/src/pages/me/index.vue
@@ -1,9 +1,12 @@
 <script lang="ts" setup>
-import { computed, onMounted } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import { useWxStore } from '@/pinia/stores/wx'
 import { useAb98UserStore } from '@/pinia/stores/ab98-user'
 import { storeToRefs } from 'pinia'
 import { toHttpsUrl } from '@/utils'
+import { generateDynamicCode } from '@/api/users'
+import { DynamicCodeResponse } from '@/api/users/types'
+import { useToast } from 'wot-design-uni'
 
 definePage({
   style: {
@@ -23,6 +26,11 @@ const name = computed(() => {
 
 const userAvatar = computed(() => face_img.value ? toHttpsUrl(face_img.value) : '/static/favicon.ico')
 
+// 动态码相关
+const dynamicCodeActionSheet = ref<boolean>(false)
+const dynamicCodeData = ref<DynamicCodeResponse | null>(null)
+const toast = useToast()
+
 const ab98BalanceInYuan = computed(() => {
   if (ab98User.value && ab98User.value.ab98Balance !== undefined) {
     return (ab98User.value.ab98Balance / 100).toFixed(2)
@@ -72,6 +80,27 @@ const navigateToPage = (pagePath: string, options: { type?: 'navigateTo' | 'swit
 onMounted(() => {
   wxStore.refreshBalance()
 })
+
+// 生成动态码
+const handleGenerateDynamicCode = async () => {
+  if (!wxStore.openid) {
+    toast.show('用户信息异常，请重新登录')
+    return
+  }
+
+  try {
+    const res = await generateDynamicCode(wxStore.openid)
+    if (res && res.code == 0) {
+      dynamicCodeData.value = res.data
+      dynamicCodeActionSheet.value = true
+    } else {
+      toast.show(res?.msg || '获取动态码失败')
+    }
+  } catch (error) {
+    console.error('获取动态码失败:', error)
+    toast.show('获取动态码失败')
+  }
+}
 </script>
 
 <template>
@@ -135,7 +164,10 @@ onMounted(() => {
           <wd-icon name="star" size="20px" color="#fff"></wd-icon>
           <text>我的柜子</text>
         </view>
-        <view class="button-placeholder"></view>
+        <view class="button-item" @click="handleGenerateDynamicCode">
+          <wd-icon name="qrcode" size="20px" color="#fff"></wd-icon>
+          <text>绑定汇邦云</text>
+        </view>
         <view class="button-placeholder"></view>
         <!-- <view v-if="wxStore.isCabinetAdmin" class="button-item" @click="navigateToPage('/pages/cabinet/index')">
           <wd-icon name="tools" size="20px" color="#fff"></wd-icon>
@@ -154,6 +186,27 @@ onMounted(() => {
         <view class="button-placeholder"></view>
       </view> -->
     </view>
+
+    <!-- 动态码弹窗 -->
+    <wd-action-sheet
+      v-model="dynamicCodeActionSheet"
+      title="动态码"
+      cancel-text="关闭"
+      :close-on-click-modal="true"
+      @close="dynamicCodeActionSheet = false"
+    >
+      <view style="padding: 30px 30px 80px 30px; text-align: center;">
+        <view style="font-size: 24px; font-weight: bold; color: #409EFF; margin-bottom: 8px;">
+          {{ dynamicCodeData?.dynamicCode || '' }}
+        </view>
+        <view style="font-size: 14px; color: #999; margin-top: 8px;">
+          有效时间：{{ dynamicCodeData?.validityMinutes || '0' }} 分钟
+        </view>
+        <view style="font-size: 12px; color: #666; margin-top: 16px; padding: 8px 12px; background: #f5f5f5; border-radius: 4px;">
+          请使用该动态码在企业微信中绑定汇邦云账号
+        </view>
+      </view>
+    </wd-action-sheet>
   </view>
 </template>