consend form

src/modules/01_exam/components/Form/Profile/Occupation.vue

@@ -230,6 +230,11 @@
       </div>
     </q-form>
   </q-card>
+  <q-dialog :model-value="modalConsend" persistent>
+    <q-card style="min-width: 800px">
+      <Conference :ok="consendOk" :close="consenClose" />
+    </q-card>
+  </q-dialog>
 </template>
 <script setup lang="ts">
 import { ref, onMounted, watch } from 'vue'
@@ -239,10 +244,15 @@ import config from '@/app.config'
 import type { Occupation } from '@/modules/01_exam/interface/index/Main'
 import { defaultOccupation } from '@/modules/01_exam/interface/index/Main'
 import HeaderTop from '@/components/top.vue'
+import Conference from '@/modules/01_exam/components/Conference.vue'
+import { useExamDataStore } from '@/modules/01_exam/store'
+
+const store = useExamDataStore()
 
 const edit = ref<boolean>(false)
 const occupationData = ref<Occupation>(defaultOccupation)
 const myform = ref<any>()
+const modalConsend = ref<boolean>(false)
 
 const props = defineProps({
   statusEdit: {
@@ -264,11 +274,17 @@ const emit = defineEmits(['update:statusEdit'])
 onMounted(() => {})
 
 const saveData = async () => {
-  await myform.value.validate().then(async (success: boolean) => {
-    if (success) {
-    } else {
-    }
-  })
+  if (store.consend == true) {
+    edit.value = false
+    emit('update:statusEdit', false)
+    await myform.value.validate().then(async (success: boolean) => {
+      if (success) {
+      } else {
+      }
+    })
+  } else {
+    modalConsend.value = true
+  }
 }
 
 const changeBtn = async () => {
@@ -284,6 +300,16 @@ const changeBtn = async () => {
   }
 }
 
+const consenClose = () => {
+  modalConsend.value = false
+}
+
+const consendOk = () => {
+  modalConsend.value = false
+  store.consend = true
+  saveData()
+}
+
 const cancelData = () => {}
 
 const getClass = (val: boolean) => {