แก้ฟอร์มแก้ไขปฏิทินวันทำงาน

src/modules/09_leave/views/ChangeRoundMain.vue

@@ -21,7 +21,7 @@ const dataStore = useChangeRoundDataStore();
 const $q = useQuasar();
 
 const modal = ref<boolean>(false);
-const dateWork = ref<any>();
+const dateWork = ref<string>("5");
 const modalFix = ref<boolean>(false);
 const editCheck = ref<string>("");
 const DataRow = ref<any>();
@@ -57,6 +57,11 @@ function closeDialog() {
   modalFix.value = false;
 }
 
+function save() {
+  console.log("dateWork===>", dateWork.value);
+  closeDialog();
+}
+
 /** Function ค้นหาข้อมูล */
 function searchData() {
   if (formData.cardId || formData.firstName || formData.lastName) {
@@ -206,6 +211,8 @@ function searchData() {
       </d-table>
     </div>
   </q-card>
+
+  <!-- popup แก้ไขปฏิทินวันทำงาน -->
   <Dialogform
     :modal="modal"
     :closeDialog="closeDialog"
@@ -230,18 +237,18 @@ function searchData() {
         />
       </q-toolbar>
       <q-separator color="grey-4" />
-      <q-form @submit="closeDialog" class="q-gutter-md">
+      <q-form @submit="save" class="q-gutter-md">
         <div class="q-pa-md">
           <q-radio
             name="dateWork"
             v-model="dateWork"
-            val="line"
+            val="5"
             label="ทำงาน 5 วัน"
           />
           <q-radio
             name="dateWork"
             v-model="dateWork"
-            val="rectangle"
+            val="6"
             label="ทำงาน 6 วัน"
           />
         </div>
@@ -258,9 +265,11 @@ function searchData() {
             />
           </div>
         </div>
-      </q-form> </q-card
-  ></q-dialog>
+      </q-form>
+    </q-card>
+  </q-dialog>
 </template>
+
 <style scoped lang="scss">
 .q-table tbody td:before.no-background {
   background: none;