.
This commit is contained in:
burakovec
3319
package-lock.json
generated
Normal file
3319
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
45
package.json
Normal file
45
package.json
Normal file
@ -0,0 +1,45 @@
|
||||
{
|
||||
"name": "panel-vue",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "run-p type-check \"build-only {@}\" --",
|
||||
"preview": "vite preview",
|
||||
"build-only": "vite build",
|
||||
"type-check": "vue-tsc --build --force"
|
||||
},
|
||||
"dependencies": {
|
||||
"@microsoft/signalr": "^8.0.7",
|
||||
"axios": "^1.7.2",
|
||||
"html-to-pdfmake": "^2.5.19",
|
||||
"html2canvas": "^1.4.1",
|
||||
"jquery": "^3.7.1",
|
||||
"parchment": "^3.0.0",
|
||||
"pinia": "^2.1.7",
|
||||
"quill": "^2.0.3",
|
||||
"quill-image-resize-module": "^3.0.0",
|
||||
"summernote": "^0.9.1",
|
||||
"uuid": "^11.1.0",
|
||||
"vue": "^3.4.29",
|
||||
"vue-router": "^4.3.3",
|
||||
"vue3-pdfmake": "^2.2.0",
|
||||
"vue3-summernote-editor": "^1.0.2",
|
||||
"vuedraggable": "^4.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tsconfig/node20": "^20.1.4",
|
||||
"@types/html-to-pdfmake": "^2.4.4",
|
||||
"@types/jquery": "^3.5.30",
|
||||
"@types/node": "^20.14.5",
|
||||
"@types/summernote": "^0.8.10",
|
||||
"@vitejs/plugin-vue": "^5.0.5",
|
||||
"@vitejs/plugin-vue-jsx": "^4.0.0",
|
||||
"@vue/tsconfig": "^0.5.1",
|
||||
"npm-run-all2": "^6.2.0",
|
||||
"typescript": "~5.4.0",
|
||||
"vite": "^5.3.1",
|
||||
"vue-tsc": "^2.0.21"
|
||||
}
|
||||
}
|
||||
BIN
public/data/ornek-talihli-listesi.xlsx
Normal file
BIN
public/data/ornek-talihli-listesi.xlsx
Normal file
Binary file not shown.
110
src/components/global/FormDisplay.vue
Normal file
110
src/components/global/FormDisplay.vue
Normal file
@ -0,0 +1,110 @@
|
||||
<template>
|
||||
<div
|
||||
:class="[
|
||||
'form-item form-item-display',
|
||||
half ? 'form-item-half' : '',
|
||||
elclass || '',
|
||||
label === undefined ? 'form-item-display-nb' : '',
|
||||
$slots.button ? 'form-item-wb' : ''
|
||||
]">
|
||||
<slot name="content">
|
||||
<label>
|
||||
<span v-if="label !== undefined && label !== ''" class="display-title">
|
||||
<strong>{{ label }}</strong>
|
||||
</span>
|
||||
<template v-if="modelText !== undefined && modelText !== ''">
|
||||
<template v-if="typeof modelText === 'string'">
|
||||
<span>{{ price ? globalStore.toTrLocale(modelText) : modelText }}</span>
|
||||
</template>
|
||||
<template v-if="typeof modelText === 'object'">
|
||||
<ul>
|
||||
<li v-for="txt in modelText">
|
||||
{{ txt }}
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span>{{ price ? globalStore.toTrLocale(localValue) : localValue }}</span>
|
||||
</template>
|
||||
<span
|
||||
class="form-item-alert"
|
||||
v-if="InvalidMessages.length > 0 && InvalidMessages !== ''">
|
||||
{{ InvalidMessages }}
|
||||
</span>
|
||||
</label>
|
||||
<div v-if="$slots.button" class="form-item-button"><slot name="button"></slot></div>
|
||||
</slot>
|
||||
<div
|
||||
class="form-display-extra"
|
||||
v-if="messages !== undefined && messages.length !== 0">
|
||||
<ul>
|
||||
<li v-for="txt in messages">
|
||||
{{ txt }}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, reactive, computed, watch } from 'vue'
|
||||
import { useDateStore } from '@/stores/dateStore'
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
const globalStore = useGlobalStore()
|
||||
const dateStore = useDateStore()
|
||||
|
||||
export interface Props {
|
||||
label?: string
|
||||
modelValue?: any
|
||||
half?: boolean
|
||||
title?: string
|
||||
elclass?: string
|
||||
type?: string
|
||||
messages?: string[]
|
||||
modelText?: any
|
||||
invalidText?: string
|
||||
price?: boolean
|
||||
}
|
||||
const props = withDefaults(defineProps<Props>(), {
|
||||
half: false,
|
||||
price: false
|
||||
})
|
||||
const localValue = ref<any>(props.modelValue)
|
||||
|
||||
if (props.type === 'date' && props.modelValue !== null && props.modelValue !== undefined && props.modelValue !== '')
|
||||
localValue.value = dateStore.dateFormat({
|
||||
date: props.modelValue as Date,
|
||||
pattern: 'dd-mm-yy'
|
||||
})
|
||||
|
||||
if (props.type === 'datetime' && props.modelValue !== null && props.modelValue !== undefined && props.modelValue !== '')
|
||||
localValue.value = dateStore.dateFormat({
|
||||
date: props.modelValue as Date,
|
||||
pattern: 'dd-mm-yy-t'
|
||||
})
|
||||
|
||||
if (props.type === 'array') {
|
||||
localValue.value = props.modelValue.toString()
|
||||
}
|
||||
|
||||
const InvalidMessageText = reactive<Record<string, any>>({})
|
||||
const InvalidMessages = computed<string>(() => {
|
||||
let text = ''
|
||||
Object.keys(InvalidMessageText).forEach((k: string, i: number) => {
|
||||
text += InvalidMessageText[k] + ', '
|
||||
})
|
||||
return text
|
||||
})
|
||||
|
||||
watch(
|
||||
() => props.invalidText,
|
||||
() => {
|
||||
if (props.invalidText !== undefined && props.invalidText !== '') {
|
||||
Object.assign(InvalidMessageText, {})
|
||||
InvalidMessageText.invalid = props.invalidText
|
||||
} else {
|
||||
delete InvalidMessageText.invalid
|
||||
}
|
||||
}
|
||||
)
|
||||
</script>
|
||||
147
src/components/global/FormFile.vue
Normal file
147
src/components/global/FormFile.vue
Normal file
@ -0,0 +1,147 @@
|
||||
<template>
|
||||
<div :class="['form-item', half ? 'form-item-half' : '', elclass || '']">
|
||||
<slot name="input">
|
||||
<label>
|
||||
<span v-if="label !== undefined && label !== ''">
|
||||
{{ label }}
|
||||
<i v-if="required" class="form-item-alert">*</i>
|
||||
</span>
|
||||
<div class="input-a">
|
||||
<span>
|
||||
{{
|
||||
localFilename !== undefined && localFilename !== ''
|
||||
? localFilename
|
||||
: 'Dosya yüklemek için tıklayın'
|
||||
}}
|
||||
</span>
|
||||
<i class="ico-c ico-section ico-section-header-btn">
|
||||
<svg><use href="/src/assets/images/icons.svg#upload"></use></svg>
|
||||
</i>
|
||||
</div>
|
||||
<input
|
||||
type="file"
|
||||
:disabled="disabled"
|
||||
@change="OnChange"
|
||||
:class="[
|
||||
invalidText !== undefined && invalidText !== '' ? 'invalid' : '',
|
||||
iclass || ''
|
||||
]" />
|
||||
<span
|
||||
class="form-item-alert"
|
||||
v-if="InvalidMessages.length > 0 && InvalidMessages !== ''">
|
||||
{{ InvalidMessages }}
|
||||
</span>
|
||||
<span
|
||||
class="form-item-description"
|
||||
v-if="description !== undefined && description !== ''">
|
||||
{{ description }}
|
||||
</span>
|
||||
</label>
|
||||
</slot>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, computed, watch } from 'vue'
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
const globalStore = useGlobalStore()
|
||||
|
||||
export interface Props {
|
||||
label?: string
|
||||
fileName?: string
|
||||
disabled?: boolean
|
||||
modelValue: number | string | FileList | File
|
||||
half?: boolean
|
||||
title?: string
|
||||
invalidText?: string
|
||||
description?: string
|
||||
maxFileSize?: number
|
||||
maxFileSizeText?: string
|
||||
required?: boolean
|
||||
iclass?: string
|
||||
elclass?: string
|
||||
modelKey?: string
|
||||
fileTypes?: string[]
|
||||
fileType?: string
|
||||
isValid?: boolean
|
||||
}
|
||||
const props = withDefaults(defineProps<Props>(), {
|
||||
disabled: false,
|
||||
half: false,
|
||||
required: false,
|
||||
fileName: '',
|
||||
})
|
||||
|
||||
const emit = defineEmits(['update:modelValue', 'change','update:isValid',])
|
||||
|
||||
const localFilename = ref<string>(props.fileName)
|
||||
|
||||
const InvalidMessageText = ref<Record<string, any>>({})
|
||||
|
||||
const InvalidMessages = computed<string>(() => {
|
||||
let text = ''
|
||||
Object.keys(InvalidMessageText.value).forEach((k: string, i: number) => {
|
||||
text += InvalidMessageText.value[k] + ', '
|
||||
})
|
||||
return text
|
||||
})
|
||||
|
||||
const OnChange = (e: Event) => {
|
||||
let el: any = (e.target as HTMLInputElement)!['files']![0]
|
||||
localFilename.value = el.name
|
||||
let fileType: string = globalStore.FileType(el.name)
|
||||
let fileName: string = globalStore.FileName(el.name)
|
||||
let fileSize: number = el.size
|
||||
InvalidMessageText.value = {}
|
||||
|
||||
if (props.fileType !== undefined) {
|
||||
if (props.fileType === 'img') {
|
||||
if (!globalStore.imageFormats.includes(fileType.toLowerCase())) {
|
||||
InvalidMessageText.value.type = `Sadece Resim dosyası yükleyebilirsiniz. Lütfen ${globalStore.imageFormats} formatındaki dosyaları yükleyin`
|
||||
el = null
|
||||
localFilename.value = ''
|
||||
}
|
||||
} else if (props.fileType === 'doc') {
|
||||
if (!globalStore.docFormats.includes(fileType.toLowerCase())) {
|
||||
InvalidMessageText.value.type = `Sadece doküman yükleyebilirsiniz. Lütfen ${globalStore.docFormats} formatındaki dosyaları yükleyin`
|
||||
el = null
|
||||
localFilename.value = ''
|
||||
}
|
||||
}
|
||||
}
|
||||
if (props.fileTypes !== undefined) {
|
||||
if (!props.fileTypes.includes(fileType.toLowerCase())) {
|
||||
InvalidMessageText.value.type = `Lütfen ${props.fileTypes} formatındaki dosyaları yükleyin`
|
||||
el = null
|
||||
localFilename.value = ''
|
||||
if(props.isValid !== undefined) {
|
||||
emit('update:isValid', false)
|
||||
}
|
||||
}else{
|
||||
if(props.isValid !== undefined) {
|
||||
emit('update:isValid', true)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (props.maxFileSize !== undefined) {
|
||||
if (fileSize > props.maxFileSize) {
|
||||
InvalidMessageText.value.size = `Dosya boyutu en fazla ${props.maxFileSizeText} olabilir. Lütfen daha küçük boyutlu bir dosya yükleyin.`
|
||||
el = null
|
||||
}
|
||||
}
|
||||
emit('update:modelValue', el)
|
||||
emit('change', e, { filetype: fileType, filename: fileName, filesize: fileSize })
|
||||
}
|
||||
|
||||
watch(
|
||||
() => props.invalidText,
|
||||
() => {
|
||||
if (props.invalidText !== undefined && props.invalidText !== '') {
|
||||
InvalidMessageText.value = {}
|
||||
InvalidMessageText.value.invalid = props.invalidText
|
||||
} else {
|
||||
delete InvalidMessageText.value.invalid
|
||||
}
|
||||
}
|
||||
)
|
||||
</script>
|
||||
59
src/init/axios-init.ts
Normal file
59
src/init/axios-init.ts
Normal file
@ -0,0 +1,59 @@
|
||||
import axios from 'axios'
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
import router from '@/router'
|
||||
|
||||
axios.defaults.baseURL = 'http://panel.cekilisevi.gov.tr:5001/'
|
||||
// axios.defaults.baseURL = 'https://localhost:7241/'
|
||||
//axios.defaults.timeout = 2000;
|
||||
axios.defaults.headers['Content-Type'] = 'application/json; charset=utf-8'
|
||||
import { useDataStore } from '@/stores/dataStore'
|
||||
|
||||
// İstek Öncesinde Çalışacak Bir Fonksiyon
|
||||
axios.interceptors.request.use(
|
||||
function (config) {
|
||||
const dataStore = useDataStore()
|
||||
if (!dataStore.isLoading) dataStore.isLoading = true
|
||||
// İstek gönderilmeden önce yapılacak işlemler
|
||||
//console.log('İstek Yapılıyor:', config)
|
||||
const token = sessionStorage.getItem('token')
|
||||
|
||||
if (!token) {
|
||||
console.log('No token found')
|
||||
} else {
|
||||
config.headers['Authorization'] = `Bearer ${token}`
|
||||
}
|
||||
|
||||
return config
|
||||
},
|
||||
function (error) {
|
||||
// İstek gönderilmeden önce hata oluşursa burada yakalanır
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
// İstek Sonrası Çalışacak Bir Fonksiyon
|
||||
axios.interceptors.response.use(
|
||||
function (response) {
|
||||
const dataStore = useDataStore()
|
||||
dataStore.isLoading = false
|
||||
// Yanıt başarılı olursa yapılacak işlemler
|
||||
//console.log('Yanıt Alındı:', response)
|
||||
return response
|
||||
},
|
||||
function (error) {
|
||||
const usersStore = useUsersStore()
|
||||
const dataStore = useDataStore()
|
||||
dataStore.isLoading = false
|
||||
// Yanıtta hata oluşursa burada yakalanır
|
||||
// error.status kodu undefined geliyor
|
||||
if (error.response.status === 401) {
|
||||
const token = sessionStorage.getItem(usersStore.userStorageKeys.TOKEN)
|
||||
if (token !== undefined) {
|
||||
usersStore.ResetUserData()
|
||||
router.push('/login')
|
||||
}
|
||||
}
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
|
||||
export default axios
|
||||
416
src/module/cekilisler/components/TabPiyangoKatilimciListesi.vue
Normal file
416
src/module/cekilisler/components/TabPiyangoKatilimciListesi.vue
Normal file
@ -0,0 +1,416 @@
|
||||
<template>
|
||||
<section class='section-list'>
|
||||
<list-table-content
|
||||
:tableHeader='tableHeader'
|
||||
icon='draws'
|
||||
title='Katılım Listesi'
|
||||
listText='Katılımcı'
|
||||
:rowAction='OpenUser'
|
||||
:apiList="'Katilimci/ByCekilisId/' + piyangoStore.selectedLottery"
|
||||
v-model:pagination='paginationData'
|
||||
v-model:refresh='piyangoKatilimciStore.refreshPiyangoKatilimciList'>
|
||||
<template #extraButtons>
|
||||
<button
|
||||
class='button-c'
|
||||
@click='piyangoKatilimciService.CreateOnlineDraw'
|
||||
v-if='
|
||||
paginationData.totalRecords > 0 &&
|
||||
usersStore.isPanelUser &&
|
||||
!piyangoStore.lotteryDrawState &&
|
||||
piyangoStore.lotteryApprove === 4 &&
|
||||
piyangoStore.lotteryData.cekilisYontemiId === 2
|
||||
'>
|
||||
Online Çekiliş Düzenle
|
||||
</button>
|
||||
<a href='/data/ornek-katilimci-listesi.xlsx' target='_blank' class='button-c'>
|
||||
Örnek Katılımcı Dosyası İndir
|
||||
</a>
|
||||
<button
|
||||
class='button-c'
|
||||
@click='AddNewDocument'
|
||||
v-if='!usersStore.isPanelUser && !piyangoStore.lotteryDrawState'>
|
||||
Katılımcı Dosyası Yükle
|
||||
</button>
|
||||
<button
|
||||
class="button-c button-alert"
|
||||
@click="DeleteAllButton"
|
||||
v-if="
|
||||
paginationData.totalRecords > 0 &&
|
||||
usersStore.isPanelUser &&
|
||||
!piyangoStore.lotteryDrawState &&
|
||||
(piyangoStore.lotteryApprove === 7 || piyangoStore.lotteryApprove === 14)
|
||||
">
|
||||
|
||||
Tüm katılımcıları Sil
|
||||
</button>
|
||||
<button
|
||||
@click="SendChangeRequest"
|
||||
v-if="piyangoStore.lotteryApprove === 4 && !usersStore.isPanelUser">
|
||||
Katılım Listesi Değişiklik Talebi Gönder
|
||||
</button>
|
||||
</template>
|
||||
</list-table-content>
|
||||
<panel-wrapper
|
||||
v-if='piyangoKatilimciStore.katilimciFilePanel'
|
||||
v-model='piyangoKatilimciStore.katilimciFilePanel'
|
||||
panel-title='Katılımcı Dosyası Yükle'>
|
||||
<template #panelContent>
|
||||
<panel-katilimci-document />
|
||||
</template>
|
||||
<template #footerButton>
|
||||
<button class='button-c button-save' @click='FileUpload'>Yükle</button>
|
||||
</template>
|
||||
</panel-wrapper>
|
||||
<panel-wrapper
|
||||
wide
|
||||
v-if='piyangoKatilimciStore.katilimciUserPanel'
|
||||
v-model='piyangoKatilimciStore.katilimciUserPanel'
|
||||
:panel-title="
|
||||
piyangoKatilimciStore.isPiyangoKatilimciUserUpdate
|
||||
? 'Katılımcı Düzenle'
|
||||
: 'Katılımcı Ekle'
|
||||
">
|
||||
<template #panelContent>
|
||||
<panel-piyango-katilimci />
|
||||
</template>
|
||||
<template #footerButton v-if='!usersStore.isPanelUser'>
|
||||
<button
|
||||
:disabled='!piyangoKatilimciValidationStore.userFormChanged'
|
||||
class='button-c button-save'
|
||||
@click='piyangoKatilimciService.SaveKatilimciUser'>
|
||||
{{ piyangoKatilimciStore.isPiyangoKatilimciUserUpdate ? 'Kaydet' : 'Ekle' }}
|
||||
</button>
|
||||
</template>
|
||||
</panel-wrapper>
|
||||
<panel-wrapper
|
||||
v-if="uploadProgressPanel"
|
||||
v-model="uploadProgressPanel"
|
||||
panel-title="Yükleme Durumu">
|
||||
<template #panelContent>
|
||||
<div class="progress-container">
|
||||
<div class="upload-warning">
|
||||
📌 İşlem sırasında tarayıcıyı veya bu sekmeyi kapatmayınız.
|
||||
</div>
|
||||
<div class="progress-bar">
|
||||
<div
|
||||
class="progress-fill"
|
||||
:style="{ width: uploadProgressValue + '%' }"
|
||||
></div>
|
||||
</div>
|
||||
<div class="progress-text">
|
||||
<template v-if="uploadProgressValue === 0">
|
||||
Dosya içeriği okunuyor, yükleme başlatılıyor...
|
||||
</template>
|
||||
<template v-else>
|
||||
{{ uploadProgressValue }}%
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</panel-wrapper>
|
||||
</section>
|
||||
</template>
|
||||
<script setup lang='ts'>
|
||||
import { ref, computed } from 'vue'
|
||||
import PanelWrapper from '@/components/PanelWrapper.vue'
|
||||
import PanelKatilimciDocument from '@/module/cekilisler/components/panel/PanelKatilimciDocument.vue'
|
||||
import PanelPiyangoKatilimci from '@/module/cekilisler/components/panel/PanelPiyangoKatilimci.vue'
|
||||
|
||||
import { useDateStore } from '@/stores/dateStore'
|
||||
|
||||
const dateStore = useDateStore()
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
|
||||
const usersStore = useUsersStore()
|
||||
import { useDataStore } from '@/stores/dataStore'
|
||||
|
||||
const dataStore = useDataStore()
|
||||
import { usePiyangoStore } from '../stores/piyangoStore'
|
||||
|
||||
const piyangoStore = usePiyangoStore()
|
||||
import { usePiyangoKatilimciStore } from '../stores/piyangoKatilimciStore'
|
||||
|
||||
const piyangoKatilimciStore = usePiyangoKatilimciStore()
|
||||
import { usePiyangoKatilimciValidationStore } from '../validation/piyangoKatilimciValidationStore'
|
||||
|
||||
const piyangoKatilimciValidationStore = usePiyangoKatilimciValidationStore()
|
||||
import { usePiyangoKatilimciService } from '../service/piyangoKatilimciService'
|
||||
|
||||
const piyangoKatilimciService = usePiyangoKatilimciService()
|
||||
import { useDialogStore } from '@/components/global/dialogStore'
|
||||
|
||||
const dialogStore = useDialogStore()
|
||||
|
||||
import { usePiyangoOnayStore } from '../stores/piyangoOnayStore'
|
||||
const piyangoOnayStore = usePiyangoOnayStore()
|
||||
import { usePiyangoOnayService } from '../service/piyangoOnayService'
|
||||
const piyangoOnayService = usePiyangoOnayService()
|
||||
|
||||
import { connectToHub, onProgress, onInsertProgress, onCompleted, onError } from '../service/signalrService'
|
||||
|
||||
|
||||
const uploadProgressValue = ref(0)
|
||||
const uploadProgressPanel = ref(false)
|
||||
const today = ref<Date>(new Date())
|
||||
const ilanTarihi = ref<Date>(new Date(piyangoStore.lotteryIlanTarihi!))
|
||||
|
||||
const tableHeader = ref<Record<string, any>[]>([
|
||||
{
|
||||
name: 'cekilisKatilimSiraNo',
|
||||
title: 'Çekiliş Katılım Sıra No',
|
||||
sort: true,
|
||||
style: { width: '20%' }
|
||||
},
|
||||
{
|
||||
name: 'cekilisHakkiAdedi',
|
||||
title: 'Çekiliş Hakkı Adedi',
|
||||
style: { width: '10%' }
|
||||
},
|
||||
{
|
||||
name: 'sifreCode',
|
||||
title: 'Şifre (Code)',
|
||||
sort: true,
|
||||
style: { width: '20%' }
|
||||
},
|
||||
{
|
||||
name: 'magazaKartNumarasi',
|
||||
title: '(Mağaza Kartı) (Müşteri Kartı) Numarası',
|
||||
sort: true,
|
||||
style: { width: '20%' }
|
||||
},
|
||||
{
|
||||
name: 'isimSoyisim',
|
||||
title: 'Ad Soyad',
|
||||
sort: true,
|
||||
style: { width: '20%' }
|
||||
},
|
||||
|
||||
{
|
||||
name: 'telefonNumarasi',
|
||||
title: 'Telefon',
|
||||
sort: true
|
||||
},
|
||||
{
|
||||
name: 'ilce',
|
||||
title: 'İlçe',
|
||||
sort: true
|
||||
},
|
||||
{
|
||||
name: 'il',
|
||||
title: 'İl',
|
||||
sort: true
|
||||
},
|
||||
{
|
||||
name: 'email',
|
||||
title: 'Email',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
|
||||
{
|
||||
name: 'katilimTarihi',
|
||||
title: 'Katılım Tarihi',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'fisFaturaTarihi',
|
||||
title: 'Fiş/Fatura Tarihi',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'fisFaturaNo',
|
||||
title: 'Fiş/Fatura No',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'kampanyaliUrunTutari',
|
||||
title: 'Fiş/Fatura (Kampanyalı Ürün Tutarı)',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'toplamTutar',
|
||||
title: 'Fiş/Fatura Toplam Tutarı',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
|
||||
{
|
||||
name: 'magazaAdiYeri',
|
||||
title: 'Mağaza Adı/Yeri',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
}
|
||||
])
|
||||
|
||||
const paginationData = ref<Record<string, any>>({})
|
||||
|
||||
const KatilimciAddAction = computed(() => {
|
||||
if (
|
||||
!usersStore.isPanelUser &&
|
||||
piyangoStore.lotteryApprove === 4 &&
|
||||
!piyangoStore.lotteryDrawState
|
||||
)
|
||||
return AddNewKatilimci
|
||||
else return ''
|
||||
})
|
||||
|
||||
const AddNewDocument = () => {
|
||||
dataStore.panelData = {
|
||||
title: '',
|
||||
file: ''
|
||||
}
|
||||
piyangoKatilimciStore.katilimciFilePanel = true
|
||||
}
|
||||
|
||||
const AddNewKatilimci = () => {
|
||||
piyangoKatilimciStore.isPiyangoKatilimciUserUpdate = false
|
||||
piyangoKatilimciValidationStore.userFormChanged = false
|
||||
piyangoKatilimciStore.RestoreUserFormData()
|
||||
piyangoKatilimciStore.isNewKatilimci = true
|
||||
piyangoKatilimciStore.katilimciUserPanel = true
|
||||
}
|
||||
|
||||
const OpenUser = async (row: any) => {
|
||||
piyangoKatilimciStore.isPiyangoKatilimciUserUpdate = true
|
||||
piyangoKatilimciValidationStore.userFormChanged = false
|
||||
let data = await piyangoKatilimciService.KatilimciData(row.id)
|
||||
Object.assign(piyangoKatilimciStore.piyangoKatilimciUserFormData, data)
|
||||
piyangoKatilimciStore.isNewKatilimci = false
|
||||
piyangoKatilimciStore.katilimciUserPanel = true
|
||||
}
|
||||
const FileUpload = async () => {
|
||||
const connectionId = await connectToHub()
|
||||
|
||||
// Progress modal'ı aç
|
||||
uploadProgressValue.value = 0
|
||||
uploadProgressPanel.value = true
|
||||
|
||||
onProgress((data) => {
|
||||
uploadProgressValue.value = data.Percent
|
||||
console.log('Progress:', data.Percent)
|
||||
})
|
||||
|
||||
onCompleted((data) => {
|
||||
console.log('Tamamlandı:', data)
|
||||
uploadProgressPanel.value = false
|
||||
piyangoKatilimciStore.refreshPiyangoKatilimciList = true
|
||||
piyangoKatilimciStore.katilimciFilePanel = false
|
||||
})
|
||||
|
||||
const formData = new FormData()
|
||||
formData.append('excelFile', piyangoKatilimciStore.piyangoKatilimciFileFormData.excelFile)
|
||||
console.log( dataStore.panelData)
|
||||
const response = await dataStore.dataPost(
|
||||
`Katilimci/ExcelleYukle/${piyangoStore.selectedLottery}?connectionId=${connectionId}`,
|
||||
{
|
||||
data: formData,
|
||||
headers: { 'Content-Type': 'multipart/form-data' }
|
||||
}
|
||||
)
|
||||
|
||||
if (response.data !== 'errorfalse') {
|
||||
// Başarı işlemi zaten onCompleted içinde yapıldı
|
||||
} else {
|
||||
// Hata olursa paneli kapat
|
||||
uploadProgressPanel.value = false
|
||||
}
|
||||
}
|
||||
// const FileUpload = async () => {
|
||||
// if (true) {
|
||||
// const formData = new FormData()
|
||||
// formData.append('excelFile', dataStore.panelData.file)
|
||||
// let dt: any
|
||||
//
|
||||
// dt = await dataStore.dataPost(
|
||||
// `Katilimci/ExcelleYukle/${piyangoStore.selectedLottery}?connectionId=${connectionId}`,
|
||||
// {
|
||||
// data: formData,
|
||||
// headers: { 'Content-Type': 'multipart/form-data' }
|
||||
// }
|
||||
// )
|
||||
// if (dt !== 'errorfalse') {
|
||||
// piyangoKatilimciStore.refreshPiyangoKatilimciList = true
|
||||
// piyangoKatilimciStore.katilimciFilePanel = false
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
const DeleteAllButton = () => {
|
||||
dialogStore.CreateDialog({
|
||||
title: 'Tüm Katılımcıları Sil',
|
||||
content:
|
||||
'Tüm katılımcıları silmek istediğinize emin misiniz? Bu işlem geri alınamaz.',
|
||||
closeText: 'Vazgeç',
|
||||
buttons: [
|
||||
{
|
||||
label: 'Tüm katılımcıları Sil',
|
||||
type: 'alert',
|
||||
function: DeleteAll
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
const DeleteAll = async (id: number) => {
|
||||
var dt = await dataStore.dataDelete(
|
||||
'Katilimci/DeleteCekilisKatilimci/' + piyangoStore.selectedLottery
|
||||
)
|
||||
|
||||
if (dt !== 'errorfalse') {
|
||||
piyangoKatilimciStore.refreshPiyangoKatilimciList = true
|
||||
dialogStore.CloseDialog(id)
|
||||
}
|
||||
}
|
||||
|
||||
const SendChangeRequest = async () => {
|
||||
piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId = 14
|
||||
piyangoOnayStore.piyangoOnayForm.file = ''
|
||||
piyangoOnayStore.piyangoOnayForm.aciklama = ''
|
||||
await piyangoOnayService.SaveOnayDurum()
|
||||
}
|
||||
|
||||
</script>
|
||||
<style>
|
||||
.progress-container {
|
||||
width: 100%;
|
||||
padding: 20px 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
width: 90%;
|
||||
max-width: 400px;
|
||||
height: 30px;
|
||||
background: #f0f0f0;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.progress-fill {
|
||||
height: 100%;
|
||||
background-color: #42b983;
|
||||
transition: width 0.3s ease;
|
||||
}
|
||||
|
||||
.progress-text {
|
||||
margin-top: 12px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
.upload-warning {
|
||||
background: #fff8db;
|
||||
color: #856404;
|
||||
border: 1px solid #ffeeba;
|
||||
padding: 10px 14px;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 16px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
231
src/module/cekilisler/components/TabPiyangoTalihliListesi.vue
Normal file
231
src/module/cekilisler/components/TabPiyangoTalihliListesi.vue
Normal file
@ -0,0 +1,231 @@
|
||||
<template>
|
||||
<section class="section-list">
|
||||
<list-table-content
|
||||
:tableHeader="tableHeader"
|
||||
icon="draws"
|
||||
title="Talihli Listesi"
|
||||
listText="Talihli"
|
||||
:apiList="'Katilimci/AsilYedek/' + piyangoStore.selectedLottery"
|
||||
v-model:refresh='refreshList'
|
||||
>
|
||||
<template #extraButtons>
|
||||
<a href='/data/ornek-talihli-listesi.xlsx' target='_blank' class='button-c' v-if='piyangoStore.lotteryData.cekilisYontemi =="Fiziksel"'>
|
||||
Örnek Talihli Dosyası İndir
|
||||
</a>
|
||||
<button
|
||||
class='button-c'
|
||||
@click='AddNewDocument'
|
||||
v-if='!usersStore.isPanelUser && !piyangoStore.lotteryDrawState && piyangoStore.lotteryData.cekilisYontemi =="Fiziksel"'>
|
||||
Talihli Dosyası Yükle
|
||||
</button>
|
||||
</template>
|
||||
</list-table-content>
|
||||
<panel-wrapper
|
||||
v-if='talihliFilePanel'
|
||||
v-model='talihliFilePanel'
|
||||
panel-title='Talihli Dosyası Yükle'>
|
||||
<template #panelContent>
|
||||
<panel-talihli-document />
|
||||
</template>
|
||||
<template #footerButton>
|
||||
<button class='button-c button-save' @click='FileUpload'>Yükle</button>
|
||||
</template>
|
||||
</panel-wrapper>
|
||||
<panel-wrapper
|
||||
v-if="uploadProgressPanel"
|
||||
v-model="uploadProgressPanel"
|
||||
panel-title="Yükleme Durumu">
|
||||
<template #panelContent>
|
||||
<div class="progress-container">
|
||||
<div class="upload-warning">
|
||||
📌 İşlem sırasında tarayıcıyı veya bu sekmeyi kapatmayınız.
|
||||
</div>
|
||||
<div class="progress-bar">
|
||||
<div
|
||||
class="progress-fill"
|
||||
:style="{ width: uploadProgressValue + '%' }"
|
||||
></div>
|
||||
</div>
|
||||
<div class="progress-text">
|
||||
<template v-if="uploadProgressValue === 0">
|
||||
Dosya içeriği okunuyor, yükleme başlatılıyor...
|
||||
</template>
|
||||
<template v-else>
|
||||
{{ uploadProgressValue }}%
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</panel-wrapper>
|
||||
</section>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
import { useDataStore } from '@/stores/dataStore'
|
||||
const dataStore = useDataStore()
|
||||
|
||||
import { usePiyangoStore } from '../stores/piyangoStore'
|
||||
const piyangoStore = usePiyangoStore()
|
||||
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
import PanelWrapper from '@/components/PanelWrapper.vue'
|
||||
import PanelTalihliDocument from '@/module/cekilisler/components/panel/PanelTalihliDocument.vue'
|
||||
import { connectToHub, onCompleted, onProgress } from '@/module/cekilisler/service/signalrService'
|
||||
const usersStore = useUsersStore()
|
||||
const tableHeader = ref<Record<string, any>>([
|
||||
{
|
||||
name: 'cekilisKatilimSiraNo',
|
||||
title: 'Çekiliş Katılım Sıra No',
|
||||
sort: true,
|
||||
style: { width: '20%' }
|
||||
},
|
||||
|
||||
{
|
||||
name: 'sifreCode',
|
||||
title: 'Şifre (Code)',
|
||||
sort: true,
|
||||
style: { width: '20%' }
|
||||
},
|
||||
{
|
||||
name: 'magazaKartNumarasi',
|
||||
title: '(Mağaza Kartı) (Müşteri Kartı) Numarası',
|
||||
sort: true,
|
||||
style: { width: '20%' }
|
||||
},
|
||||
{
|
||||
name: 'isimSoyisim',
|
||||
title: 'Ad Soyad',
|
||||
sort: true,
|
||||
style: { width: '20%' }
|
||||
},{
|
||||
name: 'ikramiye',
|
||||
title: 'İkramiyesi'
|
||||
},{
|
||||
name: '',
|
||||
title: 'Talihli',
|
||||
computeHtml: (v: Record<string, any>) => {
|
||||
if (v.asilTalihli)
|
||||
return `<span class="back-grad back-grad-ok">${v.talihliSira !== undefined && v.talihliSira !== null ? v.talihliSira+'.' : ''} Asıl Talihli </span>`
|
||||
if (v.yedekTalihli)
|
||||
return `<span class="back-grad back-grad-waiting">${v.talihliSira !== undefined && v.talihliSira !== null ? v.talihliSira+'.' : ''} Yedek Talihli </span>`
|
||||
},
|
||||
style: { width: '15%' }
|
||||
},
|
||||
|
||||
{
|
||||
name: 'telefonNumarasi',
|
||||
title: 'Telefon',
|
||||
sort: true
|
||||
},
|
||||
{
|
||||
name: 'ilce',
|
||||
title: 'İlçe',
|
||||
sort: true
|
||||
},
|
||||
{
|
||||
name: 'il',
|
||||
title: 'İl',
|
||||
sort: true
|
||||
},
|
||||
{
|
||||
name: 'email',
|
||||
title: 'Email',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},{
|
||||
name: 'katilimTarihi',
|
||||
title: 'Katılım Tarihi',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'fisFaturaTarihi',
|
||||
title: 'Fiş/Fatura Tarihi',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'fisFaturaNo',
|
||||
title: 'Fiş/Fatura No',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'kampanyaliUrunTutari',
|
||||
title: 'Fiş/Fatura (Kampanyalı Ürün Tutarı)',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'toplamTutar',
|
||||
title: 'Fiş/Fatura Toplam Tutarı',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
|
||||
{
|
||||
name: 'magazaAdiYeri',
|
||||
title: 'Mağaza Adı/Yeri',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
}
|
||||
])
|
||||
const talihliFilePanel = ref<boolean>(false)
|
||||
const refreshList = ref<boolean>(false)
|
||||
const uploadProgressPanel = ref<boolean>(false)
|
||||
const uploadProgressValue = ref(0)
|
||||
|
||||
|
||||
import { usePiyangoTalihliStore } from '../stores/piyangoTalihliStore'
|
||||
|
||||
const piyangoTalihliStore = usePiyangoTalihliStore()
|
||||
import { usePiyangoKatilimciValidationStore } from '../validation/piyangoKatilimciValidationStore'
|
||||
|
||||
const piyangoKatilimciValidationStore = usePiyangoKatilimciValidationStore()
|
||||
const AddNewDocument = () => {
|
||||
dataStore.panelData = {
|
||||
title: '',
|
||||
file: ''
|
||||
}
|
||||
talihliFilePanel.value = true
|
||||
}
|
||||
const FileUpload = async () => {
|
||||
// const connectionId = await connectToHub()
|
||||
|
||||
// Progress modal'ı aç
|
||||
uploadProgressValue.value = 0
|
||||
uploadProgressPanel.value = true
|
||||
|
||||
// onProgress((data) => {
|
||||
// uploadProgressValue.value = data.Percent
|
||||
// console.log('Progress:', data.Percent)
|
||||
// })
|
||||
//
|
||||
// onCompleted((data) => {
|
||||
// console.log('Tamamlandı:', data)
|
||||
// uploadProgressPanel.value = false
|
||||
// refreshList.value = true
|
||||
// talihliFilePanel.value = false
|
||||
// })
|
||||
|
||||
const formData = new FormData()
|
||||
formData.append('file', piyangoTalihliStore.piyangoTalihliFileFormData.excelFile)
|
||||
console.log( dataStore.panelData)
|
||||
const response = await dataStore.dataPost(
|
||||
`Katilimci/talihli-yukle/${piyangoStore.selectedLottery}`,
|
||||
{
|
||||
data: formData,
|
||||
headers: { 'Content-Type': 'multipart/form-data' }
|
||||
}
|
||||
)
|
||||
|
||||
if (response.data !== 'errorfalse') {
|
||||
uploadProgressPanel.value = false
|
||||
refreshList.value = true
|
||||
talihliFilePanel.value = false
|
||||
} else {
|
||||
// Hata olursa paneli kapat
|
||||
uploadProgressPanel.value = false
|
||||
}
|
||||
}
|
||||
</script>
|
||||
166
src/module/cekilisler/components/TabPiyangoTeminatDurumu.vue
Normal file
166
src/module/cekilisler/components/TabPiyangoTeminatDurumu.vue
Normal file
@ -0,0 +1,166 @@
|
||||
<template>
|
||||
<section class="section-list">
|
||||
<list-table-content
|
||||
:tableHeader="tableHeader"
|
||||
icon="draws"
|
||||
title="Teminat Listesi"
|
||||
listText="Teminat"
|
||||
:rowAction="OpenTeminatDurum"
|
||||
:addAction="teminatAddAction"
|
||||
:apiList="
|
||||
'TeminantStates/GetTeminantStateCekilisList/' + piyangoStore.selectedLottery
|
||||
"
|
||||
v-model:refresh="piyangoTeminatStore.refreshList" />
|
||||
</section>
|
||||
<panel-wrapper
|
||||
wide
|
||||
v-if="piyangoTeminatStore.teminatPanel"
|
||||
v-model="piyangoTeminatStore.teminatPanel"
|
||||
:panel-title="piyangoTeminatStore.isNew ? 'Teminat Ekle' : 'Teminat Detayı'">
|
||||
<template #panelContent>
|
||||
<panel-piyango-teminat-durumu-display
|
||||
v-if="
|
||||
usersStore.isPanelUser ||
|
||||
(!usersStore.isPanelUser &&
|
||||
piyangoStore.lotteryApprove !== 3 &&
|
||||
!piyangoTeminatStore.isNew)
|
||||
" />
|
||||
<panel-piyango-teminat-durumu
|
||||
v-if="
|
||||
!usersStore.isPanelUser &&
|
||||
(piyangoStore.lotteryApprove === 3 || piyangoTeminatStore.isNew)
|
||||
" />
|
||||
</template>
|
||||
<template #footerButton>
|
||||
<button
|
||||
class="button-c button-save"
|
||||
:disabled="!piyangoTeminatValidationStore.formChanged"
|
||||
@click="piyangoTeminatService.SaveTeminatDurum"
|
||||
v-if="piyangoTeminatStore.isNew || usersStore.isPanelUser">
|
||||
Kaydet
|
||||
</button>
|
||||
</template>
|
||||
</panel-wrapper>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, computed,onBeforeMount } from 'vue'
|
||||
import PanelWrapper from '@/components/PanelWrapper.vue'
|
||||
|
||||
import PanelPiyangoTeminatDurumu from './panel/PanelPiyangoTeminatDurumu.vue'
|
||||
import PanelPiyangoTeminatDurumuDisplay from './panel/PanelPiyangoTeminatDurumuDisplay.vue'
|
||||
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
const globalStore = useGlobalStore()
|
||||
import { useDateStore } from '@/stores/dateStore'
|
||||
const dateStore = useDateStore()
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
const usersStore = useUsersStore()
|
||||
import { usePiyangoStore } from '../stores/piyangoStore'
|
||||
const piyangoStore = usePiyangoStore()
|
||||
import { usePiyangoTeminatStore } from '../stores/piyangoTeminatStore'
|
||||
const piyangoTeminatStore = usePiyangoTeminatStore()
|
||||
import { usePiyangoTeminatService } from '../service/piyangoTeminatService'
|
||||
const piyangoTeminatService = usePiyangoTeminatService()
|
||||
import { usePiyangoServices } from '../service/piyangoServices'
|
||||
const piyangoServices = usePiyangoServices()
|
||||
import { usePiyangoTeminatValidationStore } from '../validation/piyangoTeminatValidationStore'
|
||||
const piyangoTeminatValidationStore = usePiyangoTeminatValidationStore()
|
||||
|
||||
const tableHeader = ref<Record<string, any>[]>([
|
||||
{
|
||||
name: 'teminantNo',
|
||||
title: 'Teminat No',
|
||||
sort: true,
|
||||
style: { width: '10%' }
|
||||
},
|
||||
{
|
||||
name: 'teminantDate',
|
||||
title: 'Teminat Tarihi',
|
||||
sort: true,
|
||||
style: { width: '10%' },
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({
|
||||
date: v.teminantDate,
|
||||
pattern: 'yy-mm-dd',
|
||||
splitDate: '-'
|
||||
})
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'amount',
|
||||
title: 'Tutarı',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return globalStore.toTrLocale(v.amount)
|
||||
},
|
||||
style: { width: '10%' },
|
||||
sort: true
|
||||
},
|
||||
{
|
||||
name: 'teminatParentTypeText',
|
||||
title: 'Para Birimi',
|
||||
style: { width: '5%' },
|
||||
sort: true
|
||||
},
|
||||
{
|
||||
name: 'teminantChildTypeText',
|
||||
title: 'Teminat Türü',
|
||||
style: { width: '10%' }
|
||||
},
|
||||
{
|
||||
name: 'bankName',
|
||||
title: 'Banka',
|
||||
style: { width: '10%' }
|
||||
},
|
||||
{
|
||||
name: 'bankBranch',
|
||||
title: 'Şube'
|
||||
},
|
||||
{
|
||||
name: 'bankBranch',
|
||||
title: 'Dosya',
|
||||
computeHtml: (v: Record<string, any>) => {
|
||||
if (v.teminantDocumentUrl !== null && v.teminantDocumentUrl !== undefined) {
|
||||
return globalStore.TableCellDocument(v.teminantDocumentUrl)
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
name: '',
|
||||
title: 'Teminat Durumu',
|
||||
computeHtml: (v: Record<string, any>) => {
|
||||
if (v.state === 1) {
|
||||
return `<span class='back-grad back-grad-ok'>${v.stateText}</span>`
|
||||
}
|
||||
if (v.state === 2) {
|
||||
return `<span class='back-grad back-grad-alert'>${v.stateText}</span>`
|
||||
}
|
||||
if (v.state === 3) {
|
||||
return `<span class='back-grad back-grad-waiting'>${v.stateText}</span>`
|
||||
}
|
||||
},
|
||||
style: { width: '10%' }
|
||||
}
|
||||
])
|
||||
|
||||
const teminatAddAction = computed(() => {
|
||||
if (
|
||||
!usersStore.isPanelUser
|
||||
)
|
||||
return NewTeminatDurum
|
||||
else return ''
|
||||
})
|
||||
|
||||
const NewTeminatDurum = () => {
|
||||
piyangoTeminatStore.isNew = true
|
||||
piyangoTeminatStore.loaded = false
|
||||
piyangoTeminatStore.selectedTeminatId = null
|
||||
piyangoTeminatStore.teminatPanel = true
|
||||
}
|
||||
|
||||
const OpenTeminatDurum = (row: Record<string, any>) => {
|
||||
piyangoTeminatStore.isNew = false
|
||||
piyangoTeminatStore.loaded = false
|
||||
piyangoTeminatStore.teminatPanel = true
|
||||
piyangoTeminatStore.selectedTeminatId = row.id
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,149 @@
|
||||
<template>
|
||||
<div class="form-part section-list" v-if="piyangoIkramiyeStore.loaded">
|
||||
<list-table-content
|
||||
title="İkramiye Listesi"
|
||||
icon="draws"
|
||||
:tableHeader="ikramiyeTableHeader"
|
||||
:rowAction="EditIkramiye"
|
||||
listText="İkramiye"
|
||||
:addAction="AddActionFunction()"
|
||||
:apiList="'Ikramiye/Cekilis/' + piyangoStore.selectedLottery"
|
||||
apiText="İkramiye Listesi"
|
||||
v-model:refresh="piyangoIkramiyeStore.refreshList"
|
||||
rowNumber
|
||||
:totalValues="piyangoIkramiyeStore.totalIkramiyeValues" />
|
||||
</div>
|
||||
<panel-wrapper
|
||||
wide
|
||||
v-if="piyangoIkramiyeStore.ikramiyePanel"
|
||||
v-model="piyangoIkramiyeStore.ikramiyePanel"
|
||||
:panel-title="piyangoIkramiyeStore.isUpdate ? 'İkramiye Düzenle' : 'İkramiye Ekle'">
|
||||
<template #panelContent>
|
||||
<panel-piyango-ikramiye />
|
||||
</template>
|
||||
<template #footerButton>
|
||||
<div class="button-c button-save" @click="piyangoIkramiyeService.SaveIkramiye">
|
||||
{{ piyangoIkramiyeStore.isUpdate ? 'Kaydet' : 'Ekle' }}
|
||||
</div>
|
||||
</template>
|
||||
</panel-wrapper>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, reactive, onBeforeMount, watch } from 'vue'
|
||||
import { useDateStore } from '@/stores/dateStore'
|
||||
const dateStore = useDateStore()
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
const globalStore = useGlobalStore()
|
||||
import { useDataStore } from '@/stores/dataStore'
|
||||
const dataStore = useDataStore()
|
||||
import { useValidationStore } from '@/stores/validationStore'
|
||||
const validationStore = useValidationStore()
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
const usersStore = useUsersStore()
|
||||
import { usePiyangoStore } from '../../stores/piyangoStore'
|
||||
const piyangoStore = usePiyangoStore()
|
||||
import { usePiyangoServices } from '../../service/piyangoServices'
|
||||
const piyangoServices = usePiyangoServices()
|
||||
|
||||
import { usePiyangoIkramiyeStore } from '../../stores/piyangoIkramiyeStore'
|
||||
const piyangoIkramiyeStore = usePiyangoIkramiyeStore()
|
||||
import { usePiyangoIkramiyeService } from '../../service/piyangoIkramiyeService'
|
||||
const piyangoIkramiyeService = usePiyangoIkramiyeService()
|
||||
|
||||
import PanelPiyangoIkramiye from '../panel/PanelPiyangoIkramiye.vue'
|
||||
import PanelWrapper from '@/components/PanelWrapper.vue'
|
||||
|
||||
const talihliTitle = ref<string>('Talihli Adedi')
|
||||
|
||||
const ikramiyeTableHeader = ref<Record<string, any>[]>([
|
||||
{
|
||||
name: 'cinsi',
|
||||
title: 'Cinsi, Markası, Modeli',
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
return `${v.cinsi}, ${v.marka} ${v.model !== null ? ', ' + v.model : ''}`
|
||||
},
|
||||
style: { width: '20%' }
|
||||
},
|
||||
{
|
||||
name: 'birimFiyat',
|
||||
title: 'Birim Değeri (KDV+ÖTV Dahil)',
|
||||
sort: true,
|
||||
price: true,
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
if (v.paraBirimi !== null)
|
||||
return `${globalStore.toTrLocale(v.birimFiyat)} ${
|
||||
v.paraBirimi.paraBirimiSembol
|
||||
}`
|
||||
else return globalStore.toTrLocale(v.birimFiyat)
|
||||
},
|
||||
style: { width: '10%' }
|
||||
},
|
||||
{
|
||||
name: 'asilTalihliAdedi',
|
||||
title: talihliTitle.value,
|
||||
sort: true
|
||||
},
|
||||
{
|
||||
name: 'toplamDeger',
|
||||
title: 'Toplam Değer',
|
||||
sort: true,
|
||||
price: true,
|
||||
compute: (v: Record<string, any>): string => {
|
||||
if (v.paraBirimi !== null)
|
||||
return `${globalStore.toTrLocale(v.toplamDeger)} ${
|
||||
v.paraBirimi.paraBirimiSembol
|
||||
}`
|
||||
else return globalStore.toTrLocale(v.toplamDeger)
|
||||
}
|
||||
}
|
||||
])
|
||||
|
||||
const AddActionFunction = (): any => {
|
||||
if (usersStore.isPanelUser) {
|
||||
return ''
|
||||
} else {
|
||||
return NewIkramiye as Function
|
||||
}
|
||||
}
|
||||
|
||||
const NewIkramiye = () => {
|
||||
piyangoIkramiyeStore.ResetForm()
|
||||
piyangoIkramiyeStore.isUpdate = false
|
||||
piyangoIkramiyeStore.ikramiyePanel = true
|
||||
}
|
||||
|
||||
const EditIkramiye = (d: Record<string, any>) => {
|
||||
Object.assign(piyangoIkramiyeStore.piyangoIkramiyeForm, d)
|
||||
piyangoIkramiyeStore.piyangoIkramiyeForm.birimFiyat = globalStore.toTrLocale(
|
||||
piyangoIkramiyeStore.piyangoIkramiyeForm.birimFiyat
|
||||
)
|
||||
|
||||
piyangoIkramiyeStore.ikramiyePanel = true
|
||||
piyangoIkramiyeStore.isUpdate = true
|
||||
}
|
||||
|
||||
const TableHeaderColumns = () => {
|
||||
if (!piyangoStore.isLotteryForCharity) {
|
||||
talihliTitle.value = 'Asil Talihli Adedi'
|
||||
ikramiyeTableHeader.value.push({
|
||||
name: 'yedekTalihliAdedi',
|
||||
title: 'Yedek Talihli Adedi',
|
||||
sort: true
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
onBeforeMount(async () => {
|
||||
piyangoIkramiyeStore.loaded = false
|
||||
await piyangoServices.GetParaBirimleri()
|
||||
TableHeaderColumns()
|
||||
piyangoIkramiyeStore.loaded = true
|
||||
})
|
||||
|
||||
watch(
|
||||
() => piyangoStore.isLotteryForCharity,
|
||||
() => {
|
||||
TableHeaderColumns()
|
||||
}
|
||||
)
|
||||
</script>
|
||||
@ -0,0 +1,17 @@
|
||||
<template>
|
||||
<form-file
|
||||
v-model="piyangoKatilimciStore.piyangoKatilimciFileFormData.excelFile"
|
||||
elclass="panel-documents-item"
|
||||
:invalidText="piyangoKatilimciValidationStore.fileFormInvalidTexts.excelFile"
|
||||
:fileTypes="['xls','xlsx']"
|
||||
:maxFileSize="4294967296"
|
||||
maxFileSizeText="4GB"
|
||||
v-model:isValid="piyangoKatilimciValidationStore.isFileFormValid"
|
||||
description="Sadece XLS veya XLSX uzantılı dosya yükleyiniz. Dosya boyutu 4GB'dan fazla olmamalıdır."/>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { usePiyangoKatilimciStore } from '../../stores/piyangoKatilimciStore'
|
||||
const piyangoKatilimciStore = usePiyangoKatilimciStore()
|
||||
import { usePiyangoKatilimciValidationStore } from '../../validation/piyangoKatilimciValidationStore'
|
||||
const piyangoKatilimciValidationStore = usePiyangoKatilimciValidationStore()
|
||||
</script>
|
||||
@ -0,0 +1,18 @@
|
||||
<template>
|
||||
<form-file
|
||||
v-model="piyangoTalihliStore.piyangoTalihliFileFormData.excelFile"
|
||||
elclass="panel-documents-item"
|
||||
:invalidText="piyangoTalihliValidationStore.fileFormInvalidTexts.excelFile"
|
||||
:fileTypes="['xls','xlsx']"
|
||||
:maxFileSize="4294967296"
|
||||
maxFileSizeText="4GB"
|
||||
v-model:isValid="piyangoTalihliValidationStore.isFileFormValid"
|
||||
description="Sadece XLS veya XLSX uzantılı dosya yükleyiniz. Dosya boyutu 4GB'dan fazla olmamalıdır."/>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { usePiyangoTalihliStore } from '../../stores/piyangoTalihliStore'
|
||||
const piyangoTalihliStore = usePiyangoTalihliStore()
|
||||
|
||||
import { usePiyangoTalihliValidationStore } from '../../validation/piyangoTalihliValidationStore'
|
||||
const piyangoTalihliValidationStore = usePiyangoTalihliValidationStore()
|
||||
</script>
|
||||
65
src/module/cekilisler/service/piyangoIkramiyeService.ts
Normal file
65
src/module/cekilisler/service/piyangoIkramiyeService.ts
Normal file
@ -0,0 +1,65 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { useDataStore } from '@/stores/dataStore'
|
||||
import { usePiyangoStore } from '../stores/piyangoStore'
|
||||
import { usePiyangoIkramiyeStore } from '../stores/piyangoIkramiyeStore'
|
||||
import { usePiyangoIkramiyeValidationStore } from '../validation/piyangoIkramiyeValidationStore'
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
|
||||
export const usePiyangoIkramiyeService = defineStore('piyangoIkramiyeService', () => {
|
||||
const dataStore = useDataStore()
|
||||
const piyangoStore = usePiyangoStore()
|
||||
const piyangoIkramiyeStore = usePiyangoIkramiyeStore()
|
||||
const piyangoIkramiyeValidationStore = usePiyangoIkramiyeValidationStore()
|
||||
const globalStore = useGlobalStore()
|
||||
|
||||
const GetAllIkramiyeler = async () => {
|
||||
let data: Record<string, any> | any = await dataStore.dataGet(
|
||||
'Ikramiye/Cekilis/' + piyangoStore.selectedLottery + '?pageNumber=0'
|
||||
)
|
||||
|
||||
if (data !== 'errorfalse') {
|
||||
piyangoIkramiyeStore.piyangoAllIkramiyeTotals.yedekTalihliAdedi =
|
||||
data.toplamyedektalihli
|
||||
piyangoIkramiyeStore.piyangoAllIkramiyeTotals.asilTalihliAdedi =
|
||||
data.toplamasiltalihli
|
||||
piyangoIkramiyeStore.piyangoAllIkramiyeTotals.toplamDeger = data.toplamdeger
|
||||
|
||||
if (data.data.length > 0 && data.data[0].paraBirimi !== null)
|
||||
piyangoIkramiyeStore.piyangoAllIkramiyeParaBirimi =
|
||||
data.data[0].paraBirimi.paraBirimiSembol
|
||||
|
||||
piyangoIkramiyeStore.piyangoAllIkramiyeData = data.data
|
||||
}
|
||||
}
|
||||
|
||||
const SaveIkramiye = async () => {
|
||||
if (piyangoIkramiyeValidationStore.FormCheck()) {
|
||||
let dt: any
|
||||
piyangoIkramiyeStore.piyangoIkramiyeForm.birimFiyat = globalStore.floatEnLocale(piyangoIkramiyeStore.piyangoIkramiyeForm.birimFiyat)
|
||||
piyangoIkramiyeStore.piyangoIkramiyeForm.toplamDeger = globalStore.floatEnLocale(piyangoIkramiyeStore.piyangoIkramiyeForm.toplamDeger)
|
||||
|
||||
if (!piyangoIkramiyeStore.isUpdate) {
|
||||
piyangoIkramiyeStore.piyangoIkramiyeForm.cekilisId = piyangoStore.selectedLottery
|
||||
dt = await dataStore.dataPost('Ikramiye', {
|
||||
data: piyangoIkramiyeStore.piyangoIkramiyeForm
|
||||
})
|
||||
} else {
|
||||
dt = await dataStore.dataPut(
|
||||
'Ikramiye/' + piyangoIkramiyeStore.piyangoIkramiyeForm.id,
|
||||
{
|
||||
data: piyangoIkramiyeStore.piyangoIkramiyeForm
|
||||
}
|
||||
)
|
||||
}
|
||||
if (dt !== 'errorfalse') {
|
||||
piyangoIkramiyeStore.refreshList = true
|
||||
piyangoIkramiyeStore.isUpdate = false
|
||||
piyangoIkramiyeStore.ikramiyePanel = false
|
||||
}
|
||||
} else {
|
||||
piyangoIkramiyeValidationStore.isFormValid = true
|
||||
}
|
||||
}
|
||||
|
||||
return { GetAllIkramiyeler, SaveIkramiye }
|
||||
})
|
||||
87
src/module/cekilisler/service/piyangoKatilimciService.ts
Normal file
87
src/module/cekilisler/service/piyangoKatilimciService.ts
Normal file
@ -0,0 +1,87 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { useDataStore } from '@/stores/dataStore'
|
||||
import { usePiyangoStore } from '../stores/piyangoStore'
|
||||
import { usePiyangoKatilimciStore } from '../stores/piyangoKatilimciStore'
|
||||
import { usePiyangoKatilimciValidationStore } from '../validation/piyangoKatilimciValidationStore'
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
|
||||
export const usePiyangoKatilimciService = defineStore('piyangoKatilimciService', () => {
|
||||
const dataStore = useDataStore()
|
||||
const piyangoStore = usePiyangoStore()
|
||||
const piyangoKatilimciStore = usePiyangoKatilimciStore()
|
||||
const piyangoKatilimciValidationStore = usePiyangoKatilimciValidationStore()
|
||||
const usersStore = useUsersStore()
|
||||
|
||||
const SaveKatilimciUser = async () => {
|
||||
if (piyangoKatilimciValidationStore.UserFormCheck()) {
|
||||
let form: any
|
||||
|
||||
if (!piyangoKatilimciStore.isPiyangoKatilimciUserUpdate) {
|
||||
delete piyangoKatilimciStore.piyangoKatilimciUserFormData.id
|
||||
delete piyangoKatilimciStore.piyangoKatilimciUserFormData.cekilis
|
||||
form = await dataStore.dataPost('Katilimci', {
|
||||
data: piyangoKatilimciStore.piyangoKatilimciUserFormData
|
||||
})
|
||||
} else {
|
||||
form = await dataStore.dataPut(
|
||||
'Katilimci/' + piyangoKatilimciStore.piyangoKatilimciUserFormData.id,
|
||||
{
|
||||
data: piyangoKatilimciStore.piyangoKatilimciUserFormData
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
if (form !== 'errorfalse') {
|
||||
piyangoKatilimciStore.refreshPiyangoKatilimciList = true
|
||||
piyangoKatilimciStore.katilimciUserPanel = false
|
||||
}
|
||||
|
||||
if (form !== 'errorfalse') {
|
||||
piyangoKatilimciStore.ResetFormData()
|
||||
}
|
||||
} else {
|
||||
piyangoKatilimciValidationStore.isUserFormValid = true
|
||||
}
|
||||
}
|
||||
|
||||
const CreateOnlineDraw = async () => {
|
||||
if (usersStore.isPanelUser) {
|
||||
let dt = await dataStore.dataGet(
|
||||
'Cekilis/CekilisDuzenle/' + piyangoStore.selectedLottery
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
const KatilimciData = async (id: number): Promise<Record<string, any>> => {
|
||||
let dt = await dataStore.dataGet('Katilimci/' + id)
|
||||
|
||||
if (dt !== 'errorfalse') {
|
||||
return dt
|
||||
} else return {}
|
||||
}
|
||||
|
||||
const KatilimciFileUpload = async () => {
|
||||
if (piyangoKatilimciValidationStore.FileFormCheck()) {
|
||||
console.log('Katilimci File Upload')
|
||||
const formData = new FormData()
|
||||
formData.append('excelFile', piyangoKatilimciStore.piyangoKatilimciFileFormData.excelFile)
|
||||
let dt: any
|
||||
|
||||
dt = await dataStore.dataPost(
|
||||
'Katilimci/ExcelleYukle/' + piyangoStore.selectedLottery,
|
||||
{
|
||||
data: formData,
|
||||
headers: { 'Content-Type': 'multipart/form-data' }
|
||||
}
|
||||
)
|
||||
if (dt !== 'errorfalse') {
|
||||
piyangoKatilimciStore.refreshPiyangoKatilimciList = true
|
||||
piyangoKatilimciStore.katilimciFilePanel = false
|
||||
}
|
||||
} else {
|
||||
piyangoKatilimciValidationStore.isFileFormValid = true
|
||||
}
|
||||
}
|
||||
|
||||
return { SaveKatilimciUser, CreateOnlineDraw, KatilimciData, KatilimciFileUpload }
|
||||
})
|
||||
95
src/module/cekilisler/service/piyangoTeminatService.ts
Normal file
95
src/module/cekilisler/service/piyangoTeminatService.ts
Normal file
@ -0,0 +1,95 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { useDataStore } from '@/stores/dataStore'
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
import { usePiyangoStore } from '../stores/piyangoStore'
|
||||
import { usePiyangoTeminatStore } from '../stores/piyangoTeminatStore'
|
||||
import { usePiyangoTeminatValidationStore } from '../validation/piyangoTeminatValidationStore'
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
|
||||
export const usePiyangoTeminatService = defineStore('piyangoTeminatService', () => {
|
||||
const dataStore = useDataStore()
|
||||
const usersStore = useUsersStore()
|
||||
const piyangoStore = usePiyangoStore()
|
||||
const piyangoTeminatStore = usePiyangoTeminatStore()
|
||||
const piyangoTeminatValidationStore = usePiyangoTeminatValidationStore()
|
||||
const globalStore = useGlobalStore()
|
||||
|
||||
const SaveTeminatDurum = async () => {
|
||||
if (piyangoTeminatValidationStore.FormCheck()) {
|
||||
let form: any
|
||||
let dataForm = new FormData()
|
||||
|
||||
dataForm.append('state', piyangoTeminatStore.piyangoTeminatFormData.state)
|
||||
dataForm.append('amount', globalStore.floatEnLocale(piyangoTeminatStore.piyangoTeminatFormData.amount))
|
||||
dataForm.append('bankName', piyangoTeminatStore.piyangoTeminatFormData.bankName)
|
||||
dataForm.append('bankBranch', piyangoTeminatStore.piyangoTeminatFormData.bankBranch)
|
||||
dataForm.append(
|
||||
'teminatParentType',
|
||||
piyangoTeminatStore.piyangoTeminatFormData.teminatParentType
|
||||
)
|
||||
dataForm.append(
|
||||
'teminantChildType',
|
||||
piyangoTeminatStore.piyangoTeminatFormData.teminantChildType
|
||||
)
|
||||
dataForm.append(
|
||||
'teminantDate',
|
||||
piyangoTeminatStore.piyangoTeminatFormData.teminantDate
|
||||
)
|
||||
dataForm.append('teminantNo', piyangoTeminatStore.piyangoTeminatFormData.teminantNo)
|
||||
dataForm.append('cekilisId', String(piyangoStore.selectedLottery))
|
||||
dataForm.append('kisiId', String(usersStore.userId))
|
||||
dataForm.append('file', piyangoTeminatStore.piyangoTeminatFormData.file)
|
||||
dataForm.append(
|
||||
'description',
|
||||
piyangoTeminatStore.piyangoTeminatFormData.description
|
||||
)
|
||||
if (piyangoTeminatStore.isNew) {
|
||||
form = await dataStore.dataPost('TeminantStates/', {
|
||||
data: dataForm,
|
||||
headers: { 'Content-Type': 'multipart/form-data' },
|
||||
toast: { toast: 'Teminat durumu başarıyla kaydedildi', type: 'success' }
|
||||
})
|
||||
} else {
|
||||
form = await dataStore.dataPut(
|
||||
'TeminantStates/' + piyangoTeminatStore.piyangoTeminatFormData.id,
|
||||
{
|
||||
data: dataForm,
|
||||
headers: { 'Content-Type': 'multipart/form-data' },
|
||||
toast: { toast: 'Teminat durumu başarıyla güncellendi', type: 'success' }
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
if (form !== 'errorfalse') {
|
||||
piyangoTeminatStore.isNew = false
|
||||
piyangoTeminatValidationStore.formChanged = false
|
||||
piyangoTeminatStore.refreshList = true
|
||||
piyangoTeminatStore.teminatPanel = false
|
||||
}
|
||||
} else {
|
||||
piyangoTeminatValidationStore.isFormValid = true
|
||||
}
|
||||
}
|
||||
|
||||
const GetTeminatDurum = async () => {
|
||||
piyangoTeminatStore.loaded = false
|
||||
|
||||
let form = await dataStore.dataGet(
|
||||
'TeminantStates/' + piyangoTeminatStore.selectedTeminatId
|
||||
)
|
||||
|
||||
if (form !== 'errorfalse') {
|
||||
piyangoTeminatStore.isNew = false
|
||||
await Object.assign(piyangoTeminatStore.piyangoTeminatFormData, form)
|
||||
} else {
|
||||
await piyangoTeminatStore.ResetFormData()
|
||||
await piyangoTeminatStore.RestoreFormData()
|
||||
piyangoTeminatStore.isNew = true
|
||||
}
|
||||
setTimeout(() => {
|
||||
piyangoTeminatStore.loaded = true
|
||||
}, 30)
|
||||
}
|
||||
|
||||
return { SaveTeminatDurum, GetTeminatDurum }
|
||||
})
|
||||
66
src/module/cekilisler/stores/piyangoDataStore.ts
Normal file
66
src/module/cekilisler/stores/piyangoDataStore.ts
Normal file
@ -0,0 +1,66 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref } from 'vue'
|
||||
|
||||
export const usePiyangoDataStore = defineStore('piyangoDataStore', () => {
|
||||
const katilimciTeslimYontemi = ref<Record<string, any>[]>([])
|
||||
const cekilisYontemi = ref<Record<string, any>[]>([])
|
||||
const paraBirimleri = ref<Record<string, any>[]>([])
|
||||
const piyangoAmaclari = ref<Record<string, any>[]>([])
|
||||
const piyangoOnayDurumlari = ref<Record<string, any>[]>([])
|
||||
const piyangoTeminatDurumlari = ref<Record<string, any>[]>([])
|
||||
const piyangoTeminatTurleri = ref<Record<string, any>[]>([])
|
||||
const piyangoTeminatParaBirimleri = ref<Record<string, any>[]>([])
|
||||
|
||||
const digerHusularTexts = ref<string[]>([
|
||||
'- 18 yaşından küçükler piyango ve çekilişlere katılamaz, katılmış ve kazanmış olsalar bile ikramiyeleri verilmez.',
|
||||
'- İkramiyeye konu olan mal ve/veya hizmetin bedeli içinde bulunan vergiler(KDV-ÖTV) dışındaki vergi ve diğer yasal yükümlülükler talihliler tarafından ödenir.',
|
||||
'- 6698 sayılı Kişisel Verilerin Korunması Kanunu kapsamında aydınlatma yükümlülüğünün yerine getirilmesi ve KNOP çekilişlerine katılan katılımcılardan (kişisel verilerinin işlenmesine ve paylaşılmasına ilişkin) açık rızanın alınması önem arz etmektedir.',
|
||||
'- Bu hususlar, piyango ile ilgili tüm duyuru ve basılı materyallerde yer alacaktır',
|
||||
'- Piyango için, ilgili Mevzuat uyarınca diğer kurum ve kuruluşlardan izin alınması gerekmemektedir.'
|
||||
])
|
||||
const digerHusularYardimAmacliTexts = ref<string[]>([
|
||||
'- 18 yaşından küçükler piyango ve çekilişlere katılamaz, katılmış ve kazanmış olsalar bile ikramiyeleri verilmez.',
|
||||
'- İkramiyeye konu olan mal ve/veya hizmetin bedeli içinde bulunan vergiler(KDV-ÖTV) dışındaki vergi ve diğer yasal yükümlülükler talihliler tarafından ödenir.',
|
||||
'- 6698 sayılı Kişisel Verilerin Korunması Kanunu kapsamında aydınlatma yükümlülüğünün yerine getirilmesi ve KNOP çekilişlerine katılan katılımcılardan (kişisel verilerinin işlenmesine ve paylaşılmasına ilişkin) açık rızanın alınması önem arz etmektedir.',
|
||||
'- Bu hususlar, piyango ile ilgili tüm duyuru ve basılı materyallerde yer alacaktır',
|
||||
'- Tahrif edilmiş, yırtılmış, ilgili dernek mührü taşımayan biletlere ikramiye verilmeyecektir.',
|
||||
'- İkramiye tesliminde bilet ibrazı zorunludur.'
|
||||
])
|
||||
const fizikselYardimMessage = ref<string[]>([
|
||||
'- Çekiliş, bastırılan bilet adedini kapsayacak kadar numaralı toplarla çekilmesi suretiyle, noter huzurunda ve halka açık olarak gerçekleştirilecektir.'
|
||||
])
|
||||
|
||||
const fizikselTicariMessage = ref<string[]>([
|
||||
'- Toplam katılım sayısının rakam haneleri kadar içini göstermeyen torba veya kutulara yeterli adette konulan numaralı toplarla çekilmesi suretiyle, noter huzurunda ve halka açık olarak gerçekleştirilecektir.'
|
||||
])
|
||||
|
||||
const ikramiyeMessage = ref<string[]>([
|
||||
'- İkramiye olarak Türk Parası, döviz, tahvil, nakit gibi işlem gören değerli madenler ve taşlar ile bunlardan mamul eşya ile misli eşyalar konulamaz.',
|
||||
'- 2860 sayılı "Yardım Toplama Kanunu" gereğince, elde edilecek hasılatın (gelirin) %10\'dan daha az %40\'dan daha fazla ikramiye taahhüt edilemez.'
|
||||
])
|
||||
|
||||
const RemoveOnayDurumIncelemeBekleniyor = () => {
|
||||
const removeAdminIndex: number[] = [7, 8,14]
|
||||
for (let i: number = 0; i < removeAdminIndex.length; i++) {
|
||||
let ind = piyangoOnayDurumlari.value.findIndex((p) => p.islemId === removeAdminIndex[i])
|
||||
if (ind >= 0) piyangoOnayDurumlari.value.splice(ind, 1)
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
katilimciTeslimYontemi,
|
||||
cekilisYontemi,
|
||||
paraBirimleri,
|
||||
piyangoAmaclari,
|
||||
piyangoOnayDurumlari,
|
||||
piyangoTeminatDurumlari,
|
||||
piyangoTeminatTurleri,
|
||||
piyangoTeminatParaBirimleri,
|
||||
digerHusularTexts,
|
||||
digerHusularYardimAmacliTexts,
|
||||
fizikselYardimMessage,
|
||||
fizikselTicariMessage,
|
||||
ikramiyeMessage,
|
||||
RemoveOnayDurumIncelemeBekleniyor
|
||||
}
|
||||
})
|
||||
102
src/module/cekilisler/stores/piyangoKatilimciStore.ts
Normal file
102
src/module/cekilisler/stores/piyangoKatilimciStore.ts
Normal file
@ -0,0 +1,102 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref, reactive, computed } from 'vue'
|
||||
import { usePiyangoStore } from './piyangoStore'
|
||||
import { usePiyangoKatilimciValidationStore } from '../validation/piyangoKatilimciValidationStore'
|
||||
|
||||
export const usePiyangoKatilimciStore = defineStore('piyangoKatilimciStore', () => {
|
||||
const piyangoStore = usePiyangoStore()
|
||||
const piyangoKatilimciValidationStore = usePiyangoKatilimciValidationStore()
|
||||
|
||||
const piyangoKatilimciUserSafeFormData = reactive<Record<string, any>>({
|
||||
ikramiyeId: null,
|
||||
cekilisKatilimSiraNo: null,
|
||||
sifreCode: '',
|
||||
magazaKartNumarasi: '',
|
||||
adi: '',
|
||||
soyadi: '',
|
||||
dogumTarihi: '',
|
||||
telefonNo: '',
|
||||
evIkametgahAdresi: '',
|
||||
ilce: '',
|
||||
il: '',
|
||||
eposta: '',
|
||||
katilimTarihi: '',
|
||||
fisFaturaTarihi: '',
|
||||
fisFaturaNo: '',
|
||||
kampanyaliUrunTutari: null,
|
||||
toplamTutar: null,
|
||||
magazaAdiYeri: '',
|
||||
cekilisId: piyangoStore.selectedLottery,
|
||||
asilTalihli: false,
|
||||
yedekTalihli: false
|
||||
})
|
||||
|
||||
const piyangoKatilimciFileSafeFormData = reactive<Record<string, any>>({
|
||||
excelFile: ''
|
||||
})
|
||||
|
||||
const piyangoKatilimciUserFormData = reactive<Record<string, any>>({})
|
||||
const piyangoKatilimciFileFormData = reactive<Record<string, any>>({})
|
||||
const isPiyangoKatilimciUserUpdate = ref<boolean>(false)
|
||||
const refreshPiyangoKatilimciList = ref<boolean>(false)
|
||||
const loaded = ref<boolean>(false)
|
||||
const katilimciUserPanel = ref<boolean>(false)
|
||||
const katilimciFilePanel = ref<boolean>(false)
|
||||
const isNewKatilimci = ref<boolean>(false)
|
||||
|
||||
const drawDateControl = computed<boolean>(() => {
|
||||
let drawDate = new Date(piyangoStore.lotteryDrawDate)
|
||||
let today = new Date()
|
||||
drawDate.setHours(0, 0, 0, 0)
|
||||
today.setHours(0, 0, 0, 0)
|
||||
return today >= drawDate
|
||||
})
|
||||
|
||||
const ResetFormData = () => {
|
||||
loaded.value = false
|
||||
Object.assign(piyangoKatilimciUserFormData, piyangoKatilimciUserSafeFormData)
|
||||
piyangoKatilimciValidationStore.userFormChanged = false
|
||||
setTimeout(() => {
|
||||
loaded.value = true
|
||||
})
|
||||
}
|
||||
|
||||
const RestoreUserFormData = () => {
|
||||
Object.assign(piyangoKatilimciUserFormData, piyangoKatilimciUserSafeFormData)
|
||||
delete piyangoKatilimciUserFormData.id
|
||||
}
|
||||
|
||||
const RestoreFileFormData = () => {
|
||||
Object.assign(piyangoKatilimciFileFormData, piyangoKatilimciFileSafeFormData)
|
||||
}
|
||||
|
||||
const ResetTalihli = () => {
|
||||
loaded.value = false
|
||||
piyangoKatilimciUserFormData.ikramiyeId = null
|
||||
piyangoKatilimciUserFormData.asilTalihli = false
|
||||
piyangoKatilimciUserFormData.yedekTalihli = false
|
||||
piyangoKatilimciValidationStore.userFormInvalidTexts.ikramiyeId = ''
|
||||
piyangoKatilimciValidationStore.userFormChanged = true
|
||||
setTimeout(() => {
|
||||
loaded.value = true
|
||||
}, 50)
|
||||
}
|
||||
|
||||
return {
|
||||
piyangoKatilimciUserSafeFormData,
|
||||
piyangoKatilimciFileSafeFormData,
|
||||
piyangoKatilimciUserFormData,
|
||||
piyangoKatilimciFileFormData,
|
||||
loaded,
|
||||
isPiyangoKatilimciUserUpdate,
|
||||
refreshPiyangoKatilimciList,
|
||||
katilimciUserPanel,
|
||||
katilimciFilePanel,
|
||||
drawDateControl,
|
||||
isNewKatilimci,
|
||||
ResetFormData,
|
||||
RestoreUserFormData,
|
||||
RestoreFileFormData,
|
||||
ResetTalihli
|
||||
}
|
||||
})
|
||||
105
src/module/cekilisler/stores/piyangoTalihliStore.ts
Normal file
105
src/module/cekilisler/stores/piyangoTalihliStore.ts
Normal file
@ -0,0 +1,105 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref, reactive, computed } from 'vue'
|
||||
import { usePiyangoStore } from './piyangoStore'
|
||||
import { usePiyangoKatilimciValidationStore } from '../validation/piyangoKatilimciValidationStore'
|
||||
|
||||
export const usePiyangoTalihliStore = defineStore('piyangoTalihliStore', () => {
|
||||
const piyangoStore = usePiyangoStore()
|
||||
const piyangoKatilimciValidationStore = usePiyangoKatilimciValidationStore()
|
||||
|
||||
const piyangoKatilimciUserSafeFormData = reactive<Record<string, any>>({
|
||||
ikramiyeId: null,
|
||||
cekilisKatilimSiraNo: null,
|
||||
sifreCode: '',
|
||||
magazaKartNumarasi: '',
|
||||
adi: '',
|
||||
soyadi: '',
|
||||
dogumTarihi: '',
|
||||
telefonNo: '',
|
||||
evIkametgahAdresi: '',
|
||||
ilce: '',
|
||||
il: '',
|
||||
eposta: '',
|
||||
katilimTarihi: '',
|
||||
fisFaturaTarihi: '',
|
||||
fisFaturaNo: '',
|
||||
kampanyaliUrunTutari: null,
|
||||
toplamTutar: null,
|
||||
magazaAdiYeri: '',
|
||||
cekilisId: piyangoStore.selectedLottery,
|
||||
asilTalihli: false,
|
||||
yedekTalihli: false
|
||||
})
|
||||
|
||||
const piyangoKatilimciFileSafeFormData = reactive<Record<string, any>>({
|
||||
excelFile: ''
|
||||
})
|
||||
|
||||
const piyangoKatilimciUserFormData = reactive<Record<string, any>>({})
|
||||
|
||||
const piyangoTalihliFileFormData = reactive<Record<string, any>>({})
|
||||
|
||||
|
||||
const isPiyangoKatilimciUserUpdate = ref<boolean>(false)
|
||||
const refreshPiyangoKatilimciList = ref<boolean>(false)
|
||||
const loaded = ref<boolean>(false)
|
||||
const katilimciUserPanel = ref<boolean>(false)
|
||||
const katilimciFilePanel = ref<boolean>(false)
|
||||
const isNewKatilimci = ref<boolean>(false)
|
||||
|
||||
const drawDateControl = computed<boolean>(() => {
|
||||
let drawDate = new Date(piyangoStore.lotteryDrawDate)
|
||||
let today = new Date()
|
||||
drawDate.setHours(0, 0, 0, 0)
|
||||
today.setHours(0, 0, 0, 0)
|
||||
return today >= drawDate
|
||||
})
|
||||
|
||||
const ResetFormData = () => {
|
||||
loaded.value = false
|
||||
Object.assign(piyangoKatilimciUserFormData, piyangoKatilimciUserSafeFormData)
|
||||
piyangoKatilimciValidationStore.userFormChanged = false
|
||||
setTimeout(() => {
|
||||
loaded.value = true
|
||||
})
|
||||
}
|
||||
|
||||
const RestoreUserFormData = () => {
|
||||
Object.assign(piyangoKatilimciUserFormData, piyangoKatilimciUserSafeFormData)
|
||||
delete piyangoKatilimciUserFormData.id
|
||||
}
|
||||
|
||||
const RestoreFileFormData = () => {
|
||||
Object.assign(piyangoTalihliFileFormData, piyangoKatilimciFileSafeFormData)
|
||||
}
|
||||
|
||||
const ResetTalihli = () => {
|
||||
loaded.value = false
|
||||
piyangoKatilimciUserFormData.ikramiyeId = null
|
||||
piyangoKatilimciUserFormData.asilTalihli = false
|
||||
piyangoKatilimciUserFormData.yedekTalihli = false
|
||||
piyangoKatilimciValidationStore.userFormInvalidTexts.ikramiyeId = ''
|
||||
piyangoKatilimciValidationStore.userFormChanged = true
|
||||
setTimeout(() => {
|
||||
loaded.value = true
|
||||
}, 50)
|
||||
}
|
||||
|
||||
return {
|
||||
piyangoKatilimciUserSafeFormData,
|
||||
piyangoKatilimciFileSafeFormData,
|
||||
piyangoKatilimciUserFormData,
|
||||
piyangoTalihliFileFormData,
|
||||
loaded,
|
||||
isPiyangoKatilimciUserUpdate,
|
||||
refreshPiyangoKatilimciList,
|
||||
katilimciUserPanel,
|
||||
katilimciFilePanel,
|
||||
drawDateControl,
|
||||
isNewKatilimci,
|
||||
ResetFormData,
|
||||
RestoreUserFormData,
|
||||
RestoreFileFormData,
|
||||
ResetTalihli
|
||||
}
|
||||
})
|
||||
59
src/module/cekilisler/stores/piyangoTeminatStore.ts
Normal file
59
src/module/cekilisler/stores/piyangoTeminatStore.ts
Normal file
@ -0,0 +1,59 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref, reactive } from 'vue'
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
import { usePiyangoStore } from './piyangoStore'
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
import { usePiyangoTeminatValidationStore } from '../validation/piyangoTeminatValidationStore'
|
||||
|
||||
export const usePiyangoTeminatStore = defineStore('piyangoTeminatStore', () => {
|
||||
const globalStore = useGlobalStore()
|
||||
const usersStore = useUsersStore()
|
||||
const piyangoStore = usePiyangoStore()
|
||||
const piyangoTeminatValidationStore = usePiyangoTeminatValidationStore()
|
||||
|
||||
const piyangoTeminatSafeFormData = reactive<Record<string, any>>({
|
||||
state: 1,
|
||||
amount: null,
|
||||
bankName: '',
|
||||
bankBranch: '',
|
||||
teminatParentType: null,
|
||||
teminantChildType: null,
|
||||
teminantDate: '',
|
||||
teminantNo: null,
|
||||
cekilisId: piyangoStore.selectedLottery,
|
||||
kisiId: usersStore.userId,
|
||||
description: '',
|
||||
file: ''
|
||||
})
|
||||
|
||||
const piyangoTeminatFormData = reactive<Record<string, any>>({})
|
||||
|
||||
const loaded = ref<boolean>(false)
|
||||
const isNew = ref<boolean>(false)
|
||||
const teminatPanel = ref<boolean>(false)
|
||||
const selectedTeminatId = ref<number|null>(null)
|
||||
const refreshList = ref<boolean>(false)
|
||||
|
||||
const ResetFormData = () => {
|
||||
loaded.value = false
|
||||
globalStore.ResetObject(piyangoTeminatFormData, piyangoTeminatSafeFormData)
|
||||
piyangoTeminatValidationStore.formChanged = false
|
||||
setTimeout(() => {
|
||||
loaded.value = true
|
||||
}, 30)
|
||||
}
|
||||
const RestoreFormData = () => {
|
||||
Object.assign(piyangoTeminatFormData, piyangoTeminatSafeFormData)
|
||||
}
|
||||
return {
|
||||
piyangoTeminatSafeFormData,
|
||||
piyangoTeminatFormData,
|
||||
loaded,
|
||||
isNew,
|
||||
teminatPanel,
|
||||
selectedTeminatId,
|
||||
refreshList,
|
||||
ResetFormData,
|
||||
RestoreFormData
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,144 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref, reactive } from 'vue'
|
||||
import { useValidationStore } from '@/stores/validationStore'
|
||||
import { usePiyangoKatilimciStore } from '../stores/piyangoKatilimciStore'
|
||||
import { usePiyangoStore } from '../stores/piyangoStore'
|
||||
import { useDateStore } from '@/stores/dateStore'
|
||||
|
||||
export const usePiyangoKatilimciValidationStore = defineStore(
|
||||
'piyangoKatilimciValidationStore',
|
||||
() => {
|
||||
const piyangoKatilimciStore = usePiyangoKatilimciStore()
|
||||
const validationStore = useValidationStore()
|
||||
const piyangoStore = usePiyangoStore()
|
||||
const dateStore = useDateStore()
|
||||
|
||||
const userFormChanged = ref<boolean>(false)
|
||||
const isUserFormValid = ref<boolean>(true)
|
||||
const isFileFormValid = ref<boolean>(true)
|
||||
const userFormInvalidTexts = reactive<Record<string, any>>({})
|
||||
const fileFormInvalidTexts = reactive<Record<string, any>>({})
|
||||
|
||||
const FileFormCheck = (): boolean => {
|
||||
Object.assign(userFormInvalidTexts, {})
|
||||
|
||||
validationStore.IsFieldEmpty(
|
||||
piyangoKatilimciStore.piyangoKatilimciFileFormData,
|
||||
fileFormInvalidTexts,
|
||||
'excelFile',
|
||||
'Lütfen dosya seçiniz'
|
||||
)
|
||||
|
||||
isFileFormValid.value = Object.keys(fileFormInvalidTexts).length === 0
|
||||
return isFileFormValid.value
|
||||
}
|
||||
|
||||
const UserFormCheck = (): boolean => {
|
||||
Object.assign(userFormInvalidTexts, {})
|
||||
|
||||
validationStore.IsFieldEmpty(
|
||||
piyangoKatilimciStore.piyangoKatilimciUserFormData,
|
||||
userFormInvalidTexts,
|
||||
'eposta',
|
||||
'Lütfen e-posta adresini giriniz.'
|
||||
)
|
||||
|
||||
if (
|
||||
!validationStore.checkEmpty(
|
||||
piyangoKatilimciStore.piyangoKatilimciUserFormData.eposta
|
||||
)
|
||||
) {
|
||||
if (
|
||||
!validationStore.checkEmail(
|
||||
piyangoKatilimciStore.piyangoKatilimciUserFormData.eposta
|
||||
)
|
||||
) {
|
||||
userFormInvalidTexts.eposta =
|
||||
'Lütfen eposta adresinizi doğru formatta giriniz. Örn: isim@alanadi.td'
|
||||
isUserFormValid.value = false
|
||||
} else {
|
||||
delete userFormInvalidTexts.eposta
|
||||
}
|
||||
}
|
||||
|
||||
if (
|
||||
!validationStore.checkEmpty(
|
||||
piyangoKatilimciStore.piyangoKatilimciUserFormData.telefonNo
|
||||
)
|
||||
) {
|
||||
if (piyangoKatilimciStore.piyangoKatilimciUserFormData.telefonNo.length !== 10) {
|
||||
userFormInvalidTexts.telefonNo =
|
||||
'Telefon Numaranız başında 0 olmadan 10 haneden oluşmalıdır.'
|
||||
isUserFormValid.value = false
|
||||
} else {
|
||||
delete userFormInvalidTexts.telefonNo
|
||||
}
|
||||
}
|
||||
|
||||
validationStore.IsFieldEmpty(
|
||||
piyangoKatilimciStore.piyangoKatilimciUserFormData,
|
||||
userFormInvalidTexts,
|
||||
'adi',
|
||||
'Lütfen adını giriniz.'
|
||||
)
|
||||
|
||||
validationStore.IsFieldEmpty(
|
||||
piyangoKatilimciStore.piyangoKatilimciUserFormData,
|
||||
userFormInvalidTexts,
|
||||
'sifreCode',
|
||||
'Lütfen katılım kodunu giriniz.'
|
||||
)
|
||||
|
||||
validationStore.IsFieldEmpty(
|
||||
piyangoKatilimciStore.piyangoKatilimciUserFormData,
|
||||
userFormInvalidTexts,
|
||||
'soyadi',
|
||||
'Lütfen soyadını giriniz.'
|
||||
)
|
||||
|
||||
var today: Date | string = new Date()
|
||||
today = dateStore.dateFormat({
|
||||
date: today,
|
||||
pattern: 'yy-mm-dd'
|
||||
})
|
||||
|
||||
var ilanTarihi: string = dateStore.dateFormat({
|
||||
date: piyangoStore.lotteryIlanTarihi!,
|
||||
pattern: 'yy-mm-dd'
|
||||
})
|
||||
|
||||
if (
|
||||
(piyangoStore.lotteryDrawState || today === ilanTarihi) &&
|
||||
piyangoStore.lotteryApprove === 4 &&
|
||||
piyangoStore.lotteryData.cekilisYontemiId === 1
|
||||
) {
|
||||
if (
|
||||
((piyangoKatilimciStore.piyangoKatilimciUserFormData.asilTalihli ||
|
||||
piyangoKatilimciStore.piyangoKatilimciUserFormData.yedekTalihli) &&
|
||||
piyangoKatilimciStore.piyangoKatilimciUserFormData.ikramiyeId === null) ||
|
||||
(!piyangoKatilimciStore.piyangoKatilimciUserFormData.asilTalihli &&
|
||||
!piyangoKatilimciStore.piyangoKatilimciUserFormData.yedekTalihli &&
|
||||
piyangoKatilimciStore.piyangoKatilimciUserFormData.ikramiyeId !== null)
|
||||
) {
|
||||
userFormInvalidTexts.ikramiyeId =
|
||||
'Talihli tipi ve hediye seçimi birlikte yapılmış olmalıdır.'
|
||||
isUserFormValid.value = false
|
||||
} else {
|
||||
delete userFormInvalidTexts.ikramiyeId
|
||||
}
|
||||
}
|
||||
isUserFormValid.value = Object.keys(userFormInvalidTexts).length === 0
|
||||
return isUserFormValid.value
|
||||
}
|
||||
|
||||
return {
|
||||
userFormChanged,
|
||||
isUserFormValid,
|
||||
isFileFormValid,
|
||||
userFormInvalidTexts,
|
||||
fileFormInvalidTexts,
|
||||
FileFormCheck,
|
||||
UserFormCheck
|
||||
}
|
||||
}
|
||||
)
|
||||
@ -0,0 +1,45 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref, reactive } from 'vue'
|
||||
import { useValidationStore } from '@/stores/validationStore'
|
||||
import { usePiyangoTalihliStore } from '../stores/piyangoTalihliStore'
|
||||
import { usePiyangoStore } from '../stores/piyangoStore'
|
||||
import { useDateStore } from '@/stores/dateStore'
|
||||
|
||||
export const usePiyangoTalihliValidationStore = defineStore(
|
||||
'piyangoTalihliValidationStore',
|
||||
() => {
|
||||
const piyangoTalihliStore = usePiyangoTalihliStore()
|
||||
const validationStore = useValidationStore()
|
||||
const piyangoStore = usePiyangoStore()
|
||||
const dateStore = useDateStore()
|
||||
|
||||
const userFormChanged = ref<boolean>(false)
|
||||
const isUserFormValid = ref<boolean>(true)
|
||||
const isFileFormValid = ref<boolean>(true)
|
||||
const userFormInvalidTexts = reactive<Record<string, any>>({})
|
||||
const fileFormInvalidTexts = reactive<Record<string, any>>({})
|
||||
|
||||
const FileFormCheck = (): boolean => {
|
||||
Object.assign(userFormInvalidTexts, {})
|
||||
|
||||
validationStore.IsFieldEmpty(
|
||||
piyangoTalihliStore.piyangoTalihliFileFormData,
|
||||
fileFormInvalidTexts,
|
||||
'excelFile',
|
||||
'Lütfen dosya seçiniz'
|
||||
)
|
||||
|
||||
isFileFormValid.value = Object.keys(fileFormInvalidTexts).length === 0
|
||||
return isFileFormValid.value
|
||||
}
|
||||
|
||||
return {
|
||||
userFormChanged,
|
||||
isUserFormValid,
|
||||
isFileFormValid,
|
||||
userFormInvalidTexts,
|
||||
fileFormInvalidTexts,
|
||||
FileFormCheck,
|
||||
}
|
||||
}
|
||||
)
|
||||
102
src/module/cekilisler/views/PiyangoDetay.vue
Normal file
102
src/module/cekilisler/views/PiyangoDetay.vue
Normal file
@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<AdminLayout>
|
||||
<Breadcrumb currentPageText="Piyango Detay" />
|
||||
<tabs :tabList="tabList" v-if="loaded">
|
||||
<template #piyangobilgileri>
|
||||
<tab-piyango-bilgileri-display
|
||||
v-if="
|
||||
usersStore.isPanelUser ||
|
||||
(piyangoStore.lotteryApprove !== 0 &&
|
||||
piyangoStore.lotteryApprove !== 3 &&
|
||||
piyangoStore.lotteryApprove !== 8)
|
||||
" />
|
||||
<tab-piyango-bilgileri v-else />
|
||||
</template>
|
||||
<template #katilimcilistesi><tab-piyango-katilimci-listesi /></template>
|
||||
<template #talihliler><tab-piyango-talihli-listesi /></template>
|
||||
<template #itirazsikayet><tab-piyango-itiraz /></template>
|
||||
<template #piyangologlari><tab-piyango-loglari /></template>
|
||||
<template #yetkilendirme>
|
||||
<tab-piyango-yetkilendirme />
|
||||
</template>
|
||||
<template #onaydurumu>
|
||||
<tab-piyango-onay-durumu v-if="usersStore.isPanelUser" />
|
||||
<tab-piyango-onay-durumu-user v-else />
|
||||
</template>
|
||||
<template #teminatlistesi>
|
||||
<tab-piyango-teminat-durumu />
|
||||
</template>
|
||||
</tabs>
|
||||
</AdminLayout>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { onBeforeMount, ref } from 'vue'
|
||||
|
||||
import { useRoute } from 'vue-router'
|
||||
const route = useRoute()
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
const usersStore = useUsersStore()
|
||||
import { useDataStore } from '@/stores/dataStore'
|
||||
const dataStore = useDataStore()
|
||||
import { usePiyangoStore } from '../stores/piyangoStore'
|
||||
const piyangoStore = usePiyangoStore()
|
||||
|
||||
import AdminLayout from '@/layouts/AdminLayout.vue'
|
||||
import TabPiyangoYetkilendirme from '@/module/cekilisler/components/TabPiyangoYetkilendirme.vue'
|
||||
import TabPiyangoOnayDurumu from '@/module/cekilisler/components/TabPiyangoOnayDurumu.vue'
|
||||
import TabPiyangoOnayDurumuUser from '@/module/cekilisler/components/TabPiyangoOnayDurumuUser.vue'
|
||||
import TabPiyangoTeminatDurumu from '@/module/cekilisler/components/TabPiyangoTeminatDurumu.vue'
|
||||
import TabPiyangoLoglari from '@/module/cekilisler/components/TabPiyangoLoglari.vue'
|
||||
import TabPiyangoKatilimciListesi from '@/module/cekilisler/components/TabPiyangoKatilimciListesi.vue'
|
||||
import TabPiyangoTalihliListesi from '@/module/cekilisler/components/TabPiyangoTalihliListesi.vue'
|
||||
import TabPiyangoBilgileri from '@/module/cekilisler/components/TabPiyangoBilgileri.vue'
|
||||
import TabPiyangoBilgileriDisplay from '../components/TabPiyangoBilgileriDisplay.vue'
|
||||
import TabPiyangoItiraz from '@/module/cekilisler/components/TabPiyangoItiraz.vue'
|
||||
|
||||
const loaded = ref<boolean>(false)
|
||||
const tabList = ref<Record<string, any>[]>([
|
||||
{ text: 'Piyango Bilgileri', id: 'piyangobilgileri' }
|
||||
])
|
||||
|
||||
const CreateTabs = () => {
|
||||
if (
|
||||
piyangoStore.lotteryApprove === 4 ||
|
||||
piyangoStore.lotteryApprove === 10 ||
|
||||
piyangoStore.lotteryApprove === 11 ||
|
||||
piyangoStore.lotteryApprove === 12 ||
|
||||
piyangoStore.lotteryApprove === 13 ||
|
||||
piyangoStore.lotteryApprove === 14 ||
|
||||
usersStore.isPanelUser
|
||||
) {
|
||||
tabList.value.push(
|
||||
{ text: 'Katılım Listesi', id: 'katilimcilistesi' },
|
||||
{ text: 'Talihliler', id: 'talihliler' },
|
||||
{ text: 'İtiraz/Şikayet', id: 'itirazsikayet' }
|
||||
)
|
||||
}
|
||||
if (usersStore.isPanelUser) {
|
||||
tabList.value.push(
|
||||
{ text: 'Piyango Logları', id: 'piyangologlari' },
|
||||
{ text: 'Yetkilendirme', id: 'yetkilendirme' }
|
||||
)
|
||||
}
|
||||
tabList.value.push({ text: 'Onay Durumu', id: 'onaydurumu' })
|
||||
|
||||
if (piyangoStore.lotteryApprove !== 0) {
|
||||
tabList.value.push({ text: 'Teminat Listesi', id: 'teminatlistesi' })
|
||||
}
|
||||
}
|
||||
|
||||
onBeforeMount(async () => {
|
||||
piyangoStore.selectedLottery = Number(route.params.piyangoId)
|
||||
|
||||
const lotteryData: Record<string, any> = await dataStore.dataGet(
|
||||
'Cekilis/durum-sorgu/' + piyangoStore.selectedLottery
|
||||
)
|
||||
piyangoStore.SetLotteryControlData(lotteryData)
|
||||
|
||||
CreateTabs()
|
||||
|
||||
loaded.value = true
|
||||
})
|
||||
</script>
|
||||
233
src/module/cekilisler/views/PiyangoListe.vue
Normal file
233
src/module/cekilisler/views/PiyangoListe.vue
Normal file
@ -0,0 +1,233 @@
|
||||
<template>
|
||||
<AdminLayout>
|
||||
<Breadcrumb currentPageText="Piyango Listesi" />
|
||||
<div
|
||||
class="form-inner-comment waiting-d"
|
||||
v-if="!usersStore.isPanelUser && usersStore.userApproveId !== 4">
|
||||
Üyeliğiniz onaylandıktan sonra Piyango ekleyebilirsiniz.
|
||||
</div>
|
||||
|
||||
<section class="section-list">
|
||||
<list-table-content
|
||||
v-if="loaded"
|
||||
:tableHeader="tableHeader"
|
||||
:rowAction="OpenPiyango"
|
||||
icon="draws"
|
||||
title="Piyangolar"
|
||||
listText="Piyango"
|
||||
:addRoute="addApiControl"
|
||||
:apiList="apiList"
|
||||
apiText="Piyango Listesi" />
|
||||
</section>
|
||||
</AdminLayout>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, computed, onBeforeMount } from 'vue'
|
||||
|
||||
import AdminLayout from '@/layouts/AdminLayout.vue'
|
||||
import { useDateStore } from '@/stores/dateStore'
|
||||
|
||||
const dateStore = useDateStore()
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
const usersStore = useUsersStore()
|
||||
import { usePiyangoStore } from '../stores/piyangoStore'
|
||||
const piyangoStore = usePiyangoStore()
|
||||
import { usePiyangoDataStore } from '../stores/piyangoDataStore'
|
||||
const piyangoDataStore = usePiyangoDataStore()
|
||||
import { usePiyangoServices } from '../service/piyangoServices'
|
||||
const piyangoServices = usePiyangoServices()
|
||||
|
||||
import router from '@/router'
|
||||
|
||||
const loaded = ref<boolean>(false)
|
||||
const apiList = ref<string>('')
|
||||
const addApiControl = ref<string>('')
|
||||
|
||||
if (usersStore.userApproveId === 4 && !usersStore.isPanelUser)
|
||||
addApiControl.value = 'yeni-piyango'
|
||||
|
||||
apiList.value = usersStore.isPanelUser
|
||||
? usersStore.isSuperAdmin
|
||||
? 'Cekilis/GetCekilislerList'
|
||||
: 'Cekilis/GetCekilislerListAtanan/' + usersStore.userId
|
||||
: 'Cekilis/GetCekilislerListDuzenleyen/' + usersStore.userId
|
||||
|
||||
const cekilisYontemleri = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.cekilisYontemi
|
||||
})
|
||||
|
||||
const piyangoAmaclari = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.piyangoAmaclari
|
||||
})
|
||||
|
||||
const piyangoOnayDurumlari = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.piyangoOnayDurumlari
|
||||
})
|
||||
|
||||
const tableHeader = computed<Record<string, any>[]>(() => {
|
||||
let header: Record<string, any>[] = []
|
||||
|
||||
if (usersStore.isAraciFirma || usersStore.isPanelUser) {
|
||||
header.push({ name: 'duzenleyen', title: 'Düzenleyen' })
|
||||
}
|
||||
|
||||
header.push(
|
||||
{
|
||||
name: 'baslik',
|
||||
title: 'Başlık',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'piyangoamac',
|
||||
title: 'Piyango Amacı',
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: piyangoAmaclari.value,
|
||||
listVal: 'id',
|
||||
listText: 'amacAdi',
|
||||
filterId: 'piyangoAmacId'
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'olusturmaTarihi',
|
||||
title: 'Oluşturulma Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.olusturmaTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
})
|
||||
|
||||
if (usersStore.isVakifDernek || usersStore.isPanelUser) {
|
||||
header.push({
|
||||
name: 'cekilisTarihi',
|
||||
title: 'Çekiliş Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.cekilisTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
})
|
||||
}
|
||||
if (!usersStore.isVakifDernek || usersStore.isPanelUser) {
|
||||
header.push(
|
||||
{
|
||||
name: 'baslangicTarihi',
|
||||
title: 'Başlangıç Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
if (v.baslangicTarihi.includes('0001-')) return ''
|
||||
else return dateStore.dateFormat({ date: v.baslangicTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'bitisTarihi',
|
||||
title: 'Bitis Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
if (v.bitisTarihi.includes('0001-')) return ''
|
||||
else return dateStore.dateFormat({ date: v.bitisTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
header.push(
|
||||
{
|
||||
name: 'cekilisYontemi',
|
||||
title: 'Çekiliş Yöntemi',
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: cekilisYontemleri.value,
|
||||
listVal: 'id',
|
||||
listText: 'deger',
|
||||
filterId: 'cekilisYontemiId'
|
||||
}
|
||||
},
|
||||
{ name: 'ikramiyeler', title: 'İkramiyeler', style: { width: '15%' } },
|
||||
{
|
||||
name: 'durum',
|
||||
title: 'Durum',
|
||||
style: { width: '10%' },
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
return `<span class="back-grad ${piyangoStore.LoterryStatusClass(v.durum)}">
|
||||
${v.durum}
|
||||
</span>`
|
||||
},
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: piyangoOnayDurumlari.value,
|
||||
listVal: 'id',
|
||||
listText: 'tipAdi',
|
||||
filterId: 'durumId'
|
||||
}
|
||||
}
|
||||
)
|
||||
if (usersStore.isPanelUser) {
|
||||
header.push({
|
||||
name: 'atanmis',
|
||||
title: 'Sevk Durumu',
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
if (v.atanmis) {
|
||||
return `<strong class="back-grad back-grad-sevk-ok">
|
||||
${v.atananlar}
|
||||
</strong>`
|
||||
} else {
|
||||
return `<span class="back-grad back-grad-sevk">
|
||||
Sevk Edilmemiş</span>`
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
if (usersStore.isPanelUser) {
|
||||
header.push({
|
||||
name: 'basvuruBedelNo',
|
||||
title: 'Muhasebeleştirme Durumu',
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
let durum = ''
|
||||
if (v.basvuruBedelNo !== null) {
|
||||
durum += `<strong">Başvuru Bedel No: </strong>
|
||||
${v.basvuruBedelNo}<br>`
|
||||
}
|
||||
if (v.izinBedelNo !== null) {
|
||||
durum += `<strong">İzin Bedel No: </strong>
|
||||
${v.izinBedelNo}`
|
||||
}
|
||||
return durum
|
||||
}
|
||||
})
|
||||
}
|
||||
return header
|
||||
})
|
||||
|
||||
// tablodan herhangi bir satır tıklayınca çalısır
|
||||
const OpenPiyango = (row: any) => {
|
||||
router.push('detay/' + row.id)
|
||||
}
|
||||
|
||||
onBeforeMount(async () => {
|
||||
await piyangoServices.GetCekilisYontemiList()
|
||||
await piyangoServices.GetPiyangoAmaclariList()
|
||||
await piyangoServices.GetPiyangoOnayDurumList()
|
||||
|
||||
loaded.value = true
|
||||
})
|
||||
</script>
|
||||
@ -0,0 +1,177 @@
|
||||
<template>
|
||||
<section class="section-list">
|
||||
<list-table-content
|
||||
v-if="loaded"
|
||||
:tableHeader="tableHeader"
|
||||
:rowAction="rwAction"
|
||||
icon="users"
|
||||
title="Piyangolar"
|
||||
listText="Piyango"
|
||||
:apiList="apiList"
|
||||
apiText="Piyango Listesi" />
|
||||
</section>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, onBeforeMount, computed } from 'vue'
|
||||
import { useDateStore } from '@/stores/dateStore'
|
||||
|
||||
const dateStore = useDateStore()
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
const globalStore = useGlobalStore()
|
||||
import { usePiyangoStore } from '@/module/cekilisler/stores/piyangoStore'
|
||||
const piyangoStore = usePiyangoStore()
|
||||
import { usePiyangoDataStore } from '@/module/cekilisler/stores/piyangoDataStore'
|
||||
const piyangoDataStore = usePiyangoDataStore()
|
||||
import { usePiyangoServices } from '@/module/cekilisler/service/piyangoServices'
|
||||
const piyangoServices = usePiyangoServices()
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
const usersStore = useUsersStore()
|
||||
|
||||
import router from '@/router'
|
||||
|
||||
const loaded = ref<boolean>(false)
|
||||
const apiList = ref<string>('')
|
||||
|
||||
apiList.value = usersStore.isSuperAdmin
|
||||
? 'Cekilis/GetCekilislerListAtananAdmin/' + globalStore.selUser
|
||||
: 'Cekilis/GetCekilislerListAtanan/' + globalStore.selUser
|
||||
|
||||
const cekilisYontemleri = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.cekilisYontemi
|
||||
})
|
||||
|
||||
const piyangoAmaclari = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.piyangoAmaclari
|
||||
})
|
||||
|
||||
const piyangoOnayDurumlari = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.piyangoOnayDurumlari
|
||||
})
|
||||
|
||||
const tableHeader = ref<Record<string, any>[]>([
|
||||
{ name: 'duzenleyen', title: 'Düzenleyen', sort: true },
|
||||
{
|
||||
name: 'baslik',
|
||||
title: 'Başlık',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'piyangoamac',
|
||||
title: 'Piyango Amacı',
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: piyangoAmaclari,
|
||||
listVal: 'id',
|
||||
listText: 'amacAdi',
|
||||
filterId: 'piyangoAmacId'
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'olusturmaTarihi',
|
||||
title: 'Oluşturulma Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.olusturmaTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'cekilisTarihi',
|
||||
title: 'Çekiliş Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.cekilisTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'baslangicTarihi',
|
||||
title: 'Başlangıç Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.baslangicTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'bitisTarihi',
|
||||
title: 'Bitis Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.bitisTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'cekilisYontemi',
|
||||
title: 'Çekiliş Yöntemi',
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: cekilisYontemleri.value,
|
||||
listVal: 'id',
|
||||
listText: 'deger',
|
||||
filterId: 'cekilisYontemiId'
|
||||
}
|
||||
},
|
||||
{ name: 'ikramiyeler', title: 'İkramiyeler', style: { width: '15%' } },
|
||||
{
|
||||
name: 'durum',
|
||||
title: 'Durum',
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
return `<span class='back-grad ${piyangoStore.LoterryStatusClass(v.durum)}'>
|
||||
${v.durum}
|
||||
</span>`
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: piyangoOnayDurumlari.value,
|
||||
listVal: 'id',
|
||||
listText: 'tipAdi',
|
||||
filterId: 'durumId',
|
||||
style: { width: '10%' }
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'atanmis',
|
||||
title: 'Sevk Durumu',
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
if(v.atanmis){
|
||||
return `<strong class="back-grad back-grad-sevk-ok">
|
||||
${v.atananlar}
|
||||
</strong>`}else{
|
||||
return `<span class="back-grad back-grad-sevk">
|
||||
Sevk Edilmemiş</span>`
|
||||
}
|
||||
}
|
||||
}
|
||||
])
|
||||
|
||||
// tablodan herhangi bir satır tıklayınca çalısır
|
||||
const rwAction = (row: any) => {
|
||||
router.push('/piyangolar/detay/' + row.id)
|
||||
}
|
||||
|
||||
onBeforeMount(async () => {
|
||||
await piyangoServices.GetCekilisYontemiList()
|
||||
await piyangoServices.GetPiyangoAmaclariList()
|
||||
await piyangoServices.GetPiyangoOnayDurumList()
|
||||
|
||||
loaded.value = true
|
||||
})
|
||||
</script>
|
||||
211
src/module/muhasebe/views/MuhasebePiyangoListesi.vue
Normal file
211
src/module/muhasebe/views/MuhasebePiyangoListesi.vue
Normal file
@ -0,0 +1,211 @@
|
||||
<template>
|
||||
<AdminLayout>
|
||||
<Breadcrumb currentPageText="Muhasebe / Piyango Listesi" />
|
||||
<section class="section-list">
|
||||
<list-table-content
|
||||
v-if="loaded"
|
||||
:tableHeader="tableHeader"
|
||||
:rowAction="OpenPiyango"
|
||||
icon="draws"
|
||||
title="Piyangolar"
|
||||
listText="Piyango"
|
||||
:apiList="'Cekilis/GetCekilislerListAtanan/' + usersStore.userId"
|
||||
apiText="Piyango Listesi" />
|
||||
</section>
|
||||
</AdminLayout>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, computed, onBeforeMount } from 'vue'
|
||||
|
||||
import AdminLayout from '@/layouts/AdminLayout.vue'
|
||||
import { useDateStore } from '@/stores/dateStore'
|
||||
|
||||
const dateStore = useDateStore()
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
const usersStore = useUsersStore()
|
||||
import { usePiyangoStore } from '@/module/cekilisler/stores/piyangoStore'
|
||||
const piyangoStore = usePiyangoStore()
|
||||
import { usePiyangoDataStore } from '@/module/cekilisler/stores/piyangoDataStore'
|
||||
const piyangoDataStore = usePiyangoDataStore()
|
||||
import { usePiyangoServices } from '@/module/cekilisler/service/piyangoServices'
|
||||
const piyangoServices = usePiyangoServices()
|
||||
|
||||
import router from '@/router'
|
||||
|
||||
const loaded = ref<boolean>(false)
|
||||
|
||||
const cekilisYontemleri = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.cekilisYontemi
|
||||
})
|
||||
|
||||
const piyangoAmaclari = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.piyangoAmaclari
|
||||
})
|
||||
|
||||
const piyangoOnayDurumlari = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.piyangoOnayDurumlari
|
||||
})
|
||||
|
||||
const tableHeader = computed<Record<string, any>[]>(() => {
|
||||
let header: Record<string, any>[] = []
|
||||
|
||||
if (usersStore.isAraciFirma || usersStore.isPanelUser) {
|
||||
header.push({ name: 'duzenleyen', title: 'Düzenleyen' })
|
||||
}
|
||||
|
||||
header.push(
|
||||
{
|
||||
name: 'baslik',
|
||||
title: 'Başlık',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'piyangoamac',
|
||||
title: 'Piyango Amacı',
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: piyangoAmaclari.value,
|
||||
listVal: 'id',
|
||||
listText: 'amacAdi',
|
||||
filterId: 'piyangoAmacId'
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'olusturmaTarihi',
|
||||
title: 'Oluşturulma Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.olusturmaTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
if (usersStore.isVakifDernek || usersStore.isPanelUser) {
|
||||
header.push({
|
||||
name: 'cekilisTarihi',
|
||||
title: 'Çekiliş Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.cekilisTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
})
|
||||
}
|
||||
if (!usersStore.isVakifDernek || usersStore.isPanelUser) {
|
||||
header.push(
|
||||
{
|
||||
name: 'baslangicTarihi',
|
||||
title: 'Başlangıç Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
if (v.baslangicTarihi.includes('0001-')) return ''
|
||||
else return dateStore.dateFormat({ date: v.baslangicTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'bitisTarihi',
|
||||
title: 'Bitis Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
if (v.bitisTarihi.includes('0001-')) return ''
|
||||
else return dateStore.dateFormat({ date: v.bitisTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
header.push(
|
||||
{
|
||||
name: 'cekilisYontemi',
|
||||
title: 'Çekiliş Yöntemi',
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: cekilisYontemleri.value,
|
||||
listVal: 'id',
|
||||
listText: 'deger',
|
||||
filterId: 'cekilisYontemiId'
|
||||
}
|
||||
},
|
||||
{ name: 'ikramiyeler', title: 'İkramiyeler', style: { width: '15%' } },
|
||||
{
|
||||
name: 'durum',
|
||||
title: 'Durum',
|
||||
style: { width: '10%' },
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
return `<span class="back-grad ${piyangoStore.LoterryStatusClass(v.durum)}">
|
||||
${v.durum}
|
||||
</span>`
|
||||
},
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: piyangoOnayDurumlari.value,
|
||||
listVal: 'id',
|
||||
listText: 'tipAdi',
|
||||
filterId: 'durumId'
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'atanmis',
|
||||
title: 'Sevk Durumu',
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
if (v.atanmis) {
|
||||
return `<strong class="back-grad back-grad-sevk-ok">
|
||||
${v.atananlar}
|
||||
</strong>`
|
||||
} else {
|
||||
return `<span class="back-grad back-grad-sevk">
|
||||
Sevk Edilmemiş</span>`
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'basvuruBedelNo',
|
||||
title: 'Muhasebeleştirme Durumu',
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
let durum = ''
|
||||
if (v.basvuruBedelNo !== null) {
|
||||
durum += `<strong">Başvuru Bedel No: </strong>
|
||||
${v.basvuruBedelNo}<br>`
|
||||
}
|
||||
if (v.izinBedelNo !== null) {
|
||||
durum += `<strong">İzin Bedel No: </strong>
|
||||
${v.izinBedelNo}`
|
||||
}
|
||||
return durum
|
||||
}
|
||||
}
|
||||
)
|
||||
return header
|
||||
})
|
||||
|
||||
// tablodan herhangi bir satır tıklayınca çalısır
|
||||
const OpenPiyango = (row: any) => {
|
||||
router.push('/muhasebe/piyango-detay/' + row.id)
|
||||
}
|
||||
|
||||
onBeforeMount(async () => {
|
||||
await piyangoServices.GetCekilisYontemiList()
|
||||
await piyangoServices.GetPiyangoAmaclariList()
|
||||
await piyangoServices.GetPiyangoOnayDurumList()
|
||||
|
||||
loaded.value = true
|
||||
})
|
||||
</script>
|
||||
189
src/module/uyeler/components/TabUyePiyangolar.vue
Normal file
189
src/module/uyeler/components/TabUyePiyangolar.vue
Normal file
@ -0,0 +1,189 @@
|
||||
<template>
|
||||
<section class="section-list">
|
||||
<list-table-content
|
||||
v-if="loaded"
|
||||
:tableHeader="tableHeader"
|
||||
:rowAction="rwAction"
|
||||
icon="draws"
|
||||
title="Piyangolar"
|
||||
listText="Piyango"
|
||||
:addRoute="PiyangoLink()"
|
||||
:apiList="apiList"
|
||||
apiText="Piyango Listesi" />
|
||||
</section>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, computed, onBeforeMount } from 'vue'
|
||||
|
||||
import { useDateStore } from '@/stores/dateStore'
|
||||
const dateStore = useDateStore()
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
const globalStore = useGlobalStore()
|
||||
import { useGlobalDataStore } from '@/stores/globalDataStore'
|
||||
const globalDataStore = useGlobalDataStore()
|
||||
import { useUsersStore } from '@/stores/usersStore'
|
||||
const usersStore = useUsersStore()
|
||||
import { usePiyangoStore } from '@/module/cekilisler/stores/piyangoStore'
|
||||
const piyangoStore = usePiyangoStore()
|
||||
import { usePiyangoDataStore } from '@/module/cekilisler/stores/piyangoDataStore'
|
||||
const piyangoDataStore = usePiyangoDataStore()
|
||||
import { usePiyangoServices } from '@/module/cekilisler/service/piyangoServices'
|
||||
const piyangoServices = usePiyangoServices()
|
||||
|
||||
import router from '@/router'
|
||||
|
||||
const loaded = ref<boolean>(false)
|
||||
const apiList = ref<string>('')
|
||||
|
||||
apiList.value = usersStore.isSuperAdmin
|
||||
? 'Cekilis/GetCekilislerListDuzenleyenAdmin/' + usersStore.selectedUserId()
|
||||
: 'Cekilis/GetCekilislerListDuzenleyen/' + usersStore.selectedUserId()
|
||||
|
||||
const cekilisYontemleri = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.cekilisYontemi
|
||||
})
|
||||
|
||||
const piyangoAmaclari = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.piyangoAmaclari
|
||||
})
|
||||
|
||||
const piyangoOnayDurumlari = computed<Record<string, any>[]>(() => {
|
||||
return piyangoDataStore.piyangoOnayDurumlari
|
||||
})
|
||||
|
||||
const PiyangoLink = (): string => {
|
||||
if (usersStore.isPanelUser) return ''
|
||||
else return 'yeni-piyango'
|
||||
}
|
||||
|
||||
const tableHeader = ref<Record<string, any>[]>([
|
||||
{ name: 'duzenleyen', title: 'Düzenleyen', sort: true },
|
||||
{
|
||||
name: 'baslik',
|
||||
title: 'Başlık',
|
||||
sort: true,
|
||||
style: { width: '15%' }
|
||||
},
|
||||
{
|
||||
name: 'piyangoamac',
|
||||
title: 'Piyango Amacı',
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: piyangoAmaclari,
|
||||
listVal: 'id',
|
||||
listText: 'amacAdi',
|
||||
filterId: 'piyangoAmacId'
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'olusturmaTarihi',
|
||||
title: 'Oluşturulma Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.olusturmaTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'cekilisTarihi',
|
||||
title: 'Çekiliş Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.cekilisTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'baslangicTarihi',
|
||||
title: 'Başlangıç Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.baslangicTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'bitisTarihi',
|
||||
title: 'Bitis Tarihi',
|
||||
compute: (v: Record<string, any>): string => {
|
||||
return dateStore.dateFormat({ date: v.bitisTarihi })
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'date',
|
||||
range: true
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'cekilisYontemi',
|
||||
title: 'Çekiliş Yöntemi',
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: cekilisYontemleri.value,
|
||||
listVal: 'id',
|
||||
listText: 'deger',
|
||||
filterId: 'cekilisYontemiId'
|
||||
}
|
||||
},
|
||||
{ name: 'ikramiyeler', title: 'İkramiyeler', style: { width: '15%' } },
|
||||
{
|
||||
name: 'durum',
|
||||
title: 'Durum',
|
||||
style: { width: '10%' },
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
return `<span class='back-grad ${piyangoStore.LoterryStatusClass(v.durum)}'>
|
||||
${v.durum}
|
||||
</span>`
|
||||
},
|
||||
sort: true,
|
||||
filter: {
|
||||
type: 'select',
|
||||
data: piyangoOnayDurumlari.value,
|
||||
listVal: 'id',
|
||||
listText: 'tipAdi',
|
||||
filterId: 'durumId'
|
||||
}
|
||||
}
|
||||
])
|
||||
|
||||
if (usersStore.isPanelUser) {
|
||||
tableHeader.value.push({
|
||||
name: 'atanmis',
|
||||
title: 'Sevk Durumu',
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
if (v.atanmis) {
|
||||
return `<strong class="back-grad back-grad-sevk-ok">
|
||||
${v.atananlar}
|
||||
</strong>`
|
||||
} else {
|
||||
return `<span class="back-grad back-grad-sevk">
|
||||
Sevk Edilmemiş</span>`
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// tablodan herhangi bir satır tıklayınca çalısır
|
||||
const rwAction = (row: any) => {
|
||||
router.push('/piyangolar/detay/' + row.id)
|
||||
}
|
||||
|
||||
onBeforeMount(async () => {
|
||||
await piyangoServices.GetCekilisYontemiList()
|
||||
await piyangoServices.GetPiyangoAmaclariList()
|
||||
await piyangoServices.GetPiyangoOnayDurumList()
|
||||
|
||||
loaded.value = true
|
||||
})
|
||||
</script>
|
||||
210
src/stores/globalStore.ts
Normal file
210
src/stores/globalStore.ts
Normal file
@ -0,0 +1,210 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref, reactive } from 'vue'
|
||||
import axios from 'axios'
|
||||
|
||||
export const useGlobalStore = defineStore('globalStore', () => {
|
||||
const menuLoaded = ref<boolean>(false)
|
||||
const animateTime = ref<number>(300)
|
||||
const sideMenu = ref<boolean>(true)
|
||||
const sideMenuWidth = ref<number>(0)
|
||||
const screenWidth = ref<number>(0)
|
||||
const mainPadding = ref<number>(24)
|
||||
const notificationPanel = ref<boolean>(false)
|
||||
const profileMenu = ref<boolean>(false)
|
||||
const breakPoints = reactive<Record<string, any>>({
|
||||
mobile: 576,
|
||||
tablet: 992,
|
||||
tabletp: 768
|
||||
})
|
||||
const perPage = ref<number>(10)
|
||||
const selUser = ref<number>(0)
|
||||
const selAuthUser = ref<number>(0)
|
||||
const selCustomer = ref<number>(0)
|
||||
const selCustomerType = ref<number>(0)
|
||||
const imageFormats = ref<string[]>(['png', 'jpg', 'jpeg', 'webp'])
|
||||
const docFormats = ref<string[]>(['doc', 'docx', 'xls', 'xlsx', 'pdf'])
|
||||
const allowFormats = ref<string[]>([
|
||||
'png',
|
||||
'jpg',
|
||||
'jpeg',
|
||||
'webp',
|
||||
'doc',
|
||||
'docx',
|
||||
'xls',
|
||||
'xlsx',
|
||||
'pdf'
|
||||
])
|
||||
|
||||
const trToLower = (s: string): string => {
|
||||
if (s === null || s == '' || s == undefined) {
|
||||
return ''
|
||||
} else {
|
||||
s = s.toString()
|
||||
var letters: { [key: string]: string } = {
|
||||
İ: 'i',
|
||||
I: 'ı',
|
||||
Ş: 'ş',
|
||||
Ğ: 'ğ',
|
||||
Ü: 'ü',
|
||||
Ö: 'ö',
|
||||
Ç: 'ç'
|
||||
}
|
||||
s = s.replace(/(([İIŞĞÜÇÖ]))/g, function (letter: string) {
|
||||
return letters[letter]
|
||||
})
|
||||
return s.toLowerCase()
|
||||
}
|
||||
}
|
||||
|
||||
const trToEngLower = (s: string): string => {
|
||||
if (s === null || s == '' || s == undefined) {
|
||||
return ''
|
||||
} else {
|
||||
s = s.toString()
|
||||
var letters: { [key: string]: string } = {
|
||||
İ: 'i',
|
||||
I: 'i',
|
||||
Ş: 's',
|
||||
Ğ: 'g',
|
||||
Ü: 'u',
|
||||
Ö: 'o',
|
||||
Ç: 'c',
|
||||
ı: 'i',
|
||||
ş: 's',
|
||||
ğ: 'g',
|
||||
ü: 'u',
|
||||
ö: 'o',
|
||||
ç: 'c'
|
||||
}
|
||||
s = s.replace(/(([İIŞĞÜÇÖışğüöç]))/g, function (letter: string) {
|
||||
return letters[letter]
|
||||
})
|
||||
return s.toLowerCase()
|
||||
}
|
||||
}
|
||||
|
||||
const trToUpper = (s: string): string => {
|
||||
if (s === null || s == '' || s == undefined) {
|
||||
return ''
|
||||
} else {
|
||||
s = s.toString()
|
||||
var letters: { [key: string]: string } = {
|
||||
i: 'İ',
|
||||
ş: 'Ş',
|
||||
ğ: 'Ğ',
|
||||
ü: 'Ü',
|
||||
ö: 'Ö',
|
||||
ç: 'Ç',
|
||||
ı: 'I'
|
||||
}
|
||||
if (s === null || s == '') {
|
||||
return ''
|
||||
} else {
|
||||
s = s.replace(/(([iışğüçö]))/g, function (letter: string) {
|
||||
return letters[letter]
|
||||
})
|
||||
return s.toUpperCase()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const toTrLocale = (
|
||||
num: number | string,
|
||||
prec?: number | string,
|
||||
curr?: string | number
|
||||
): string => {
|
||||
var val: string
|
||||
var opt: Record<string, any> = {}
|
||||
if (prec) {
|
||||
if (prec) opt.minimumFractionDigits = prec
|
||||
if (curr) {
|
||||
opt.style = 'currency'
|
||||
opt.currency = curr
|
||||
}
|
||||
val = new Intl.NumberFormat('tr-TR', opt).format(Number(num))
|
||||
} else {
|
||||
let d = num.toString().split('.')[1] ? num.toString().split('.')[1].length : 0
|
||||
opt.minimumFractionDigits = d
|
||||
val = new Intl.NumberFormat('tr-TR', opt).format(Number(num))
|
||||
}
|
||||
return String(val)
|
||||
}
|
||||
|
||||
const floatEnLocale = (num: number | string): string => {
|
||||
return num.toString().replace('.', '').replace(',', '.')
|
||||
}
|
||||
|
||||
const CreateSlug = (s: string, dlm?: string): string => {
|
||||
let slug = trToEngLower(s)
|
||||
let inDlm = dlm !== undefined ? dlm : '-'
|
||||
slug = slug.replace(/\W+/g, inDlm).toLowerCase()
|
||||
return slug
|
||||
}
|
||||
|
||||
const FileType = (s: string): string => {
|
||||
return s.slice(s.lastIndexOf('.') + 1)
|
||||
}
|
||||
|
||||
const FileName = (s: string): string => {
|
||||
if (s.includes('/')) return s.slice(s.lastIndexOf('/') + 1)
|
||||
else if (s.includes('\\')) return s.slice(s.lastIndexOf('\\') + 1)
|
||||
else return s.slice(s.lastIndexOf('/') + 1)
|
||||
}
|
||||
|
||||
const IsImage = (s: string): boolean => {
|
||||
return imageFormats.value.includes(FileType(s).toLocaleLowerCase())
|
||||
}
|
||||
|
||||
const TableCellDocument = (v: string) => {
|
||||
if (IsImage(v)) {
|
||||
return `<a href="${
|
||||
axios.defaults.baseURL + v
|
||||
}" target="_blank" onclick="event.stopPropagation()"><img class="table-cell-image" src="${
|
||||
axios.defaults.baseURL + v
|
||||
}" /></a>`
|
||||
} else {
|
||||
return `<a class="back-grad back-grad-grey" target="_blank" onclick="event.stopPropagation()" href="${
|
||||
axios.defaults.baseURL + v
|
||||
}">${FileName(v)}</a>`
|
||||
}
|
||||
}
|
||||
|
||||
const ResetObject = (target: Record<string, any>, base: Record<string, any>) => {
|
||||
Object.keys(target).forEach((tk) => {
|
||||
Object.keys(base).forEach((bk) => {
|
||||
if (base[tk] === undefined) delete target[tk]
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
return {
|
||||
menuLoaded,
|
||||
animateTime,
|
||||
sideMenu,
|
||||
sideMenuWidth,
|
||||
screenWidth,
|
||||
mainPadding,
|
||||
notificationPanel,
|
||||
profileMenu,
|
||||
breakPoints,
|
||||
perPage,
|
||||
selUser,
|
||||
selAuthUser,
|
||||
selCustomer,
|
||||
selCustomerType,
|
||||
imageFormats,
|
||||
docFormats,
|
||||
allowFormats,
|
||||
toTrLocale,
|
||||
floatEnLocale,
|
||||
trToLower,
|
||||
trToEngLower,
|
||||
trToUpper,
|
||||
CreateSlug,
|
||||
FileType,
|
||||
FileName,
|
||||
IsImage,
|
||||
TableCellDocument,
|
||||
ResetObject
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user