hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ui หน้า เพิ่มแบบมอบหมายงานการทดลองปฏิบัติหน้าที่ราชการ

Browse source
This commit is contained in:
setthawutttty 2023-08-04 10:08:46 +07:00
parent 16490e4dce
commit dd325e5368
1 changed files with 554 additions and 172 deletions
Download patch file Download diff file Expand all files Collapse all files

726
src/modules/05_placement/components/probation/FormAssign.vue
View file

@ -99,6 +99,7 @@
"
:label="`${'ตั้งเเต่วันที่'}`"
clearable
outlined
@clear="clearDateExam"
>
</q-input>
@ -125,6 +126,7 @@
<template #trigger>
<q-input
dense
outlined
readonly
class="full-width datepicker q-mb-md"
:model-value="
@ -133,7 +135,7 @@
:label="`${'ถึงวันที่'}`"
clearable
@clear="clearDateExam2"
>
>
</q-input>
</template>
</datepicker>
@ -338,106 +340,139 @@
style="max-height: 500px; overflow-y: scroll"
>
<div class="example-row-column-width">
<div
v-for="item in val1"
:key="item.id"
class="row bg-grey-3 q-py-xs"
>
<div class="col-1 text-center">
<q-checkbox
v-model="item.checked"
dense
:disable="routeName != 'probationWorkAdd'"
/>
</div>
<div class="col-9">1. รัฐธรรมนูญ</div>
</div>
<div class="row q-mt-xs bg-grey-3 q-py-xs">
<div class="col-1"></div>
<div class="col-2">2.กฎหมายปกครอง</div>
</div>
<div class="row bg-grey-2 q-py-xs borderCheck">
<div class="col-1"></div>
<div class="col-10 q-pl-md">2.1 ทำงานได้</div>
</div>
<div
v-for="item in checkList21"
:key="item.id"
class="row q-py-xs borderCheck border_y"
>
<div class="col-1 text-center">
<q-checkbox
v-model="item.checked"
dense
:disable="routeName != 'probationWorkAdd'"
/>
</div>
<div class="col-9 q-pl-xl">{{ item.text }}</div>
</div>
<div class="row bg-grey-2 q-py-xs borderCheck">
<div class="col-1"></div>
<div class="col-10 q-pl-md">
2.2 ด้านการปฏิบัติราชการ
<div class="bg-grey-3 q-py-xs">
<div
class="row"
v-for="(item, index) in checkRule"
:key="item.id"
>
<div v-if="index == 0" class="col-1 text-center">
<q-checkbox
v-show="item.status_select === 1"
v-model="item.checked"
dense
:disable="routeName != 'probationWorkAdd'"
/>
</div>
<div v-if="index == 0" class="col-11">
{{ item.description }}
</div>
</div>
</div>
<div
v-for="item in checkList22"
:key="item.id"
class="row q-py-xs borderCheck border_y"
>
<div class="col-1 text-center">
<q-checkbox
v-model="item.checked"
dense
:disable="routeName != 'probationWorkAdd'"
/>
<div v-for="(item, index) in checkRule" :key="item.id">
<div
v-if="index === 1"
class="row bg-grey-2 q-py-xs borderCheck"
>
<div class="col-1"></div>
<div class="col-10 ">
{{ item.description }}
</div>
</div>
<div class="col-9 q-pl-xl">{{ item.text }}</div>
</div>
<div class="row bg-grey-2 q-py-xs borderCheck">
<div class="col-1"></div>
<div class="col-10 q-pl-md">
2.3 ด้านการบริหารทรัพยากรบุคคล
</div>
<div v-for="(item, index) in checkRule" :key="item.id">
<div
v-if="index === 2"
class="row bg-grey-2 q-py-xs borderCheck"
>
<div class="col-1"></div>
<div class="col-10 q-pl-md">
{{ item.description }}
</div>
</div>
<div
v-else-if="index > 2 && index < 9"
class="row borderCheck border_y q-py-xs"
>
<div class="col-1 text-center">
<q-checkbox
v-model="item.checked"
dense
:disable="routeName != 'probationWorkAdd'"
/>
</div>
<div class="col-9 q-pl-xl">
{{ item.description }}
</div>
</div>
</div>
<div
v-for="item in checkList23"
:key="item.id"
class="row q-py-xs borderCheck border_y"
>
<div class="col-1 text-center">
<q-checkbox
v-model="item.checked"
dense
:disable="routeName != 'probationWorkAdd'"
/>
<div v-for="(item, index) in checkRule" :key="item.id">
<div
v-if="index === 9"
class="row bg-grey-2 q-py-xs borderCheck"
>
<div class="col-1"></div>
<div class="col-10 q-pl-md">
{{ item.description }}
</div>
</div>
<div class="col-9 q-pl-xl">{{ item.text }}</div>
</div>
<div class="row bg-grey-2 q-py-xs borderCheck">
<div class="col-1"></div>
<div class="col-10 q-pl-md">
2.4 ด้านการบริหารงบประมาณและการคลัง
<div
v-else-if="index > 9 && index < 16"
class="row borderCheck border_y q-py-xs"
>
<div class="col-1 text-center">
<q-checkbox
v-model="item.checked"
dense
:disable="routeName != 'probationWorkAdd'"
/>
</div>
<div class="col-9 q-pl-xl">
{{ item.description }}
</div>
</div>
</div>
<div
v-for="item in checkList24"
:key="item.id"
class="row q-py-xs borderCheck border_y"
>
<div class="col-1 text-center">
<q-checkbox
v-model="item.checked"
dense
:disable="routeName != 'probationWorkAdd'"
/>
<div v-for="(item, index) in checkRule" :key="item.id">
<div
v-if="index === 16"
class="row bg-grey-2 q-py-xs borderCheck"
>
<div class="col-1"></div>
<div class="col-10 q-pl-md">
{{ item.description }}
</div>
</div>
<div
v-else-if="index > 16 && index < 19"
class="row borderCheck border_y q-py-xs"
>
<div class="col-1 text-center">
<q-checkbox
v-model="item.checked"
dense
:disable="routeName != 'probationWorkAdd'"
/>
</div>
<div class="col-9 q-pl-xl">
{{ item.description }}
</div>
</div>
</div>
<div v-for="(item, index) in checkRule" :key="item.id">
<div
v-if="index === 19"
class="row bg-grey-2 q-py-xs borderCheck"
>
<div class="col-1"></div>
<div class="col-10 q-pl-md">
{{ item.description }}
</div>
</div>
<div
v-else-if="index > 19 && index < 30"
class="row borderCheck border_y q-py-xs"
>
<div class="col-1 text-center">
<q-checkbox
v-model="item.checked"
dense
:disable="routeName != 'probationWorkAdd'"
/>
</div>
<div class="col-9 q-pl-xl">
{{ item.description }}
</div>
</div>
<div class="col-9 q-pl-xl">{{ item.text }}</div>
</div>
<!-- <div class="row q-mt-xs bg-grey-3 q-py-xs">
<div class="col-1 text-center"></div>
@ -485,8 +520,10 @@
<div class="col-12 row q-col-gutter-sm">
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ']"
hide-bottom-space
:rules="[
(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ',
]"
:options="OPskill"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -499,8 +536,10 @@
</div>
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ']"
hide-bottom-space
:rules="[
(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ',
]"
:options="OPskill"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -513,8 +552,10 @@
</div>
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ']"
hide-bottom-space
:rules="[
(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ',
]"
:options="OPskill"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -527,8 +568,10 @@
</div>
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ']"
hide-bottom-space
:rules="[
(val) => !!val || 'กรุณาเลือกความรู้ความสามารถ',
]"
:options="OPskill"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -557,8 +600,8 @@
<div class="col-12 row q-col-gutter-sm">
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
:options="OPmain"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -571,8 +614,8 @@
</div>
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
:options="OPmain"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -585,8 +628,8 @@
</div>
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
:options="OPmain"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -599,8 +642,8 @@
</div>
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
:options="OPmain"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -613,8 +656,8 @@
</div>
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะ']"
:options="OPmain"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -622,7 +665,7 @@
borderless
:outlined="routeName == 'probationWorkAdd'"
v-model="main5"
label="ตัวที่ 4"
label="ตัวที่ 5"
/>
</div>
</div>
@ -632,8 +675,10 @@
<div class="col-12 row q-col-gutter-sm">
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน']"
hide-bottom-space
:rules="[
(val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน',
]"
:options="OPgroup"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -646,8 +691,10 @@
</div>
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน']"
hide-bottom-space
:rules="[
(val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน',
]"
:options="OPgroup"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -660,8 +707,10 @@
</div>
<div class="col-xs-12 col-sm-6">
<q-select
hide-bottom-space
:rules="[(val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน']"
hide-bottom-space
:rules="[
(val) => !!val || 'กรุณาเลือกสมรรถนะประจํากลุ่มงาน',
]"
:options="OPgroup"
class="bg-white"
:readonly="routeName != 'probationWorkAdd'"
@ -787,7 +836,7 @@
</div>
<div class="col-12 row q-gutter-md">
<q-card
v-for="(item, index) in productivityCount"
v-for="(item, index) in ProductivityArray"
flat
bordered
class="col-12 q-pa-sm bg-grey-1"
@ -805,7 +854,7 @@
dense
borderless
:outlined="routeName == 'probationWorkAdd'"
v-model="Productivitys[index]"
v-model="output_desc[index]"
label="ผลผลิตของงานที่คาดหวัง (ไม่เกิน 10 บรรทัด)"
/>
</div>
@ -821,7 +870,7 @@
dense
borderless
:outlined="routeName == 'probationWorkAdd'"
v-model="goals1[index]"
v-model="indicator_desc[index]"
label="ตัวชี้วัดความสําเร็จของงาน (ไม่เกิน 10 บรรทัด)"
/>
</div>
@ -907,7 +956,7 @@
<q-input
dense
outlined
v-model="Other"
v-model="Other5"
label="กรอกอื่นๆ"
/>
</li>
@ -997,7 +1046,7 @@
dense
borderless
:outlined="routeName == 'probationWorkAdd'"
v-model="name"
v-model="fullnameFoot"
label="ชื่อ-สกุล"
/>
</div>
@ -1007,7 +1056,7 @@
dense
borderless
:outlined="routeName == 'probationWorkAdd'"
v-model="position"
v-model="positionFoot"
label="ตำแหน่ง"
/>
</div>
@ -1060,13 +1109,13 @@
</div>
<div class="col-12 row q-col-gutter-md">
<q-select
:options="OPcaretaker1"
:options="OPcaretaker"
class="col-xs-12 col-sm-8"
:readonly="routeName != 'probationWorkAdd'"
dense
borderless
:outlined="routeName == 'probationWorkAdd'"
v-model="caretaker"
v-model="caretakerFoot"
label="ผู้ดูแลคนที่ 1"
/>
<div class="col-xs-12 col-sm-4">
@ -1116,7 +1165,7 @@
dense
borderless
:outlined="routeName == 'probationWorkAdd'"
v-model="caretaker2"
v-model="caretakerFoot2"
label="ผู้ดูแลคนที่ 2"
/>
<div class="col-xs-12 col-sm-4">
@ -1169,7 +1218,7 @@
</div>
<div class="col-12 row q-col-gutter-md">
<q-select
:options="OPcaretaker1"
:options="OPcaretaker"
class="col-xs-12 col-sm-8"
:readonly="routeName != 'probationWorkAdd'"
dense
@ -1239,7 +1288,6 @@ import { ref, computed, watch } from "vue";
import { useCounterMixin } from "@/stores/mixin";
import { useQuasar } from "quasar";
const $q = useQuasar();
const val1 = ref([
{
@ -1255,7 +1303,10 @@ const { date2Thai, notifyError } = mixin;
const checkValidate = ref<boolean>(false);
const myForm = ref<any>(null);
const fullnameFoot = ref<string>("");
const positionFoot = ref<string>("");
const caretakerFoot = ref<string>("");
const caretakerFoot2 = ref<string>("");
const id = ref<number>();
const personal_id = ref<string>();
const fullname = ref<string>();
@ -1266,6 +1317,7 @@ const date_finish = ref<Date | null>(null);
const behavior_desc = ref<string>();
const other_desc = ref<object>({});
const other4_desc = ref<string>();
const Other5 = ref<string>();
const other5_no1_desc = ref<object>({});
const other5_no2_desc = ref<object>({});
const experimenter_dated = ref<Date>();
@ -1299,9 +1351,9 @@ const OPcaretaker = [
const monthOp = [{ value: "6", label: "6 เดือน" }];
//-----------------(3.1)-----------//
const activityCount = ref<number>(2);
const activityDataArray = ref<any[]>([]);
const activity_desc = ref<string[]>(Array(activityCount.value).fill(""));
const goal_desc = ref<string[]>(Array(activityCount.value).fill(""));
const activityDataArray = ref<any[]>([]);
const addActivity = () => {
activityCount.value++;
};
@ -1321,6 +1373,7 @@ const resetActivity = () => {
goal_desc.value = Array(activityCount.value).fill("");
};
//-----------------(3.2)-----------//
const knowledgeCount = ref<number>(3);
const knowledge = ref<string[]>(Array(knowledgeCount.value).fill(""));
const OPknowledge = ["1", "2", "3", "4"];
@ -1343,13 +1396,13 @@ const deleteknowledge = (item: number) => {
knowledgeCount.value--;
}
};
const checked = ref<boolean>(false);
const productivityCount = ref<number>(1);
const Productivitys = ref<string[]>(Array(productivityCount.value).fill(""));
const goals1 = ref<string[]>(Array(productivityCount.value).fill(""));
const output_desc = ref<string[]>(Array(productivityCount.value).fill(""));
const indicator_desc = ref<string[]>(Array(productivityCount.value).fill(""));
const deleteProductivitys = (item: number) => {
Productivitys.value.splice(item, 1);
goals1.value.splice(item, 1);
output_desc.value.splice(item, 1);
indicator_desc.value.splice(item, 1);
if (productivityCount.value > 1) {
productivityCount.value--;
}
@ -1357,7 +1410,313 @@ const deleteProductivitys = (item: number) => {
const addProductivity = () => {
productivityCount.value++;
};
const ProductivityArray = computed(() => {
return Array(productivityCount.value).fill("");
});
const checkRule = ref([
{
id: 1,
parent_id: 0,
description: "๑. รัฐธรรมนูญ",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:39:59.000Z",
updatedAt: "2023-07-24T10:39:59.000Z",
checked: false,
},
{
id: 2,
parent_id: 0,
description: "๒. กฎหมายปกครอง",
status_select: 0,
active: 1,
createdAt: "2023-07-24T10:39:59.000Z",
updatedAt: "2023-07-24T10:39:59.000Z",
checked: false,
},
{
id: 3,
parent_id: 2,
description: "๒.๑. ด้านการบริหารราชการ เช่น",
status_select: 0,
active: 1,
createdAt: "2023-07-24T10:39:59.000Z",
updatedAt: "2023-07-24T10:39:59.000Z",
checked: false,
},
{
id: 4,
parent_id: 3,
description: "๑) กฎหมายว่าด้วยระเบียบบริหารราชการกรุงเทพมหานคร",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:39:59.000Z",
updatedAt: "2023-07-24T10:39:59.000Z",
checked: false,
},
{
id: 5,
parent_id: 3,
description: "๒) กฎหมายว่าด้วยระเบียบบริหารราชการแผ่นดิน",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:39:59.000Z",
updatedAt: "2023-07-24T10:39:59.000Z",
checked: false,
},
{
id: 6,
parent_id: 3,
description: "๓) กฎหมายว่าด้วยลักษณะปกครองท้องที่",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:39:59.000Z",
updatedAt: "2023-07-24T10:39:59.000Z",
checked: false,
},
{
id: 7,
parent_id: 3,
description:
"๔) ระเบียบสำนักนายกรัฐมนตรี ว่าด้วยการรับฟังความคิดเห็นสาธารณะโดยวิธีประชาพิจารณ์พ.ศ.๒๕๓๙",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:39:59.000Z",
updatedAt: "2023-07-24T10:39:59.000Z",
checked: false,
},
{
id: 8,
parent_id: 3,
description:
"๕) ระเบียบสำนักนายกรัฐมนตรี ว่าด้วยการสร้างระบบบริหารกิจการบ้านเมืองและสังคมที่ดีพ.ศ.๒๕๔๒",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 9,
parent_id: 3,
description:
"๖) พระราชกฤษฎีกาว่าด้วยหลักเกณฑ์และวิธีการบริหารกิจการบ้านเมืองที่ดี พ.ศ.๒๕๔๖",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 10,
parent_id: 2,
description: "๒.๒. ด้านการปฏิบัติราชการ เช่น",
status_select: 0,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 11,
parent_id: 10,
description: "๑) ระเบียบกรุงเทพมหานครว่าด้วยวิธีปฏิบัติงานสารบรรณ พ.ศ.๒๕๔๖",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 12,
parent_id: 10,
description: "๒) กฎหมายว่าด้วยวิธีปฏิบัติราชการทางปกครอง",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 13,
parent_id: 10,
description: "๓) กฎหมายว่าด้วยความรับผิดทางละเมิดของเจ้าหน้าที่",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 14,
parent_id: 10,
description: "๔) กฎหมายว่าด้วยการข้อมูลข่าวสารของทางราชการ",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 15,
parent_id: 10,
description: "๕) ระเบียบสำนักนายกรัฐมนตรีว่าด้วยงานสารบรรณ พ.ศ.๒๕๒๖",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 16,
parent_id: 10,
description: "๖) ระเบียบว่าด้วยการรักษาความลับของทางราชการ พ.ศ.๒๕๔๔",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 17,
parent_id: 2,
description: "๒.๓ ด้านการบริหารทรัพยากรบุคคล เช่น",
status_select: 0,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 18,
parent_id: 17,
description:
"๑) กฎหมายว่าด้วยระเบียบข้าราชการกรุงเทพมหานครและบุคลากรกรุงเทพมหานคร/กฎ ก.ก./หลักเกณฑ์ วิธีการ/มติ ก.ก. ที่เกี่ยวข้อง",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 19,
parent_id: 17,
description:
"๒) กฎหมายว่าด้วยระเบียบข้าราชการพลเรือนและกฎ ก.พ. ที่เกี่ยวข้อง",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 20,
parent_id: 2,
description: "๒.๔. ด้านการบริหารงบประมาณและการคลัง เช่น",
status_select: 0,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 21,
parent_id: 20,
description:
"๑) ข้อบัญญัติกรุงเทพมหานคร เรื่อง วิธีการงบประมาณ พ.ศ.๒๕๒๙ ซึ่งแก้ไขเพิ่มเติมโดย(ฉบับที่๒)พ.ศ.๒๕๓๓ และ(ฉบับที่๓)พ.ศ.๒๕๓๖",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 22,
parent_id: 20,
description:
"๒) ระเบียบกรุงเทพมหานครว่าด้วยการรับเงิน การเบิกจ่ายเงิน การเก็บรักษาเงิน การนำส่งเงินและการตรวจเงิน(ฉบับที่๘) พ.ศ.๒๕๔๔ (ฉบับที่๙)พ.ศ.๒๕๔๘",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 23,
parent_id: 20,
description:
"๓) ระเบียบกรุงเทพมหานครว่าด้วยค่าใช้จ่ายในการฝึกอบรบ พ.ศ.๒๕๔๑",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 24,
parent_id: 20,
description: "๔) พระราชบัญญัติวิธีการงบประมาณ พ.ศ.๒๕๐๒",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 25,
parent_id: 20,
description:
"๕) ระเบียบคณะกรรมการการตรวจเงินแผ่นดินว่าด้วยวินัยทางงบประมาณและการคลัง พ.ศ.๒๕๔๔",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 26,
parent_id: 20,
description: "๖) กฎหมายว่าด้วยความผิดเกี่ยวกับการเสนอราคาต่อหน่วยของรัฐ",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 27,
parent_id: 20,
description:
"๗) พระราชกฤษฎีกาการจ่ายเงินเดือน เงินปี บำเหน็จ บำนาญ และเงินอื่นในลักษณะเดียวกัน พ.ศ.๒๕๓๕",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 28,
parent_id: 20,
description: "๘) พระราชกฤษฎีกาค่าใช้จ่ายในการเดินทางไปราชการ พ.ศ.๒๕๒๖",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
{
id: 29,
parent_id: 20,
description:
"๙) ระเบียบกระทรวงการคลังว่าด้วยการเบิกจ่ายเบี้ยเลี้ยงเดินทาง และค่าเช่าที่พักในการเดินทางไปราชการ พ.ศ.๒๕๓๔ (ฉบับที่๙) พ.ศ.๒๕๔๔",
status_select: 1,
active: 1,
createdAt: "2023-07-24T10:40:00.000Z",
updatedAt: "2023-07-24T10:40:00.000Z",
checked: false,
},
]);
const checkList21 = ref([
{
id: 1,
@ -1537,22 +1896,64 @@ interface CheckboxItem {
// const caregiverRef1 = ref()
// const caregiverRef2 = ref()
// const workInfopRef = ref()
const putData = () =>{
const putData = () => {
const checkboxData: Record<string, CheckboxItem[]> = {
checkRule: checkRule.value.filter((item) => item.checked),
};
const assign_job = activityArray.value.map((item, index) => ({
id: index + 1,
activity_desc: activity_desc.value[index],
goal_desc: goal_desc.value[index],
}));
const know_ledge = knowledgeArray.value.map((item, index) => ({
id: index + 1,
knowledge: knowledge.value[index],
}));
const Productivity_assign = ProductivityArray.value.map((item, index) => ({
id: index + 1,
output_desc: output_desc.value[index],
indicator_desc: indicator_desc.value[index],
}));
const data = {
fullname:fullname.value,
position:position.value,
monthSelect:monthSelect.value,
date_start:date_start.value,
date_finish:date_finish.value,
caretaker1:caretaker1.value,
caretaker2:caretaker2.value,
activity_desc:activity_desc.value,
goal_desc:goal_desc.value,
knowledge:knowledge.value,
}
console.log("test",data)
}
fullname: fullname.value,
position: position.value,
monthSelect: monthSelect.value,
date_start: date_start.value,
date_finish: date_finish.value,
caretaker_1: caretaker1.value,
caretaker_2: caretaker2.value,
knowledge: know_ledge,
assign_job: assign_job,
otherlaw: OtherLaw.value,
skill: skill.value,
skill_2: skill2.value,
skill_3: skill3.value,
skill_4: skill4.value,
main: main.value,
main_2: main2.value,
main_3: main3.value,
main_4: main4.value,
main_5: main5.value,
group: group.value,
group_2: group2.value,
group_3: group3.value,
other: Other.value,
other_5: Other5.value,
productivity_assign: Productivity_assign,
commander: commander.value,
date_1: date1.value,
date_2: date2.value,
date_3: date3.value,
date_4: date4.value,
fullname_foot: fullnameFoot.value,
position_foot: positionFoot.value,
caretaker_foot: caretakerFoot.value,
caretaker_foot2: caretakerFoot2.value,
checkarray: checkboxData,
};
console.log("test", data);
};
const saveData = async () => {
// myForm.value.resetValidation();
@ -1565,7 +1966,6 @@ const saveData = async () => {
// workInfopRef.value.validate();
myForm.value.validate().then(async (result: boolean) => {
if (result) {
// แสดงข้อมูลใน Console
$q.dialog({
@ -1577,34 +1977,16 @@ const saveData = async () => {
},
})
.onOk(async () => {
const checkboxData: Record<string, CheckboxItem[]> = {
val1: val1.value.filter((item) => item.checked),
checkList21: checkList21.value.filter((item) => item.checked),
checkList22: checkList22.value.filter((item) => item.checked),
checkList23: checkList23.value.filter((item) => item.checked),
checkList24: checkList24.value.filter((item) => item.checked),
};
console.log("3.2 ข้อมูลติ๊ก", checkboxData);
putData();
})
.onCancel(() => {})
.onDismiss(() => {});
} else {
putData()
// ลองดูlog
activityDataArray.value = activity_desc.value.map((activity, index) => ({
id: index + 1,
activity_desc: activity,
goal_desc: goal_desc.value[index],
}));
// showLoader();
console.log("activity_desc:", activity_desc.value);
console.log("goal_desc:", goal_desc.value);
console.log(activityDataArray.value);
// Validation ไม่ผ่าน
// ลอง
// putData();
notifyError($q, "กรุณากรอกข้อมูลให้ครบ");
}
});
// สร้าง Object ที่เก็บข้อมูล Checkbox
};
const OtherLaw = ref<string>("");