สอบคัดเลือกถ้าเลือกค่าชำระเป็น0 เคลียรค่า เลือกวิธีการชำระเงิน

src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue

@@ -469,7 +469,7 @@
           </div>
           <div class="col-12 q-mt-lg" v-if="announcementExam">
             <div class="text-bold text-subtitle2 q-pb-md">
-              เลือกวีธีการชำระเงิน
+              เลือกวิธีการชำระเงิน
             </div>
             <div class="row col-12 q-gutter-y-md q-mb-md">
               <q-list dense bordered class="col-12 rounded-borders">
@@ -479,6 +479,7 @@
                     val="payment1"
                     color="blue"
                     class="q-mr-md"
+                    :disable="fee <= 0"
                   />
                   <q-item-section avatar>
                     <q-avatar size="28px">
@@ -500,6 +501,7 @@
                     val="payment2"
                     color="blue"
                     class="q-mr-md"
+                    :disable="fee <= 0"
                   />
                   <q-item-section avatar>
                     <q-icon name="mdi-cash" color="positive" size="33px" />
@@ -1129,14 +1131,20 @@ const columnsPosition = ref<QTableProps["columns"]>([
   },
 ]);
 
-watch(organizationShortName, (count: DataOption, prevCount: DataOption) => {
+watch(organizationShortName, (count: any, prevCount: any) => {
   organizationNameOptions.value = [];
 });
 
-watch(organizationName, (count: DataOption, prevCount: DataOption) => {
+watch(organizationName, (count: any, prevCount: any) => {
   positionPathOptions.value = [];
 });
 
+watch(fee, (count: any, prevCount: any) => {
+  if (fee.value <= 0) {
+    pay.value = "";
+  }
+});
+
 onMounted(async () => {
   hideLoader();
   if (route.params.id != undefined) {