แก้ไข บันทึกผลการได้รับพระราชทานเครื่องราชย์อิสริยสภรณ์

src/modules/07_insignia/components/RecordInsignia.vue

@@ -13,6 +13,35 @@
     บันทึกผลการได้รับพระราชทานเครื่องราชย์อิสริยสภรณ์
   </div>
   <q-card flat bordered class="col-12 q-my-md q-mt-sm rounded-borders">
+    <div class="q-pa-md row items-center">
+      <selector
+        hide-bottom-space
+        borderless
+        dense
+        lazy-rules
+        emit-value
+        map-options
+        options-dense
+        option-label="name"
+        option-value="id"
+        v-model="selectRound"
+        :options="selectRoundOption"
+        use-input
+        input-debounce="0"
+        input-class="text-bold text-grey"
+      >
+        <template v-slot:before
+          ><label class="text-bold text-grey" style="font-size: 16px"
+            >รอบ</label
+          >
+        </template>
+      </selector>
+      <!-- :class="getClass(edit)" -->
+      <!-- @filter="(inputValue:string,
+                      doneFn:Function) => filterSelector(inputValue, doneFn,'provinceOps'
+                      ) " -->
+    </div>
+    <q-separator />
     <q-tabs
       v-model="tab"
       align="left"
@@ -39,7 +68,7 @@
         />
       </div> -->
       <Transition>
-        <div v-if="arrow" class="bg-base rounded-borders q-pa-md">
+        <div class="bg-base rounded-borders q-pa-md q-mb-md">
           <div class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md">
             <!-- <div class="col-xs-6 col-md-2">
               <q-input
@@ -85,7 +114,7 @@
                 hide-bottom-space
               />
             </div> -->
-            <div class="col-xs-12 col-md-6">
+            <div class="col-xs-6 col-md-4">
               <q-file
                 class="bg-white"
                 outlined
@@ -100,7 +129,7 @@
                 </template>
               </q-file>
             </div>
-            <div class="col-xs-12 col-md-6">
+            <div class="col-xs-6 col-md-3">
               <q-file
                 class="bg-white"
                 outlined
@@ -115,7 +144,18 @@
                 </template>
               </q-file>
             </div>
-            <div class="col-xs-6 col-md-2">
+            <div class="col-xs-12 col-md-5">
+              <q-input
+                class="bg-white"
+                outlined
+                dense
+                lazy-rules
+                v-model="reason"
+                :label="`${'หมายเหตุ'}`"
+                hide-bottom-space
+              />
+            </div>
+            <!-- <div class="col-xs-6 col-md-2">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="dateGoverment"
@@ -190,8 +230,18 @@
                   </q-input>
                 </template>
               </datepicker>
+            </div> -->
+            <div class="col-xs-6 col-md-4">
+              <p>
+                วันที่ประกาศราชกิจจานุเบกษา <b>{{ date2Thai(new Date()) }}</b>
+              </p>
             </div>
-            <div class="col-xs-12 col-md-6 justify-end">
+            <div class="col-xs-6 col-md-3">
+              <p>
+                วันที่ได้รับ <b>{{ date2Thai(new Date()) }}</b>
+              </p>
+            </div>
+            <div class="col-xs-12 col-md-5 d-flex justify-end">
               <q-btn label="บันทึก" @click="save" color="public" />
             </div>
           </div>
@@ -310,6 +360,7 @@ import { ref, onMounted } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 
 import type { DataOption } from "@/modules/05_placement/interface/index/Main";
+import type { OptionData } from "@/modules/07_insignia/interface/index/Main";
 import type { QTableProps, QInput } from "quasar";
 
 // const router = useRouter();
@@ -325,6 +376,7 @@ const issue = ref<string>("");
 const book = ref<string>("");
 const volume = ref<string>("");
 const section = ref<string>("");
+const reason = ref<string>("");
 const government = ref<any>(null);
 const document = ref<any>(null);
 
@@ -336,6 +388,12 @@ const selectType = ref<string>("");
 const selectTypeOption = ref<DataOption[]>([]);
 const selectTypeOptionFilter = ref<DataOption[]>([]);
 
+const selectRound = ref<string>("1");
+const selectRoundOption = ref<OptionData[]>([
+  { id: "1", name: "รอบการเสนอขอพระราชทานเครื่องราชฯ ปี 2566" },
+]);
+const selectRoundOptionFilter = ref<OptionData[]>([]);
+
 const visibleColumns = ref<String[]>([
   "no",
   "status",

src/modules/07_insignia/interface/index/Main.ts

@@ -1 +1,6 @@
-export type {};
+interface OptionData {
+  id: string;
+  name: string;
+}
+
+export type { OptionData };