From 2192846af89acb275957735186788dc9274bfe7f Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 17 Jul 2024 09:20:24 +0700
Subject: [PATCH] router => fix

---
 src/modules/00_support/router.ts |  22 +-
 src/views/TestManagement.vue     | 580 ++-----------------------------
 2 files changed, 37 insertions(+), 565 deletions(-)

diff --git a/src/modules/00_support/router.ts b/src/modules/00_support/router.ts
index d2762cfc7..9e7f32720 100644
--- a/src/modules/00_support/router.ts
+++ b/src/modules/00_support/router.ts
@@ -2,7 +2,7 @@ const supportMain = () => import("@/modules/00_support/views/MainPage.vue");
 const supportCategory = () =>
   import("@/modules/00_support/views/ManageCategory.vue");
 
-const testView = () => import("@/views/TestManagement.vue");
+// const testView = () => import("@/views/TestManagement.vue");
 
 export default [
   {
@@ -26,14 +26,14 @@ export default [
     },
   },
 
-  {
-    path: "/test",
-    name: "testView",
-    component: testView,
-    meta: {
-      Auth: true,
-      Key: [1.1],
-      Role: "support",
-    },
-  },
+  // {
+  //   path: "/test",
+  //   name: "testView",
+  //   component: testView,
+  //   meta: {
+  //     Auth: true,
+  //     Key: [1.1],
+  //     Role: "support",
+  //   },
+  // },
 ];
diff --git a/src/views/TestManagement.vue b/src/views/TestManagement.vue
index 410201c10..0b3c33c12 100644
--- a/src/views/TestManagement.vue
+++ b/src/views/TestManagement.vue
@@ -1,566 +1,38 @@
 <script setup lang="ts">
