Merge branch 'develop' of https://github.com/Frappet/bma-ehr-frontend into develop

src/modules/01_metadata/components/person/District.vue

@@ -1,21 +1,39 @@
 <!-- tab เขต/อำเภอ หน้าจัดการข้อมูลหลัก/ข้อมูลเกี่ยวกับบุคคล -->
 <template>
   <div class="row items-center q-mb-sm q-mr-md q-ml-sm">
-    <q-btn icon="chevron_left" color="grey" flat dense @click="goToManage()">
+    <q-btn
+      icon="mdi-arrow-left"
+      unelevated
+      round
+      dense
+      flat
+      color="primary"
+      class="q-mr-sm"
+      @click="goToManage()"
+    >
       <q-tooltip>กลับ</q-tooltip>
     </q-btn>
+    
 
-    <div class="text-body1 text-weight-bold">การจัดการข้อมูลเขต</div>
+    <div class="text-h6 text-dark text-weight-bold">การจัดการข้อมูลเขต</div>
     <q-space />
-    <div @click="goToManage()" class="cursor-pointer">
-      การจัดการข้อมูลจังหวัด
-      <span class="text-primary text-weight-bold"> {{ provinceName }}</span>
-    </div>
+    <q-breadcrumbs class="text-grey" active-color="blue">
+      <template v-slot:separator>
+        <q-icon
+          size="1.2em"
+          name="chevron_right"
+          color="blue"
+        />
+      </template>
+
+      <q-breadcrumbs-el  to="/metadata"  label="การจัดการข้อมูลจังหวัด" />
+      <q-breadcrumbs-el label="การจัดการข้อมูลเขต" />
+    </q-breadcrumbs>
   </div>
   <q-form ref="myForm">
-    <q-card flat bordered class="q-pa-md row col-12">
+    <q-card flat bordered class=" row col-12">
       <div class="col-xs-12">
-        <div class="q-mt-md">
+        <div class="q-mt-sm">
           <data-table
             :rows="rows"
             :columns="columns"
@@ -80,7 +98,7 @@
                   />
                   <q-icon
                     size="30px"
-                    color="grey-8"
+                    color="grey-7"
                     name="chevron_right"
                     @click="clickRow(props.row.id)"
                   />

src/modules/01_metadata/components/person/SubDistrict.vue

@@ -1,23 +1,38 @@
 <!-- tab แขวง/ตำบล หน้าจัดการข้อมูลหลัก/ข้อมูลเกี่ยวกับบุคคล -->
 <template>
   <div class="row items-center q-mb-sm q-mr-md q-ml-sm">
-    <q-btn icon="chevron_left" color="grey" flat dense @click="goToProvince()">
+    <q-btn
+      icon="mdi-arrow-left"
+      unelevated
+      round
+      dense
+      flat
+      color="primary"
+      class="q-mr-sm"
+      @click="goToProvince()"
+    >
       <q-tooltip>กลับ</q-tooltip>
     </q-btn>
 
-    <div class="text-body1 text-weight-bold">การจัดการข้อมูลแขวง/ตำบล</div>
+    <div class="text-h6 text-dark text-weight-bold">การจัดการข้อมูลแขวง/ตำบล</div>
     <q-space />
-    <div @click="goToManage()" class="cursor-pointer">
-      การจัดการข้อมูลจังหวัด /
-    </div>
-    <div @click="goToProvince()" class="cursor-pointer">
-      จัดการข้อมูลเขต/อำเภอ
-      <span class="text-primary text-weight-bold"> {{ districtName }}</span>
-    </div>
+    <q-breadcrumbs class="text-grey" active-color="blue">
+      <template v-slot:separator>
+        <q-icon
+          size="1.2em"
+          name="chevron_right"
+          color="blue"
+        />
+      </template>
+
+      <q-breadcrumbs-el to="/metadata"  label="การจัดการข้อมูลจังหวัด" />
+      <q-breadcrumbs-el @click="goToProvince()" class="cursor-pointer" label="การจัดการข้อมูลเขต" />
+      <q-breadcrumbs-el label="การจัดการข้อมูลแขวง/ตำบล" />
+    </q-breadcrumbs>
   </div>
-  <q-card flat bordered class="q-pa-md row col-12">
+  <q-card flat bordered class="row col-12">
     <div class="col-xs-12">
-      <div class="q-mt-md">
+      <div class="q-mt-sm">
         <q-form ref="myForm">
           <data-table
             :rows="rows"

