From 27b4e9dd4cd7ee1e2d006ea89e04516c1e0cb3a2 Mon Sep 17 00:00:00 2001
From: AnandaTon <125332905+anandaAiemvong@users.noreply.github.com>
Date: Mon, 17 Jul 2023 14:02:44 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=AD=E0=B8=B1=E0=B8=9E=E0=B9=80=E0=B8=94?=
 =?UTF-8?q?=E0=B8=97=20type=20//=E0=B9=80=E0=B8=A1=E0=B8=99=E0=B8=B9?=
 =?UTF-8?q?=E0=B9=80=E0=B8=84=E0=B8=A3=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=87?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/interface/request/main/main.ts            |  24 ++
 .../07_insignia/interface/request/Main.ts     |  10 +-
 .../views/1_Proposals/addProposals.vue        |   4 +
 .../views/1_Proposals/listProposals.vue       |   5 +-
 src/modules/08_registryEmployee/index/Main.ts |   1 +
 .../08_registryEmployee/request/Main.ts       |  13 +
 .../08_registryEmployee/response/Main.ts      |   1 +
 .../08_registryEmployee/views/Main.vue        | 402 ++++++++----------
 8 files changed, 221 insertions(+), 239 deletions(-)
 create mode 100644 src/modules/08_registryEmployee/index/Main.ts
 create mode 100644 src/modules/08_registryEmployee/request/Main.ts
 create mode 100644 src/modules/08_registryEmployee/response/Main.ts

