รายการลาออก => เงื่อนไขต่าง ๆ

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

@@ -129,6 +129,7 @@ const openModal = () => (modal.value = true);
 
 const file = ref<any>(null);
 const fileList = ref<FileList[]>([]);
+const isNoDebt = ref<boolean>(false);
 const checkboxGroup = ref<CheckBoxType[]>([]);
 const checkboxOp = ref<CheckBoxType[]>([
   { label: "ไม่เป็นหนี้สหกรณ์", value: "debt" },
@@ -187,6 +188,7 @@ const fetchData = async (id: string) => {
       }
       rows.value = list;
       dataDetail.value = data;
+
       organizationPositionOld.value = data.organizationPositionOld ?? "";
       positionTypeOld.value = data.positionTypeOld ?? "";
       positionLevelOld.value = data.positionLevelOld ?? "";
@@ -198,6 +200,7 @@ const fetchData = async (id: string) => {
       location.value = data.location ?? "";
       status.value = data.status ?? "";
       remarkHorizontal.value = data.remarkHorizontal ?? "-";
+      isNoDebt.value = data.isNoDebt;
     })
     .catch((e) => {
       messageError($q, e);
@@ -305,7 +308,7 @@ const onSubmitConditions = () => {
     showLoader();
     http
       .put(config.API.resignConditions(id.value), {
-        isNoDebt: checkboxGroup.value[0] ? true : false,
+        isNoDebt: isNoDebt.value,
       })
       .then(() => {
         fetchData(id.value);
@@ -774,13 +777,18 @@ function removeFile(fileName: string) {
             </div>
           </div>
           <div class="col-12"><q-separator /></div>
-          <!-- <q-checkbox v-model="teal" label="Teal" color="teal" :disable="!conditions" /> -->
+          <q-checkbox
-          <q-option-group
+            v-model="isNoDebt"
+            label="ไม่เป็นหนี้สหกรณ์"
+            color="teal"
+            :disable="!conditions"
+          />
+          <!-- <q-option-group
             :options="checkboxOp"
             type="checkbox"
             v-model="checkboxGroup"
             :disable="!conditions"
-          />
+          /> -->
         </q-card>
       </div>
       <div class="col-6">