-import { ref, onMounted, reactive } from "vue";
-import { useQuasar } from "quasar";
-import http from "@/plugins/http";
-import config from "@/app.config";
-
-/** importType*/
-import type { QTableProps } from "quasar";
-
-/** importStore*/
-import { useCounterMixin } from "@/stores/mixin";
-
-/** use*/
-const $q = useQuasar();
-const { showLoader, hideLoader, messageError, date2Thai } = useCounterMixin();
-
-/** โครงสร้าง*/
-const expanded = ref<Array<string>>([]);
-const filter = ref<string>("");
-const nodeTree = ref<any[]>([]);
-const nodeId = ref<string>("");
-
-/** function เรียกข้อมูลโครงสร้าง แบบปัจุบัน*/
-function fetchOrganizationActive() {
-  showLoader();
-  http
-    .get(config.API.activeOrganization)
-    .then((res) => {
-      const data = res.data.result;
-      if (data) {
-        fetchOrganization(data.activeId);
-      }
-    })
-    .catch((err) => {
-      messageError($q, err);
-      hideLoader();
-    });
+function deleteCookie(name: string, path: string = "/", domain?: string) {
+  let cookieString = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=${path};`;
+  if (domain) {
+    cookieString += ` domain=${domain};`;
+  }
+  document.cookie = cookieString;
+  console.log("Deleted cookie:", name);
 }
 
-/**
- * function fetch ข้อมูลโครงสร้าาง
- * @param id id โครงสร้างปัจุบัน
- */
-function fetchOrganization(id: string) {
-  showLoader();
-  http
-    .get(config.API.orgByid(id.toString()))
-    .then((res) => {
-      const data = res.data.result;
-      nodeTree.value = data.map((e: any) => ({
-        ...e,
-        owner: [
-          {
-            name: "นางอัจฉรา ศรีปริวาทิน",
-            pos: "หัวหน้า",
-          },
-          {
-            name: "นางศรีปริวาทิน",
-            pos: "รองหัวหน้า",
-          },
-        ],
-      }));
-      console.log(nodeTree.value);
-    })
-    .catch((err) => {
-      messageError($q, err);
-    })
-    .finally(() => {
-      hideLoader();
-    });
+function showCookies() {
+  const cookies = document.cookie.split(";").map((cookie) => cookie.trim());
+  const cookieNames = cookies.map((cookie) => cookie.split("=")[0]);
+  console.log("Cookies:", cookieNames);
 }
 
-function updateSelected(data: any) {
-  nodeId.value = data;
+function handleDeleteCookie() {
+  deleteCookie("AUTH_SESSION_ID");
 }
-
-/** ตำแหน่ง*/
-const rowPosition = ref<any[]>([
-  {
-    id: "1",
-    posMasterNo: "สกก.1",
-    positionName: "นักบริหาร",
-    posTypeName: "บริหาร",
-    posLevelName: "สูง",
-    positionIsSelected: "นางอัจฉรา ศรีปริวาทิน",
-  },
-]);
-const columnsPosition = ref<QTableProps["columns"]>([
-  {
-    name: "no",
-    align: "left",
-    label: "ลำดับ",
-    sortable: false,
-    field: (row) => rowPosition.value.indexOf(row) + 1,
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "posMasterNo",
-    align: "left",
-    label: "ตำแหน่งเลขที่",
-    sortable: false,
-    field: "posMasterNo",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "positionName",
-    align: "left",
-    label: "ตำแหน่งในสายงาน",
-    field: "positionName",
-    sortable: false,
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "posTypeName",
-    align: "left",
-    label: "ประเภทตำแหน่ง",
-    sortable: false,
-    field: "posTypeName",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "posLevelName",
-    align: "left",
-    label: "ระดับตำแหน่ง",
-    sortable: false,
-    field: "posLevelName",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "positionIsSelected",
-    align: "left",
-    label: "คนครอง",
-    sortable: false,
-    field: "positionIsSelected",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-]);
-const positionId = ref<string>("");
-
-const reqMaster = reactive({
-  isAll: false,
-  keyword: "",
-});
-
-function selectPosition(id: string) {
-  positionId.value = id;
-}
-
-/** รายชื่อคนรักษาการ*/
-const rowListPerson = ref<any[]>([
-  {
-    id: "1",
-    citizenId: "1101700019241",
-    name: "เรือตรีพนัส บิณศิรวานิช",
-    posMasterNo: "สพข.54",
-    positionName: "นายแพทย์",
-    posTypeName: "ทั่วไป",
-    posLevelName: "สูง",
-  },
-  {
-    id: "2",
-    citizenId: "1101700019241",
-    name: "เรือตรีพนัส บิณศิรวานิช",
-    posMasterNo: "สพข.54",
-    positionName: "นายแพทย์",
-    posTypeName: "ทั่วไป",
-    posLevelName: "สูง",
-  },
-]);
-const columnsPerson = ref<QTableProps["columns"]>([
-  {
-    name: "no",
-    align: "left",
-    label: "ลำดับ",
-    sortable: false,
-    field: (row) => rowListPerson.value.indexOf(row) + 1,
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "citizenId",
-    align: "left",
-    label: "เลขประจำตัวประชาชน",
-    sortable: false,
-    field: "citizenId",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "name",
-    align: "left",
-    label: "ชื่อ-นามสกุล",
-    field: "name",
-    sortable: false,
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "posMasterNo",
-    align: "left",
-    label: "ตำแหน่งเลขที่",
-    sortable: false,
-    field: "posMasterNo",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "positionName",
-    align: "left",
-    label: "ตำแหน่งในสายงาน",
-    sortable: false,
-    field: "positionName",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "posTypeName",
-    align: "left",
-    label: "ตำแหน่งประเภท",
-    sortable: false,
-    field: "posTypeName",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "posLevelName",
-    align: "left",
-    label: "ระดับ",
-    sortable: false,
-    field: "posLevelName",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-]);
-
-function onSwapPerson(type: string, id: string) {}
-
-onMounted(() => {
-  fetchOrganizationActive();
-});
 </script>
 
 <template>
-  <div class="toptitle text-dark col-12 row items-center">
-    รักษาการในตำแหน่ง
-  </div>
-  <q-card style="height: 100%">
-    <q-card-section :horizontal="$q.screen.gt.sm">
-      <q-card-section class="col-lg-3 col-md-4 col-xs-12 q-gutter-sm">
-        <div>
-          <q-input dense outlined v-model="filter" label="ค้นหา">
-            <template v-slot:append>
-              <q-icon
-                v-if="filter !== ''"
-                name="clear"
-                class="cursor-pointer"
-                @click="filter = ''"
-              />
-              <q-icon name="search" color="grey-5" />
-            </template>
-          </q-input>
-        </div>
-        <div class="bg-white tree-container q-pa-xs">
-          <q-tree
-            class="q-pa-sm q-gutter-sm"
-            dense
-            :nodes="nodeTree"
-            node-key="orgTreeId"
-            label-key="labelName"
-            :filter="filter"
-            no-results-label="ไม่พบข้อมูลที่ค้นหา"
-            no-nodes-label="ไม่มีข้อมูล"
-            v-model:expanded="expanded"
-          >
-            <template v-slot:default-header="prop">
-              <q-item
-                clickable
-                class="row col-12 items-center text-dark q-py-xs q-pl-sm rounded-borders my-list"
-              >
-                <div>
-                  <div class="text-weight-medium">
-                    {{ prop.node.orgTreeName }}
-                  </div>
-                  <div class="text-weight-light text-grey-8">
-                    {{ prop.node.orgCode == null ? null : prop.node.orgCode }}
-                    {{
-                      prop.node.orgTreeShortName == null
-                        ? null
-                        : prop.node.orgTreeShortName
-                    }}
-                  </div>
-                </div>
-              </q-item>
-            </template>
+  <q-btn
+    color="white"
+    text-color="black"
+    label="Del"
+    @click="handleDeleteCookie"
+  />
 
-            <template v-slot:default-body="prop">
-              <div v-if="prop.node.owner">
-                <q-list dense v-for="col in prop.node.owner">
-                  <q-item
-                    clickable
-                    :active="nodeId == col.name"
-                    active-class="my-list-link text-primary text-weight-medium"
-                    @click.stop="updateSelected(col.name)"
-                  >
-                    <q-item-section>
-                      {{ col.name }} {{ col.pos }}</q-item-section
-                    >
-                  </q-item>
-                </q-list>
-                <div></div>
-              </div>
-            </template>
-          </q-tree>
-        </div>
-      </q-card-section>
-
-      <q-separator :vertical="$q.screen.gt.xs" />
-
-      <q-card-section
-        v-if="nodeId"
-        class="col-lg-9 col-md-8 col-xs-12 scroll"
-        style="height: 86vh"
-      >
-        <div class="column q-col-gutter-sm">
-          <div class="col">
-            <q-card bordered style="height: 100%; border: 1px solid #d6dee1">
-              <div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
-                เลือกตำแหน่ง
-              </div>
-              <div class="col-12"><q-separator /></div>
-              <div class="row q-pa-md">
-                <div class="col-12">
-                  <q-toolbar style="padding: 0">
-                    <q-space />
-                    <div class="row q-gutter-md">
-                      <div>
-                        <!-- <q-checkbox
-                          keep-color
-                          v-model="reqMaster.isAll"
-                          label="แสดงตำแหน่งทั้งหมด"
-                          color="primary"
-                        >
-                          <q-tooltip
-                            >แสดงตำแหน่งทั้งหมดภายใต้หน่วยงาน/ส่วนราชการที่เลือก</q-tooltip
-                          >
-                        </q-checkbox> -->
-                      </div>
-                      <div>
-                        <q-input
-                          outlined
-                          dense
-                          v-model="reqMaster.keyword"
-                          label="ค้นหา"
-                        >
-                          <template v-slot:append>
-                            <q-icon name="search" color="grey-5" />
-                          </template>
-                        </q-input>
-                      </div>
-                    </div>
-                  </q-toolbar>
-                </div>
-                <div class="col-12">
-                  <d-table
-                    ref="table"
-                    :columns="columnsPosition"
-                    :rows="rowPosition"
-                    :paging="true"
-                    row-key="id"
-                    flat
-                    bordered
-                    dense
-                    :rows-per-page-options="[10, 25, 50, 100]"
-                  >
-                    <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-tr>
-                    </template>
-                    <template v-slot:body="props">
-                      <q-tr :props="props" class="cursor-pointer">
-                        <q-td
-                          v-for="col in props.cols"
-                          :key="col.name"
-                          :props="props"
-                          @click="selectPosition(props.row.id)"
-                          :class="
-                            props.row.id === positionId ? 'bg-blue-2' : ''
-                          "
-                        >
-                          <div>
-                            {{ col.value ? col.value : "-" }}
-                          </div>
-                        </q-td>
-                      </q-tr>
-                    </template>
-                    <!-- <template v-slot:pagination="scope">
-                        <q-pagination
-                          v-model="reqMaster.page"
-                          active-color="primary"
-                          color="dark"
-                          :max="totalPage"
-                          :max-pages="5"
-                          size="sm"
-                          boundary-links
-                          direction-links
-                        ></q-pagination>
-                      </template> -->
-                  </d-table>
-                </div>
-              </div>
-            </q-card>
-          </div>
-          <div class="col" v-if="positionId">
-            <q-card bordered style="height: 100%; border: 1px solid #d6dee1">
-              <div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
-                รายชื่อคนรักษาการ
-              </div>
-              <div class="col-12"><q-separator /></div>
-              <div class="row q-pa-md">
-                <div class="col-12">
-                  <q-toolbar style="padding: 0">
-                    <q-space />
-                    <div class="row q-gutter-md">
-                      <div>
-                        <q-input
-                          outlined
-                          dense
-                          v-model="reqMaster.keyword"
-                          label="ค้นหา"
-                        >
-                          <template v-slot:append>
-                            <q-icon name="search" color="grey-5" />
-                          </template>
-                        </q-input>
-                      </div>
-                    </div>
-                  </q-toolbar>
-                </div>
-                <div class="col-12">
-                  <d-table
-                    ref="table"
-                    :columns="columnsPerson"
-                    :rows="rowListPerson"
-                    :paging="true"
-                    row-key="id"
-                    flat
-                    bordered
-                    dense
-                    :rows-per-page-options="[10, 25, 50, 100]"
-                  >
-                    <template v-slot:header="props">
-                      <q-tr :props="props">
-                        <q-th auto-width v-if="rowListPerson.length !== 1" />
-                        <q-th auto-width v-if="rowListPerson.length !== 1" />
-                        <q-th
-                          v-for="col in props.cols"
-                          :key="col.name"
-                          :props="props"
-                        >
-                          <span class="text-weight-medium">{{
-                            col.label
-                          }}</span>
-                        </q-th>
-                      </q-tr>
-                    </template>
-                    <template v-slot:body="props">
-                      <q-tr :props="props" class="cursor-pointer">
-                        <q-td auto-width v-if="rowListPerson.length !== 1">
-                          <q-btn
-                            dense
-                            size="12px"
-                            flat
-                            round
-                            :color="props.rowIndex + 1 == 1 ? 'grey' : 'green'"
-                            :disable="props.rowIndex + 1 == 1"
-                            icon="mdi-arrow-up-bold"
-                            @click="onSwapPerson('up', props.row.id)"
-                          >
-                            <!-- <q-tooltip>เลื่อนลำดับขึ้น</q-tooltip> -->
-                          </q-btn>
-                        </q-td>
-                        <q-td auto-width v-if="rowListPerson.length !== 1">
-                          <q-btn
-                            dense
-                            size="12px"
-                            flat
-                            round
-                            :color="
-                              rowListPerson.length == props.rowIndex + 1
-                                ? 'grey'
-                                : 'red'
-                            "
-                            :disable="
-                              rowListPerson.length == props.rowIndex + 1
-                            "
-                            icon="mdi-arrow-down-bold"
-                            @click="onSwapPerson('down', props.row.id)"
-                          >
-                            <!-- <q-tooltip>เลื่อนลำดับลง</q-tooltip> -->
-                          </q-btn>
-                        </q-td>
-                        <q-td
-                          v-for="col in props.cols"
-                          :key="col.name"
-                          :props="props"
-                        >
-                          <div>
-                            {{ col.value ? col.value : "-" }}
-                          </div>
-                        </q-td>
-                      </q-tr>
-                    </template>
-                    <!-- <template v-slot:pagination="scope">
-                        <q-pagination
-                          v-model="reqMaster.page"
-                          active-color="primary"
-                          color="dark"
-                          :max="totalPage"
-                          :max-pages="5"
-                          size="sm"
-                          boundary-links
-                          direction-links
-                        ></q-pagination>
-                      </template> -->
-                  </d-table>
-                </div>
-              </div>
-            </q-card>
-          </div>
-        </div>
-      </q-card-section>
-    </q-card-section>
-  </q-card>
+  <q-btn
+    color="white"
+    text-color="black"
+    label="Show Cookies"
+    @click="showCookies"
+  />
 </template>
 
-<style scoped>
-.tree-container {
-  overflow: auto;
-  height: 79vh;
-  border: 1px solid #e6e6e7;
-  border-radius: 10px;
-}
-
-.my-list-link {
-  color: rgb(118, 168, 222);
-  border-radius: 5px;
-  background: #a3d3fb48 !important;
-  font-weight: 600;
-  border: 1px solid rgba(175, 185, 196, 0.217);
-}
-</style>
+<style scoped></style>