no message

src/views/HomeView.vue

@@ -18,12 +18,7 @@ import MapCheck from '@/components/AscGISMap.vue'
 import { useCounterMixin } from '@/stores/mixin'
 
 const mixin = useCounterMixin()
-const {
+const { date2Thai, showLoader, hideLoader, messageError } = mixin
-  date2Thai,
-  showLoader,
-  hideLoader,
-  messageError,
-} = mixin
 const $q = useQuasar()
 
 const dialogTime = ref<boolean>(false)
@@ -47,7 +42,6 @@ async function fetchCheckTime() {
     })
 }
 
-
 /** ref อัพเดทเวลา*/
 const dateNow = ref<Date>(new Date())
 const Thai = ref<Date>(dateNow.value)
@@ -189,12 +183,13 @@ const timeChickin = ref<string>()
 async function confirm() {
   showLoader()
   const isLocation = workplace.value === 'in-place' //*true คือ ณ สถานที่ตั้ง, false คือ นอกสถานที่ตั้ง
+  const locationName = workplace.value === 'in-place' ? '' : useLocation.value
   const formdata = new FormData()
   formdata.append('lat', formLocation.lat.toString())
   formdata.append('lon', formLocation.lng.toString())
   formdata.append('POI', formLocation.POI)
   formdata.append('isLocation', isLocation.toString())
-  formdata.append('locationName', useLocation.value)
+  formdata.append('locationName', locationName)
   formdata.append('img', fileImg.value)
   formdata.append('remark', remark.value)
   formdata.append('checkInId', checkInId.value)
@@ -230,6 +225,10 @@ async function onClickConfirm() {
   dialogTime.value = false
 }
 
+function updateWorkplace() {
+  useLocation.value = ''
+  model.value = ''
+}
 
 // class
 const getClass = (val: boolean) => {
@@ -370,6 +369,7 @@ onMounted(async () => {
                       unchecked-icon="panorama_fish_eye"
                       val="in-place"
                       label="ในสถานที่"
+                      @update:model-value="updateWorkplace"
                     />
                     <q-radio
                       v-model="workplace"
@@ -377,6 +377,7 @@ onMounted(async () => {
                       unchecked-icon="panorama_fish_eye"
                       val="off-site"
                       label="นอกสถานที่"
+                      @update:model-value="updateWorkplace"
                     />
                   </div>
                   <div
@@ -414,7 +415,7 @@ onMounted(async () => {
                   </div>
                 </q-card>
               </div>
-                
+
               <div class="col-xs-12 col-sm-12">
                 <q-card
                   bordered
@@ -427,18 +428,12 @@ onMounted(async () => {
                 >
                   <div class="text-weight-bold">หมายเหตุ</div>
                   <div class="col-12 q-pt-sm">
-                    <q-input
+                    <q-input outlined v-model="remark" lazy-rules dense />
-                      outlined
-                      v-model="remark"
-                      lazy-rules
-                      dense
-                    />
                   </div>
                 </q-card>
               </div>
-             
             </div>
-          </div> 
+          </div>
           <div class="col-12 text-right">
             <q-separator />
             <div class="col-12 q-pa-md">