diff --git a/src/interface/request/main/main.ts b/src/interface/request/main/main.ts
index fc19715ec..e8f8f5d66 100644
--- a/src/interface/request/main/main.ts
+++ b/src/interface/request/main/main.ts
@@ -228,6 +228,30 @@ const menuList = readonly<any[]>([
         path: "insigniaProposals",
         role: "insignia",
       },
+      {
+        key: 8.2,
+        label: "จัดทำรายชื่อข้าราชการสามัญ" /* รายชื่อผู้สอบผ่าน */,
+        path: "insigniaNameList",
+        role: "insignia",
+      },
+      {
+        key: 8.3,
+        label: "อนุมัติรายชื่อข้าราชการสามัญ" /* รายชื่อผู้สอบผ่าน */,
+        path: "insigniaNameApprove",
+        role: "insignia",
+      },
+      {
+        key: 8.4,
+        label: "บันทึกผลการได้รับพระราช..." /* รายชื่อผู้สอบผ่าน */,
+        path: "insigniaRecord",
+        role: "insignia",
+      },
+      {
+        key: 8.5,
+        label: "รายงาน" /* รายชื่อผู้สอบผ่าน */,
+        path: "insigniaReport",
+        role: "insignia",
+      },
     ],
   },
   {
diff --git a/src/modules/07_insignia/interface/request/Main.ts b/src/modules/07_insignia/interface/request/Main.ts
index e4ea7770c..2c598c6d4 100644
--- a/src/modules/07_insignia/interface/request/Main.ts
+++ b/src/modules/07_insignia/interface/request/Main.ts
@@ -1 +1,9 @@
-export type {};
+interface FormProprsalsRound {
+  id: number;
+  name: string;
+  year: number;
+  startDate: number;
+  endDate: number;
+  status: string;
+}
+export type { FormProprsalsRound };
diff --git a/src/modules/07_insignia/views/1_Proposals/addProposals.vue b/src/modules/07_insignia/views/1_Proposals/addProposals.vue
index 1e63df651..63ee7bb6a 100644
--- a/src/modules/07_insignia/views/1_Proposals/addProposals.vue
+++ b/src/modules/07_insignia/views/1_Proposals/addProposals.vue
@@ -167,5 +167,9 @@ const $q = useQuasar();
 const dateStart = ref<any>(new Date());
 const dateEnd = ref<any>(new Date());
 
+const roundInsig = ref<string>("");
+const year = ref<string>("");
+const datelast = ref<string>("");
+
 const routeName = router.currentRoute.value.name;
 </script>
diff --git a/src/modules/07_insignia/views/1_Proposals/listProposals.vue b/src/modules/07_insignia/views/1_Proposals/listProposals.vue
index ebda6400a..48d761c5d 100644
--- a/src/modules/07_insignia/views/1_Proposals/listProposals.vue
+++ b/src/modules/07_insignia/views/1_Proposals/listProposals.vue
@@ -116,7 +116,7 @@
                   size="12px"
                   flat
                   round
-                  color="indigo"
+                  color="light-blue-8"
                   @click.stop.prevent="clickProposals(props.row.id)"
                   icon="mdi-file-download"
                 >
@@ -161,6 +161,7 @@ import { ref, useAttrs } from "vue";
 import type { QTableProps } from "quasar";
 import router from "@/router";
 import { useQuasar } from "quasar";
+import type { FormProprsalsRound } from " @/modules/07_insignia/interface/request/Main.ts";
 
 const $q = useQuasar(); //ใช้ noti quasar
 const modal = ref<boolean>(false);
@@ -229,7 +230,7 @@ const columns = ref<QTableProps["columns"]>([
 ]);
 
 // ข้อมูลตาราง (จำลอง)
-const rows = ref<any[]>([
+const rows = ref<FormProprsalsRound[]>([
   {
     round: "รอบการเสนอขอพระราชทานเครื่องราชฯ",
     year: "2566",
diff --git a/src/modules/08_registryEmployee/index/Main.ts b/src/modules/08_registryEmployee/index/Main.ts
new file mode 100644
index 000000000..e4ea7770c
--- /dev/null
+++ b/src/modules/08_registryEmployee/index/Main.ts
@@ -0,0 +1 @@
+export type {};
diff --git a/src/modules/08_registryEmployee/request/Main.ts b/src/modules/08_registryEmployee/request/Main.ts
new file mode 100644
index 000000000..eecf581d1
--- /dev/null
+++ b/src/modules/08_registryEmployee/request/Main.ts
@@ -0,0 +1,13 @@
+interface FormRegistryEmployee {
+  no: string;
+  name: string;
+  positionNum: string;
+  position: string;
+  path: string;
+  type: string;
+  level: string;
+  affiliation: string;
+  yearly: number;
+  pay: string;
+}
+export type { FormRegistryEmployee };
diff --git a/src/modules/08_registryEmployee/response/Main.ts b/src/modules/08_registryEmployee/response/Main.ts
new file mode 100644
index 000000000..e4ea7770c
--- /dev/null
+++ b/src/modules/08_registryEmployee/response/Main.ts
@@ -0,0 +1 @@
+export type {};
diff --git a/src/modules/08_registryEmployee/views/Main.vue b/src/modules/08_registryEmployee/views/Main.vue
index 24c94dede..485ed54d1 100644
--- a/src/modules/08_registryEmployee/views/Main.vue
+++ b/src/modules/08_registryEmployee/views/Main.vue
@@ -2,157 +2,173 @@
   <div class="toptitle text-dark col-12 row items-center">
     รายชื่อลูกจ้างชั่วคราว
   </div>
-    <q-card flat bordered class="q-pa-md">
-      <div class="col-12 row items-center">
-        <q-btn flat round color="primary" @click="clickAdd" icon="mdi-plus">
-          <q-tooltip>เพิ่มข้อมูล</q-tooltip>
-        </q-btn>
-        <q-space />
-        <div class="items-center" style="display: flex">
-          <!-- ค้นหาข้อความใน table -->
-          <q-input
-            standout
-            dense
-            v-model="filter"
-            ref="filterRef"
-            outlined
-            debounce="300"
-            placeholder="ค้นหา"
-            style="max-width: 200px"
-            class="q-ml-sm"
-          >
-            <template v-slot:append>
-              <q-icon v-if="filter == ''" name="search" />
-              <q-icon
-                v-if="filter !== ''"
-                name="clear"
-                class="cursor-pointer"
-                @click="resetFilter"
-              />
-            </template>
-          </q-input>
-          <!-- แสดงคอลัมน์ใน table -->
-          <q-select
-            v-model="visibleColumns"
-            :display-value="$q.lang.table.columns"
-            multiple
-            outlined
-            dense
-            :options="columns"
-            options-dense
-            option-value="name"
-            map-options
-            emit-value
-            style="min-width: 150px"
-            class="gt-xs q-ml-sm"
-          />
-        </div>
-      </div>
-      <div class="col-12 q-pt-sm">
-        <q-table
-          flat
-          bordered
+  <q-card flat bordered class="q-pa-md">
+    <div class="col-12 row items-center">
+      <q-btn flat round color="primary" @click="clickAdd" icon="mdi-plus">
+        <q-tooltip>เพิ่มข้อมูล</q-tooltip>
+      </q-btn>
+      <q-space />
+      <div class="items-center" style="display: flex">
+        <!-- ค้นหาข้อความใน table -->
+        <q-input
+          standout
           dense
-          :rows="rows"
-          :columns="columns"
-          :visible-columns="visibleColumns"
-          :filter="filter"
-          row-key="name"
-          class="custom-header-table"
-          :pagination-label="paginationLabel"
-          v-model:pagination="pagination"
+          v-model="filter"
+          ref="filterRef"
+          outlined
+          debounce="300"
+          placeholder="ค้นหา"
+          style="max-width: 200px"
+          class="q-ml-sm"
         >
-          <template v-slot:header="props">
-            <q-tr :props="props">
-              <q-th v-for="col in props.cols" :key="col.name" :props="props">
-                <span class="text-weight-medium">{{ col.label }}</span>
-              </q-th>
-              <q-th auto-width />
-            </q-tr>
+          <template v-slot:append>
+            <q-icon v-if="filter == ''" name="search" />
+            <q-icon
+              v-if="filter !== ''"
+              name="clear"
+              class="cursor-pointer"
+              @click="resetFilter"
+            />
           </template>
-          <template v-slot:body="props">
-            <q-tr :props="props" class="cursor-pointer">
-              <q-td key="no" :props="props">
-                {{ props.rowIndex + 1 }}
-              </q-td>
-              <q-td key="positionNum" :props="props">
-                {{ props.row.positionNum }}
-              </q-td>
-              <q-td key="name" :props="props">
-                {{ props.row.name }}
-              </q-td>
-              <q-td key="position" :props="props">
-                {{ props.row.position }}
-              </q-td>
-              <q-td key="path" :props="props">
-                {{ props.row.path }}
-              </q-td>
-              <q-td key="type" :props="props">
-                {{ props.row.type }}
-              </q-td>
-              <q-td key="level" :props="props">
-                {{ props.row.level }}
-              </q-td>
-              <q-td key="affiliation" :props="props">
-                {{ props.row.affiliation }}
-              </q-td>
-              <q-td key="yearly" :props="props">
-                {{ props.row.yearly }}
-              </q-td>
-              <q-td key="pay" :props="props">
-                {{ props.row.pay }}
-              </q-td>
-              <q-td auto-width>
-                <q-btn
-                  icon="mdi-dots-vertical"
-                  size="12px"
-                  color="grey-7"
-                  flat
-                  round
-                  dense
-                >
-                  <q-menu transition-show="jump-down" transition-hide="jump-up">
-                    <q-list dense style="min-width: 160px">
-                      <q-item
-                        clickable
-                        v-close-popup
-                        @click="editDetail(props.row)"
-                      >
-                        <q-item-section style="min-width: 0px" avatar class="q-py-sm">
-                          <q-icon color="blue" size="xs" name="mdi-account-settings" />
-                        </q-item-section>
-                        <q-item-section>กำหนดตำแหน่ง</q-item-section>
-                      </q-item>
-                      <q-separator />
-                      <q-item clickable v-close-popup @click="clickDelete('test')">
-                        <q-item-section style="min-width: 0px" avatar class="q-py-sm">
-                          <q-icon color="red" size="xs" name="mdi-delete" />
-                        </q-item-section>
-                        <q-item-section>ลบ</q-item-section>
-                      </q-item>
-
-                      <q-separator />
-                    </q-list>
-                  </q-menu>
-                </q-btn>
-              </q-td>
-            </q-tr>
-          </template>
-          <template v-slot:pagination="scope">
-            <q-pagination
-              v-model="pagination.page"
-              active-color="primary"
-							color="dark"
-              :max="scope.pagesNumber"
-              :max-pages="5"
-              size="sm"
-              boundary-links
-              direction-links
-            ></q-pagination>
-          </template>
-        </q-table>
+        </q-input>
+        <!-- แสดงคอลัมน์ใน table -->
+        <q-select
+          v-model="visibleColumns"
+          :display-value="$q.lang.table.columns"
+          multiple
+          outlined
+          dense
+          :options="columns"
+          options-dense
+          option-value="name"
+          map-options
+          emit-value
+          style="min-width: 150px"
+          class="gt-xs q-ml-sm"
+        />
       </div>
-    </q-card>
+    </div>
+    <div class="col-12 q-pt-sm">
+      <q-table
+        flat
+        bordered
+        dense
+        :rows="rows"
+        :columns="columns"
+        :visible-columns="visibleColumns"
+        :filter="filter"
+        row-key="name"
+        class="custom-header-table"
+        :pagination-label="paginationLabel"
+        v-model:pagination="pagination"
+      >
+        <template v-slot:header="props">
+          <q-tr :props="props">
+            <q-th v-for="col in props.cols" :key="col.name" :props="props">
+              <span class="text-weight-medium">{{ col.label }}</span>
+            </q-th>
+            <q-th auto-width />
+          </q-tr>
+        </template>
+        <template v-slot:body="props">
+          <q-tr :props="props" class="cursor-pointer">
+            <q-td key="no" :props="props">
+              {{ props.rowIndex + 1 }}
+            </q-td>
+            <q-td key="positionNum" :props="props">
+              {{ props.row.positionNum }}
+            </q-td>
+            <q-td key="name" :props="props">
+              {{ props.row.name }}
+            </q-td>
+            <q-td key="position" :props="props">
+              {{ props.row.position }}
+            </q-td>
+            <q-td key="path" :props="props">
+              {{ props.row.path }}
+            </q-td>
+            <q-td key="type" :props="props">
+              {{ props.row.type }}
+            </q-td>
+            <q-td key="level" :props="props">
+              {{ props.row.level }}
+            </q-td>
+            <q-td key="affiliation" :props="props">
+              {{ props.row.affiliation }}
+            </q-td>
+            <q-td key="yearly" :props="props">
+              {{ props.row.yearly }}
+            </q-td>
+            <q-td key="pay" :props="props">
+              {{ props.row.pay }}
+            </q-td>
+            <q-td auto-width>
+              <q-btn
+                icon="mdi-dots-vertical"
+                size="12px"
+                color="grey-7"
+                flat
+                round
+                dense
+              >
+                <q-menu transition-show="jump-down" transition-hide="jump-up">
+                  <q-list dense style="min-width: 160px">
+                    <q-item
+                      clickable
+                      v-close-popup
+                      @click="editDetail(props.row)"
+                    >
+                      <q-item-section
+                        style="min-width: 0px"
+                        avatar
+                        class="q-py-sm"
+                      >
+                        <q-icon
+                          color="blue"
+                          size="xs"
+                          name="mdi-account-settings"
+                        />
+                      </q-item-section>
+                      <q-item-section>กำหนดตำแหน่ง</q-item-section>
+                    </q-item>
+                    <q-separator />
+                    <q-item
+                      clickable
+                      v-close-popup
+                      @click="clickDelete('test')"
+                    >
+                      <q-item-section
+                        style="min-width: 0px"
+                        avatar
+                        class="q-py-sm"
+                      >
+                        <q-icon color="red" size="xs" name="mdi-delete" />
+                      </q-item-section>
+                      <q-item-section>ลบ</q-item-section>
+                    </q-item>
+
+                    <q-separator />
+                  </q-list>
+                </q-menu>
+              </q-btn>
+            </q-td>
+          </q-tr>
+        </template>
+        <template v-slot:pagination="scope">
+          <q-pagination
+            v-model="pagination.page"
+            active-color="primary"
+            color="dark"
+            :max="scope.pagesNumber"
+            :max-pages="5"
+            size="sm"
+            boundary-links
+            direction-links
+          ></q-pagination>
+        </template>
+      </q-table>
+    </div>
+  </q-card>
 </template>
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
@@ -163,6 +179,7 @@ import { useRouter } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import type { treeTab } from "@/modules/05_placement/interface/index/Main";
+import { FormRegistryEmployee } from "@/modules/08_registryEmployee/request/Main.ts";
 
 const props = defineProps({
   next: {
@@ -210,93 +227,6 @@ const columnsModal = [
   },
 ];
 
-const rowsModal = [
-  {
-    no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางนัทธ์ เหล่าสกุล",
-    positionNum: "สกก.3",
-    position: "นักบริหาร",
-    path: "บริหาร",
-    type: "บริหาร",
-    level: "ชำนาญการพิเศษ",
-    affiliation: "ฝ่ายบริหารงานทั่วไป",
-    yearly: 2565,
-    pay: "40,000",
-  },
-  {
-    no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นายภูวนัย ต้นทอง",
-    positionNum: "กทม.2",
-    position: "นักบริหาร",
-    path: "บริหาร",
-    type: "บริหาร",
-    level: "ชำนาญการพิเศษ",
-    affiliation: "ฝ่ายบริหารงานทั่วไป",
-    yearly: 2565,
-    pay: "35,000",
-  },
-  {
-    no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางปริศนา ตรีวุฒิ",
-    positionNum: "กบห.3",
-    position: "นักบริหาร",
-    path: "บริหาร",
-    type: "บริหาร",
-    level: "ชำนาญการพิเศษ",
-    affiliation: "ฝ่ายบริหารงานทั่วไป",
-    yearly: 2565,
-    pay: "38,000",
-  },
-  {
-    no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางเมษา เกียรติบวรสกุล ",
-    positionNum: "สกก.3",
-    position: "นักบริหาร",
-    path: "บริหาร",
-    type: "บริหาร",
-    level: "ชำนาญการพิเศษ",
-    affiliation: "ฝ่ายบริหารงานทั่วไป",
-    yearly: 2565,
-    pay: "25,000",
-  },
-  {
-    no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางพริมา พงศ์พินิจ",
-    positionNum: "สกก.3",
-    position: "นักบริหาร",
-    path: "บริหาร",
-    type: "บริหาร",
-    level: "ชำนาญการพิเศษ",
-    affiliation: "ฝ่ายบริหารงานทั่วไป",
-    yearly: 2565,
-    pay: "30,000",
-  },
-  {
-    no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางพรพักตร์ พาใจขวัญ",
-    positionNum: "สกก.3",
-    position: "นักบริหาร",
-    path: "บริหาร",
-    type: "บริหาร",
-    level: "ชำนาญการพิเศษ",
-    affiliation: "ฝ่ายบริหารงานทั่วไป",
-    yearly: 2565,
-    pay: "40,000",
-  },
-  {
-    no: "0ac56905-1a74-4606-a120-233340adde95",
-    name: "นางชลธิมา คมสกุล ",
-    positionNum: "สกก.3",
-    position: "นักบริหาร",
-    path: "บริหาร",
-    type: "บริหาร",
-    level: "ชำนาญการพิเศษ",
-    affiliation: "ฝ่ายบริหารงานทั่วไป",
-    yearly: 2565,
-    pay: "15,000",
-  },
-];
-
 const paginationModal = ref({
   sortBy: "desc",
   descending: false,
@@ -390,7 +320,7 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 
-const rows = [
+const rows = ref<FormRegistryEmployee[]>([
   {
     no: "0ac56905-1a74-4606-a120-233340adde95",
     name: "นางนัทธ์ เหล่าสกุล",
@@ -535,7 +465,7 @@ const rows = [
     yearly: 2565,
     pay: "20,250",
   },
-];
+]);
 
 onMounted(async () => {
   await nodeTree();