feat(抽奖活动页): 对接选择收款人功能

src/views/Activities/Lottery/Lottery.vue

@@ -831,6 +831,7 @@ import maskLayer from '@/components/MaskLayer.vue'
 import { useDebounce, useThrottle } from '@/utils/useDebounce'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { getMemberProfile, getUserIdentity } from '@/api/wallet'
+import { getSelectedPayee, clearSelectedPayee } from '@/utils/payeeStore.js'
 import { useRouter } from 'vue-router'
 import {
   ranklist, //获取排行榜
@@ -932,16 +933,30 @@ const showTarget = (task) => {
 }
 
 // 选中的收款人
-const selectedPayee = ref({
+const selectedPayee = ref({})
-  id: 1,
+
-  account: '3232131',
+// 初始化收款人信息
-  name: 'asdfasdfasdfas',
+const initializePayee = () => {
-  avatar: '',
+  const savedPayee = getSelectedPayee()
-  type: '',
+  if (savedPayee) {
-  isHost: true,
+    Object.assign(selectedPayee.value, savedPayee)
-  isAgency: true,
+  }
-  hasSalary: true,
+}
-})
+
+// 清除当前选中的收款人
+const clearPayee = () => {
+  Object.assign(selectedPayee.value, {
+    id: null,
+    account: '',
+    name: '',
+    avatar: '',
+    type: '',
+    isHost: false,
+    isAgency: false,
+    hasSalary: false,
+  })
+  clearSelectedPayee()
+}
 
 const searchPayee = () => {
   router.push('/search-payee')
@@ -1357,12 +1372,17 @@ const receiveTaskReward = async (code) => {
 onMounted(() => {
   connectToApp()
   isInAppEnvironment.value = isInApp()
+  initializePayee() //获取收款人信息
   getRanking() //获取排行榜
   getActivityDetail() //获取奖池
   getDrawRecords() // 获取中奖记录
   getTickets() //获取拥有的抽奖券
   getTaskList() //获取任务列表
 })
+
+onUnmounted(() => {
+  clearPayee() //清空收款人信息
+})
 </script>
 
 <style lang="scss" scoped>

src/views/TransferView.vue

@@ -187,7 +187,7 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, onUnmounted } from 'vue'
 import { useRouter } from 'vue-router'
 import MobileHeader from '../components/MobileHeader.vue'
 import { getBankBalance, userBankTransfer } from '../api/wallet.js'
@@ -357,6 +357,10 @@ onMounted(() => {
   fetchBankBalance()
   initializePayee()
 })
+
+onUnmounted(() => {
+  clearPayee() //清空收款人信息
+})
 </script>
 
 <style scoped>