From 5a3f3cbc710823252597199e55b4a69269649068 Mon Sep 17 00:00:00 2001
From: fave3722 <372276175@qq.com>
Date: Thu, 15 Sep 2022 16:06:41 +0800
Subject: [PATCH] fix

---
 .../table/desktop/tokensDetails.vue           | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/components/table/desktop/tokensDetails.vue b/src/components/table/desktop/tokensDetails.vue
index b0d75af..4a297e8 100644
--- a/src/components/table/desktop/tokensDetails.vue
+++ b/src/components/table/desktop/tokensDetails.vue
@@ -7,7 +7,9 @@
     >
       <p class="underline text-blue-65B5FF">{{ currentData?.address }}</p>
       <div class="flex flex-row">
-        <Icons :url="'copyAddress'" :size="32" />
+        <div @click="handleCopy">
+          <Icons :url="'copyAddress'" :size="32" />
+        </div>
         <div @click="open">
           <Icons :url="'qrCode'" :size="32" class="ml-[16px]" />
         </div>
@@ -25,14 +27,16 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, watchEffect } from 'vue'
-import { ElMessageBox } from 'element-plus'
+import { ref, watchEffect } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import Qrcode from 'qrcode'
 import tokensDetailsRow from '../dBase/tokensDetailsRow.vue'
 import { tokensDetailsCollocate } from '../constant'
 import Icons from '@src/components/icons/index.vue'
 import { useRoute } from 'vue-router'
 import { getAddressInfo } from '@src/api/AddressController'
+import useClipboard from 'vue-clipboard3'
+
 const invariable = {
   ...tokensDetailsCollocate,
 }
@@ -65,7 +69,7 @@ watchEffect(() => {
 })
 
 let open = async () => {
-  const res = await Qrcode.toDataURL('https://baidu.com' as string)
+  const res = await Qrcode.toDataURL(currentData.value?.address as string)
   // 二维码生成之后
   ElMessageBox.alert(`<img src="${res}" class="w-[318px]" />`, {
     showClose: false,
@@ -76,6 +80,21 @@ let open = async () => {
     customClass: 'bg-modal-wrap',
   })
 }
+
+// 复制
+const { toClipboard } = useClipboard()
+
+const handleCopy = async () => {
+  try {
+    await toClipboard(currentData.value?.address as string)
+    ElMessage({
+      message: 'copy success!',
+      type: 'success',
+    })
+  } catch (error) {
+    console.log(error)
+  }
+}
 </script>
 
 <style lang="scss">