src/modules/03_recruiting/views/02_qualify/manageDetail.vue

@@ -34,13 +34,12 @@
   <q-slide-transition>
     <q-card class="row col-12 q-mb-sm" v-show="visible">
       <div class="col-12 row">
-        <div class="q-py-md row col-12 no-wrap">
+        <div class="q-pa-md row col-12 no-wrap">
           <!-- การ์ดแสดงจำนวนข้อมูล -->
           <div class="col-12 row">
-            <div class="text-grey-7 row text-weight-medium col-12 q-pl-md">
-              สรุปจำนวนผู้สมัครคัดเลือก
+            <div class="text-grey-7 q-pb-sm row text-weight-medium col-12 items-center">
+              <!-- สรุปจำนวนผู้สมัครคัดเลือก -->
               <datepicker
-                class="q-pl-sm"
                 v-model="dateFilter"
                 :locale="'th'"
                 autoApply
@@ -76,22 +75,22 @@
                 </template>
               </datepicker>
               <q-btn
-                size="md"
                 icon="mdi-download"
                 round
                 flat
                 color="primary"
                 @click="downloadFileDashboard"
+                class="q-ml-sm"
               >
                 <q-tooltip>ดาวน์โหลดสรุปข้อมูลสมัครสอบ</q-tooltip>
               </q-btn>
 
               <q-btn
                 dense
-                size="12px"
                 flat
                 round
                 color="green"
+                class="q-ml-sm"
                 @click.stop.prevent="clickCandidateList()"
                 icon="mdi-clipboard-arrow-down"
               >
@@ -100,40 +99,42 @@
 
               <q-btn
                 dense
-                size="12px"
                 flat
                 round
                 color="indigo"
+                class="q-ml-sm"
                 @click.stop.prevent="clickPassExam()"
                 icon="mdi-clipboard-arrow-down"
               >
                 <q-tooltip>ดาวน์โหลดรายชื่อผู้สอบแข่งขันได้</q-tooltip>
               </q-btn>
             </div>
-            <div class="row col-12 q-col-gutter-md fit q-pa-md">
-              <div
-                style="width: 25%"
-                v-for="(num, index) in dataNum"
-                :key="index"
-              >
-                <q-card bordered flat class="row fit cardNum items-center">
-                  <div class="col-12 row items-center q-pa-sm">
-                    <div
-                      :class="
-                        'col-12 text-h5 text-weight-bold text-' + `${num.color}`
-                      "
-                    >
-                      {{
-                        num.count != null
-                          ? num.count.toLocaleString("en-US")
-                          : ""
-                      }}
+            <div class="col-12">
+              <div class="row col-12 q-col-gutter-sm fit">
+                <div
+                  style="width: 25%"
+                  v-for="(num, index) in dataNum"
+                  :key="index"
+                >
+                  <q-card bordered flat class="row fit cardNum items-center">
+                    <div class="col-12 row items-center q-pa-sm">
+                      <div
+                        :class="
+                          'col-12 text-h5 text-weight-bold text-' + `${num.color}`
+                        "
+                      >
+                        {{
+                          num.count != null
+                            ? num.count.toLocaleString("en-US")
+                            : ""
+                        }}
+                      </div>
+                      <div class="col-12 text-dark ellipsis">
+                        {{ num.name }}
+                      </div>
                     </div>
-                    <div class="col-12 text-dark ellipsis">
-                      {{ num.name }}
-                    </div>
-                  </div>
-                </q-card>
+                  </q-card>
+                </div>
               </div>
             </div>
           </div>

src/modules/06_retirement/components/ListRetirement/TableList.vue

@@ -6,7 +6,9 @@ import { useQuasar } from "quasar";
 import { useRoute } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { useRouter } from "vue-router";
 
+const router = useRouter();
 const route = useRoute();
 const $q = useQuasar();
 const mixin = useCounterMixin();
