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,161 @@
+<template>
+  <div @click="infoVisible = true" class="shadow mb-2 p-2 rounded-lg">
+
+    <div class="flex justify-between">
+      <div>
+        <div class="font-bold text-base mb-2">{{usePrice(item.target_price) }}</div>
+      </div>
+
+      <div class="flex gap-2 ">
+        <BasicIcon color="red" icon="vuesax-linear:trash" @click.stop="deleteConfirmVisible = true" class="p-1"/>
+        <BasicIcon color="green" icon="vuesax-linear:edit" @click.stop="emits('edit',item)" class="p-1"/>
+      </div>
+    </div>
+    <div class="flex flex-col gap-2 mt-2">
+      <BasicInfoItem is-line title="جهت قیمت" :value="returnPriceCondition(item.price_condition)"/>
+
+      <BasicInfoItem is-line title="نوع هشدار" :value="returnAction(item.action)"/>
+    </div>
+    <a-divider class="!my-3" />
+
+    <div class="flex justify-between mt-1">
+      <div class="mb-2">{{toJalali(item.created_at)}}</div>
+      <a-switch v-model:checked="isActive" checked-children="فعال" un-checked-children="غیر فعال" @change="changeActive"/>
+    </div>
+
+  </div>
+
+<!--  <teleport to="app">-->
+    <DialogVant v-model:show="deleteConfirmVisible" teleport="body" :closeOnClickOverlay="false" :timeOut="-1">
+      <!--      <template v-slot:img>
+              <img :src="registerDelayImage" alt="" class="opacity-80">
+            </template>-->
+
+      <template v-slot:title>
+        <div class="flex flex-col items-center">
+          <div class="p-5 text-sm">
+            آیا از حذف هشدار اطمینان دارید؟
+          </div>
+        </div>
+      </template>
+
+      <template v-slot:button>
+        <div class="text-center text-red flex items-center justify-center" @click="deleteItem">
+          <a-spin :spinning="deleteLoading" size="small">
+            تایید
+          </a-spin>
+        </div>
+        <div class="text-center" @click="deleteConfirmVisible = false">
+          انصراف
+        </div>
+      </template>
+
+    </DialogVant>
+<!--  </teleport>-->
+
+</template>
+
+<script lang="ts" setup>
+import { usePrice, usePriceWithoutType } from '../../../../utils/usePrice'
+import BasicActionSheet from '@/components/BasicPacks/BasicActionSheet.vue'
+import { computed, onMounted, ref } from 'vue'
+import BasicButton from '@/components/BasicPacks/BasicButton.vue'
+import { toJalali, toJalaliNotime, toJalaliOutOfUTC, toTime } from '../../../../utils/useDateTime'
+import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
+import type { PriceTrigger } from '@/models/PriceTrigger'
+import BasicInfoItem from '@/components/BasicPacks/BasicInfoItem.vue'
+import DialogVant from '@/components/DialogVant.vue'
+import { DotLottieVue } from '@lottiefiles/dotlottie-vue'
+import { deletePriceTrigger, updatePriceTrigger } from '@/api/triggerPrice'
+import { loading } from '@/utils'
+
+const infoVisible = ref<boolean>(false)
+
+const isActive = ref<boolean>(false)
+
+const deleteLoading = ref(false)
+const deleteConfirmVisible = ref(false)
+
+interface Prop {
+  item: PriceTrigger
+}
+onMounted(()=> isActive.value = props.item.is_active)
+function changeActive(val: boolean) {
+  console.log(val)
+  try {
+    loading.value = true
+    updatePriceTrigger(props?.item.id, {is_active: val})
+  } catch (e) {
+    console.log(e)
+    isActive.value = !isActive.value
+  } finally {
+    loading.value = false
+  }
+}
+
+function returnPriceCondition(val: string) {
+  switch (val) {
+    case '==': return 'مساوی'
+    case '<': return 'کوچکتر'
+    // case '==': return 'مساوی'
+  }
+/*  if (val === '=='){
+    return 'مساوی'
+  } else if (val === '<'){
+    return 'کوچکتر'
+  }*/
+}
+
+async function deleteItem() {
+  try {
+    deleteLoading.value = true
+    await deletePriceTrigger(props.item.id)
+    deleteConfirmVisible.value = false
+    emits('refresh')
+  } catch (e) {
+    console.log(e)
+  } finally {
+    deleteLoading.value = false
+  }
+}
+
+function returnAction(val: string) {
+  switch (val) {
+    case 'sms': return 'پیامک'
+    case 'email': return 'ایمیل'
+    case 'notify': return 'نوتیفیکیشن'
+    // case '==': return 'مساوی'
+  }
+  /*  if (val === '=='){
+      return 'مساوی'
+    } else if (val === '<'){
+      return 'کوچکتر'
+    }*/
+}
+
+
+const props = withDefaults(defineProps<Prop>(), {})
+const emits = defineEmits(['edit','refresh'])
+
+const isUp = computed(() => props.item.type === 3 || props.item.type === 1 || props.item.type === 8)
+const isGold = computed(() => props.item.type === 1 || props.item.type === 2 || props.item.type === 10)
+/*const title = computed(() => {
+  if (isUp.value) {
+    if (isGold.value) {
+      return 'واریز ریالی'
+    } else {
+      return 'خرید طلا'
+    }
+  } else {
+    if (isGold.value) {
+      return 'برداشت ریالی'
+    } else {
+      return 'فروش طلا'
+    }
+  }
+})*/
+</script>
+
+<style scoped>
+
+</style>
@@ -0,0 +1,197 @@
+<template>
+  <div>
+    <div class="bg-white py-3 px-3 text-primary font-bold drop-shadow wrap-fix flex  z-10">
+      <div @click="router.back()">
+        <BasicIcon icon="vuesax-linear:arrow-right-1" />
+      </div>
+      <div class="mr-2">هشدارهای فعلی</div>
+    </div>
+    <!--    <a-spin :spinning="loading">-->
+    <div ref="el" :class="loading? 'h-screen': ''" class="px-3 pt-16  pb-2 overflow-y-scroll"
+         style="max-height: calc(100vh - 50px)">
+
+      <list-anim v-if="!loading" class="pb-12vh">
+        <Item v-for="item in items" :key="item.id" :item="item" @edit="openEdit" @refresh="initItems" />
+        <!--        <TransactionSkeleton v-if="loadingMore" class="mt-1 mb-8" />-->
+      </list-anim>
+      <div v-if="loading">
+        <TransactionSkeleton v-for="i in 13" :key="i" class="mt-1" />
+      </div>
+
+    </div>
+    <!--    </a-spin>-->
+    <BasicActionSheet v-model:show="addTriggerVisible" teleport="body">
+      <a-form ref="formRef" :model="form" class="!mt-5" name="basic"
+              @finish="ok()">
+        <div class="flex flex-col gap-4 pb-12 w-full">
+          <div class="font-bold text-lg">هشدار قیمت</div>
+          <a-form-item :rules="[required()]" class="home_appear_fade_in_down" label="جهت قیمت" name="price_condition">
+            <BasicSelect :items="typeItems" v-model:value="form.price_condition" :show-search="false" value-name="value"
+                         key-name="key"
+                         placeholder="انتخاب نوع جهت قیمت"
+                         size="large"></BasicSelect>
+          </a-form-item>
+          <a-form-item :rules="[required()]" class="home_appear_fade_in_down" label="قیمت" name="target_price">
+            <BasicInput v-model:value="form.target_price" place-holder="وارد کردن قیمت" type="price" size="large"
+                        addon-before="ریال" />
+          </a-form-item>
+          <a-form-item :rules="[required()]" class="home_appear_fade_in_down" name="action"
+                       label="نوع هشدار را انتخاب کنید">
+            <a-radio-group v-model:value="form.action">
+              <a-radio :style="radioStyle" value="sms">ارسال پیامک</a-radio>
+              <a-radio :style="radioStyle" value="email">ارسال ایمیل</a-radio>
+            </a-radio-group>
+          </a-form-item>
+          <a-form-item>
+            <a-spin :spinning="loading">
+              <BasicButton class="w-full" type="primary" html-type="submit">
+                {{ editId ? 'ویرایش هشدار' : 'ثبت هشدار' }}
+              </BasicButton>
+            </a-spin>
+          </a-form-item>
+        </div>
+      </a-form>
+    </BasicActionSheet>
+    <!--    <div class="bg-primary w-3rem h-3rem flex items-center justify-center rounded-lg fixed bottom-12vh left-8vw"
+             @click="openAdd()">
+          <BasicIcon icon="vuesax-linear:add" color="white" />
+        </div>-->
+    <Transition mode="out-in" name="fade">
+      <div
+        class="wrap-fix bottom-0 h-[16vh] 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"
+        @click="openAdd()">
+        <BasicIcon icon="vuesax-linear:add" />
+        <div>افزودن هشدار جدید</div>
+      </div>
+    </Transition>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { createPriceTrigger, getPriceTriggers, updatePriceTrigger } from '@/api/triggerPrice'
+
+const radioStyle = reactive({
+  display: '',
+  height: '30px',
+  lineHeight: '30px'
+})
+import type { SelectItem } from '@/models/SelectItem'
+
+// import Item from "./components/Item.vue";
+/*import {lengthValidation, required} from "@/utils/inputRules";
+import {loading} from "@/utils";
+import BasicButton from "@/components/BasicPacks/BasicButton.vue";
+import BasicActionSheet from "@/components/BasicPacks/BasicActionSheet.vue";
+import BasicInput from "@/components/BasicPacks/BasicInput.vue";*/
+import { onMounted, reactive, ref } from 'vue'
+import type { TableEngineInput, TableOutput } from '@/models/table'
+import { loading, loadingMore } from '@/utils'
+// import {getOrders} from "@/api/order";
+import { getTransactionTable } from '@/api/transaction'
+import type { Transaction } from '@/models/transaction'
+import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
+import BasicActionSheet from '@/components/BasicPacks/BasicActionSheet.vue'
+import BasicButton from '@/components/BasicPacks/BasicButton.vue'
+import BaseDatePicker from '@/components/BasicPacks/BaseDatePicker/src/BaseDatePicker.vue'
+import { useInfiniteScroll, useScroll } from '@vueuse/core'
+import ListAnim from '@/components/ListAnim.vue'
+import TransactionSkeleton from '@/components/TransactionSkeleton.vue'
+import { DotLottieVue } from '@lottiefiles/dotlottie-vue'
+import { mobileValidation, required } from '@/utils/inputRules'
+import BasicInput from '@/components/BasicPacks/BasicInput.vue'
+import type { User } from '@/models/login'
+import { type FormInstance, message } from 'ant-design-vue'
+import type { PriceTrigger } from '@/models/PriceTrigger'
+import BasicSelect from '@/components/BasicPacks/BasicSelect.vue'
+import Item from './components/Item.vue'
+import { cloneDeep } from 'lodash'
+import router from '@/router'
+
+const items = ref<PriceTrigger[]>([])
+const addTriggerVisible = ref<boolean>(false)
+const editId = ref<number | undefined>(undefined)
+const el = ref()
+
+const form = ref<PriceTrigger>({
+  price_condition: '',
+  is_active: true,
+  action: '',
+  target_price: ''
+})
+const formRef = ref<FormInstance>()
+
+onMounted(() => {
+  initItems()
+})
+
+function resetFields() {
+  form.value = {
+    price_condition: '',
+    is_active: true,
+    action: '',
+    target_price: ''
+  }
+}
+
+function openAdd() {
+  resetFields()
+  editId.value = undefined
+  addTriggerVisible.value = true
+}
+
+async function initItems() {
+  try {
+    items.value = []
+    items.value = await getPriceTriggers()
+    // console.log(items.value)
+  } catch (e) {
+    console.log(e)
+  } finally {
+    loading.value = false
+    loadingMore.value = false
+  }
+}
+
+function openEdit(val: PriceTrigger) {
+  form.value = cloneDeep(val)
+  editId.value = form.value.id
+  addTriggerVisible.value = true
+}
+
+async function ok() {
+  formRef.value?.validateFields().then(async () => {
+    try {
+      loading.value = true
+      editId.value ? await updatePriceTrigger(editId.value, form.value) : await createPriceTrigger(form.value)
+      message.success('هشدار با موفقیت ایجاد شد')
+      await initItems()
+      addTriggerVisible.value = false
+      //
+    } catch (e) {
+      console.log(e)
+    } finally {
+      loading.value = false
+    }
+  })
+}
+
+const typeItems: SelectItem[] = [
+  {
+    value: 'بزرگتر',
+    key: '>'
+  },
+  {
+    value: 'کوچکتر',
+    key: '<'
+  },
+  {
+    value: 'مساوی',
+    key: '=='
+  }
+]
+</script>
+
+<style scoped>
+
+</style>