add aboutUs button for garoosi

This commit is contained in:
2026-02-26 14:06:06 +03:30
parent e4669bd172
commit 4a3ea232b5
7 changed files with 105 additions and 6 deletions
+3 -3
View File
@@ -136,7 +136,7 @@ router.beforeEach(async (to, from, next) => {
}
} else {
// If no token, handle redirect to login or allow access to login or 404
if (['login', '404','educate'].includes(to.name as string)) {
if (['login', '404','educate', 'aboutUs'].includes(to.name as string)) {
return next() // Allow access to login or 404
}
goToLogin(to, next) // Redirect to login if no token
@@ -153,7 +153,7 @@ router.beforeEach(async (to, from, next) => {
return next() // Proceed to the intended route
} else {
// If no token, ensure proper redirection to login or 404
if (['login', '404','educate'].includes(to.name as string)) {
if (['login', '404','educate', 'aboutUs'].includes(to.name as string)) {
return next() // Allow access to login or 404
}
return next({ name: 'login' })
@@ -164,7 +164,7 @@ router.beforeEach(async (to, from, next) => {
if (getToken() && !hasFingerPrint) {
next()
} else {
if (['login', '404','educate'].includes(to.name as string)) {
if (['login', '404','educate', 'aboutUs'].includes(to.name as string)) {
if (to.name === 'login'){
goToLogin(to, next)
return
+5
View File
@@ -116,6 +116,11 @@ const router = createRouter({
},
]
},
{
path: '/aboutUs',
name: 'aboutUs',
component: () => import('@/views/base/aboutUs/index.vue')
},
{
path: '/:pathMatch(.*)*',
name: 'notFound',
+64
View File
@@ -0,0 +1,64 @@
<template>
<div>
<div class="wrap-fix z-1 bg-white py-3 px-3 text-black font-bold drop-shadow flex">
<div @click="router.back()" class="cursor-pointer">
<BasicIcon icon="vuesax-linear:arrow-right-1" />
</div>
<div class="mr-2">درباره ما</div>
</div>
<div class="pt-20">
<div>
<img :src="img" alt="" class="mt-2 w-full absolute bottom-0" />
</div>
<div class="text-justify text-base z-200000 relative">
<div class="px-10">
<img :src="config.config?.avatar" class="mb-2 mt-5 w-10rem" style="justify-self: center"/>
<div class="overflow-y-auto h-65vh pb-20 border-[#093D51]">
<div
class="mt-5 text-5 border-solid border-2 border-[#093D51] text-[#093D51] rounded-[12px] p-4"
>
<div class="text-sm leading-7 space-y-2">
<h2 class="text-base font-bold mb-3">درباره ما</h2>
<div class="mt-3"> گروسی گالری بستری امن و آنلاین برای خرید و فروش طلای آبشده فراهم کرده تا کاربران بتوانند سرمایه‌های خرد خود را به راحتی پس‌انداز و مدیریت کنند. </div>
<div class="mt-3"> هدف ما ایجاد تجربه‌ای سریع، شفاف و کاربرپسند در معاملات طلای آبشده است. </div>
<!-- <div class="mt-4 border-t pt-3">
<h3 class="font-semibold mb-2">اطلاعات تماس</h3>
<div class="space-y-1">
<div> <span class="font-medium">ایمیل:</span> <a href="mailto:hajiabolfath@gmail.com" class="text-blue-600">hajiabolfath@gmail.com</a> </div>
<div> <span class="font-medium">کد پستی:</span> ۳۷۱۳۷۶۴۸۹۰ </div>
<div> <span class="font-medium">آدرس:</span> استان قم، شهرستان قم، بخش مرکزی، شهر قم، محله ارم (بازار)، کوچه مرعشی نجفی ۸، خیابان آیت‌الله مرعشی نجفی (ارم)، تجاری ارم، طبقه ۱، واحد ۱۵۵</div>
</div>
</div>-->
</div>
<div style="justify-self: center">
<a referrerpolicy='origin' target='_blank' href='https://trustseal.enamad.ir/?id=710578&Code=DdltBYWJgvc7LJs9eM46SEliXRRU0kSW'>
<img referrerpolicy='origin' src='https://trustseal.enamad.ir/logo.aspx?id=710578&Code=DdltBYWJgvc7LJs9eM46SEliXRRU0kSW'
alt='enamad'
style='cursor:pointer'
code='DdltBYWJgvc7LJs9eM46SEliXRRU0kSW'
>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
import {useConfigStore} from "@/store/configStore";
import img from '@/assets/img/user_ly1.svg'
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
import router from '@/router'
const config = useConfigStore()
</script>
<style scoped>
</style>
+1 -1
View File
@@ -339,7 +339,7 @@
<div class="text-center">
<div class=" font-bold text-red-600">مشتری گرامی</div>
<div class="mt-2">
<div>واریز مبلغ مورد نظر نهایتاً ظرف مدت ۲۴ ساعت آینده انجام می‌پذیرد.</div>
<div>واریز مبلغ مورد نظر، نهایتاً ظرف مدت ۲۴ ساعت آینده انجام می‌پذیرد.</div>
</div>
</div>
+15
View File
@@ -132,6 +132,17 @@
<BasicButton v-if="config.config.name === 'garoosi'" class="w-full !font-bold" @click="goToEducate">
<div class="flex gap-2 items-center">آموزش کار با نرم افزار</div>
</BasicButton>
<BasicButton
v-if="config.config.name === 'garoosi'"
class="mt-2 w-full"
icon=""
iconSize="18"
@click="goToAboutUs()"
>
<div class="flex">
<div>درباره ما</div>
</div>
</BasicButton>
<div class="cursor-pointer flex gap-1 justify-center mt-5 text-xs" @click="$emit('register',true)">اگر حساب کاربری ندارید
<div class="font-bold text-primary">از این قسمت</div>
ثبت نام کنید.
@@ -375,6 +386,10 @@ const goToEducate = () => {
router.push({ name: "educate" })
}
async function goToAboutUs(){
await router.push('/aboutUs')
}
const showPWAInstallGuide = ref(false)
async function installWebApp() {
showPWAInstallGuide.value = true
+16 -1
View File
@@ -1,6 +1,6 @@
<template>
<div class="w-full flex flex-col">
<img :src="config.config.avatar" alt="" class="z-100 rounded-full aspect-square self-center w-36 " STYLE="">
<img :src="config.config.avatar" alt="" class="z-100 rounded-full aspect-square self-center w-36" STYLE="">
<div class="font-bold text-center text-xl">ثبت نام</div>
<a-form ref="formRef" :model="userFormState" class="!mt-5" name="basic"
@finish="registerAccount">
@@ -41,6 +41,17 @@
<BasicButton v-if="config.config.name === 'garoosi'" class="w-full mt-2 !font-bold" @click="goToEducate">
<div class="flex gap-2 items-center">آموزش کار با نرم افزار</div>
</BasicButton>
<BasicButton
v-if="config.config.name === 'garoosi'"
class="mt-2 w-full"
icon=""
iconSize="18"
@click="goToAboutUs()"
>
<div class="flex">
<div>درباره ما</div>
</div>
</BasicButton>
<div class="cursor-pointer flex gap-1 justify-center mt-5 text-xs" @click="$emit('register',false)">اگر حساب کاربری دارید
<div class="font-bold text-primary">از این قسمت</div>
وارد شوید.
@@ -192,6 +203,10 @@ function registerAccount() {
})
}
async function goToAboutUs(){
await router.push('/aboutUs')
}
const goToEducate = () => {
router.push({ name: "educate" })
}
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<div class="flex items-center h-[92vh] justify-center ">
<div class="flex items-center justify-center ">
<!-- <PhoneVerify/>-->
<div class="fixed top-0 right-0 left-0 h-1/3 w-screen flex">
<img :src="img_topGradiant" alt="" class="absolute z-10 w-screen h-full object-cover">