151 lines
4.4 KiB
Vue
151 lines
4.4 KiB
Vue
<template>
|
|
<div class="bg-white wra-fix z-1 py-3 px-3 text-primary 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 class="">
|
|
<img :src="img" alt="" class="mt-2 w-full absolute bottom-0">
|
|
</div>
|
|
<div class="px-1 text-justify text-base z-200000 relative">
|
|
<div>
|
|
<!-- <img :src="logoFull" class="mb-20 mt-5 px-10" />-->
|
|
<div class="overflow-y-auto h-65vh pb-20 border-primary">
|
|
<div class=" font-bold text-sm text-primary text-center">جواز کسب و کار</div>
|
|
<!-- <img :src="permission1" alt="" class="w-full">-->
|
|
<div class="mt-5 text-xs"></div>
|
|
<div class="wrap-fix bottom-0 px-2 py-6 flex gap-2 bg-white">
|
|
<a class="w-full" href="tel:09190909884">
|
|
<BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
|
|
</a>
|
|
<a href="https://t.me/saminn_gold">
|
|
<img src="@/assets/img/telegram.png" alt="" class="h-10 w-10"/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<!-- <ActionSheet v-model:show="editPassVisible">salam</ActionSheet>-->
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
|
|
import { onMounted, reactive, ref } from 'vue'
|
|
import img from '@/assets/img/user_ly1.svg'
|
|
// import gr_bottom from './assets/img/gr_bottom_white.svg'
|
|
import { loading } from '@/utils'
|
|
import BasicButton from '@/components/BasicPacks/BasicButton.vue'
|
|
import BasicActionSheet from '@/components/BasicPacks/BasicActionSheet.vue'
|
|
import { lengthValidation, required } from '@/utils/inputRules'
|
|
import BasicInput from '@/components/BasicPacks/BasicInput.vue'
|
|
import type { User } from '@/models/login'
|
|
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
|
|
import router from '@/router'
|
|
import type { FormInstance } from 'ant-design-vue'
|
|
import { message } from 'ant-design-vue'
|
|
import { updateMe } from '@/api/me'
|
|
import { useUserStore } from '@/store/userStore'
|
|
import BaseDatePicker from '@/components/BasicPacks/BaseDatePicker'
|
|
import {useConfigStore} from "@/store/configStore";
|
|
|
|
const userFormState = ref<User>({
|
|
fname: '',
|
|
lname: '',
|
|
mobile: undefined,
|
|
birth_date: '',
|
|
phone_number: '',
|
|
province: '',
|
|
city: '',
|
|
n_code: undefined
|
|
})
|
|
const formRef = ref<FormInstance>()
|
|
const userStore = useUserStore()
|
|
const nameProject= useConfigStore().config.name_fa
|
|
|
|
// const editPassVisible = ref<boolean>(false)
|
|
const editPassVisible = ref<boolean>(false)
|
|
|
|
function setForm() {
|
|
userFormState.value = userStore.userInfo
|
|
}
|
|
|
|
function copyCode() {
|
|
// nextTick(() => {
|
|
const val = userStore.userInfo?.referral_id
|
|
navigator.clipboard.writeText(val)
|
|
message.info('کد رونوشت شد')
|
|
// })
|
|
}
|
|
|
|
function shareCode() {
|
|
// nextTick(() => {
|
|
const val = `⭐️الان طلا بخر؛ آخر ماه سودشو ببر!
|
|
با خرید طلای آبشده در مقدارهای کم ولی مستمر، سود بیشتری ببر!
|
|
|
|
این دعوت نامه از طرف "${userStore.userInfo?.name}" عزیز برای شما ارسال شده تا شما هم از بازار طلای ${nameProject} جا نمونید.
|
|
روی لینک زیر کلیک کنید و ثبت نام خود را تکمیل کنید.
|
|
|
|
gold.ir/login?id=${userStore.userInfo?.referral_id}`
|
|
navigator.share({
|
|
title: nameProject,
|
|
text: val
|
|
})
|
|
// message.info('کد رونوشت شد')
|
|
// })
|
|
}
|
|
|
|
const resetData = () => {
|
|
formRef.value?.resetFields()
|
|
userFormState.value = {
|
|
fname: '',
|
|
lname: '',
|
|
mobile: undefined,
|
|
birth_date: '',
|
|
phone_number: '',
|
|
province: '',
|
|
city: '',
|
|
n_code: undefined
|
|
}
|
|
}
|
|
|
|
|
|
onMounted(() => {
|
|
setForm()
|
|
})
|
|
|
|
function ok() {
|
|
formRef.value?.validateFields().then(async () => {
|
|
try {
|
|
loading.value = true
|
|
await updateMe(userFormState.value)
|
|
await userStore.getMyInfo()
|
|
editPassVisible.value = false
|
|
message.success('اطلاعات شما با موفقیت به روز رسانی شد')
|
|
} catch (e) {
|
|
console.log(e)
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<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> |