163 lines
4.1 KiB
TypeScript
163 lines
4.1 KiB
TypeScript
import type { BaseTableColumn } from '@core/type/baseTable'
|
|
import { toJalaliNoTime, toTime } from '@core/utils/useDataTime'
|
|
import CustomTag from '@/components/CustomTag.vue'
|
|
/*import BudgetSelect from '@/components/BudgetSelect.vue'
|
|
import { useStaticApiListsStore } from '@/store/staticApisStore'
|
|
import type { FilterSelect } from '@/model/filterSelect'
|
|
import type { DocItem } from '@/model/docType'*/
|
|
|
|
//define store
|
|
//const store = useStaticApiListsStore()
|
|
//document types
|
|
/*let docTypes: DocItem[]*/
|
|
/*onMounted(async () => {
|
|
docTypes = await store.readyDocTypeList()
|
|
})
|
|
const filteredDocTypes: FilterSelect = docTypes?.map((x: DocItem) => {
|
|
return {
|
|
label: x.title,
|
|
value: x.id
|
|
}
|
|
})*/
|
|
|
|
export const cols: BaseTableColumn[] = [
|
|
{
|
|
title: 'ردیف',
|
|
dataIndex: 'id',
|
|
key: 'id',
|
|
filterable: false,
|
|
sortable: false,
|
|
customRender: (record: any) => {
|
|
return record.index + 1
|
|
}
|
|
},
|
|
{
|
|
title: 'کد کاربری',
|
|
dataIndex: 'id',
|
|
key: 'id',
|
|
type: 'Number'
|
|
// className: 'column-money'
|
|
},
|
|
{
|
|
title: 'نام و نام خانوادگی',
|
|
dataIndex: 'name',
|
|
key: 'name',
|
|
type: 'Text'
|
|
},
|
|
{
|
|
title: 'شماره موبایل',
|
|
dataIndex: 'mobile',
|
|
key: 'mobile',
|
|
type: 'Number'
|
|
},
|
|
/* {
|
|
title: 'نام',
|
|
dataIndex: 'shop_name',
|
|
key: 'shop_name',
|
|
type: 'Text'
|
|
},*/
|
|
{
|
|
title: 'وضعیت کاربر',
|
|
dataIndex: 'active',
|
|
key: 'active',
|
|
type: 'Boolean',
|
|
customRender: ({ record }) => {
|
|
return record.active ? (
|
|
<div class="flex justify-center">
|
|
<CustomTag textColor="#25855A" bgColor="#E3F4E9" class={'font-bold px-6'}>
|
|
فعال
|
|
</CustomTag>
|
|
</div>
|
|
) : (
|
|
<div class="flex justify-center">
|
|
<CustomTag textColor="#C53030" bgColor="#FECACA" class={'font-bold px-6'}>
|
|
غیر فعال
|
|
</CustomTag>
|
|
</div>
|
|
)
|
|
}
|
|
},
|
|
{
|
|
title: 'وضعیت سفارش دهی',
|
|
dataIndex: 'trade_active',
|
|
key: 'trade_active',
|
|
type: 'Boolean',
|
|
customRender: ({ record }) => {
|
|
return record.trade_active ? (
|
|
<div class="flex justify-center">
|
|
<CustomTag textColor="#25855A" bgColor="#E3F4E9" class={'font-bold px-6'}>
|
|
مجاز
|
|
</CustomTag>
|
|
</div>
|
|
) : (
|
|
<div class="flex justify-center">
|
|
<CustomTag textColor="#C53030" bgColor="#FECACA" class={'font-bold px-6'}>
|
|
غیر مجاز
|
|
</CustomTag>
|
|
</div>
|
|
)
|
|
}
|
|
},
|
|
/*{
|
|
title: 'نقش',
|
|
dataIndex: 'user_type_record',
|
|
key: 'user_type_record',
|
|
type: 'Select',
|
|
filterable: false,
|
|
sortable: false,
|
|
filterComponentProps: {
|
|
multiple: true
|
|
},
|
|
filterField: 'user_type_obj.id',
|
|
filterComponent: ReadyUserTypeSelect,
|
|
/!* customRender: (record: any) => {
|
|
return record.record.user_type_record?.value
|
|
}*!/
|
|
customRender: ({ record }) => {
|
|
const items = record.is_admin ? (
|
|
<CustomTag textColor="#25855A" bgColor="#E3F4E9">
|
|
ادمین
|
|
</CustomTag>
|
|
) : (
|
|
record.user_type_obj.map((item: { title: any }, index: any) => {
|
|
if (item) {
|
|
return (
|
|
<CustomTag textColor="#25855A" bgColor="#E3F4E9">
|
|
{item?.title}
|
|
</CustomTag>
|
|
)
|
|
}
|
|
})
|
|
)
|
|
return <div class="flex justify-center items-center gap-2">{items}</div>
|
|
}
|
|
},
|
|
{
|
|
title: 'حوزه',
|
|
dataIndex: 'section',
|
|
key: 'section'
|
|
},
|
|
{
|
|
title: 'شماره موبایل',
|
|
dataIndex: 'mobile',
|
|
type: 'Number',
|
|
key: 'mobile'
|
|
},
|
|
{
|
|
title: 'تاریخ ثبت',
|
|
dataIndex: 'created_at',
|
|
key: 'created_at',
|
|
type: 'DateTime',
|
|
customRender: (record: any) => {
|
|
return toJalaliNoTime(record.record.created_at)
|
|
}
|
|
},*/
|
|
{
|
|
title: 'عملیات',
|
|
dataIndex: 'action',
|
|
key: 'action',
|
|
slot: 'action',
|
|
filterable: false
|
|
}
|
|
]
|