Merge branch 'develop' into dev-tee

# Conflicts:
#	src/modules/11_discipline/stroes/InvestigateFactStore.ts
This commit is contained in:
setthawutttty 2023-10-18 11:49:22 +07:00
commit 03f017e04b
11 changed files with 309 additions and 49 deletions

View file

@ -118,6 +118,25 @@ const fileUploadDoc = async (files: any) => {
});
};
function selectLevel(val: string) {
let dayNum = 0;
if (val == "0") {
dayNum = 45;
} else if (val == "1") {
dayNum = 30;
} else {
dayNum = 15;
}
if (dateconsideration.value) {
const currentDate = new Date(dateconsideration.value);
const newDate = new Date(
currentDate.getTime() + dayNum * 24 * 60 * 60 * 1000
);
datewarn.value = newDate;
}
}
function onSubmit() {
dialogConfirm(
$q,
@ -341,6 +360,7 @@ function onSubmit() {
map-options
:rules="[(val) => !!val || `${'กรุณาเลือกระดับการพิจารณา'}`]"
lazy-rules
@update:model-value="selectLevel(considerationLevel)"
/>
</div>
<div class="col-xs-12 col-sm-3"></div>
@ -366,10 +386,10 @@ function onSubmit() {
dense
class="full-width datepicker"
:model-value="datewarn != null ? date2Thai(datewarn) : null"
label="วันที่แจ้งเตือนล่วงหน้า"
label="วันที่แจ้งเตือนล่วงหน้า"
:rules="[
(val) =>
!!val || `${'กรุณาเลือกวันที่แจ้งเตือนล่วงหน้า'}`,
!!val || `${'กรุณาเลือกวันที่แจ้งเตือนล่วงหน้า'}`,
]"
lazy-rules
>

View file

@ -1,10 +1,14 @@
<script setup lang="ts">
import { ref } from "vue";
import { useQuasar } from "quasar";
import type { DataOption } from "../../interface/index/Main";
// importStroe
import { useCounterMixin } from "@/stores/mixin";
const mixin = useCounterMixin();
const { date2Thai, dialogConfirm } = mixin;
const $q = useQuasar();
const props = defineProps({
next: {
@ -18,12 +22,42 @@ const props = defineProps({
});
const next = () => props.next();
const typeOrder = ref<string>("");
const orderTypeOptions = ref<DataOption[]>([
{ id: "0", name: "ประเภทคำสั่ง 1" },
{ id: "1", name: "ประเภทคำสั่ง 2" },
{ id: "2", name: "ประเภทคำสั่ง 3" },
]);
const orderByOptions = ref<DataOption[]>([
{ id: "0", name: "คำสั่งโดย 1" },
{ id: "1", name: "คำสั่งโดย 2" },
{ id: "2", name: "คำสั่งโดย 3" },
]);
const listInvestigationOptions = ref<DataOption[]>([
{ id: "0", name: "รายการสอบสวนความผิดทางวินัย 1" },
{ id: "1", name: "รายการสอบสวนความผิดทางวินัย 2" },
{ id: "2", name: "รายการสอบสวนความผิดทางวินัย 3" },
]);
const orderType = ref<string>("");
const orderBy = ref<string>("");
const listInvestigation = ref<string>("");
const authority = ref<string>("");
const orderNumber = ref<string>();
const dateYear = ref<number>(2023);
const date = ref<Date | null>(null);
const authorityPosition = ref<string>("");
const subject = ref<string>("");
const mistakeDetail = ref<string>("");
function onSubmit() {
next();
dialogConfirm(
$q,
async () => {
next();
},
"ยืนยันการบันทึกข้อมูล",
"ต้องการยืนยันการบันทึกข้อมูลนี้หรือไม่"
);
}
</script>
@ -36,7 +70,8 @@ function onSubmit() {
<q-select
dense
outlined
v-model="typeOrder"
v-model="orderType"
:options="orderTypeOptions"
option-value="id"
option-label="name"
emit-value
@ -51,7 +86,8 @@ function onSubmit() {
<q-select
dense
outlined
v-model="typeOrder"
v-model="orderBy"
:options="orderByOptions"
option-value="id"
option-label="name"
emit-value
@ -66,7 +102,8 @@ function onSubmit() {
<q-select
dense
outlined
v-model="typeOrder"
v-model="listInvestigation"
:options="listInvestigationOptions"
option-value="id"
option-label="name"
emit-value
@ -83,7 +120,7 @@ function onSubmit() {
<q-input
dense
outlined
v-model="typeOrder"
v-model="authority"
placeholder="กรอกผู้มีอำนาจลงนาม"
:rules="[(val) => !!val || `${'กรุณากรอกผู้มีอำนาจลงนาม'}`]"
lazy-rules
@ -95,7 +132,7 @@ function onSubmit() {
<q-input
outlined
dense
v-model="typeOrder"
v-model="orderNumber"
hide-bottom-space
:rules="[(val) => !!val || `${'กรุณากรอรคำสั่งที่'}`]"
lazy-rules
@ -173,7 +210,7 @@ function onSubmit() {
<q-input
dense
outlined
v-model="typeOrder"
v-model="authorityPosition"
placeholder="กรอกตำแหน่งผู้มีอำนาจลงนาม"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`]"
lazy-rules
@ -184,7 +221,7 @@ function onSubmit() {
<q-input
dense
outlined
v-model="typeOrder"
v-model="subject"
placeholder="กรอกคำสั่งเรื่อง"
:rules="[(val) => !!val || `${'กรุณากรอกคำสั่งเรื่อง'}`]"
lazy-rules
@ -195,7 +232,7 @@ function onSubmit() {
<q-input
dense
outlined
v-model="typeOrder"
v-model="mistakeDetail"
placeholder="กรอกรายละเอียดการกระทำความผิด"
:rules="[(val) => !!val || `${'กรุณากรอกคำสั่งเรื่อง'}`]"
lazy-rules
@ -207,12 +244,12 @@ function onSubmit() {
</div>
<q-card-actions align="right">
<q-btn
dense
flat
round
unelevated
label="next"
color="public"
color="secondary"
icon="mdi-content-save-outline"
type="submit"
class="q-px-md"
/>
</q-card-actions>
</q-form>

View file

@ -93,20 +93,15 @@ const clickAdd = () => {
};
const clickDelete = (id: string) => {
$q.dialog({
title: "ยืนยันการลบช่องทาง",
message: "ต้องการลบช่องทางนี้ใช่หรือไม่?",
cancel: {
flat: true,
color: "negative",
dialogRemove(
$q,
async () => {
// await deleteData(id);
// await getData();
},
persistent: true,
})
.onOk(async () => {
console.log("delete");
})
.onCancel(() => {})
.onDismiss(() => {});
`ลบข้อมูล`
// ` ${name}`
);
};
onMounted(() => {});
@ -170,18 +165,11 @@ onMounted(() => {});
/>
</div>
<div class="col-12">
<q-table
ref="table"
<d-table
:columns="columns"
:rows="rows"
row-key="id"
:filter="filterKeyword"
row-key="interrogated"
flat
bordered
:paging="true"
dense
class="custom-header-table"
v-bind="attrs"
:visible-columns="visibleColumns"
:pagination-label="paginationLabel"
v-model:pagination="pagination"
@ -229,7 +217,7 @@ onMounted(() => {});
direction-links
></q-pagination>
</template>
</q-table>
</d-table>
</div>
</div>
</q-card>

View file

@ -0,0 +1,214 @@
<script setup lang="ts">
import { ref, onMounted } from "vue";
import { useQuasar, QForm } from "quasar";
import { useRouter, useRoute } from "vue-router";
import { useCounterMixin } from "@/stores/mixin";
import type { QTableProps } from "quasar";
const mixin = useCounterMixin();
const {
date2Thai,
dateToISO,
messageError,
showLoader,
hideLoader,
dialogConfirm,
success,
dialogMessageNotify,
} = mixin;
const router = useRouter();
const route = useRoute();
const myForm = ref<QForm | null>(null); //form data input
const edit = ref<boolean>(false);
const channel = ref<string>("");
onMounted(async () => {
// if (route.params.id) {
// // params id
// await fetchData();
// }
});
//
const fetchData = async () => {
// edit.value = true;
// showLoader();
// await http
// .get(config.API.getRoundInsignia(id.value))
// .then((res) => {
// const data = res.data.result;
// id.value = data.period_id;
// roundInsig.value =
// options.value.filter((r: any) => r.value == data.period_round).length >
// 0
// ? options.value.filter((r: any) => r.value == data.period_round)[0]
// : null;
// yearly.value = data.period_year;
// datelast.value = data.period_amount;
// dateStart.value = new Date(data.period_start);
// dateEnd.value = new Date(data.period_end);
// files.value = data.period_doc;
// })
// .catch((e) => {
// messageError($q, e);
// })
// .finally(() => {
// hideLoader();
// });
};
const deleteData = async (id: string) => {
// showLoader();
// await http
// .delete(config.API.periodExamId(id))
// .then((res) => {
// success($q, "");
// })
// .catch((e) => {
// messageError($q, e);
// })
// .finally(async () => {
// hideLoader();
// });
};
//
//
const checkSave = () => {
// if (myForm.value !== null) {
// myForm.value.validate().then(async (success) => {
// if (success) {
// dialogConfirm($q, () => SaveData());
// } else if (Number(datelast.value) !== 0) {
// dialogMessageNotify($q, "");
// }
// });
// }
};
//
const SaveData = async () => {
// if (edit.value) {
// await editData(id.value);
// } else {
// await addData();
// clickBack();
// }
};
//
const addData = async () => {
// const formData = new FormData();
// const name = ` ${
// roundInsig.value.value
// } ${yearly.value + 543} `;
// formData.append("name", name);
// formData.append("year", yearly.value.toString());
// formData.append("amount", datelast.value.toString());
// formData.append("round", roundInsig.value.value);
// if (dateStart.value !== null) {
// formData.append("startDate", dateToISO(dateStart.value));
// }
// if (dateEnd.value !== null) {
// formData.append("endDate", dateToISO(dateEnd.value));
// }
// formData.append("file", files.value);
// showLoader();
// await http
// .post(config.API.listRoundInsignia(), formData)
// .then(() => {
// success($q, "");
// })
// .catch((e) => {
// messageError($q, e);
// })
// .finally(async () => {
// hideLoader();
// });
};
//
const editData = async (id: string) => {
// const formData = new FormData();
// const name = ` ${
// roundInsig.value.value
// } ${yearly.value + 543}`;
// formData.append("name", name);
// formData.append("year", yearly.value.toString());
// formData.append("amount", datelast.value.toString());
// formData.append("round", roundInsig.value.value);
// if (dateStart.value !== null) {
// formData.append("startDate", dateToISO(dateStart.value));
// }
// if (dateEnd.value !== null) {
// formData.append("endDate", dateToISO(dateEnd.value));
// }
// formData.append("file", files.value);
// showLoader();
// await http
// .put(config.API.editRoundInsignia(id), formData)
// .then(() => {
// success($q, "");
// })
// .catch((e) => {
// messageError($q, e);
// })
// .finally(async () => {
// hideLoader();
// clickBack();
// });
};
const clickBack = () => {
router.push(`/discipline/channel`);
};
</script>
<template>
<div class="col-xs-12 col-sm-12 col-md-11">
<div class="toptitle col-12 row items-center">
<q-btn
icon="mdi-arrow-left"
unelevated
round
dense
flat
color="primary"
class="q-mr-sm"
@click="clickBack"
/>
{{ edit ? "ช่องทางการร้องเรียน" : "เพิ่มช่องทางการร้องเรียน" }}
</div>
<q-form ref="myForm">
<div class="col-12">
<q-card bordered>
<div class="col-12 row q-col-gutter-md q-pa-md">
<div class="col-xs-12 col-sm-12 row">
<q-separator />
<div class="col-12 row q-pa-sm q-col-gutter-sm">
<q-input
class="col-12"
dense
outlined
v-model="channel"
label="กรอกชื่อช่องทาง"
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อช่องทาง'}`]"
/>
</div>
</div>
</div>
<q-separator />
<q-separator />
<div class="row col-12 q-pa-sm">
<q-space />
<q-btn
flat
round
color="public"
@click="checkSave"
icon="mdi-content-save-outline"
>
<q-tooltip>{{ edit ? "แก้ไขข้อมูล" : "บันทึกข้อมูล" }}</q-tooltip>
</q-btn>
</div>
</q-card>
</div>
</q-form>
</div>
</template>

View file

@ -22,10 +22,10 @@ const channelMain = () =>
import(
"@/modules/11_discipline/components/6_BasicInformation/Channel/MainPage.vue"
);
const channelAdd = () =>
const channelAdd = () =>
import(
"@/modules/11_discipline/components/6_BasicInformation/Channel/addChannel.vue"
);
"@/modules/11_discipline/components/6_BasicInformation/Channel/AddPage.vue"
);
const complaintAdd = () =>
import("@/modules/11_discipline/components/1_Complaint/AddComplaintPage.vue");
const reportType = () =>
@ -35,7 +35,8 @@ const InvestigateDisciplinaryAdd = () =>
import(
"@/modules/11_discipline/components/3_InvestigateDisciplinary/addInvestigate.vue"
);
const orderPage = () => import("@/modules/11_discipline/components/4_Order/OrderPage.vue")
const orderPage = () =>
import("@/modules/11_discipline/components/4_Order/OrderPage.vue");
export default [
{
path: "/discipline/complaints",

View file

@ -3,7 +3,7 @@ import { ref } from "vue";
import type { DataOption } from "../interface/index/Main";
export const useComplainstDataStore = defineStore("complainst", () => {
export const useComplainstDataStore = defineStore("DisciplineComplainst", () => {
const rows = ref<any>([])
const optionListName = ref<any>([{}])

View file

@ -1,7 +1,7 @@
import { defineStore } from "pinia";
import { ref } from "vue";
export const useInvestigateDisStore = defineStore("InvestigateDis", () => {
export const useInvestigateDisStore = defineStore("DisciplineInvestigateDis", () => {
const rows = ref<any>([]);
async function fecthList(data: any) {

View file

@ -1,8 +1,8 @@
import { defineStore } from "pinia";
import { ref } from "vue";
import type { investigatefactsDataRowType, DataOption } from '@/modules/11_discipline/interface/index/Main'
export const useInvestigateFactStore = defineStore("InvestigateFact", () => {
export const useInvestigateFactStore = defineStore("DisciplineInvestigateFact", () => {
const rows = ref<investigatefactsDataRowType[]>([])
const faultOp = ref<DataOption[]>();
const daysExtendOp = ref<DataOption[]>();

View file

@ -1,7 +1,7 @@
import { defineStore } from "pinia";
import { ref } from "vue";
export const useOrderStore = defineStore("order", () => {
export const useOrderStore = defineStore("DisciplineOrder", () => {
const rows = ref<any>([])
async function fecthOrder(data: any) {
let datalist = data.map((e: any) => ({

View file

@ -1,13 +1,13 @@
import { defineStore } from "pinia";
import { ref } from "vue";
export const useReportDataStore = defineStore("report11", () => {
export const useReportDataStore = defineStore("DisciplineReport11", () => {
interface OptionReport {
id: string;
title: string;
}
const optionReport = ref<OptionReport[]>([
{ id: "1", title: "รายงานเรื่องร้องเรียนแยกรายวัน รายเดือน รายปี"},
{ id: "1", title: "รายงานเรื่องร้องเรียนแยกรายวัน รายเดือน รายปี" },
{ id: "2", title: "รายงานเรื่องร้องเรียนข้าราชการสามัญฯ ในสังกัดกรุงเทพมหานคร แยกตามหน่วยงาน" },
{ id: "3", title: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัย แยกตามลักษณะความผิด" },
{ id: "4", title: "รายงานรายชื่อข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด" },