Merge branch 'develop' into working
This commit is contained in:
commit
686a0a1b16
7 changed files with 183 additions and 215 deletions
|
|
@ -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,
|
||||||
|
|
@ -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>
|
|
||||||
|
|
|
||||||
|
|
@ -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,
|
||||||
|
|
@ -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
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -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(
|
||||||
|
|
|
||||||
|
|
@ -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,
|
||||||
};
|
};
|
||||||
})
|
})
|
||||||
|
|
@ -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,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue