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

- 新增 BindHBYCloud 组件用于处理汇邦云账号绑定
- 在个人中心页面添加绑定入口按钮
- 实现动态码、姓名和身份证号的表单验证
- 处理绑定成功/失败后的反馈和状态重置
---
 src/common/components/BindHBYCloud.vue | 109 +++++++++++++++++++++++++
 src/pages/me/index.vue                 |  24 +++++-
 2 files changed, 131 insertions(+), 2 deletions(-)
 create mode 100644 src/common/components/BindHBYCloud.vue

diff --git a/src/common/components/BindHBYCloud.vue b/src/common/components/BindHBYCloud.vue
new file mode 100644
index 0000000..2e67565
--- /dev/null
+++ b/src/common/components/BindHBYCloud.vue
@@ -0,0 +1,109 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { bindWxMpUser } from '@/common/apis/ab98'
+import { showLoadingToast, showSuccessToast, showFailToast } from 'vant'
+
+interface Props {
+  show: boolean
+}
+
+const props = defineProps<Props>()
+
+const emit = defineEmits<{
+  (e: 'update:show', value: boolean): void
+  (e: 'success'): void
+}>()
+
+const formData = ref({
+  dynamicCode: '',
+  name: '',
+  idNum: ''
+})
+
+const loading = ref(false)
+
+const handleClose = () => {
+  emit('update:show', false)
+}
+
+const handleSubmit = async () => {
+  if (!formData.value.dynamicCode || !formData.value.name || !formData.value.idNum) {
+    showFailToast('请填写完整信息')
+    return
+  }
+
+  loading.value = true
+  showLoadingToast({
+    message: '绑定中...',
+    forbidClick: true
+  })
+
+  try {
+    await bindWxMpUser({
+      dynamicCode: formData.value.dynamicCode,
+      name: formData.value.name,
+      idNum: formData.value.idNum
+    })
+
+    showSuccessToast('绑定成功')
+    emit('success')
+    handleClose()
+
+    // 重置表单
+    formData.value = {
+      dynamicCode: '',
+      name: '',
+      idNum: ''
+    }
+  } catch (error) {
+    console.error('绑定失败:', error)
+    showFailToast('绑定失败，请检查信息是否正确')
+  } finally {
+    loading.value = false
+  }
+}
+</script>
+
+<template>
+  <van-dialog
+    :show="props.show"
+    title="代绑汇邦云"
+    show-cancel-button
+    confirm-button-text="绑定"
+    cancel-button-text="取消"
+    :before-close="handleClose"
+    @confirm="handleSubmit"
+  >
+    <div class="bind-form p-4">
+      <van-form>
+        <van-cell-group inset>
+          <van-field
+            v-model="formData.dynamicCode"
+            label="动态码"
+            placeholder="请输入动态码"
+            required
+          />
+          <van-field
+            v-model="formData.name"
+            label="姓名"
+            placeholder="请输入姓名"
+            required
+          />
+          <van-field
+            v-model="formData.idNum"
+            label="身份证号"
+            placeholder="请输入身份证号"
+            required
+          />
+        </van-cell-group>
+      </van-form>
+    </div>
+  </van-dialog>
+</template>
+
+<style lang="scss" scoped>
+.bind-form {
+  max-height: 400px;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/pages/me/index.vue b/src/pages/me/index.vue
index 311a707..c52bee9 100644
--- a/src/pages/me/index.vue
+++ b/src/pages/me/index.vue
@@ -4,7 +4,8 @@ import { useWxStore } from '@/pinia/stores/wx'
 import { useAb98UserStore } from '@/pinia/stores/ab98-user'
 import { storeToRefs } from 'pinia'
 import { publicPath } from "@/common/utils/path"
-import { showConfirmDialog } from 'vant';
+import { showConfirmDialog } from 'vant'
+import BindHBYCloud from '@/common/components/BindHBYCloud.vue'
 
 const router = useRouter();
 const route = useRoute();
@@ -39,6 +40,13 @@ const handleLogout = () => {
   });
 };
 
+const showBindDialog = ref(false);
+
+const handleBindSuccess = () => {
+  // 绑定成功后的处理逻辑
+  console.log('绑定汇邦云成功');
+};
+
 wxStore.refreshBalance();
 </script>
 
@@ -107,6 +115,12 @@ wxStore.refreshBalance();
           <span>我的柜子</span>
         </div>
       </van-col>
+      <van-col span="8">
+        <div class="custom-btn" @click="showBindDialog = true">
+          <van-icon name="friends-o" size="20px" />
+          <span>代绑汇邦云</span>
+        </div>
+      </van-col>
       <!-- <van-col span="6">
         <div v-if="wxStore.isCabinetAdmin" class="custom-btn" @click="router.push('/manage/goods')">
           <van-icon name="comment-o" size="20px" />
@@ -131,9 +145,15 @@ wxStore.refreshBalance();
           <span>耗材核销</span>
         </div>
       </van-col>
-      <van-col span="8"></van-col>
+      <!-- <van-col span="8"></van-col> -->
     </van-row>
   </div>
+
+  <!-- 代绑汇邦云弹窗 -->
+  <BindHBYCloud
+    v-model:show="showBindDialog"
+    @success="handleBindSuccess"
+  />
 </template>
 
 <style lang="scss" scoped>