This commit is contained in:
2026-06-13 12:42:10 +03:30
parent 164dbbfe53
commit 7050d041c4
7 changed files with 348 additions and 233 deletions
+70 -205
View File
@@ -1,245 +1,112 @@
<template>
<div>
<BasicMainCard>
<div class="flex w-full h-full">
<div class="flex h-full w-full">
<tbl
ref="table"
class="w-full h-full"
@info="info"
@edit="edit"
@delete="deleteItem"
class="h-full w-full"
:syncing="syncing"
@add="add"
@detail="openDetail"
@sync="handleSync"
/>
<!-- <BasicMenu :menu="menu" width="13rem" @onChange="tabSelected" />
<component :is="selectedComponent" class="mr-5" />-->
<!-- <BasicShowContext title="پروژه ها"> <Search /> </BasicShowContext>-->
</div>
</BasicMainCard>
<BasicModal
v-model:visible="priceConfirmVisible"
width="25rem"
@ok="ok"
:confirm-loading="loading"
@close="priceConfirmVisible = false"
>
<div class="flex items-center gap-2 font-bold">
<BaseIcon icon="vuesax-linear:info-circle" color="orange" />
<div>آیا مطمئن به تغییر قیمت می باشید؟</div>
</div>
</BasicModal>
<!-- <BasicInfoModal
v-model:visible="userInfoVisible"
@close="userInfoVisible = false"
:title="infoParams.title"
:date="infoParams.date"
:time="infoParams.time"
:type="infoParams.type"
:name="infoParams.name"
:items="infoParams.items"
/>-->
<template v-if="!isStore">
<BasicModal
v-model:visible="priceConfirmVisible"
width="25rem"
@ok="ok"
:confirm-loading="loading"
@close="priceConfirmVisible = false"
>
<div class="flex items-center gap-2 font-bold">
<BaseIcon icon="vuesax-linear:info-circle" color="orange" />
<div>آیا مطمئن به تغییر قیمت می باشید؟</div>
</div>
</BasicModal>
<BasicModal
v-model:visible="addPriceVisible"
width="25rem"
title="قیمت گذاری"
@ok="confirmPrice"
:loading="loading"
@close="addPriceVisible = false"
>
<a-form :model="form" ref="formRef" autocomplete="off">
<div class="gap-4">
<a-form-item label="قیمت جدید" name="price" :rules="inputRules()">
<BasicInput v-model:value="form.price" type="price" addon-before="ریال" />
</a-form-item>
<div v-show="form.price > 10">معادل {{ usePrice(form.price / 10, true, 'تومان') }}</div>
</div>
</a-form>
</BasicModal>
</template>
<PriceSyncDetailModal v-model:visible="detailVisible" :log-id="selectedLogId" />
</div>
<BasicModal
v-model:visible="addPriceVisible"
width="25rem"
title="قیمت گذاری"
@ok="confirmPrice"
:loading="loading"
@close="addPriceVisible = false"
>
<a-form :model="form" ref="formRef" autocomplete="off">
<div class="gap-4">
<a-form-item label="قیمت جدید" name="price" :rules="inputRules()">
<BasicInput v-model:value="form.price" type="price" addon-before="ریال" />
</a-form-item>
<div v-show="form.price > 10">معادل {{ usePrice(form.price / 10, true, 'تومان') }}</div>
<!-- <a-form-item label="نام چاپی" name="print_name" :rules="inputRules()">
<BasicInput v-model:value="form.print_name" />
</a-form-item>-->
</div>
</a-form>
</BasicModal>
</template>
<script setup lang="ts">
// import BasicInfoModal from '@/components/BasicInfoModal'
import { inputLenRules, inputRules } from '@/utils/inputRules'
import { useStaticApiListsStore } from '@/store/staticApisStore'
import { ref } from 'vue'
import { inputRules } from '@/utils/inputRules'
import { computed, ref } from 'vue'
import tbl from './components/table.vue'
import type { FormInstance } from 'ant-design-vue'
import BasicInfoModal from '@/components/BasicInfoModal/index.vue'
import { message } from 'ant-design-vue/es'
import type { Info } from '@/components/BasicInfoModal/model/Info'
import { toJalaliNoTime, toTime } from '@core/utils/useDataTime'
import { confirmActOnApi, confirmDeleteItem } from '@/utils/confirmModal'
import { cloneDeep } from 'lodash'
import type { Item } from '@/model/Item'
import type { Customer } from '@/model/customer'
import { createCustomer, deleteCustomer, updateCustomer } from '@/api/customer'
import type { Order } from '@/model/order'
import type { Price } from '@/model/price'
import { createPrice } from '@/api/price'
import { createPrice, runPriceSync } from '@/api/price'
import { usePrice } from '@core/utils/usePrice'
import Icon from '@core/components/BaseIcon'
import { isStoreApp } from '@/utils/config'
import PriceSyncDetailModal from './components/PriceSyncDetailModal.vue'
import type { PriceSyncLog } from '@/model/priceSyncLog'
//loading
const loading = ref<boolean>(false)
const loading = ref(false)
const syncing = ref(false)
const table = ref<null | { fetch: () => void }>(null)
const refreshTable = () => table.value?.fetch()
//define store
const store = useStaticApiListsStore()
const isStore = computed(() => isStoreApp())
//define tbl
const table = ref(null)
const refreshTable = () => table?.value?.fetch()
let updateKey = ref<number>(0)
//role confirm items
const confirmItems: Array<Item> = [
{
value: 'بله',
key: true
},
{
value: 'خیر',
key: false
}
]
//form
const form = ref<Price>({})
const formRef = ref<FormInstance>()
const addPriceVisible = ref(false)
const priceConfirmVisible = ref(false)
const detailVisible = ref(false)
const selectedLogId = ref<number | null>(null)
//info
let infoParams = reactive<Info>({})
/*
function info(val: Order) {
infoParams.name = val.customer.name
infoParams.type = val.customer.mobile
infoParams.date = toJalaliNoTime(val.created_at)
infoParams.time = toTime(val.created_at)
infoParams.itemsTitle = 'اطلاعات کاربری'
infoParams.items = [
{
key: 'مقدار (گرم)',
value: val.amount ?? '-'
},
{
key: 'قیمت هر گرم طلا برای مشتری (ریال)',
value: val.price ?? '-'
},
{
key: 'قیمت کل برای مشتری (ریال)',
value: val.total_price ?? '-'
},
{
key: '/قیمت هر گرم طلا بدون سود (ریال)',
value: val.price_original ?? '-'
},
{
key: 'قیمت کل بدون سود (ریال)',
value: val.total_price_original ?? '-'
},
{
key: 'سود هر گرم (ریال)',
value: val.fee ?? '-'
},
{
key: 'سود کل (ریال)',
value: val.total_fee ?? '-'
},
{
key: 'کد کاربری',
value: val.customer.id ?? '-'
},
{
key: 'شماره ملی',
value: val.customer.n_code ?? '-'
},
{
key: 'تاریخ تولد',
value: toJalaliNoTime(val.customer.birth_date) ?? '-'
},
/!* {
key: 'نام فروشگاه',
value: val.customer.shop_name ?? '-'
},*!/
{
key: 'شماره تلفن',
value: val.customer.phone_number ?? '-'
},
{
key: 'نام استان',
value: val.customer.province ?? '-'
},
{
key: 'نام شهر',
value: val.customer.city ?? '-'
}
/!* {
key: 'نام چاپی',
value: val.print_name ?? '-'
}*!/
]
userInfoVisible.value = true
function openDetail(record: PriceSyncLog) {
selectedLogId.value = record.id
detailVisible.value = true
}
*/
//edit
let editId: number | undefined = undefined
/*
async function edit(record: Customer) {
addPriceVisible.value = true
editId = record.id
form.value = cloneDeep(record)
async function handleSync() {
syncing.value = true
try {
const res = await runPriceSync()
message.success(res.message || 'انجام شد')
refreshTable()
} catch (e) {
console.error(e)
message.error('خطا در به‌روزرسانی قیمت')
} finally {
syncing.value = false
}
}
*/
//add
async function add() {
loading.value = true
editId = undefined
// await store.getUsersList()
addPriceVisible.value = true
updateKey.value++
resetData()
loading.value = false
}
//reset data
const resetData = () => {
formRef.value?.resetFields()
form.value = {}
}
//delete
// const deleteItem = (id: number) => confirmDeleteItem('کاربر', id, deleteCustomer, refreshTable)
//define selects
/*
onMounted(async () => {
loading.value = true
// await getResponsible()
// await getQC()
// await getManager()
loading.value = false
})
*/
//add project modal
const addPriceVisible = ref<boolean>(false)
const priceConfirmVisible = ref<boolean>(false)
//submit user
function confirmPrice() {
formRef.value?.validateFields().then(async () => {
priceConfirmVisible.value = true
})
}
async function ok() {
loading.value = true
try {
@@ -247,10 +114,8 @@ async function ok() {
refreshTable()
priceConfirmVisible.value = false
addPriceVisible.value = false
// await confirmActOnApi('آیا از اعمال قیمت جدید اطمینان دارید؟', form.value, createPrice)
} catch (e) {
console.error(e)
// message.error('خطا در بارگذاری اطلاعات')
} finally {
loading.value = false
}