Merge branch 'develop' into dev-tee

# Conflicts:
#	src/modules/11_discipline/stroes/InvestigateFactStore.ts

src/modules/11_discipline/components/1_Complaint/AddComplaintPage.vue

@@ -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
                   >

src/modules/11_discipline/components/4_Order/Step01.vue

@@ -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="secondary"
-        color="public"
+        icon="mdi-content-save-outline"
         type="submit"
-        class="q-px-md"
       />
     </q-card-actions>
   </q-form>

src/modules/11_discipline/components/6_BasicInformation/Channel/MainPage.vue

@@ -93,20 +93,15 @@ const clickAdd = () => {
 };
 
 const clickDelete = (id: string) => {
-  $q.dialog({
+  dialogRemove(
-    title: "ยืนยันการลบช่องทาง",
+    $q,
-    message: "ต้องการลบช่องทางนี้ใช่หรือไม่?",
+    async () => {
-    cancel: {
+      //   await deleteData(id);
-      flat: true,
+      //   await getData();
-      color: "negative",
     },
-    persistent: true,
+    `ลบข้อมูล`
-  })
+    // `ลบข้อมูลของ ${name}`
-    .onOk(async () => {
+  );
-      console.log("delete");
-    })
-    .onCancel(() => {})
-    .onDismiss(() => {});
 };
 
 onMounted(() => {});
@@ -170,18 +165,11 @@ onMounted(() => {});
         />
       </div>
       <div class="col-12">
-        <q-table
+        <d-table
-          ref="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>

src/modules/11_discipline/components/ุ6_Information/Channel/AddPage.vue

@@ -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>

src/modules/11_discipline/router.ts

@@ -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",

src/modules/11_discipline/stroes/ComplaintsStore.ts

@@ -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>([{}])
 

src/modules/11_discipline/stroes/InvestigateDisStore.ts

@@ -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) {

src/modules/11_discipline/stroes/InvestigateFactStore.ts

@@ -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[]>();

src/modules/11_discipline/stroes/OrderStore.ts

@@ -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) => ({

src/modules/11_discipline/stroes/ReportStore.ts

@@ -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: "รายงานรายชื่อข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด" },