boursecu_user/src/views/base/rules/index.vue

<template>
  <div>
    <div class="wrap-fix z-1 bg-white 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>
        <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">
<!--          <div class="h-20vh flex justify-center">
            <img :src="logoFull" class="mb-20 h-15vh mt-5" />
          </div>-->
          <div class="overflow-y-auto h-60vh pb-20 border-primary">
            <div
              class="mt-5 text-5 border-solid border-2 border-primary text-primary rounded-[12px] p-4"
            >
              <div class="font-bold text-sm text-primary">
                قوانین و مقررات معاملات طلا در بستر {{  nameProject }}
              </div>
              <div class="w-full h-1px my-3 bg-secondary"></div>
              <div class="mt-5 text-xs leading-5">
                • کاربران موظفند قبل از ثبت‌ نام، تمامی مفاد این تعهدنامه را مطالعه نموده و صرفاً در
                صورت پذیرش آن اقدام به ثبت‌نام نمایند.
              </div>
              <div class="mt-5 text-xs leading-5">
                • کاربران {{  nameProject }} می‌پذیرند که کلیه‌ی فعالیت‌های آن‌ها در {{ nameProject }}، در چارچوب قوانین
                جمهوری اسلامی ایران بوده و هیچ گونه فعالیتی خارج از این چارچوب انجام نخواهد شد.
              </div>
              <div class="mt-5 text-xs leading-5">
                • احراز هویت برای استفاده از خدمات {{  nameProject }} ضروری بوده و کاربران موظفند اطلاعات صحیح
                خود را بارگذاری نمایند؛ بدیهی است در صورت وجود هرگونه تخلف در احراز هویت، مسئولیت به
                عهده‌ی فرد متخلف بوده و {{  nameProject }} حق توقف ارائه خدمات به کاربر مذکور و ارجاع موارد
                تخلف به مراجع ذی‌صلاح را خواهد داشت.
              </div>
              <div class="mt-5 text-xs leading-5">
                • {{  nameProject }}خود را ملزم به حفظ اطلاعات شخصی کاربران در چارچوب قوانین قضایی کشور
                می‌داند.
              </div>
              <div class="mt-5 text-xs leading-5">
                • کاربران {{  nameProject }}  تعهد می‌دهند که از قرار دادن حساب خود در اختیار دیگران خودداری
                نمایند. از خدمات سایت، تنها برای حساب شخصی خود استفاده نموده و مسئولیت استفاده از
                خدمات {{  nameProject }} برای فردی دیگر، به عهده کاربر خواهد بود. شماره حساب اعلام شده به سایت
                باید متعلق به کاربر بوده و کاربران مجاز به دادن شماره حساب متعلق به اشخاص دیگر
                نیستند.
              </div>
              <div class="mt-5 text-xs leading-5">
                • کاربران می‌پذیرند در صورت تشخیص کارشناسان پشتیبانی، جهت حفظ امنیت دارایی حساب
                کاربری‌شان با اطلاع قبلی نسبت به برقراری تماس تصویری با تیم پشتیبان همکاری نمایند.
              </div>
              <div class="mt-5 text-xs leading-5">
                • هرگونه سهل‌انگاری کاربران در حفظ اطلاعات شخصی و امنیتی از جمله: رمز عبور کاربر،
                سرقت گوشی کاربر، سرقت کارت ملی و مدارک شناسایی کاربر، سپردن مدارک شخصی و موبایل به
                فرد ثالث و ... به عهده‌ی شخص کاربر بوده و {{ nameProject }} هیچ گونه مسئولیتی در این موارد
                نخواهد داشت.
              </div>
              <div class="mt-5 text-xs leading-5">
                • اکیداً توصیه می‌شود از رمز عبوری پیچیده، امن و همچنین کد شناسایی دو عاملی استفاده
                شود.
              </div>
              <div class="mt-5 text-xs leading-5">
                • {{  nameProject }} این اطمینان را می‌دهد که دارایی‌های کاربران را نزد خود به امانت و به
                بهترین شکل و با بالاترین استانداردهای امنیتی ممکن حفظ نماید؛ در صورت بروز هرگونه
                مشکل امنیتی، {{ nameProject }} متعهد به جبران خسارت خواهد بود.
              </div>
              <div class="mt-5 text-xs leading-5">
                • به عنوان پلتفرم معاملات برخط فلزات گران‌بها، هیچ‌گونه مسئولیتی در قبال تصمیمات
                اقتصادی فی مابین کاربران و سود و زیان حاصل از آن بر عهده {{ nameProject }} نمی‌باشد.
              </div>
              <div class="mt-5 text-xs leading-5">
                • {{  nameProject }} حق اصلاح و تغییر قوانین و مقررات ذکر شده در این صفحه را چه به صورت کلی و
                چه به صورت جزئی دارد و نسخه نهایی را در این صفحه در معرض دید قرار می‌دهد. استفاده از
                خدمات {{  nameProject }} پس از اعمال تغییرات، به معنای پذیرش همه تغییرات می‌باشد.
              </div>
              <div class="mt-5 text-xs leading-5">
                • از لحظه خرید کاربران تا زمان تحویل طلای خریداری شده، مسئولیت حفظ و نگهداری اصل طلا
                بر عهده {{  nameProject }} می‌باشد.
              </div>
              <div class="mt-5 text-xs leading-5">
                • کاربران {{  nameProject }} اذعان می‌دارند که از ریسک‌های اقتصادی مربوط به سرمایه‌گذاری در
                حوزه طلا مطلع بوده و با علم بر این موضوع اقدام به تبادل و سرمایه‌گذاری می‌کنند.
              </div>
              <div class="mt-5 text-xs leading-5">
                • {{  nameProject }} متعهد می‌شود در حد توان از حریم شخصی شما محافظت کند و در این راستا،
                تکنولوژی مورد نیاز در سایت و پلتفرم را برای هر چه مطمئن‌تر و امن‌تر شدن استفاده شما،
                توسعه دهد.
              </div>
              <div class="mt-5 text-xs leading-5">
                • در صورت بروز نوسان شدید در قیمت طلا و هرگونه رویداد برهم‌زننده نظم حاکم بر بازار
                طلا، {{  nameProject }} می‌تواند برای خرید و فروش طلا توسط کاربر سقف تعیین کند تا دو طرف متضرر
                نشوند.
              </div>
              <div class="mt-5 text-xs leading-5">
                • {{ nameProject }} مجاز است بدون اطلاع قبلی و به صلاح‌دید شخصی نسبت به توقف سفارش‌گیری جدید،
                معاملات (از جمله سفارش‌های باز) را متوقف کند؛ بدیهی است که کلیه سفارش‌های تکمیل‌شده
                قبل از توقف سفارش‌گیری، پردازش و تحویل داده خواهد شد.
              </div>
              <div class="mt-5 text-xs leading-5">
                • در صورت بروز هرگونه اختلال در اینترنت و خدمات زیرساخت به دلایل حاکمیتی، هیچ‌گونه
                مسئولیتی به عهده {{ nameProject }} نمی‌باشد.
              </div>
              <div class="mt-5 text-xs leading-5">
                • درخواست برداشت ریال از حساب کاربری در سریع‌ترین زمان ممکن پس از ثبت، بررسی خواهد
                شد. زمان واریز پول به حساب کاربران بر اساس محدودیت‌های انتقال وجه بین بانکی، متفاوت
                خواهد بود. برای اطلاعات بیشتر، به قوانین انتقال وجه بین بانکی (پایا، ساتنا) مراجعه
                فرمایید.
              </div>
              <div class="mt-5 text-xs leading-5">
                • کاربر می‌پذیرد که به جز در موارد مورد تعهد، حق هیچ‌گونه داعیه، طلب و شکایت از
                سایت، مدیران، کارمندان و افراد مرتبط با این سایت را نخواهد داشت.
              </div>
              <div class="mt-5 text-xs leading-5">
                • اگر کاربر تحت هر عنوان اشتباهاً یا من غیر حق، وجوهی را به حساب کاربر منظور یا در
                محاسبات خود هر نوع اشتباهی نماید، {{ nameProject }} هر زمان مجاز و مختار است راساً و مستقلاً و
                بدون انجام هیچ‌گونه تشریفات اداری و قضایی و دریافت اجازه کتبی از متعهد (صاحب حساب)
                در رفع اشتباه و برداشت از حساب‌های وی اقدام نماید و تشخیص نسبت به وقوع اشتباه یا
                پرداخت بدون حق و لزوم برداشت از حساب معتبر خواهد بود و کاربر حق هرگونه اعتراض و
                ادعایی را در خصوص نحوه عملکرد {{ nameProject }} از هر جهت از خود ساقط می‌نماید.
              </div>
              <div class="mt-5 text-xs leading-5">
                • در صورت بروز هرگونه مشکل یا ابهام در هر یک از معاملات (مانند دستکاری قیمت، اختلال
                در وب‌سرویس‌ها، انجام معامله خارج از دامنه نوسان و ...)، {{ nameProject }} حق دارد مستقلاً آن
                معامله را ابطال کرده و دارایی‌های هر یک از طرفین را به حساب خودشان عودت دهد. بدیهی
                است در صورتی که اشکال از سمت {{ nameProject }}  باشد، شرکت موظف خواهد بود که جبران خسارت نماید
                و در غیر این صورت، کاربر حق هرگونه اعتراض و ادعایی در خصوص نحوه عملکرد از هر جهت را
                از خود ساقط می‌نماید.
              </div>
              <div class="mt-5 text-xs leading-5">
                • در صورت فوت یا حجر کاربر، {{ nameProject }} پیرو قوانین جمهوری اسلامی ایران می‌باشد. کاربر
                با علم و اطلاع از مقررات این بند نسبت به افتتاح حساب کاربری در {{ nameProject }}  اقدام نموده و
                کاربر، اشخاص ثالث، ورثه یا قائم‌مقام قانونی ایشان حق اعتراض و یا ادعایی در آینده در
                این خصوص نخواهند داشت.
              </div>
              <div class="mt-5 text-xs leading-5">
                • هزینه خدمات و کارمزد تراکنش‌های مالی انجام شده در مطابق با توضیحات ارائه شده در
                صفحه راهنمای استفاده از {{ nameProject }} می‌باشد.
              </div>
              <div class="mt-5 text-xs leading-5">
                • تمامی علائم تجاری، طرح‌های گرافیکی، رابط کاربری، رابط بصری، عکس، لوگو، کدهای
                نرم‌افزار، ساختار، نحوه بیان، تنظیم مطالب و محتوای موجود در {{ nameProject }} و شبکه‌های متعلق
                به {{ nameProject }} و به‌طور کلی، سایر حقوق و امتیازات مربوطه منحصراً در مالکیت {{ nameProject }}
                می‌باشد و هیچ شخصی حق استفاده از آن را بدون رضایت {{ nameProject }} ندارد.
              </div>
              <div class="mt-5 text-xs leading-5">
                • اگر هر یک از مفاد این موافقت‌نامه بر اساس هر قانون لازم‌الاجرا، نامعتبر یا غیرقابل
                اجرا تشخیص داده شود، این امر بر اعتبار هیچ ماده دیگری تأثیری نخواهد داشت و بقیه
                مقررات اجرا می‌شود.
              </div>
            </div>

          </div>
        </div>
        <div class="wrap-fix bottom-0 px-10 py-6 flex gap-2 bg-white">
          <!--              <BasicButton type="primary" @click="$router.push({name: 'permissions'})">
              <div>مجوز ها</div>
          </BasicButton>-->
<!--          <a href="https://t.me/saminn_gold">-->
<!--            <img src="@/assets/img/telegram.png" alt="" class="h-10 w-10"/>-->
<!--          </a>-->

          <!--          garoosi-->
          <a class="w-full" href="tel:09306612518">
            <BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
          </a>
          <a href="https://ble.ir/garoosigallery">
            <img src="@/assets/img/bale.png" alt="" class="h-10 w-10"/>
          </a>
        </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}   جا نمونید.
روی لینک زیر کلیک کنید و ثبت نام خود را تکمیل کنید.

${window.location.hostname}/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>