แก้ไขตาม task

src/modules/06_retirement/components/resign/ResignByid.vue

@@ -69,6 +69,7 @@ const dateLeave = ref<Date | null>(null);
 const reason = ref<string>("");
 const location = ref<string>("");
 const status = ref<string>("");
+const remarkHorizontal = ref<string>("");
 
 const modal = ref<boolean>(false);
 const actionPass = ref<boolean>(false);
@@ -144,6 +145,8 @@ const fetchData = async (id: string) => {
     .get(config.API.resingByid(id))
     .then((res: any) => {
       const data = res.data.result;
+      console.log(data);
+
       let list: TypeFile[] = [];
       if (data.docs.length > 0) {
         data.docs.map((doc: TypeFile) => {
@@ -165,6 +168,7 @@ const fetchData = async (id: string) => {
       reason.value = data.reason ?? "";
       location.value = data.location ?? "";
       status.value = data.status ?? "";
+      remarkHorizontal.value = data.remarkHorizontal ?? "-";
     })
     .catch((e) => {
       messageError($q, e);
@@ -296,11 +300,11 @@ const saveData = async () => {
   formData.append("PositionLevelOld", positionLevelOld.value);
   formData.append("PositionNumberOld", posNo.value);
   formData.append("AmountOld", salary.value.toString());
-  salary;
+  formData.append("remarkHorizontal", remarkHorizontal.value);
   showLoader();
   await http
     .put(config.API.resingByid(id.value), formData)
-    .then((res: any) => {
+    .then(() => {
       success($q, "แก้ไขข้อมูลเพื่อลงบัญชีแนบท้ายสำเร็จ");
       edit.value = false;
     })
@@ -885,7 +889,22 @@ const statusOrder = (val: boolean) => {
                 (val) => !!val || `${'กรุณากรอกเหตุผลที่ลาออกจากราชการ '}`,
               ]"
               hide-bottom-space
-              :label="`${'เหตุผลที่ลาออกจากราชการ '}`"
+              :label="`${'เหตุผลที่ลาออกจากราชการ (เหตุผลแนวตั้ง)'}`"
+              type="textarea"
+            />
+          </div>
+          <div class="col-12">
+            <q-input
+              :class="getClass(edit)"
+              :outlined="edit"
+              dense
+              lazy-rules
+              :readonly="!edit"
+              :borderless="!edit"
+              v-model="remarkHorizontal"
+              :rules="[(val) => !!val || `${'กรุณากรอกเหตุผลแนวนอน '}`]"
+              hide-bottom-space
+              :label="`${'เหตุผลแนวนอน '}`"
               type="textarea"
             />
           </div>