Merge branch 'develop' into working

This commit is contained in:
Tanyalak 2023-10-18 12:26:55 +07:00
commit 686a0a1b16
7 changed files with 183 additions and 215 deletions

View file

@ -1,7 +1,10 @@
<script setup lang="ts"> <script setup lang="ts">
import router from "@/router"; import router from "@/router";
import { onMounted, ref } from "vue"; import { onMounted, ref, watch } from "vue";
import { useCounterMixin } from "@/stores/mixin"; import { useCounterMixin } from "@/stores/mixin";
import { useInvestigateFactStore } from "@/modules/11_discipline/stroes/InvestigateFactStore";
const investigateFactStore = useInvestigateFactStore();
const { filterFnOptionsType } = investigateFactStore;
const mixin = useCounterMixin(); const mixin = useCounterMixin();
const { const {
messageError, messageError,
@ -17,51 +20,15 @@ const detail = ref<string>("");
const fault = ref<string>(""); const fault = ref<string>("");
const results = ref<string>(""); const results = ref<string>("");
const other = ref<string>(""); const other = ref<string>("");
const evidenceFiles = ref<any>(null); const evidenceFiles = ref<File | null>(null);
const fileComplaint = ref<any>(null); const fileComplaint = ref<File | null>(null);
const clickTime = ref<boolean>(false); const clickTime = ref<boolean>(false);
const date = ref<Date | null>(null); const date = ref<Date>();
const dateEnd = ref<Date | null>(null); const dateEnd = ref<Date>();
const investigation = ref<string>(""); const investigation = ref<string>("");
const faultOps = ref<any>([
{ id: "001", value: "ยังไม่ระบุ" },
{ id: "002", value: "ไม่ร้ายเเรง" },
{ id: "003", value: "ร้ายเเรง" },
]);
const faultOp = ref<any>();
const investigationOps = ref<any>([
{ id: "001", value: "เเต่งตั้งการสืบสวน" },
{ id: "002", value: "สืบสวนทางลับ" },
{ id: "003", value: "อื่นๆ" },
]);
const daysExtend = ref<string>("");
const daysExtendOp = ref<any>();
const daysExtendOps = ref<any>([
{ id: "000", value: "15 วัน" },
{ id: "001", value: "30 วัน" },
{ id: "002", value: "45 วัน" },
{ id: "003", value: "60 วัน" },
]);
const investigationOp = ref<any>();
function filterFnOptionsType(val: string, update: any, type: string) { const daysExtend = ref<string>("");
update(() => {
const needle = val.toLowerCase();
if (type === "faultOp") {
faultOp.value = faultOps.value.filter(
(v: any) => v.value.toLowerCase().indexOf(needle) > -1
);
} else if (type === "investigationOp") {
investigationOp.value = investigationOps.value.filter(
(v: any) => v.value.toLowerCase().indexOf(needle) > -1
);
} else if (type === "daysExtendOp") {
daysExtendOp.value = daysExtendOps.value.filter(
(v: any) => v.value.toLowerCase().indexOf(needle) > -1
);
}
});
}
</script> </script>
<template> <template>
<div class="toptitle text-dark col-12 row items-center"> <div class="toptitle text-dark col-12 row items-center">
@ -103,11 +70,11 @@ function filterFnOptionsType(val: string, update: any, type: string) {
outlined outlined
dense dense
v-model="fault" v-model="fault"
:options="faultOp" :options="investigateFactStore.faultOp"
label="ลักษณะความผิด" label="ลักษณะความผิด"
emit-value emit-value
map-options map-options
option-label="value" option-label="name"
option-value="id" option-value="id"
use-input use-input
@filter="(inputValue: any, @filter="(inputValue: any,
@ -127,11 +94,11 @@ function filterFnOptionsType(val: string, update: any, type: string) {
outlined outlined
dense dense
v-model="investigation" v-model="investigation"
:options="investigationOp" :options="investigateFactStore.investigationOp"
label="ลักษณะการสืบสวน" label="ลักษณะการสืบสวน"
emit-value emit-value
map-options map-options
option-label="value" option-label="name"
option-value="id" option-value="id"
use-input use-input
@filter="(inputValue: any, @filter="(inputValue: any,
@ -195,7 +162,7 @@ function filterFnOptionsType(val: string, update: any, type: string) {
dense dense
lazy-rules lazy-rules
borderless borderless
:model-value="date !== null ? date2Thai(date) : null" :model-value="date ? date2Thai(date) : null"
:rules="[ :rules="[
(val) => (val) =>
!!val || `${'กรุณาเลือกวันที่เริ่มการสอบสวน'}`, !!val || `${'กรุณาเลือกวันที่เริ่มการสอบสวน'}`,
@ -234,9 +201,7 @@ function filterFnOptionsType(val: string, update: any, type: string) {
dense dense
lazy-rules lazy-rules
borderless borderless
:model-value=" :model-value="dateEnd ? date2Thai(dateEnd) : null"
dateEnd !== null ? date2Thai(dateEnd) : null
"
:rules="[ :rules="[
(val) => (val) =>
!!val || `${'กรุณาเลือกวันที่สิ้นสุดการสอบสวน'}`, !!val || `${'กรุณาเลือกวันที่สิ้นสุดการสอบสวน'}`,
@ -262,14 +227,17 @@ function filterFnOptionsType(val: string, update: any, type: string) {
dense dense
lazy-rules lazy-rules
v-model="daysExtend" v-model="daysExtend"
:options="daysExtendOp" :options="investigateFactStore.daysExtendOp"
label="จำนวนวันที่ต้องการขยาย" label="จำนวนวันที่ต้องการขยาย"
emit-value emit-value
map-options map-options
:rules="[ :rules="[
(val) => !!val || `${'กรุณาเลือกจำนวนวันที่ต้องการขยาย'}`, (val) =>
clickTime === true
? !!val || 'กรุณาเลือกจำนวนวันที่ต้องการขยาย'
: true,
]" ]"
option-label="value" option-label="name"
option-value="id" option-value="id"
use-input use-input
@filter="(inputValue: any, @filter="(inputValue: any,

View file

@ -2,26 +2,26 @@
import { ref, useAttrs, onMounted } from "vue"; import { ref, useAttrs, onMounted } from "vue";
import type { QTableProps } from "quasar"; import type { QTableProps } from "quasar";
import router from "@/router"; import router from "@/router";
import { useCounterMixin } from "@/stores/mixin";
import { useQuasar } from "quasar"; import { useQuasar } from "quasar";
// import { useCounterMixin } from "@/stores/mixin";
import config from "@/app.config"; // import config from "@/app.config";
import http from "@/plugins/http"; // import http from "@/plugins/http";
import { useInvestigateFactStore } from '../../stroes/InvestigateFactStore' import { useInvestigateFactStore } from '../../stroes/InvestigateFactStore'
const dataInvestigate = useInvestigateFactStore() const dataInvestigate = useInvestigateFactStore()
const { fecthList } = dataInvestigate const { fecthList } = dataInvestigate
const mixin = useCounterMixin(); // const mixin = useCounterMixin();
const { // const {
date2Thai, // date2Thai,
success, // success,
messageError, // messageError,
showLoader, // showLoader,
hideLoader, // hideLoader,
dialogConfirm, // dialogConfirm,
dialogRemove, // dialogRemove,
} = mixin; // } = mixin;
const $q = useQuasar(); // noti quasar const $q = useQuasar(); // noti quasar
const visibleColumns = ref<string[]>([ const visibleColumns = ref<string[]>([
@ -116,7 +116,7 @@ function fecthInvestigateFact() {
{ {
subject: "ทุจริตในหน้าที่", subject: "ทุจริตในหน้าที่",
interrogated: "ศิรินภา คงน้อยี่", interrogated: "ศิรินภา คงน้อยี่",
fault: "0", fault: "1",
status: "0", status: "0",
active:'1' active:'1'
}, },
@ -130,15 +130,15 @@ function fecthInvestigateFact() {
{ {
subject: "กระทำทุจริตเงินกองทุน", subject: "กระทำทุจริตเงินกองทุน",
interrogated: "นายกัณฐิมา กาฬสินธ์ุ", interrogated: "นายกัณฐิมา กาฬสินธ์ุ",
fault: "1", fault: "0",
status: "2", status: "1",
active:'1' active:'1'
}, },
{ {
subject: "พูดจาไม่สุภาพ", subject: "พูดจาไม่สุภาพ",
interrogated: "นายปิยรมย์ ศิริธาราฟ", interrogated: "นายปิยรมย์ ศิริธาราฟ",
fault: "2", fault: "0",
status: "3", status: "1",
active:'1' active:'1'
}, },
]; ];
@ -210,7 +210,7 @@ onMounted(()=>{
/> />
</div> </div>
<div class="col-12"> <div class="col-12">
<q-table <d-table
ref="table" ref="table"
:columns="columns" :columns="columns"
:rows="dataInvestigate.rows" :rows="dataInvestigate.rows"
@ -228,7 +228,7 @@ onMounted(()=>{
> >
<template v-slot:header="props"> <template v-slot:header="props">
<q-tr :props="props"> <q-tr :props="props">
<q-th v-for="col in props.cols" :key="col.name" :props="props"> <q-th v-for="col in props.cols" :key="col.name" :props="props" style="padding: 10px;color:#35373C;font-weight: 500;">
<span class="text-weight-medium">{{ col.label }}</span> <span class="text-weight-medium">{{ col.label }}</span>
</q-th> </q-th>
<q-th auto-width /> <q-th auto-width />
@ -267,8 +267,8 @@ onMounted(()=>{
<q-td style="font-size: 14px;width: 10rem"> <q-td style="font-size: 14px;width: 10rem">
{{ props.row.active }} {{ props.row.active }}
</q-td> </q-td>
<q-td auto-width style="width: 10rem"> <q-td auto-width >
<q-btn v-if="props.row.status === 'ยุติเรื่อง'" color="primary" class="q-px-xl q-py-xs">ยกเลิกยุติเรื่อง</q-btn> <q-btn v-if="props.row.status === 'ยุติเรื่อง'" class="q-px-xl q-py-xs text-white no-shadow" style="background-color:#00AA86 ; border-radius: 6px;">ยกเลิกยุติเรื่อง</q-btn>
</q-td> </q-td>
</q-tr> </q-tr>
</template> </template>
@ -284,57 +284,10 @@ onMounted(()=>{
direction-links direction-links
></q-pagination> ></q-pagination>
</template> </template>
</q-table> </d-table>
</div> </div>
</div> </div>
</q-card> </q-card>
</template> </template>
<style lang="scss" scope>
.filter-card {
background-color: #f1f1f1b0;
}
.toggle-expired-account {
font-size: 12px;
font-weight: 400;
font-size: 15px;
line-height: 150%;
color: #35373c;
}
.icon-color {
color: #4154b3;
}
.custom-header-table {
max-height: 64vh;
.q-table tr:nth-child(odd) td {
background: white;
}
.q-table tr:nth-child(even) td {
background: #f8f8f8;
}
.q-table thead tr {
background: #ecebeb;
}
.q-table thead tr th {
position: sticky;
z-index: 1;
}
/* this will be the loading indicator */
.q-table thead tr:last-child th {
/* height of all previous header rows */
top: 48px;
}
.q-table thead tr:first-child th {
top: 0;
}
}
</style>

View file

@ -4,52 +4,31 @@ import { VuePDF, usePDF } from "@tato30/vue-pdf";
import { useCounterMixin } from "@/stores/mixin"; import { useCounterMixin } from "@/stores/mixin";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
import { useQuasar } from "quasar"; import { useQuasar } from "quasar";
import type { DataOption } from "@/modules/11_discipline/interface/index/Main";
import { useReportDataStore } from "@/modules/11_discipline/stroes/ReportStore"; import { useReportDataStore } from "@/modules/11_discipline/stroes/ReportStore";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const date = ref<Date | null>(null); const date = ref<Date>();
const dateEnd = ref<Date | null>(null); const dateEnd = ref<Date>();
const route = useRoute(); const route = useRoute();
const typeReport = route.params.type.toString(); const typeReport = route.params.type.toString();
const store = useReportDataStore(); const store = useReportDataStore();
const mixin = useCounterMixin(); const mixin = useCounterMixin();
const { messageError, showLoader, hideLoader, date2Thai } = mixin; const { messageError, showLoader, hideLoader, date2Thai } = mixin;
const { optionReport } = store; const { filterFnOptionsType } = store;
const $q = useQuasar(); const $q = useQuasar();
const ocSelect = ref<string>(""); const ocSelect = ref<string>("");
const ocSelectOp = ref<any>();
const ocSelectOps = ref<any>([
{ id: "001", value: "กทม" },
{ id: "002", value: "กรุงเทพ" },
]);
const government = ref<string>(""); const government = ref<string>("");
const governmentOp = ref<any>(); const fault = ref<string>();
const governmentOps = ref<any>([
{ id: "001", value: "กทม" },
{ id: "002", value: "กรุงเทพ" },
{ id: "003", value: "bankok" },
]);
const fault = ref<any>();
const faultOp = ref<any>();
const faultOps = ref<any>([
{ id: "001", value: "ยังไม่ระบุ" },
{ id: "002", value: "ไม่ร้ายเเรง" },
{ id: "003", value: "ร้ายเเรง" },
]);
const pdfSrc = ref<any>(); const pdfSrc = ref<any>();
const numOfPages = ref<number>(0); const numOfPages = ref<number>(0);
const page = ref<number>(1); const page = ref<number>(1);
const titleReport = ref<string>(""); const titleReport = ref<string>("");
interface OptionReport {
id: string;
title: string;
}
onMounted(async () => { onMounted(async () => {
let report = optionReport.find((e: OptionReport) => e.id == typeReport); let report = store.optionReport.find((e: DataOption) => e.id == typeReport);
report && (titleReport.value = report.title); report && (titleReport.value = report.name);
}); });
const splitterModel = ref(14); const splitterModel = ref(14);
@ -75,25 +54,6 @@ const backPage = () => {
page.value--; page.value--;
} }
}; };
function filterFnOptionsType(val: string, update: any, type: string) {
update(() => {
const needle = val.toLowerCase();
if (type === "ocSelectOp") {
ocSelectOp.value = ocSelectOps.value.filter(
(v: any) => v.value.toLowerCase().indexOf(needle) > -1
);
} else if (type === "governmentOp") {
governmentOp.value = governmentOps.value.filter(
(v: any) => v.value.toLowerCase().indexOf(needle) > -1
);
} else if (type === "faultOp") {
faultOp.value = faultOps.value.filter(
(v: any) => v.value.toLowerCase().indexOf(needle) > -1
);
}
});
}
</script> </script>
<template> <template>
<div class="toptitle"> <div class="toptitle">
@ -133,7 +93,7 @@ function filterFnOptionsType(val: string, update: any, type: string) {
dense dense
lazy-rules lazy-rules
borderless borderless
:model-value="date !== null ? date2Thai(date) : null" :model-value="date ? date2Thai(date) : null"
:label="`${'ตั้งเเต่วันที่'}`" :label="`${'ตั้งเเต่วันที่'}`"
> >
<template v-slot:prepend> <template v-slot:prepend>
@ -164,7 +124,7 @@ function filterFnOptionsType(val: string, update: any, type: string) {
dense dense
lazy-rules lazy-rules
borderless borderless
:model-value="dateEnd !== null ? date2Thai(dateEnd) : null" :model-value="dateEnd ? date2Thai(dateEnd) : null"
:label="`${'ถึงวันที่'}`" :label="`${'ถึงวันที่'}`"
> >
<template v-slot:prepend> <template v-slot:prepend>
@ -194,11 +154,11 @@ function filterFnOptionsType(val: string, update: any, type: string) {
outlined outlined
dense dense
v-model="ocSelect" v-model="ocSelect"
:options="ocSelectOp" :options="store.ocSelectOp"
label="เลือกหน่วยงาน/สำนักงานเขต" label="เลือกหน่วยงาน/สำนักงานเขต"
emit-value emit-value
map-options map-options
option-label="value" option-label="name"
option-value="id" option-value="id"
use-input use-input
@filter="(inputValue: any, @filter="(inputValue: any,
@ -219,11 +179,11 @@ function filterFnOptionsType(val: string, update: any, type: string) {
outlined outlined
dense dense
v-model="government" v-model="government"
:options="governmentOp" :options="store.governmentOp"
label="เลือกหน่วยงาน/สำนักงานเขต" label="เลือกหน่วยงาน/สำนักงานเขต"
emit-value emit-value
map-options map-options
option-label="value" option-label="name"
option-value="id" option-value="id"
use-input use-input
@filter="(inputValue: any, @filter="(inputValue: any,
@ -240,15 +200,15 @@ function filterFnOptionsType(val: string, update: any, type: string) {
</div> </div>
<div v-if="typeReport > '2'" class="q-pl-xs"> <div v-if="typeReport > '2'" class="q-pl-xs">
<q-select <q-select
class="bg-white" class="bg-white"
outlined outlined
dense dense
v-model="fault" v-model="fault"
:options="faultOp" :options="store.faultOp"
label="เลือกลักษณะความผิด" label="เลือกลักษณะความผิด"
emit-value emit-value
map-options map-options
option-label="value" option-label="name"
option-value="id" option-value="id"
use-input use-input
@filter="(inputValue: any, @filter="(inputValue: any,

View file

@ -2,6 +2,15 @@ interface DataOption {
id: string; id: string;
name: string; name: string;
} }
interface investigatefactsDataRowType {
subject: string;
interrogated: string;
fault: string;
status: string;
active: string;
}
export type { export type {
DataOption DataOption,
investigatefactsDataRowType
}; };

View file

@ -4,7 +4,7 @@ const factsMain = () =>
import("@/modules/11_discipline/components/2_InvestigateFacts/MainPage.vue"); import("@/modules/11_discipline/components/2_InvestigateFacts/MainPage.vue");
const investigatefactsAdd = () => const investigatefactsAdd = () =>
import( import(
"@/modules/11_discipline/components/2_InvestigateFacts/investigatefactsAdd.vue" "@/modules/11_discipline/components/2_InvestigateFacts/AddPage.vue"
); );
const disciplinaryMain = () => const disciplinaryMain = () =>
import( import(
@ -29,7 +29,7 @@ const channelAdd = () =>
const complaintAdd = () => const complaintAdd = () =>
import("@/modules/11_discipline/components/1_Complaint/AddComplaintPage.vue"); import("@/modules/11_discipline/components/1_Complaint/AddComplaintPage.vue");
const reportType = () => const reportType = () =>
import("@/modules/11_discipline/components/5_Report/reportDetail.vue"); import("@/modules/11_discipline/components/5_Report/DetailPage.vue");
const InvestigateDisciplinaryAdd = () => const InvestigateDisciplinaryAdd = () =>
import( import(

View file

@ -1,41 +1,74 @@
import { defineStore } from "pinia"; import { defineStore } from "pinia";
import { ref } from "vue"; import { ref } from "vue";
import type { investigatefactsDataRowType, DataOption } from '@/modules/11_discipline/interface/index/Main'
export const useInvestigateFactStore = defineStore("DisciplineInvestigateFact", () => { export const useInvestigateFactStore = defineStore("DisciplineInvestigateFact", () => {
const rows = ref<any>([]) const rows = ref<investigatefactsDataRowType[]>([])
const faultOp = ref<DataOption[]>();
const daysExtendOp = ref<DataOption[]>();
const investigationOp = ref<DataOption[]>();
const daysExtendOps = ref<DataOption[]>([
{ id: "000", name: "15 วัน" },
{ id: "001", name: "30 วัน" },
{ id: "002", name: "45 วัน" },
{ id: "003", name: "60 วัน" },
]);
const investigationOps = ref<DataOption[]>([
{ id: "001", name: "เเต่งตั้งการสืบสวน" },
{ id: "002", name: "สืบสวนทางลับ" },
{ id: "003", name: "อื่นๆ" },
]);
const faultOps = ref<DataOption[]>([
{ id: "001", name: "ยังไม่ระบุ" },
{ id: "002", name: "ไม่ร้ายเเรง" },
{ id: "003", name: "ร้ายเเรง" },
]);
function filterFnOptionsType(val: string, update: any, type: string) {
update(() => {
const needle = val.toLowerCase();
async function fecthList(data: any) { if (type === "faultOp") {
let datalist = data.map((e: any) => ({ faultOp.value = faultOps.value.filter(
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
} else if (type === "investigationOp") {
investigationOp.value = investigationOps.value.filter(
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
} else if (type === "daysExtendOp") {
daysExtendOp.value = daysExtendOps.value.filter(
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
}
});
}
async function fecthList(data: investigatefactsDataRowType[]) {
let datalist: investigatefactsDataRowType[] = data.map((e: any) => ({
subject: e.subject, subject: e.subject,
interrogated: e.interrogated, interrogated: e.interrogated,
fault: convertFault(e.fault), fault: e.fault ?? convertFault(e.fault),
status: convertSatatus(e.status), status: e.status ?? convertSatatus(e.status),
active: activeStatus(e.active) active: e.active ?? activeStatus(e.active)
})) }))
rows.value = datalist rows.value = datalist
console.log(rows.value)
} }
function convertFault(val: string) { function convertFault(val: string) {
switch (val) { switch (val) {
case "0": case "0":
return "ความผิดวินัยยังไม่ระบุ"
case "1":
return "ความผิดวินัยไม่ร้ายแรง" return "ความผิดวินัยไม่ร้ายแรง"
case "2": case "1":
return "ความผิดวินัยร้ายแรง" return "ความผิดวินัยร้ายแรง"
} }
} }
function convertSatatus(val: string) { function convertSatatus(val: string) {
switch (val) { switch (val) {
case "0": case "0":
return "ยังไม่ระบุ"
case "1":
return "ร้ายแรง"
case "2":
return "ไม่ร้ายแรง"
case "3":
return "ยุติเรื่อง" return "ยุติเรื่อง"
case "1":
return "เสร็จสิ้นเเล้ว"
} }
} }
function activeStatus(val: string) { function activeStatus(val: string) {
@ -49,5 +82,12 @@ export const useInvestigateFactStore = defineStore("DisciplineInvestigateFact",
return { return {
fecthList, fecthList,
rows, rows,
daysExtendOps,
investigationOps,
faultOps,
filterFnOptionsType,
faultOp,
daysExtendOp,
investigationOp,
}; };
}) })

View file

@ -1,24 +1,62 @@
import { defineStore } from "pinia"; import { defineStore } from "pinia";
import { ref } from "vue"; import { ref } from "vue";
import type { DataOption } from '@/modules/11_discipline/interface/index/Main'
export const useReportDataStore = defineStore("DisciplineReport11", () => { export const useReportDataStore = defineStore("DisciplineReport11", () => {
interface OptionReport {
id: string; const faultOp = ref<DataOption[]>();
title: string; const ocSelectOp = ref<DataOption[]>();
} const governmentOp = ref<DataOption[]>();
const optionReport = ref<OptionReport[]>([ const faultOps = ref<DataOption[]>([
{ id: "1", title: "รายงานเรื่องร้องเรียนแยกรายวัน รายเดือน รายปี" }, { id: "001", name: "ยังไม่ระบุ" },
{ id: "2", title: "รายงานเรื่องร้องเรียนข้าราชการสามัญฯ ในสังกัดกรุงเทพมหานคร แยกตามหน่วยงาน" }, { id: "002", name: "ไม่ร้ายเเรง" },
{ id: "3", title: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัย แยกตามลักษณะความผิด" }, { id: "003", name: "ร้ายเเรง" },
{ id: "4", title: "รายงานรายชื่อข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด" }, ]);
{ id: "5", title: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดแยกตามระดับความผิด" }, const ocSelectOps = ref<DataOption[]>([
{ id: "6", title: "รายงานรายชื่อข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด" }, { id: "001", name: "กทม" },
{ id: "7", title: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกลักษณะความผิด" }, { id: "002", name: "กรุงเทพ" },
{ id: "8", title: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกตามตำแหน่ง" }, ]);
const governmentOps = ref<DataOption[]>([
{ id: "001", name: "กทม" },
{ id: "002", name: "กรุงเทพ" },
{ id: "003", name: "bankok" },
]);
const optionReport = ref<DataOption[]>([
{ id: "1", name: "รายงานเรื่องร้องเรียนแยกรายวัน รายเดือน รายปี" },
{ id: "2", name: "รายงานเรื่องร้องเรียนข้าราชการสามัญฯ ในสังกัดกรุงเทพมหานคร แยกตามหน่วยงาน" },
{ id: "3", name: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัย แยกตามลักษณะความผิด" },
{ id: "4", name: "รายงานรายชื่อข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด" },
{ id: "5", name: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดแยกตามระดับความผิด" },
{ id: "6", name: "รายงานรายชื่อข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด" },
{ id: "7", name: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกลักษณะความผิด" },
{ id: "8", name: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกตามตำแหน่ง" },
]); ]);
function filterFnOptionsType(val: string, update: any, type: string) {
update(() => {
const needle = val.toLowerCase();
if (type === "ocSelectOp") {
ocSelectOp.value = ocSelectOps.value.filter(
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
} else if (type === "governmentOp") {
governmentOp.value = governmentOps.value.filter(
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
} else if (type === "faultOp") {
faultOp.value = faultOps.value.filter(
(v: any) => v.name.toLowerCase().indexOf(needle) > -1
);
}
});
}
return { return {
optionReport, optionReport,
filterFnOptionsType,
faultOp,
ocSelectOp,
governmentOp,
faultOps,
ocSelectOps,
governmentOps,
}; };
}); });