create searchBox section

2024-06-10 13:18:04 +03:30
parent 5310ec4dbc
commit c8bfc3c177
22 changed files with 1124 additions and 596 deletions
@@ -51,15 +51,15 @@
                                    </svg>
                            </div>
                            <p class="w-full text-end text-[4.544vw] md:text-[1.055vw]">
-                                60,000 
+                                {{ data }},000 
                                <span class="text-[2.836vw] md:text-[0.741vw] font-[400]"> 
                                    تومان        
                                </span>
                            </p>
                            <div class="pt-[10vw] md:pt-0 space-y-[3vw] md:space-y-[1vw]">
                                <p class="text-[3.19vw] md:text-[0.833vw] text-[#383E43]">مبلغ مورد نظر</p>
-                                <input type="number" placeholder="تومان" class="text-[2.836vw] md:text-[0.741vw] h-[13.59vw] md:h-[2.969vw] w-full rounded-[2.564vw] md:rounded-[0.521vw] bg-[#F5F5F5] ps-[4vw] md:ps-[1vw]">
-                                <button class="text-[3.59vw] md:text-[0.938vw] greenButton text-center h-[11.538vw] md:h-[2.969vw] w-full rounded-[2.564vw] md:rounded-[0.521vw]">شارژ حساب</button>
+                                <input v-model="price" type="number" placeholder="تومان" class="text-[2.836vw] md:text-[0.741vw] h-[13.59vw] md:h-[2.969vw] w-full rounded-[2.564vw] md:rounded-[0.521vw] bg-[#F5F5F5] ps-[4vw] md:ps-[1vw]">
+                                <button @click="charge" class="text-[3.59vw] md:text-[0.938vw] greenButton text-center h-[11.538vw] md:h-[2.969vw] w-full rounded-[2.564vw] md:rounded-[0.521vw]">شارژ حساب</button>
                            </div>
                        </div>
                    </div>
@@ -79,6 +79,35 @@

 <script setup>
 import {Tabs, Tab} from 'vue3-tabs-component';
+
+const {data, refresh} = await useFetch('/api/user/balance')
+const price = ref(null)
+const charge = async () =>{
+    console.log(price.value);
+    const toPay = await useFetch("/api/user/add", {
+    method: "POST",
+    body: {
+      amount: price.value,
+    }
+  });
+  refresh()
+  price.value = null
+  console.log(toPay);
+}
+console.log('wallet,' , data.value);
+
+
+
+
+
+
+
+
+
+
+
+
+
 const tab1 =
 `<p 
 class="flex items-center gap-[0.5vw] p-[2vw] md:p-0 md:px-[0.6vw] rounded-[2.564vw]">