7/8/1404

src/views/base/home/index.vue

@@ -27,7 +27,6 @@
 
           </div>
 
-
           <div class="relative z-10">
             <div class="flex font-bold text-lg items-center gap-2 mb-3">
               <img src='@/assets/img/logo.png' alt='' class='h-8 drop-shadow-md' />
@@ -36,10 +35,17 @@
 
             <div class="flex justify-between items-end mb-3">
               <div class="text-sm "></div>
-              <div class="">
+              <div>
                 <div class="text-xs opacity-75" style="justify-self: end;">شناسه شما در قطره</div>
-                <div class="font-semibold text-base">
-                  {{ userStore?.userInfo?.virtual_card_number ?? '---' }}
+                <div class="flex">
+                  <div v-if="userStore?.userInfo?.virtual_card_number" class="ml-2 " @click.stop="copyCode()">
+                    <BasicIcon
+                      icon="vuesax-linear:copy"
+                    />
+                  </div>
+                  <div class="font-semibold text-base">
+                    {{ userStore?.userInfo?.virtual_card_number ?? '---' }}
+                  </div>
                 </div>
               </div>
             </div>
@@ -532,9 +538,10 @@ import type { PInventory, Product } from '@/models/products'
 import type { Fund } from '@/models/fund'
 import type { TableOutput } from '@/models/table'
 import { useFundUserStore } from '@/store/fundStore'
-import {Modal} from "ant-design-vue";
+import { message, Modal } from 'ant-design-vue'
 import BasicButton from '@/components/BasicPacks/BasicButton.vue'
 import BasicModal from '@/components/BasicPacks/BasicModal.vue'
+import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
 
 const userStore = useUserStore()
 const walletStore = useWalletStore()
@@ -938,6 +945,12 @@ async function openRialModal() {
     cancelButtonProps: { style: { display: 'none' } },
   })
 }
+
+function copyCode() {
+  const val = userStore?.userInfo?.virtual_card_number
+  navigator.clipboard.writeText(val)
+  message.info('کد رونوشت شد')
+}
 </script>
 
 <style lang="less">

src/views/base/index.vue

@@ -29,6 +29,13 @@
                 <div>هشدار قیمت</div>
               </div>
             </BasicButton>
+            <BasicButton icon-size="16" class="!font-bold w-15rem"
+                         @click="$router.push({name: 'transfer'}); popVisible = false">
+              <div class="flex gap-2 items-center">
+                <BasicIcon icon="vuesax-linear:card-send" size="16" class="absolute right-2" />
+                <div>انتقال قطره</div>
+              </div>
+            </BasicButton>
             <BasicButton icon-size="16" class="!font-bold w-15rem"
                          @click="$router.push({name: 'physicalReceive'}); popVisible = false">
               <div class="flex gap-2 items-center">
@@ -39,7 +46,7 @@
             <BasicButton icon-size="16" class="!font-bold w-15rem"
                          @click="openReceivesList(); popVisible = false">
               <div class="flex gap-2 items-center">
-                <BasicIcon icon="vuesax-linear:direct-inbox" size="16" class="absolute right-2" />
+                <BasicIcon icon="vuesax-linear:receipt-item" size="16" class="absolute right-2" />
                 <div>لیست دریافتی ها</div>
               </div>
             </BasicButton>
@@ -57,15 +64,6 @@
                 <div>قوانین و مقررات</div>
               </div>
             </BasicButton>
-            <BasicButton icon-size="16" class="!font-bold w-15rem"
-                         @click="$router.push({name: 'transfer'}); popVisible = false">
-              <div class="flex gap-2 items-center">
-                <BasicIcon icon="vuesax-linear:bill" size="16" class="absolute right-2" />
-                <div>انتقال قطره</div>
-              </div>
-            </BasicButton>
-            
-
 <!--            <BasicButton icon-size="16" class="!font-bold w-50vw md:w-full"
                          @click="$router.push({name: 'permissions'}); popVisible = false">
               <div class="flex gap-2 items-center">