เพิ่ม field posNumCodeSit , posNumCodeSitAbb

src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue

@@ -91,6 +91,22 @@ const baseColumns = ref<QTableColumn[]>([
         .toString()
         .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "posNumCodeSit",
+    align: "left",
+    label: "หน่วยงานที่ออกคำสั่ง",
+    sortable: false,
+    field: "posNumCodeSit",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      return row.posNumCodeSitAbb && row.posNumCodeSit
+        ? `${row.posNumCodeSit} (${row.posNumCodeSitAbb})`
+        : row.posNumCodeSit
+        ? row.posNumCodeSit
+        : "-";
+    },
+  },
   {
     name: "posNo",
     align: "left",
@@ -309,6 +325,7 @@ const baseColumns = ref<QTableColumn[]>([
 ]);
 const baseVisibleColumns = ref<string[]>([
   "commandDateAffect",
+  "posNumCodeSit",
   "posNo",
   "positionName",
   "positionType",
@@ -389,6 +406,8 @@ const formData = reactive<FormSalary>({
   orgChild3: "", //ส่วนราชการระดับ 3
   orgChild4: "", //ส่วนราชการระดับ 4
   remark: "", //หมายเหตุ
+  posNumCodeSit: "",
+  posNumCodeSitAbb: "",
 });
 
 const modalDialogSalary = ref<boolean>(false); //แสดง popup ตำแหน่งเงินเดือน
@@ -626,6 +645,8 @@ async function onClickOpenDialog(
   formData.orgChild3 = statusEdit ? data.orgChild3 : "";
   formData.orgChild4 = statusEdit ? data.orgChild4 : "";
   formData.remark = statusEdit ? data.remark : "";
+  formData.posNumCodeSit = statusEdit ? data.posNumCodeSit : "";
+  formData.posNumCodeSitAbb = statusEdit ? data.posNumCodeSitAbb : "";
   hideLoader();
 }
 
@@ -940,7 +961,7 @@ onMounted(async () => {
 
         <q-card-section style="max-height: 100%" class="scroll">
           <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
@@ -975,7 +996,7 @@ onMounted(async () => {
               </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
                 v-model="formData.commandDateAffect"
@@ -1011,6 +1032,33 @@ onMounted(async () => {
               </datepicker>
             </div>
 
+            <div class="col-xs-12 col-sm-6 col-md-8">
+              <q-input
+                :class="classInput(true)"
+                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
+                :class="classInput(true)"
+                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">