แก้ไขทะเบียนประวัติ ตำแหน่ง/เงินเดือน

src/modules/04_registryPerson/views/edit/components/FormPosition.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ref, reactive, onMounted, computed } from "vue";
 
 import { useCounterMixin } from "@/stores/mixin";
 import { useEditPosDataStore } from "@/modules/04_registryPerson/stores/Edit";
@@ -107,7 +106,7 @@ function classInput(val: boolean) {
 
 <template>
   <div class="row col-12 q-col-gutter-sm">
-    <div class="col-xs-12 col-sm-12 col-md-8">
+    <div class="col-xs-12 col-sm-6 col-md-8">
       <!-- :rules="[(val: string) => !!val || 'กรุณาเลือกประเภทคำสั่ง']" -->
       <q-select
         outlined
@@ -141,7 +140,7 @@ function classInput(val: boolean) {
       </q-select>
     </div>
 
-    <div class="col-xs-6 col-sm-6 col-md-4">
+    <div class="col-xs-12 col-sm-6 col-md-4">
       <!-- :rules="[ (val: string) => !!val || `${'กรุณาเลือกวันที่คำสั่งมีผล'}`, ]" -->
       <datepicker
         :readonly="isReadonly"
@@ -175,6 +174,35 @@ function classInput(val: boolean) {
       </datepicker>
     </div>
 
+    <div class="col-xs-12 col-sm-6 col-md-8">
+      <q-input
+        :readonly="isReadonly"
+        :class="classInput(isReadonly)"
+        outlined
+        dense
+        lazy-rules
+        borderless
+        v-model="formData.posNumCodeSit"
+        hide-bottom-space
+        :label="`${'หน่วยงานที่ออกคำสั่ง'}`"
+        hint="*ชื่อเต็มหน่วยงานที่ออกคำสั่ง"
+      />
+    </div>
+
+    <div class="col-xs-12 col-sm-6 col-md-4">
+      <q-input
+        :readonly="isReadonly"
+        :class="classInput(isReadonly)"
+        outlined
+        dense
+        lazy-rules
+        borderless
+        v-model="formData.posNumCodeSitAbb"
+        hide-bottom-space
+        :label="`${'ตัวย่อหน่วยงานที่ออกคำสั่ง'}`"
+      />
+    </div>
+
     <div class="col-xs-6 col-sm-12 col-md-8">
       <div class="row q-col-gutter-sm">
         <div class="col-6">