@@ -32,7 +34,7 @@ const columns = ref<any["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
-  {
+ /*  {
     name: "fixname",
     align: "left",
     label: "คำนำหน้านาม",
@@ -40,7 +42,7 @@ const columns = ref<any["columns"]>([
     field: "fixname",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-  },
+  }, */
   {
     name: "name",
     align: "left",
@@ -373,7 +375,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
   </div>
   <div>
     <q-card class="col-12 q-pa-md">
-      <q-toolbar>
+      <div class="row col-12 q-pb-sm">
         <AddList
           :retireld="retireld"
           :profile-id="profileId"
@@ -442,11 +444,12 @@ const paginationLabel = (start: number, end: number, total: number) => {
             </template> -->
           </q-select>
         </q-tabs>
-      </q-toolbar>
+      </div>
 
-      <div class="q-pa-md">
+      <div>
         <q-table
           flat
+          dense
           bordered
           :rows="rows"
           :columns="columns"
@@ -479,9 +482,9 @@ const paginationLabel = (start: number, end: number, total: number) => {
               :style="props.row.profileId === profileId && 'color: #26a69a;'"
             >
               <q-td key="order" :props="props">{{ props.row.order }} </q-td>
-              <q-td key="fixname" :props="props">{{ props.row.fixname }}</q-td>
-              <q-td key="name" :props="props">{{ props.row.name }}</q-td>
-              <q-td key="organizationOrganization" :props="props">{{
+              <!-- <q-td key="fixname" :props="props">{{ props.row.fixname }}</q-td> -->
+              <q-td key="name" :props="props">{{ props.row.fixname + props.row.name }}</q-td>
+              <q-td class="table_ellipsis" key="organizationOrganization" :props="props">{{
                 props.row.organizationOrganization
               }}</q-td>
               <q-td key="positionType" :props="props">{{
@@ -502,22 +505,32 @@ const paginationLabel = (start: number, end: number, total: number) => {
               <q-td key="govOffice" :props="props">{{
                 props.row.govOffice
               }}</q-td>
-              <q-td key="bureau" :props="props">{{ props.row.bureau }}</q-td>
-              <q-td auto-width>
-                <q-btn
+              <q-td class="table_ellipsis" key="bureau" :props="props">{{ props.row.bureau }}</q-td>
+              <q-td>
+                <!-- <q-btn
                   :props="props"
                   flat
                   round
                   class="text-teal-5"
                   icon="mdi-note"
-                  size="md"
+                  dense
                   v-if="retireld_params !== undefined"
                   @click="
                     fetchReason(props.row.id), (modalNote = true), (note = '')
                   "
                 >
                   <q-tooltip>โน้ต</q-tooltip></q-btn
+                > -->
+                <q-btn
+                  flat
+                  round
+                  color="blue"
+                  dense
+                  icon="mdi-file-account"
+                  @click="router.push(`/registry/${props.row.profileId}`)"
                 >
+                  <q-tooltip>ดูข้อมูลทะเบียนประวัติ</q-tooltip>
+                </q-btn>
               </q-td>
               <q-td auto-width>
                 <q-btn
@@ -525,7 +538,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
                   round
                   class="text-red-14"
                   icon="mdi-delete"
-                  size="md"
+                  dense
                   @click="clickDelete(props.row)"
                   ><q-tooltip>ลบข้อมูล</q-tooltip></q-btn
                 >

src/modules/06_retirement/views/Main.vue

@@ -362,6 +362,29 @@ const rows2 = ref<FormMainProbation2[]>([
 const clickAdd = () => {
   //   modal.value = true;
   $q.dialog({
+    title: 'เพิ่มประกาศ',
+    message: 'เลือกประกาศที่ต้องการเพิ่มข้อมูล',
+    options: {
+      type: 'radio',
+      model: 'opt1',
+      // inline: true
+      items: [
+        { label: 'ประกาศแก้ไข (เพิ่มคนเกษียณ)', value: 'opt1'},
+        { label: 'ประกาศแก้ไข (เฉพาะราย)', value: 'opt2' },
+        { label: 'ประกาศยกเลิก', value: 'opt3' }
+      ]
+    },
+    cancel: {
+      flat: true,
+      color: "negative",
+    },
+    persistent: true,
+    }).onOk(data => {
+      router.push(`/retirement/list/${type.value}/${currentYear}`);
+    }).onCancel(() => {
+    }).onDismiss(() => {
+    })
+  /* $q.dialog({
     title: "ยืนยันการเพิ่มข้อมูลประกาศเกษียณ",
     message: "ต้องการเพิ่มข้อมูลประกาศเกษียณใช่หรือไม่?",
     cancel: {
@@ -374,8 +397,7 @@ const clickAdd = () => {
       router.push(`/retirement/list/${type.value}/${currentYear}`);
     })
     .onCancel(() => {})
-    .onDismiss(() => {});
-
+    .onDismiss(() => {}); */
 };
 const clickClose = async () => {
   modal.value = false;