เพิ่มแสดงเงินค่าตอบแทนพิเศษ

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

@@ -192,6 +192,7 @@ const formDataSalary = reactive<FormSalaryNew>({
   refCommandNo: "", //เลขที่คำสั่ง
   templateDoc: "", //ต้นแบบ (template) เอกสารอ้างอิง
   doc: "", //เอกสารอ้างอิง
+  amountSpecial: null, //เงินค่าตอบแทนพิเศษ
 });
 
 const modalDialogSalary = ref<boolean>(false); //แสดง popup ตำแหน่งเงินเดือน
@@ -748,6 +749,17 @@ onMounted(() => {
             {{ col.value ? col.value : "-" }}
             <q-tooltip v-if="col.value">ดูคำสั่ง</q-tooltip>
           </div>
+          <div v-else-if="col.name == 'amount'">
+            {{
+              props.row.amount
+                ? `${props.row.amount}${
+                    props.row.amountSpecial !== 0 && props.row.amountSpecial
+                      ? `(${props.row.amountSpecial.toLocaleString()})`
+                      : ""
+                  }`
+                : "-"
+            }}
+          </div>
           <div v-else-if="col.name == 'refCommandNo' && !props.row.commandId">
             -
           </div>
@@ -1097,7 +1109,21 @@ onMounted(() => {
                 hide-bottom-space
               />
             </div>
-
+            <div class="col-xs-6 col-sm-6 col-md-4">
+              <q-input
+                :class="classInput(true)"
+                ref="amountSpecialRef"
+                dense
+                outlined
+                v-model="formDataSalary.amountSpecial"
+                label="เงินค่าตอบแทนพิเศษ"
+                mask="###,###,###,###"
+                reverse-fill-mask
+                :rules="[(val:string) => !!val || `${'กรุณากรอกเงินค่าตอบแทนพิเศษ'}`]"
+                lazy-rules
+                hide-bottom-space
+              />
+            </div>
             <div class="col-xs-6 col-sm-6 col-md-12">
               <q-input
                 :class="classInput(true)"