1405/02/30-kashkool

This commit is contained in:
2026-05-20 09:41:01 +03:30
parent 400178591e
commit 518a5316cb
7 changed files with 234 additions and 236 deletions
+9 -9
View File
@@ -85,21 +85,21 @@ const router = createRouter({
name: 'address',
component: () => import('@/views/base/address/index.vue')
},
{
/* {
path: 'physicalReceive',
name: 'physicalReceive',
component: () => import('@/views/base/physicalReceive/index.vue'),
},
},*/
// {
// path: 'list',
// name: 'list',
// component: () => import('@/views/base/physicalReceive/components/RequestList.vue'),
// },
{
path: 'list',
name: 'list',
component: () => import('@/views/base/physicalReceive/components/RequestList.vue'),
},
/* {
path: 'physicalReceive',
name: 'physicalReceive',
redirect:{name: 'list'},
component: () => import('@/views/base/physicalReceive/index.vue'),
// component: () => import('@/views/base/physicalReceive/index.vue'),
children:[
{
path: '',
@@ -112,7 +112,7 @@ const router = createRouter({
component: () => import('@/views/base/physicalReceive/components/NewRequest.vue')
},
]
},*/
},
{
path: 'rules',
name: 'rules',
+29 -29
View File
@@ -17,21 +17,21 @@
<div class="bg-primary text-white rounded-[12px] p-4 text-xs leading-5">
<div class="w-full h-1px my-3 bg-tertiary"></div>
<div>
کشکول گلد وبسایت رسمی خانواده نور هشتم برای خرید شمش طلا است؛ بستری امن، شفاف و قابل اعتماد که با هدف ساده‌سازی سرمایه‌گذاری در طلا طراحی شده است.
کشکول گلد وبسایت رسمی تست.
</div>
<div class="mt-3">
این وبسایت با پشتوانه سه مجموعه معتبر نور هشتم فعالیت می‌کند و امکان خرید شمش طلا را از وزن‌های خرد تا معاملات عمده، با قیمت شفاف و امنیت کامل فراهم می‌سازد.
</div>
<div class="mt-3">
تمامی فرآیندهای خرید در کشکول گلد بر اساس استانداردهای حرفه‌ای بازار طلا و با اتکا به اعتبار مجموعه‌های نور هشتم مشهد، نورهشتم فردوس و نورهشتم (داماس) بجستان انجام می‌شود تا کاربران با آرامش و اطمینان کامل اقدام به خرید کنند.
</div>
<div class="mt-3">
کشکول گلد‌کشکول گلد، بانکی از طلا بساز...
</div>
<div class="mt-3">
برای ارتباط حضوری، دریافت مشاوره و اطمینان بیشتر، کاربران می‌توانند از طریق آدرس‌های سه شعبه رسمی نور هشتم با مجموعه در ارتباط باشند و از پشتیبانی مستقیم مجموعه بهره‌مند شوند.
</div>
<div class="w-full h-1px my-3 bg-tertiary"></div>
<!-- <div class="mt-3">-->
<!-- این وبسایت با پشتوانه سه مجموعه معتبر نور هشتم فعالیت می‌کند و امکان خرید شمش طلا را از وزن‌های خرد تا معاملات عمده، با قیمت شفاف و امنیت کامل فراهم می‌سازد.-->
<!-- </div>-->
<!-- <div class="mt-3">-->
<!-- تمامی فرآیندهای خرید در کشکول گلد بر اساس استانداردهای حرفه‌ای بازار طلا و با اتکا به اعتبار مجموعه‌های نور هشتم مشهد، نورهشتم فردوس و نورهشتم (داماس) بجستان انجام می‌شود تا کاربران با آرامش و اطمینان کامل اقدام به خرید کنند.-->
<!-- </div>-->
<!-- <div class="mt-3">-->
<!-- کشکول گلد‌کشکول گلد، بانکی از طلا بساز...-->
<!-- </div>-->
<!-- <div class="mt-3">-->
<!-- برای ارتباط حضوری، دریافت مشاوره و اطمینان بیشتر، کاربران می‌توانند از طریق آدرس‌های سه شعبه رسمی نور هشتم با مجموعه در ارتباط باشند و از پشتیبانی مستقیم مجموعه بهره‌مند شوند.-->
<!-- </div>-->
<!-- <div class="w-full h-1px my-3 bg-tertiary"></div>-->
<!-- <div class="mt-3 text-xl font-bold">چرا کشکول گلد؟</div>
<div class="mt-3">
۱. خرید بدون اجرت و مالیات
@@ -50,27 +50,27 @@
کشکول گلد دارای شعب حضوری معتبر با مجوز خرده‌فروشی طلاست تا کاربران بتوانند در صورت تمایل، طلای خریداری‌شده خود را به‌صورت فیزیکی تحویل بگیرند و از نزدیک از اصالت آن اطمینان حاصل کنند.
</div>
<div class="w-full h-1px my-3 bg-tertiary"></div>-->
<div class="mt-3">
آدرس شعب ما:
</div>
<div class="mt-3">
مشهد : خیابان امام خمینی / برج طلا و جواهر مرمر / طبقه همکف / واحد 16 / طلا و سکه نورهشتم
</div>
<div class="mt-3">
فردوس : خیابان امام خمینی / بعد از امام خمینی 11 / طلا و سکه نورهشتم
</div>
<div class="mt-3">
بجستان : خیابان امام خمینی / چهارراه وحدت / طلا و جواهر داماس [طلا و سکه نورهشتم]
</div>
<div class="w-full h-1px my-3 bg-tertiary"></div>
<!-- <div class="mt-3">-->
<!-- آدرس شعب ما:-->
<!-- </div>-->
<!-- <div class="mt-3">-->
<!-- مشهد : خیابان امام خمینی / برج طلا و جواهر مرمر / طبقه همکف / واحد 16 / طلا و سکه نورهشتم-->
<!-- </div>-->
<!-- <div class="mt-3">-->
<!-- فردوس : خیابان امام خمینی / بعد از امام خمینی 11 / طلا و سکه نورهشتم-->
<!-- </div>-->
<!-- <div class="mt-3">-->
<!-- بجستان : خیابان امام خمینی / چهارراه وحدت / طلا و جواهر داماس [طلا و سکه نورهشتم]-->
<!-- </div>-->
<!-- <div class="w-full h-1px my-3 bg-tertiary"></div>-->
</div>
</div>
</div>
<div class="wrap-fix bottom-0 px-10 py-6 flex gap-2 bg-white items-center">
<a class="w-full" href="https://web.rubika.ir/#c=u0I8F1U0a939b0df5ba9f73618d33d7c">
<a class="w-full" href="https://web.rubika.ir/#">
<BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
</a>
<a href="https://web.rubika.ir/#c=u0I8F1U0a939b0df5ba9f73618d33d7c">
<a href="https://web.rubika.ir/#">
<img src="@/assets/img/rubika.webp" alt="" class=" w-12"/>
</a>
</div>
+10 -10
View File
@@ -19,7 +19,7 @@
<div
class="px-5 py-5 shadow-lg rounded-2xl text-white relative overflow-hidden shadow-lg"
style=" background: linear-gradient(145deg, #a72b77 0%, #7a2a1e 40%, #a72b77 100%); "
style=" background: linear-gradient(145deg, #a72b77 0%, #711d4d 40%, #a72b77 100%); "
>
<div
class="absolute inset-0 opacity-20"
@@ -30,7 +30,7 @@
<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' />
<div class="tracking-wide">کشکول گلد گلد</div>
<div class="tracking-wide">کشکول گلد </div>
</div>
<div class="flex justify-between items-end mb-3">
@@ -72,8 +72,8 @@
style="touch-action: none" />
</div>-->
<!-- <div class="bg-gradient-to-l mt-3 p-1 shadow-lg from-primary rounded-lg p-px to-transparent ">-->
<div class="mt-3 p-1 shadow-lg from-primary rounded-lg p-px to-transparent">
<div class=" p-1 py-6 rounded-lg bg-tertiary">
<div class="mt-3 p-1 shadow-lg from-primary rounded-lg p-px to-transparent border-solid border border-primary">
<div class=" p-1 py-6 rounded-lg bg-white">
<div class="flex justify-between ">
<!-- <div
class="text-center w-full flex-flex-col items-center home_appear_fade_in_up"
@@ -99,7 +99,7 @@
style="border: solid 1px #a72b77"
>
<Icon class="text-tertiary" icon="vuesax-linear:money-receive" />
<Icon class="text-white" icon="vuesax-linear:money-receive" />
</div>
<div class="text-primary">خرید و فروش</div>
</div>
@@ -113,7 +113,7 @@
style="border: solid 1px #a72b77"
>
<Icon class="text-tertiary" icon="vuesax-linear:card-add" />
<Icon class="text-white" icon="vuesax-linear:card-add" />
</div>
<div class="text-primary">واریز نقدی</div>
</div>
@@ -126,7 +126,7 @@
class="rounded-full w-[50px] h-[50px] bg-primary flex items-center justify-center "
style="border: solid 1px #a72b77"
>
<Icon class="text-tertiary" icon="vuesax-linear:receipt-item" />
<Icon class="text-white" icon="vuesax-linear:receipt-item" />
</div>
<div class="text-primary">موجودی</div>
</div>
@@ -139,7 +139,7 @@
class="rounded-full w-[50px] h-[50px] bg-primary flex items-center justify-center"
style=" border: solid 1px #a72b77"
>
<Icon class="text-tertiary font-bold" icon="vuesax-linear:archive-1" />
<Icon class="text-white font-bold" icon="vuesax-linear:archive-1" />
</div>
<div class="text-primary">قلک</div>
</div>
@@ -153,7 +153,7 @@
style=" border: solid 1px #a72b77"
>
<Icon class="text-tertiary font-bold" icon="vuesax-linear:dollar-circle" />
<Icon class="text-white font-bold" icon="vuesax-linear:dollar-circle" />
</div>
<div class="text-primary">کسب درآمد</div>
</div>
@@ -287,7 +287,7 @@
</swiper>
<div class="flex mt-5 gap-1 bg-primary text-[#CEA34C] font-bold justify-center cursor-pointer rounded-lg py-5"
<div class="flex mt-5 gap-1 bg-primary text-white font-bold justify-center cursor-pointer rounded-lg py-5"
@click="router.push({ name: 'gold' })">
<div>خرید و فروش</div>
</div>
+15 -15
View File
@@ -1,7 +1,7 @@
<template>
<div >
<Transition>
<div v-if="popVisible" class="top-0 bottom-0 bg-primary wrap-fix z-2000 opacity-60"
<div v-if="popVisible" class="top-0 bottom-0 bg-black wrap-fix z-2000 opacity-60"
@click="popVisible = false">
</div>
</Transition>
@@ -36,13 +36,13 @@
<!-- <div>انتقال کشکول گلد</div>-->
<!-- </div>-->
<!-- </BasicButton>-->
<!-- <BasicButton v-if="isToken()" icon-size="16" class="!font-bold w-15rem"-->
<!-- @click="$router.push({name: 'physicalReceive'}); popVisible = false">-->
<!-- <div class="flex gap-2 items-center">-->
<!-- <BasicIcon icon="vuesax-linear:direct-inbox" size="16" class="absolute right-2" />-->
<!-- <div>دریافت طلای فیزیکی</div>-->
<!-- </div>-->
<!-- </BasicButton>-->
<BasicButton v-if="isToken()" icon-size="16" class="!font-bold w-15rem"
@click="$router.push({name: 'physicalReceive'}); popVisible = false">
<div class="flex gap-2 items-center">
<BasicIcon icon="vuesax-linear:direct-inbox" size="16" class="absolute right-2" />
<div>دریافت طلای فیزیکی</div>
</div>
</BasicButton>
<BasicButton v-if="isToken()" icon-size="16" class="!font-bold w-15rem"
@click="$router.push({name: 'buyProduct'}); popVisible = false">
<div class="flex gap-2 items-center">
@@ -107,14 +107,14 @@
<!-- <canvas ref="canvas" id="canvas1" width="400" height="80" class="w-full"></canvas>-->
<div v-if="isToken()" class="bottom-appbar w-auto mx-auto">
<div class="tabs">
<!-- <div :class="setNavColor('home')" class="tab" @click="setRoute('home')">-->
<!-- <Icon icon="vuesax-linear:home" />-->
<!-- <div class="text-xs mt-1 font-bold">صفحه اصلی</div>-->
<!-- </div>-->
<div :class="setNavColor('buyProduct')" class="tab" @click="setRoute('buyProduct')">
<Icon icon="vuesax-linear:coin" />
<div class="text-xs mt-1 font-bold">فروشگاه</div>
<div :class="setNavColor('home')" class="tab" @click="setRoute('home')">
<Icon icon="vuesax-linear:home" />
<div class="text-xs mt-1 font-bold">صفحه اصلی</div>
</div>
<!-- <div :class="setNavColor('buyProduct')" class="tab" @click="setRoute('buyProduct')">-->
<!-- <Icon icon="vuesax-linear:coin" />-->
<!-- <div class="text-xs mt-1 font-bold">فروشگاه</div>-->
<!-- </div>-->
<div :class="setNavColor('transactions')" class="tab" @click="setRoute('transactions')">
<Icon icon="vuesax-linear:receipt-item" />
<div class="text-xs mt-1 font-bold">گزارش</div>
@@ -10,7 +10,7 @@
value-name="title"
size="large"
placeholder="لطفا محصول را انتخاب کنید"
:has-tooltip="false"/>
:has-tooltip="true"/>
<BasicButton :disabled-b="selectedProduct==null" type="primary" @click="handleAdd">افزودن</BasicButton>
</div>
<div class="h-70vh rounded-lg bg-white mt-2 border-gray-200 border-1 overflow-y-auto p-2">
@@ -9,7 +9,7 @@
<div class="flex flex-col gap-4 pt-13 pb-35 px-2">
<RequestItem v-for="item in requestItems" :item="item"></RequestItem>
</div>
<!-- <Transition mode="out-in" name="fade">
<Transition mode="out-in" name="fade">
<div
class="wrap-fix bottom-0 h-[19vh] bg-[#FBFBFC] shadow-lg rounded-3xl flex justify-center pt-3 z-200"
style="box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 26px 11px"
@@ -17,7 +17,7 @@
<BasicIcon icon="vuesax-linear:add" />
<div class="cursor-pointer">افزودن درخواست جدید</div>
</div>
</Transition>-->
</Transition>
</div>
</template>
+168 -170
View File
@@ -4,195 +4,193 @@
</div>
</template>
<!--
<template>
<div class="bottom-0 fixed top-0">
<img :src="img" alt="" class=" w-inherit "
:style="{ backgroundRepeat: 'repeat', }"
/>
</div>
<a-spin :spinning="loading">
<!--<template>-->
<!-- <div class="bottom-0 fixed top-0">-->
<!-- <img :src="img" alt="" class=" w-inherit "-->
<!-- :style="{ backgroundRepeat: 'repeat', }"-->
<!-- />-->
<!-- </div>-->
<!-- <a-spin :spinning="loading">-->
<div class=" !h-full overflow-y-scroll">
<!-- <div class=" !h-full overflow-y-scroll">-->
<div class="w-full flex justify-center top-0 py-5" style="align-self: center">
<ARadioGroup @change="changeTab" v-model:value="activekey" button-style="solid">
<ARadioButton class="cats" value="همه">همه</ARadioButton>
<ARadioButton class="cats" v-for="item in typeItems.filter(a => a != 'آبشده')" :value="item">{{ item }}</ARadioButton>
</ARadioGroup>
</div>
<!-- <div class="w-full flex justify-center top-0 py-5" style="align-self: center">-->
<!-- <ARadioGroup @change="changeTab" v-model:value="activekey" button-style="solid">-->
<!-- <ARadioButton class="cats" value="همه">همه</ARadioButton>-->
<!-- <ARadioButton class="cats" v-for="item in typeItems.filter(a => a != 'آبشده')" :value="item">{{ item }}</ARadioButton>-->
<!-- </ARadioGroup>-->
<!-- </div>-->
<div class="mx-5 pb-30 pt-2" style="color: #1b2b07">
<div class="mt-3" v-for="item in items?.filter(a => a.group_type != 'آبشده')">
<ProductItem :ProductItem="item" @click="clickProduct(item)"></ProductItem>
</div>
</div>
</div>
</a-spin>
&lt;!&ndash; <BasicActionSheet v-model:show="showFilter">&ndash;&gt;
&lt;!&ndash; <indexGold ></indexGold>&ndash;&gt;
&lt;!&ndash; </BasicActionSheet>&ndash;&gt;
<!-- <div class="mx-5 pb-30 pt-2" style="color: #1b2b07">-->
<!-- <div class="mt-3" v-for="item in items?.filter(a => a.group_type != 'آبشده')">-->
<!-- <ProductItem :ProductItem="item" @click="clickProduct(item)"></ProductItem>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </a-spin>-->
<!-- &lt;!&ndash; <BasicActionSheet v-model:show="showFilter">&ndash;&gt;-->
<!-- &lt;!&ndash; <indexGold ></indexGold>&ndash;&gt;-->
<!-- &lt;!&ndash; </BasicActionSheet>&ndash;&gt;-->
<BasicActionSheet placement="bottom" v-model:show="showFilter">
<div class="">
&lt;!&ndash; <indexGold v-if="selectedProduct?.group_type=='آبشده'" :ProductItem="selectedProduct"></indexGold>&ndash;&gt;
<ReceiveDealProduct :ProductItem="selectedProduct"></ReceiveDealProduct>
</div>
</BasicActionSheet>
<!-- <BasicActionSheet placement="bottom" v-model:show="showFilter">-->
<!-- <div class="">-->
<!--&lt;!&ndash; <indexGold v-if="selectedProduct?.group_type=='آبشده'" :ProductItem="selectedProduct"></indexGold>&ndash;&gt;-->
<!-- <ReceiveDealProduct :ProductItem="selectedProduct"></ReceiveDealProduct>-->
<!-- </div>-->
<!-- </BasicActionSheet>-->
</template>
<!--</template>-->
<script setup lang="ts">
import { onMounted, onUnmounted, ref, watch } from 'vue'
import router from '@/router'
import ProductItem from '@/views/base/products/components/ProductItem.vue'
import { getProducts } from '@/api/products'
import {
getLastPrices,
lastPrice,
stopPriceInterval
} from '@/utils/price'
import { loading } from '@/utils'
import { Price } from '@/models/home'
import type { Product } from '@/models/products'
import BasicActionSheet from '@/components/BasicPacks/BasicActionSheet.vue'
import { cloneDeep } from 'lodash'
import img from "@/assets/img/user_ly1.svg";
import ReceiveDealProduct from '@/views/base/physicalReceive/components/ReceiveDealProduct.vue'
<!--<script setup lang="ts">-->
<!--import { onMounted, onUnmounted, ref, watch } from 'vue'-->
<!--import router from '@/router'-->
<!--import ProductItem from '@/views/base/products/components/ProductItem.vue'-->
<!--import { getProducts } from '@/api/products'-->
<!--import {-->
<!-- getLastPrices,-->
<!-- lastPrice,-->
<!-- stopPriceInterval-->
<!--} from '@/utils/price'-->
<!--import { loading } from '@/utils'-->
<!--import { Price } from '@/models/home'-->
<!--import type { Product } from '@/models/products'-->
<!--import BasicActionSheet from '@/components/BasicPacks/BasicActionSheet.vue'-->
<!--import { cloneDeep } from 'lodash'-->
<!--import img from "@/assets/img/user_ly1.svg";-->
<!--import ReceiveDealProduct from '@/views/base/physicalReceive/components/ReceiveDealProduct.vue'-->
const activekey = ref('آبشده')
const showFilter = ref()
const selectedProduct = ref<Product>()
<!--const activekey = ref('آبشده')-->
<!--const showFilter = ref()-->
<!--const selectedProduct = ref<Product>()-->
function clickProduct(item: Product) {
if(item?.show){
showFilter.value = true
selectedProduct.value = cloneDeep(item)
}
}
<!--function clickProduct(item: Product) {-->
<!-- if(item?.show){-->
<!-- showFilter.value = true-->
<!-- selectedProduct.value = cloneDeep(item)-->
<!-- }-->
<!--}-->
function changeTab() {
if (activekey.value != 'همه') {
items.value = firstItems.value?.filter((val) =>
val.group_type == activekey.value
)
} else items.value = firstItems.value
<!--function changeTab() {-->
<!-- if (activekey.value != 'همه') {-->
<!-- items.value = firstItems.value?.filter((val) =>-->
<!-- val.group_type == activekey.value-->
<!-- )-->
<!-- } else items.value = firstItems.value-->
}
<!--}-->
const firstItems = ref<Product[]>()
const price = ref<Price>()
const items = ref<Product[]>()
const typeItems = ref([])
onMounted(async () => {
try {
loading.value = true
items.value = await getProducts()
items.value?.forEach((val, index) => {
if (!typeItems.value.includes(val.group_type)){
typeItems.value.push(val.group_type)
}
// typeItems.value[index] = val.group_type
})
firstItems.value = items.value
await initPrice()
// await setIntervalGetLastPrice()
// console.log('run product')
<!--const firstItems = ref<Product[]>()-->
<!--const price = ref<Price>()-->
<!--const items = ref<Product[]>()-->
<!--const typeItems = ref([])-->
<!--onMounted(async () => {-->
<!-- try {-->
<!-- loading.value = true-->
<!-- items.value = await getProducts()-->
<!-- items.value?.forEach((val, index) => {-->
<!-- if (!typeItems.value.includes(val.group_type)){-->
<!-- typeItems.value.push(val.group_type)-->
<!-- }-->
<!-- // typeItems.value[index] = val.group_type-->
<!-- })-->
<!-- firstItems.value = items.value-->
<!-- await initPrice()-->
<!-- // await setIntervalGetLastPrice()-->
<!-- // console.log('run product')-->
} catch (e) {
console.log(e)
} finally {
loading.value = false
if (router.currentRoute.value.query.cat=="coin"){
activekey.value="سکه"
changeTab()
}
<!-- } catch (e) {-->
<!-- console.log(e)-->
<!-- } finally {-->
<!-- loading.value = false-->
<!-- if (router.currentRoute.value.query.cat=="coin"){-->
<!-- activekey.value="سکه"-->
<!-- changeTab()-->
<!-- }-->
if (router.currentRoute.value.query.state) {
if (router.currentRoute.value.query.product) {
clickProduct(items.value?.find(x => x.title === 'سکه'))
} else {
clickProduct(items.value?.find(x => x.title === 'آبشده نقدی'))
}
}
}
})
onUnmounted(() => {
stopPriceInterval()
// console.log('stop product')
})
<!-- if (router.currentRoute.value.query.state) {-->
<!-- if (router.currentRoute.value.query.product) {-->
<!-- clickProduct(items.value?.find(x => x.title === 'سکه'))-->
<!-- } else {-->
<!-- clickProduct(items.value?.find(x => x.title === 'آبشده نقدی'))-->
<!-- }-->
<!-- }-->
<!-- }-->
<!--})-->
<!--onUnmounted(() => {-->
<!-- stopPriceInterval()-->
<!-- // console.log('stop product')-->
<!--})-->
async function initPrice() {
try {
// chartLoading.value = true
await getLastPrices()
// await setIntervalGetPrice()
loading.value = true
price.value = lastPrice.value
} catch (e) {
console.log(e)
} finally {
loading.value = false
// chartLoading.value = false
}
}
</script>
<!--async function initPrice() {-->
<!-- try {-->
<!-- // chartLoading.value = true-->
<!-- await getLastPrices()-->
<!-- // await setIntervalGetPrice()-->
<!-- loading.value = true-->
<!-- price.value = lastPrice.value-->
<!-- } catch (e) {-->
<!-- console.log(e)-->
<!-- } finally {-->
<!-- loading.value = false-->
<!-- // chartLoading.value = false-->
<!-- }-->
<!--}-->
<!--</script>-->
<style lang="less">
.cats{
font-size: x-small;
}
.cats:hover span {
&#45;&#45;un-text-opacity: 1;
color: rgba(206, 163, 76, var(&#45;&#45;un-text-opacity))!important;
}
<!--<style lang="less">-->
<!--.cats{-->
<!-- font-size: x-small;-->
<!--}-->
<!--.cats:hover span {-->
<!-- &#45;&#45;un-text-opacity: 1;-->
<!-- color: rgba(206, 163, 76, var(&#45;&#45;un-text-opacity))!important;-->
<!--}-->
</style>
<!--</style>-->
&lt;!&ndash;
<template>
<div style="max-height: calc(100vh - 50px)">
<div class="bg-white py-3 px-3 z-100000 text-primary font-bold drop-shadow flex flex-col wrap-fix">
<div class="flex">
<div @click="router.back()">
<BasicIcon icon="vuesax-linear:arrow-right-1"/>
</div>
<div v-if="route.name=='list'" class="mr-2">دریافت طلای فیزیکی</div>
<div v-else class="mr-2">دریافت طلای فیزیکی-درخواست جدید</div>
</div>
</div>
<div>
<router-view></router-view>
</div>
</div>
</template>
<!--&lt;!&ndash;-->
<!--<template>-->
<!-- <div style="max-height: calc(100vh - 50px)">-->
<!-- <div class="bg-white py-3 px-3 z-100000 text-primary font-bold drop-shadow flex flex-col wrap-fix">-->
<!-- <div class="flex">-->
<!-- <div @click="router.back()">-->
<!-- <BasicIcon icon="vuesax-linear:arrow-right-1"/>-->
<!-- </div>-->
<!-- <div v-if="route.name=='list'" class="mr-2">دریافت طلای فیزیکی</div>-->
<!-- <div v-else class="mr-2">دریافت طلای فیزیکی-درخواست جدید</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <router-view></router-view>-->
<!-- </div>-->
<!-- </div>-->
<!--</template>-->
<script lang="ts" setup>
import {ref} from "vue";
import RequestList from "@/views/base/physicalReceive/components/RequestList.vue";
import NewRequest from "@/views/base/physicalReceive/components/NewRequest.vue";
import router from "@/router";
import BasicIcon from "@/components/BasicPacks/BasicIcon.vue";
import {useRoute} from "vue-router";
<!--<script lang="ts" setup>-->
<!--import {ref} from "vue";-->
<!--import RequestList from "@/views/base/physicalReceive/components/RequestList.vue";-->
<!--import NewRequest from "@/views/base/physicalReceive/components/NewRequest.vue";-->
<!--import router from "@/router";-->
<!--import BasicIcon from "@/components/BasicPacks/BasicIcon.vue";-->
<!--import {useRoute} from "vue-router";-->
const activekey=ref(1)
const route=useRoute()
</script>
<!--const activekey=ref(1)-->
<!--const route=useRoute()-->
<!--</script>-->
<style scoped>
/*.fade-enter-active,
.fade-leave-active {
transition: opacity 0.2s ease;
}
<!--<style scoped>-->
<!--/*.fade-enter-active,-->
<!--.fade-leave-active {-->
<!-- transition: opacity 0.2s ease;-->
<!--}-->
.fade-enter-from,
.fade-leave-to {
opacity: 0;
}*/
/*.trans{
transition: height 1s;
}*/
</style>
&ndash;&gt;
-->
<!--.fade-enter-from,-->
<!--.fade-leave-to {-->
<!-- opacity: 0;-->
<!--}*/-->
<!--/*.trans{-->
<!-- transition: height 1s;-->
<!--}*/-->
<!--</style>-->
<!--&ndash;&gt;-->