1404/10/28-base

2026-01-18 13:01:46 +03:30
parent f95b0cef95
commit 9d96ae106b
455 changed files with 58164 additions and 0 deletions
@@ -0,0 +1,9 @@
+<svg width="428" height="331" viewBox="0 0 428 331" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="428" height="331" transform="matrix(1 0 0 -1 0 331)" fill="url(#paint0_linear_455_10939)"/>
+<defs>
+<linearGradient id="paint0_linear_455_10939" x1="214" y1="0" x2="214" y2="331" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
@@ -0,0 +1,466 @@
+<template>
+  <div class="relative">
+    <div>
+      <!--        <img :src="gr_bottom" alt="" class="absolute bottom-20">-->
+      <img :src="img" alt="" class="mt-2 w-full absolute bottom-0" />
+    </div>
+    <div class="bg-white w-full 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 mt-2">اطلاعات حساب کاربری</div>
+    </div>
+    <div class="pt-16 pb-8 z-30 relative">
+      <div
+        class="border-gray-200 border-1 rounded-xl p-5 trans flex flex-col items-center mx-5 z-1000 relative bg-white shadow-lg"
+      >
+        <div class="text-primary font-bold w-full text-center flex justify-between">
+          نام و نام خانوادگی:
+          <div class="mr-2">{{ userStore.userInfo?.name }}</div>
+        </div>
+        <div class="text-primary font-bold w-full text-center flex justify-between">
+          شماره تلفن همراه:
+          <div class="mr-2">{{ userStore.userInfo?.mobile }}</div>
+        </div>
+        <div
+          v-if="userStore.userInfo?.referral_id"
+          class="text-primary font-bold w-full text-center flex justify-between gap-2 items-center"
+        >
+          کد معرف:
+          <div class="flex gap-2">
+            <div class="mr-2">{{ userStore.userInfo?.referral_id }}</div>
+            <!--            <BasicIcon icon="vuesax-linear:copy" color="#2563EB" class="cursor-pointer" size="18"
+                                   @click.stop="copyCode()" />
+                        &lt;!&ndash;          vuesax-linear:hierarchy-3&ndash;&gt;
+                        <BasicIcon icon="vuesax-linear:share" color="#2563EB" class="cursor-pointer" size="18"
+                                   @click.stop="shareCode()" />-->
+          </div>
+        </div>
+        <div class="w-full flex gap-2 mt-1">
+          <BasicButton
+            icon="vuesax-linear:share"
+            size="small"
+            class="flex-1"
+            icon-size="18"
+            @click.stop="shareCode()"
+          >
+            اشتراک گذاری
+          </BasicButton>
+          <BasicButton
+            icon="vuesax-linear:copy"
+            size="small"
+            class="flex-1"
+            icon-size="18"
+            @click.stop="copyCode()"
+          >
+            رونوشت
+          </BasicButton>
+        </div>
+        <BasicButton
+          class="mt-5 w-full"
+          icon=""
+          iconSize="18"
+          size="large"
+          type="primary"
+          @click="editPassVisible = true"
+        >
+          <div class="flex">
+            <BasicIcon icon="vuesax-linear:eye" class="absolute right-8" />
+            <div>ویرایش اطلاعات کاربری</div>
+          </div>
+        </BasicButton>
+        <div class="h-40vh overflow-y-auto mt-4">
+          <BasicButton
+            class="mt-2 w-full"
+            icon=""
+            iconSize="18"
+            size="large"
+            @click="editPasswordVisible = true"
+            :key="10"
+          >
+            <div class="flex">
+              <BasicIcon icon="vuesax-linear:lock" class="absolute right-8" />
+              <div>تغییر رمز عبور</div>
+            </div>
+          </BasicButton>
+          <BasicButton
+            class="w-full mt-2"
+            size="large"
+            @click="$router.push({ name: 'address' })"
+          >
+            <div class="flex">
+              <BasicIcon icon="vuesax-linear:map" class="absolute right-8" />
+              <div>آدرس ها</div>
+            </div>
+          </BasicButton>
+          <BasicButton
+            class="w-full mt-2"
+            size="large"
+            @click="$router.push({ name: 'notifyTrigger' })"
+          >
+            <div class="flex">
+              <BasicIcon icon="vuesax-linear:bill" class="absolute right-8" />
+              <div>هشدار قیمت</div>
+            </div>
+          </BasicButton>
+          <BasicButton
+            class="mt-2 w-full"
+            icon=""
+            iconSize="18"
+            size="large"
+            @click="$router.push({ name: 'about' })"
+          >
+            <div class="flex">
+              <BasicIcon icon="vuesax-linear:info-circle" class="absolute right-8" />
+              <div>درباره ما</div>
+            </div>
+          </BasicButton>
+          <BasicButton
+            class="mt-2 w-full"
+            icon=""
+            iconSize="18"
+            size="large"
+            @click="$router.push({ name: 'physicalReceive' })"
+          >
+            <div class="flex">
+              <BasicIcon icon="vuesax-linear:direct-inbox" class="absolute right-8" />
+              <div>دریافت طلای فیزیکی</div>
+            </div>
+          </BasicButton>
+          <BasicButton
+            class="mt-2 w-full"
+            icon=""
+            iconSize="18"
+            size="large"
+            @click="$router.push({ name: 'rules' })"
+          >
+            <div class="flex">
+              <BasicIcon icon="vuesax-linear:task" class="absolute right-8" />
+              <div>قوانین و مقررات</div>
+            </div>
+          </BasicButton>
+<!--          <BasicButton
+            class="mt-2 w-full"
+            icon=""
+            iconSize="18"
+            size="large"
+            @click="$router.push({ name: 'permissions' })"
+          >
+            <div class="flex">
+              <BasicIcon icon="vuesax-linear:archive-book" class="absolute right-8" />
+              <div>مجوز ها</div>
+            </div>
+          </BasicButton>-->
+<!--          <BasicButton
+            class="mt-2 w-full"
+            icon=""
+            iconSize="18"
+            size="large"
+            @click="$router.push({ name: 'earnMoney' })"
+          >
+            <div class="flex">
+              <BasicIcon icon="vuesax-linear:dollar-circle" class="absolute right-8" />
+              <div>کسب درآمد</div>
+            </div>
+          </BasicButton>-->
+        </div>
+      </div>
+    </div>
+
+    <BasicActionSheet v-model:show="editPassVisible">
+      <div class="flex justify-center justify-between">
+        <div class="font-bold text-lg">ویرایش اطلاعات</div>
+        <div class="flex flex-col justify-center items-center">
+          <BasicIcon :icon="isLegal.icon" size="30" :class="isLegal.color" />
+          <p class="text-[10px] mt-1" :class="isLegal.color">{{ isLegal.title }}</p>
+        </div>
+      </div>
+      <div class="h60vh overflow-y-auto pb20">
+        <a-form ref="formRef" :model="userFormState" class="!mt-5" name="basic" @finish="ok">
+          <a-form-item :rules="[isValidPersian()]" label="نام" name="fname">
+            <BasicInput v-model:value="userFormState.fname" />
+          </a-form-item>
+          <a-form-item :rules="[isValidPersian()]" label="نام خانوادگی" name="lname">
+            <BasicInput v-model:value="userFormState.lname" />
+          </a-form-item>
+          <a-form-item label="تاریخ تولد" name="birth_date">
+            <BaseDatePicker v-model:value="userFormState.birth_date" class="w-full" inputReadOnly />
+          </a-form-item>
+          <a-form-item :rules="[requireNationalCode()]" label="شماره ملی" name="n_code">
+            <BasicInput v-model:value="userFormState.n_code" type="number" :disabled="userFormState.is_legal == 1 || userFormState.is_legal == 2" />
+          </a-form-item>
+          <a-form-item label="نام شهر" name="city">
+            <BasicInput v-model:value="userFormState.city" />
+          </a-form-item>
+          <a-form-item>
+            <div class="wrap-fix md:w-[395px] bottom-5 px-3">
+              <BasicButton
+                :disabled="loading"
+                class="w-full py-2 mb-20"
+                html-type="submit"
+                type="primary"
+              >
+                <div>
+                  <a-spin v-if="loading" size="small" />
+                  <div v-else>ثبت</div>
+                </div>
+              </BasicButton>
+            </div>
+          </a-form-item>
+        </a-form>
+      </div>
+    </BasicActionSheet>
+    <BasicActionSheet v-model:show="editPasswordVisible">
+      <div class="font-bold text-lg">ویرایش رمزعبور</div>
+      <div class="h30vh overflow-y-auto pb20">
+        <a-form
+          ref="formPassRef"
+          :model="userPassForm"
+          class="!mt-5"
+          name="basic"
+          @finish="submitPassForm"
+        >
+          <a-form-item label="کلمه عبور جدید" :rules="passwordRules()" name="password">
+            <BasicInput v-model:value="userPassForm.password" isPassword place-holder="کلمه عبور " />
+            <div
+              :class="[
+                guideTypePassword.color,
+                userPassForm.password.length >= 6 ? 'block' : 'hidden'
+              ]"
+              class="text-[12px] mt-1"
+            >
+              {{ guideTypePassword.text }}
+            </div>
+          </a-form-item>
+          <a-form-item>
+            <div class="wrap-fix md:w-[395px] bottom-5 px-3">
+              <BasicButton
+                :disabled="loading"
+                class="w-full py-2 mb-20"
+                html-type="submit"
+                type="primary"
+              >
+                <div>
+                  <a-spin v-if="loading" size="small" />
+                  <div v-else>ثبت</div>
+                </div>
+              </BasicButton>
+            </div>
+          </a-form-item>
+        </a-form>
+      </div>
+    </BasicActionSheet>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, reactive, ref, computed } 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,
+  requireNationalCode,
+  passwordRules,
+  guideTypePassword,
+  isValidPersian,
+} from '@/utils/inputRules'
+import BasicInput from '@/components/BasicPacks/BasicInput.vue'
+import type { User, Password } 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, updatePass } from '@/api/me'
+import { useUserStore } from '@/store/userStore'
+import BaseDatePicker from '@/components/BasicPacks/BaseDatePicker'
+const userFormState = ref<User>({
+  fname: '',
+  lname: '',
+  mobile: undefined,
+  birth_date: '',
+  city: '',
+  n_code: undefined
+})
+const userPassForm = ref<Password>({
+  password: ''
+})
+const formRef = ref<FormInstance>()
+const formPassRef = ref<FormInstance>()
+const userStore = useUserStore()
+
+// const editPassVisible = ref<boolean>(false)
+const editPassVisible = ref<boolean>(false)
+const editPasswordVisible = ref<boolean>(false)
+
+function setForm() {
+  userFormState.value = userStore.userInfo
+}
+
+function copyCode() {
+  // nextTick(() => {
+  const val = userStore.userInfo?.referral_id
+  navigator.clipboard.writeText(val)
+  message.info('کد رونوشت شد')
+  // })
+}
+const isLegal = computed(() => {
+  const result = {
+    title: '',
+    color: '',
+    icon: ''
+  }
+  switch (userFormState.value.is_legal) {
+    case 0:
+      result.title = 'احراز هویت نشده'
+      result.color = 'reject'
+      result.icon = 'vuesax-linear:close-circle'
+      break
+    case 1:
+      result.title = 'احراز هویت شده'
+      result.color = 'success'
+      result.icon = 'vuesax-linear:verify'
+
+      break
+    case 2:
+      result.title = 'احراز هویت شده'
+      result.color = 'success'
+      result.icon = 'vuesax-linear:verify'
+
+      break
+  }
+  return result
+})
+
+function shareCode() {
+  // nextTick(() => {
+  const val = `⭐️الان طلا بخر؛ آخر ماه سودشو ببر!
+با خرید طلای آبشده در مقدارهای کم ولی مستمر، سود بیشتری ببر!
+
+این دعوت نامه از طرف "${userStore.userInfo?.name}" عزیز برای شما ارسال شده تا شما هم از بازار طلای  گلد دات آی آر جا نمونید.
+روی لینک زیر کلیک کنید و ثبت نام خود را تکمیل کنید.
+
+gold.ir/login?id=${userStore.userInfo?.referral_id}`
+  navigator.share({
+    title: ' گلد دات آی آر',
+    text: val
+  })
+  // message.info('کد رونوشت شد')
+  // })
+}
+
+const resetData = () => {
+  formRef.value?.resetFields()
+  userFormState.value = {
+    fname: '',
+    lname: '',
+    mobile: undefined,
+    birth_date: '',
+    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('اطلاعات شما با موفقیت به روز رسانی شد')
+      location.reload()
+    } catch (e) {
+      console.log(e)
+    } finally {
+      loading.value = false
+    }
+  })
+}
+function submitPassForm() {
+  formPassRef.value?.validateFields().then(async () => {
+    try {
+      loading.value = true
+      await updatePass(userPassForm.value)
+      await userStore.getMyInfo()
+      editPassVisible.value = false
+      message.success('پسورد شما با موفقیت به روز رسانی شد')
+      editPasswordVisible.value = false
+    } catch (e) {
+      console.log(e)
+    } finally {
+      loading.value = false
+    }
+  })
+}
+
+onMounted(() => {
+  console.log(userStore.userInfo?.is_legal === 2)
+  if (userStore.userInfo?.is_legal === 0) {
+    editPassVisible.value = true
+  }
+})
+</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;
+}*/
+.midLevel {
+  color: orange;
+}
+.week,
+.reject {
+  color: red;
+}
+.success {
+  color: green;
+}
+.background-image-container {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  z-index: 0;
+}
+
+.background-image-container img {
+  width: 100%;
+  height: auto;
+}
+
+.relative {
+  position: relative;
+  z-index: 40;
+}
+
+.relative {
+  overflow-y: auto;
+  max-height: 100vh;
+  //scroll-behavior: smooth;
+}
+
+.fixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 50; /* بالاتر از همه */
+}
+</style>