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

src/modules/18_command/components/Step/0_Main.vue

@@ -47,6 +47,7 @@ async function fetchData() {
       isDraft.value = data.isDraft;
       isSign.value = data.isSign;
       isAttachment.value = data.isAttachment;
+      store.isSalary = data.isSalary
     })
     .catch((err) => {
       messageError($q, err);

src/modules/18_command/components/Step/Dialog2_Salary.vue

@@ -6,13 +6,14 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useCommandMainStore } from "@/modules/18_command/store/Main";
-
+import { useCommandDetail } from "@/modules/18_command/store/DetailStore";
 import DialogHeader from "@/components/DialogHeader.vue";
 
 const $q = useQuasar();
 const { showLoader, hideLoader, dialogConfirm, messageError, success } =
   useCounterMixin();
 const store = useCommandMainStore();
+const storeDetail = useCommandDetail();
 
 const props = defineProps({
   getData: Function,
@@ -36,6 +37,7 @@ const formData = reactive<any>({
   mouthSalaryAmount: null,
   remarkVertical: null,
   remarkHorizontal: null,
+  amountSpecial: null,
 });
 
 const readonly = ref<boolean>(false);
@@ -167,12 +169,28 @@ watch(
                   :class="getClass(!readonly)"
                   mask="###,###,###,###,###,###"
                   reverse-fill-mask
-                  :readonly="readonly"
+                  :readonly="!storeDetail.isSalary"
                   :label="`${'เงินเดือน'}`"
                   :rules="[(val: any) => !!val || `${'กรุณากรอกเงินเดือน'}`]"
                 />
               </div>
-
+              <div
+                v-if="store.isShowSalary(type)"
+                class="col-xs-6 col-sm-6 col-md-6"
+              >
+                <q-input
+                  dense
+                  outlined
+                  lazy-rules
+                  hide-bottom-space
+                  v-model="formData.amountSpecial"
+                  :class="getClass(!readonly)"
+                  :readonly="!storeDetail.isSalary"
+                  mask="###,###,###,###,###,###"
+                  reverse-fill-mask
+                  :label="`${'เงินค่าตอบแทนพิเศษ'}`"
+                />
+              </div>
               <div
                 v-if="store.isShowSalary(type)"
                 class="col-xs-6 col-sm-6 col-md-6"
@@ -184,7 +202,7 @@ watch(
                   hide-bottom-space
                   v-model="formData.positionSalaryAmount"
                   :class="getClass(!readonly)"
-                  :readonly="readonly"
+                  :readonly="!storeDetail.isSalary"
                   mask="###,###,###,###,###,###"
                   reverse-fill-mask
                   :label="`${'เงินประจำตำแหน่ง'}`"
@@ -202,7 +220,7 @@ watch(
                   hide-bottom-space
                   v-model="formData.monthSalaryAmount"
                   :class="getClass(!readonly)"
-                  :readonly="readonly"
+                  :readonly="!storeDetail.isSalary"
                   mask="###,###,###,###,###,###"
                   reverse-fill-mask
                   :label="`${'เงินค่าตอบแทนรายเดือน'}`"