331 lines
9.9 KiB
Vue
331 lines
9.9 KiB
Vue
<template>
|
|
<div>
|
|
<BasicMainCard>
|
|
<div class="md:hidden">
|
|
<!-- <div class="bg-gray-100 grid grid-cols-2 gap-3 w-full py-2 px-5">
|
|
<div class="gap-5 text-xs">
|
|
<div>مجموع موجودی کیف پول:</div>
|
|
<div class="font-bold">{{ usePrice(sums?.cash ?? 0) }}</div>
|
|
</div>
|
|
<div class="gap-5 text-xs">
|
|
<div>مجموع موجودی کیف پول:</div>
|
|
<div class="font-bold">
|
|
{{ usePrice(sums?.cashToGold.toFixed(2) ?? 0, true, 'گرم') }}
|
|
</div>
|
|
</div>
|
|
<div class="gap-5 text-xs">
|
|
<div>مجموع موجودی کیف طلا:</div>
|
|
<div class="font-bold">{{ usePrice(sums?.gold ?? 0, true, 'گرم') }}</div>
|
|
</div>
|
|
<div class="gap-5 text-xs">
|
|
<div>مجموع موجودی کیف طلا:</div>
|
|
<div class="font-bold">{{ usePrice(sums?.goldToCash ?? 0) }}</div>
|
|
</div>
|
|
</div>-->
|
|
<div class="grid grid-cols-3 gap-1 text-xs">
|
|
<div class="bg-blue-600 text-white rounded p-1">مجموع</div>
|
|
<div class="bg-blue-600 text-white rounded p-1">ریال</div>
|
|
<div class="bg-blue-600 text-white rounded p-1">گرم</div>
|
|
<div class="bg-blue-600 text-white rounded p-1">کیف طلا</div>
|
|
<div
|
|
class="text-white rounded p-1"
|
|
:class="
|
|
sums?.goldToCash >= 0
|
|
? sums?.goldToCash === 0
|
|
? 'bg-amber-600'
|
|
: 'bg-green-600'
|
|
: 'bg-red-600'
|
|
"
|
|
>
|
|
{{ usePrice(sums?.goldToCash ?? 0, true, '') }}
|
|
</div>
|
|
<div
|
|
class="text-white rounded p-1"
|
|
:class="
|
|
sums?.gold >= 0 ? (sums?.gold === 0 ? 'bg-amber-600' : 'bg-green-600') : 'bg-red-600'
|
|
"
|
|
>
|
|
{{ usePrice(sums?.gold ?? 0, true, '') }}
|
|
</div>
|
|
<div class="bg-blue-600 text-white rounded p-1">کیف پول</div>
|
|
<div
|
|
class="text-white rounded p-1"
|
|
:class="
|
|
sums?.cash >= 0 ? (sums?.cash === 0 ? 'bg-amber-600' : 'bg-green-600') : 'bg-red-600'
|
|
"
|
|
>
|
|
{{ usePrice(sums?.cash ?? 0, true, '') }}
|
|
</div>
|
|
<div
|
|
class="text-white rounded p-1"
|
|
:class="
|
|
sums?.cashToGold >= 0
|
|
? sums?.cashToGold === 0
|
|
? 'bg-amber-600'
|
|
: 'bg-green-600'
|
|
: 'bg-red-600'
|
|
"
|
|
>
|
|
{{ usePrice(sums?.cashToGold ?? 0, true, '') }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex w-full h-full">
|
|
<tbl
|
|
ref="table"
|
|
class="w-full h-full"
|
|
@info="info"
|
|
@edit="edit"
|
|
@sums="setSums"
|
|
@delete="deleteItem"
|
|
@add="add"
|
|
/>
|
|
|
|
<!-- <BasicMenu :menu="menu" width="13rem" @onChange="tabSelected" />
|
|
<component :is="selectedComponent" class="mr-5" />-->
|
|
<!-- <BasicShowContext title="پروژه ها"> <Search /> </BasicShowContext>-->
|
|
</div>
|
|
</BasicMainCard>
|
|
<BasicModal
|
|
v-model:visible="addUserVisible"
|
|
width="40rem"
|
|
:title="`${editId ? 'ویرایش' : 'افزودن'} کاربر`"
|
|
@ok="ok"
|
|
:loading="loading"
|
|
@close="addUserVisible = false"
|
|
>
|
|
<a-form :model="form" ref="formRef" autocomplete="off">
|
|
<div class="grid md:grid-cols-2 gap-4">
|
|
<a-form-item label="نام" name="fname" :rules="inputRules()">
|
|
<BasicInput v-model:value="form.fname" />
|
|
</a-form-item>
|
|
<a-form-item label="نام خانوادگی" name="lname" :rules="inputRules()">
|
|
<BasicInput v-model:value="form.lname" />
|
|
</a-form-item>
|
|
<a-form-item label="شماره همراه" name="mobile" :rules="inputLenRules(11)">
|
|
<BasicInput v-model:value="form.mobile" type="number" />
|
|
</a-form-item>
|
|
<a-form-item label="تاریخ تولد" name="birth_date" :rules="inputRules()">
|
|
<BaseDatePicker v-model:value="form.birth_date" />
|
|
</a-form-item>
|
|
<!-- <a-form-item label="ایمیل" name="email" :rules="inputRules()">
|
|
<BasicInput v-model:value="form.email" />
|
|
</a-form-item>-->
|
|
<!-- <a-form-item label="نام فروشگاه" name="shop_name" :rules="inputRules()">
|
|
<BasicInput v-model:value="form.shop_name" />
|
|
</a-form-item>-->
|
|
<a-form-item label="شماره تلفن" name="phone_number" :rules="inputRules()">
|
|
<BasicInput v-model:value="form.phone_number" type="number" />
|
|
</a-form-item>
|
|
<a-form-item label="نام استان" name="province" :rules="inputRules()">
|
|
<BasicInput v-model:value="form.province" />
|
|
</a-form-item>
|
|
<a-form-item label="نام شهر" name="city" :rules="inputRules()">
|
|
<BasicInput v-model:value="form.city" />
|
|
</a-form-item>
|
|
<a-form-item label="شماره ملی" name="n_code" :rules="inputRules()">
|
|
<BasicInput v-model:value="form.n_code" />
|
|
</a-form-item>
|
|
<!-- <a-form-item label="نام چاپی" name="print_name" :rules="inputRules()">
|
|
<BasicInput v-model:value="form.print_name" />
|
|
</a-form-item>-->
|
|
</div>
|
|
</a-form>
|
|
</BasicModal>
|
|
<BasicInfoModal
|
|
v-model:visible="userInfoVisible"
|
|
@close="userInfoVisible = false"
|
|
:title="infoParams.title"
|
|
:date="infoParams.date"
|
|
:time="infoParams.time"
|
|
:type="infoParams.type"
|
|
itemsTitle="اطلاعات فردی"
|
|
:name="infoParams.name"
|
|
:items="infoParams.items"
|
|
/>
|
|
</div>
|
|
</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 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 { confirmDeleteItem } from '@/utils/confirmModal'
|
|
import { cloneDeep, sum } from 'lodash'
|
|
import type { Item } from '@/model/Item'
|
|
import type { Customer } from '@/model/customer'
|
|
import { createCustomer, deleteCustomer, updateCustomer } from '@/api/customer'
|
|
import { usePrice } from '@core/utils/usePrice'
|
|
|
|
//loading
|
|
const loading = ref<boolean>(false)
|
|
|
|
//define store
|
|
const store = useStaticApiListsStore()
|
|
|
|
const sums = ref()
|
|
|
|
//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<Customer>({})
|
|
const formRef = ref<FormInstance>()
|
|
|
|
//info
|
|
let infoParams = reactive<Info>({})
|
|
|
|
function setSums(val) {
|
|
sums.value = val
|
|
}
|
|
|
|
function info(val: Customer) {
|
|
infoParams.name = val.name
|
|
infoParams.type = val.mobile
|
|
infoParams.date = toJalaliNoTime(val.created_at)
|
|
infoParams.time = toTime(val.created_at)
|
|
infoParams.itemsTitle = 'اطلاعات کاربری'
|
|
infoParams.items = [
|
|
{
|
|
key: 'کد کاربری',
|
|
value: val.id ?? '-'
|
|
},
|
|
{
|
|
key: 'شماره ملی',
|
|
value: val.n_code ?? '-'
|
|
},
|
|
{
|
|
key: 'تاریخ تولد',
|
|
value: toJalaliNoTime(val.birth_date) ?? '-'
|
|
},
|
|
/* {
|
|
key: 'ایمیل',
|
|
value: val.email ?? '-'
|
|
},*/
|
|
/* {
|
|
key: 'نام فروشگاه',
|
|
value: val.shop_name ?? '-'
|
|
},*/
|
|
{
|
|
key: 'شماره تلفن',
|
|
value: val.phone_number ?? '-'
|
|
},
|
|
{
|
|
key: 'نام استان',
|
|
value: val.province ?? '-'
|
|
},
|
|
{
|
|
key: 'نام شهر',
|
|
value: val.city ?? '-'
|
|
}
|
|
/* {
|
|
key: 'نام چاپی',
|
|
value: val.print_name ?? '-'
|
|
}*/
|
|
]
|
|
userInfoVisible.value = true
|
|
}
|
|
|
|
//edit
|
|
let editId: number | undefined = undefined
|
|
|
|
async function edit(record: Customer) {
|
|
addUserVisible.value = true
|
|
editId = record.id
|
|
form.value = cloneDeep(record)
|
|
}
|
|
|
|
//add
|
|
async function add() {
|
|
loading.value = true
|
|
editId = undefined
|
|
// await store.getUsersList()
|
|
addUserVisible.value = true
|
|
updateKey.value++
|
|
resetData()
|
|
loading.value = false
|
|
}
|
|
|
|
//reset data
|
|
const resetData = () => {
|
|
formRef.value?.resetFields()
|
|
form.value = {
|
|
fname: '',
|
|
lname: '',
|
|
active: false,
|
|
avatar_id: undefined,
|
|
sts: undefined,
|
|
id: undefined,
|
|
mobile: undefined
|
|
}
|
|
}
|
|
|
|
//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 addUserVisible = ref<boolean>(false)
|
|
const userInfoVisible = ref<boolean>(false)
|
|
|
|
//submit user
|
|
async function ok() {
|
|
formRef.value?.validateFields().then(async () => {
|
|
// console.log('salam', form.value)
|
|
// return
|
|
loading.value = true
|
|
try {
|
|
if (editId) {
|
|
await updateCustomer(editId, form.value)
|
|
} else {
|
|
await createCustomer(form.value)
|
|
}
|
|
addUserVisible.value = false
|
|
refreshTable()
|
|
resetData()
|
|
message.success('عملیات با موفقیت انجام شد')
|
|
// await getResponsible()
|
|
// await getQC()
|
|
// await getManager()
|
|
} catch (e) {
|
|
console.error(e)
|
|
// message.error('خطا در بارگذاری اطلاعات')
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<style scoped></style>
|