1404/11/04- first

This commit is contained in:
2026-01-24 17:45:54 +03:30
commit edf1824229
554 changed files with 59581 additions and 0 deletions
@@ -0,0 +1,82 @@
<template>
<div>
<!-- <BaseTableOld v-bind="tblProps" @register="submit" ref="tbl"></BaseTableOld>-->
<BaseTable v-bind="tblProps" ref="table" @register="register" :showPaginate="true" />
</div>
</template>
<script lang="tsx" setup>
import type { TableInput } from '@core/type/baseTable'
import useBaseTable from '@core/components/BaseTableOld/hooks/useBaseTable'
import { cols } from '../hooks/numberColumns'
import { getNumbersTable, getSMSTable } from '@/api/sms'
const [register, reload] = useBaseTable()
const _selectedRows = ref([])
interface Props {
type: number | null
items: number[]
filter: string[]
}
const props = withDefaults(defineProps<Props>(), {})
const emit = defineEmits<{
(e: 'update:items', value: number[]): void
}>()
//define table
const table = ref(null)
const tblProps = ref<any>({
columns: cols,
api: (params: TableInput) => {
params.functions = props.filter
return getNumbersTable(params)
},
rowSelection: {
selectedRowKeys: _selectedRows,
onSelect: (record: any, selected: any, selectedRows: any, nativeEvent: any) => {
_selectedRows.value = selectedRows.map((item: any) => item.id)
emit('update:items', _selectedRows.value)
},
onSelectAll: (selected: any, selectedRows: any, changeRows: any) => {
_selectedRows.value = selectedRows.map((item: any) => item.id)
emit('update:items', _selectedRows.value)
}
}
//bordered: true
})
const fetch = () => {
// console.log('sss')
reload()
}
const changeCheckItem = () => {
emit('update:items', JSON.parse(JSON.stringify(_selectedRows.value)))
}
defineExpose({
fetch
})
</script>
<style lang="less">
@prefix: ~'@{prefixCls}-pophoverstatus';
.@{prefix} {
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
border-left: none;
}
.ant-menu-item-only-child {
border-radius: @border-radius-base;
}
//bor
/* .ant-input-group-addon:first-child {
!* border: #d9d9d9 1px solid;
border-radius: 0 6px 6px 0;*!
}*/
}
</style>
@@ -0,0 +1,113 @@
<template>
<div>
<BasicShowContext title="لیست پیامک ها">
<BaseTable v-bind="tblProps" @register="submit" ref="tbl">
<template #extraHeader>
<BaseButton v-if="!mobile" type="primary" size="small" class="flex" @click="emits('add')">
<div>ارسال پیامک</div>
<BaseIcon icon="vuesax-linear:sms" Size="16px"/>
</BaseButton>
</template>
<template #action="{ column, record }">
<!-- <div class="gap-2 flex justify-center">
<a-tooltip placement="bottom" class="cursor-pointer" @click="emits('info', record)">
<template #title>
<span>مشخصات</span>
</template>
<Icon icon="vuesax-linear:stickynote" color="#10913A" />
</a-tooltip>
</div>-->
</template>
</BaseTable>
</BasicShowContext>
</div>
</template>
<script lang="tsx" setup>
import type {TableInput} from '@core/type/baseTable'
import useBaseTable from '@core/components/BaseTableOld/hooks/useBaseTable'
import Icon from '@core/components/BaseIcon/src/Icon.vue'
import {changeCustomerActivation, getCustomerTable} from '@/api/customer'
import {cols} from '../hooks/smsColumns'
import {useUserStore} from '@/store/userStore'
import {usePrefix} from '@core/composable/usePrefix'
import {message} from 'ant-design-vue'
import {getOrderTable} from '@/api/order'
import {getPriceTable} from '@/api/price'
import {getSMSTable} from '@/api/sms'
const [submit, reload] = useBaseTable()
interface Prop {
mobile: number
}
const props = defineProps<Prop>()
const emits = defineEmits(['delete', 'edit', 'add', 'info'])
// const { prefixCls } = usePrefix('pophoverstatus')
//permission
/*function checkPermission(temp: string) {
const store = useUserStore()
return store.canAccess(temp)
}*/
//define table
const table = ref(null)
const tblProps = ref<any>({
columns: cols,
api: (params: TableInput) => {
if (props.mobile) {
params.filters = []
params.filters?.push({
field: "receiver",
type: "text",
value: props.mobile,
cr: "and",
op: "eq",
hidden: false
})
}
return getSMSTable(params)
}
//bordered: true
})
// const loading = ref<boolean>(false)
const fetch = () => {
// console.log('sss')
reload()
}
// const spinTable = (val: boolean) => {
// // console.log('sss')
// table?.value?.loading.value = val
// }
defineExpose({
fetch
// spinTable
})
</script>
<style lang="less">
@prefix: ~'@{prefixCls}-pophoverstatus';
.@{prefix} {
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
border-left: none;
}
.ant-menu-item-only-child {
border-radius: @border-radius-base;
}
//bor
/* .ant-input-group-addon:first-child {
!* border: #d9d9d9 1px solid;
border-radius: 0 6px 6px 0;*!
}*/
}
</style>
@@ -0,0 +1,57 @@
import type { BaseTableColumn } from '@core/type/baseTable'
import { toJalaliNoTime, toTime } from '@core/utils/useDataTime'
import CustomTag from '@/components/CustomTag.vue'
import { usePrice } from '@core/utils/usePrice'
/*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,
width: 100,
customRender: (record: any) => {
return record.index + 1
}
},
{
title: 'کد',
dataIndex: 'id',
key: 'id',
type: 'Number',
width: 100
// className: 'column-money'
},
{
title: 'نام کاربر',
dataIndex: 'name',
key: 'name',
type: 'Text'
},
{
title: 'شماره',
dataIndex: 'mobile',
key: 'mobile',
type: 'Number'
// className: 'column-money'
}
]
@@ -0,0 +1,84 @@
import type { BaseTableColumn } from '@core/type/baseTable'
import { toJalali, toJalaliNoTime, toTime } from '@core/utils/useDataTime'
import CustomTag from '@/components/CustomTag.vue'
import { usePrice } from '@core/utils/usePrice'
/*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,
width: 100,
customRender: (record: any) => {
return record.index + 1
}
},
{
title: 'کد',
dataIndex: 'id',
key: 'id',
type: 'Number',
width: 100
// className: 'column-money'
},
{
title: 'تاریخ و ساعت',
dataIndex: 'created_at',
key: 'created_at',
type: 'DateTime',
width: 200,
customRender(data) {
return toJalali(data.record.created_at)
}
},
{
title: 'شماره تلفن',
dataIndex: 'receiver',
key: 'receiver',
type: 'Text',
width: 200,
customRender(data){
return data.record.person.mobile
}
},
{
title: 'نام دریافت کننده',
dataIndex: 'receiver',
key: 'receiver',
type: 'Text',
width: 200,
customRender(data){
if (data.record.person.name)
return data.record.person.name
return data.record.person.mobile
}
},
{
title: 'پیام',
dataIndex: 'sms',
key: 'sms',
type: 'Number'
// className: 'column-money'
}
]
+284
View File
@@ -0,0 +1,284 @@
<template>
<div>
<BasicMainCard>
<div class="flex w-full h-full">
<tbl ref="table" class="w-full h-full" @add="add" />
</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>
</div>
<BasicModal
v-model:visible="addSMSVisible"
width="80vw"
title=""
@ok="ok"
:loading="loading"
@close="addSMSVisible = false"
>
<!-- <a-tabs v-model:activeKey="activeKey">
<a-tab-pane :key="1" tab="ارسال تکی" />
<a-tab-pane :key="2" tab="ارسال گروهی" />
</a-tabs>-->
<a-form :model="form" ref="formRef" autocomplete="off" class="md:grid md:grid-cols-4 gap-2">
<a-form-item label="انتخاب گروه">
<BasicSelect
v-model:value="selectedGroup"
:items="groupItems"
valueName="name"
keyName="function"
mode="multiple"
class="w-full"
@change="getGroupNumbers"
/>
</a-form-item>
<a-form-item label="شماره های تکی" name="numbers" class="md:col-span-3">
<BasicSelect
v-model:value="form.single"
mode="tags"
valueName="name"
keyName="mobile"
type="tel"
noData="لطفا شماره موبایل را وارد کنید و سپس روی کیبورد خود کلید تایید را بزنید"
class="w-full smsSelector"
>
<template #notFoundContent>
<a-spin v-if="loading" size="small" />
<div v-else class="w-full text-center font-bold">لطفا شماره را وارد کنید</div>
</template>
</BasicSelect>
</a-form-item>
<a-form-item label="انتخاب کاربر" class="md:col-span-4">
<BasicInput
place-holder="جستجو"
class="mb-2"
@onchange="filterNumbers"
:disabled="selectedGroup.length === 0"
/>
<a-table
rowKey="mobile"
:row-selection="{ selectedRowKeys: form.numbers, onChange: onSelectChange }"
:columns="columns"
:scroll="{ y: '20vh', x: 500 }"
:pagination="false"
:data-source="groupNumbers"
>
</a-table>
</a-form-item>
<a-form-item label="متن پیام" name="message" class="md:col-span-4">
<BasicTextArea v-model:value="form.message" />
<div class="md:flex items-center justify-between mt-2 md:flex-row-reverse">
<BaseButton @click="addName()" type="primary" class="w-full md:w-10rem"
>افزودن نام کاربر</BaseButton
>
<div class="text-gray-500">
برای استفاده از نام اشخاص در پیام از گزینه افزودن نام کاربر استفاده کنید این متغیر با
عنوان( name% )به متن پیام اضافه میگردد
</div>
</div>
</a-form-item>
<a-form-item class="col-span-4">
<!-- <NumbersTable
v-if="selectedGroup.length > 0"
type="check"
:items="form.numbers"
:filter="selectedGroup"
/>-->
</a-form-item>
</a-form>
</BasicModal>
</template>
<script setup lang="ts">
// import BasicInfoModal from '@/components/BasicInfoModal'
import { ref } from 'vue'
import tbl from './components/table.vue'
import type { FormInstance } from 'ant-design-vue'
import { message } from 'ant-design-vue/es'
import type { FunctionItem } from '@/model/Item'
import type { Customer } from '@/model/customer'
import { createSMS, getCustomerList, getGroupsList } from '@/api/sms'
import type { Sms } from '@/model/sms'
//loading
const loading = ref<boolean>(false)
const selectedGroup = ref<string[]>([])
const groupItems = ref<FunctionItem[]>()
const groupNumbers = ref<Customer[]>()
let baseGroupNumbers: Customer[] = []
onMounted(() => getGroups())
async function getGroups() {
try {
loading.value = true
groupItems.value = await getGroupsList()
} catch (e) {
console.log(e)
} finally {
loading.value = false
}
}
const addName = () => {
form.value.message = form.value.message.concat('', '%name')
}
function filterNumbers(val: string) {
// console.log(val)
if (val !== '') {
groupNumbers.value = baseGroupNumbers?.filter((v) => v.name.includes(val))
} else groupNumbers.value = baseGroupNumbers
}
// const refreshTable = () => table?.value?.fetch()
async function getGroupNumbers(val: string[]) {
if (val) {
try {
loading.value = true
const { customers } = await getCustomerList(val)
groupNumbers.value = customers
baseGroupNumbers = customers
} catch (e) {
console.log(e)
} finally {
loading.value = false
}
}
}
watch(selectedGroup, (val) => {
console.log(val)
if (val) {
getGroupNumbers(val)
}
})
const table = ref(null)
const refreshTable = () => table?.value?.fetch()
const activeKey = ref(1)
let updateKey = ref<number>(0)
/*
function onselected(val) {
console.log()
}
*/
const columns = [
{
title: 'کد کاربر',
dataIndex: 'id'
},
{
title: 'نام و نام خانوادگی',
dataIndex: 'name'
},
{
title: 'شماره همراه',
dataIndex: 'mobile'
}
]
const onSelectChange = (changableRowKeys: string[]) => {
console.log('selectedRowKeys changed: ', changableRowKeys)
// if (changableRowKeys !== undefined) {
form.value.numbers = changableRowKeys
// }
}
//role confirm items
//form
const form = ref<Sms>({
message: '',
numbers: [],
single: []
})
const formRef = ref<FormInstance>()
//edit
let editId: number | undefined = undefined
//add
async function add() {
loading.value = true
editId = undefined
// await store.getUsersList()
addSMSVisible.value = true
updateKey.value++
resetData()
loading.value = false
}
//reset data
const resetData = () => {
formRef.value?.resetFields()
form.value = {
message: '',
numbers: [],
single: []
}
groupNumbers.value = []
selectedGroup.value = []
}
//add project modal
const addSMSVisible = ref<boolean>(false)
const priceConfirmVisible = ref<boolean>(false)
//submit user
function ok() {
formRef.value?.validateFields().then(async () => {
try {
loading.value = true
if (!form.value.numbers) form.value.numbers = []
form.value.numbers?.push(...(form.value.single ?? []))
// console.log(form.value.numbers)
// delete form.value.single
await createSMS(form.value)
// form.value.single = []
resetData()
addSMSVisible.value = false
message.success('با موفقیت ارسال شد')
} catch (e) {
console.log(e)
} finally {
loading.value = false
}
})
}
/*async function ok() {
loading.value = true
try {
await createPrice(form.value)
refreshTable()
priceConfirmVisible.value = false
addSMSVisible.value = false
// await confirmActOnApi('آیا از اعمال قیمت جدید اطمینان دارید؟', form.value, createPrice)
} catch (e) {
console.error(e)
// message.error('خطا در بارگذاری اطلاعات')
} finally {
loading.value = false
}
}*/
</script>
<style>
.smsSelector .ant-select-selector {
max-height: 5vh;
overflow-y: auto;
}
</style>