feat: APP打卡签到时显示经纬度

h5app/src/views/pages/work/signin/index.vue

@@ -12,7 +12,17 @@
       <ion-item class="search-item">
         当前时间：{{ dayjs(new Date()).format("YYYY-MM-DD HH:mm") }}
       </ion-item>
-      <div id='signInMap' style=' width: 100%; height: 80%; z-index: 100'></div>
+      <div id='signInMap' style=' width: 100%; height: 65%; z-index: 100'></div>
+      <div class="bw-vue-form">
+        <div class="form-detail">
+          <ion-label>经度</ion-label>
+          <ion-text>{{ position.longitude }}</ion-text>
+        </div>
+        <div class="form-detail">
+          <ion-label>纬度</ion-label>
+          <ion-text>{{ position.latitude }}</ion-text>
+        </div>
+      </div>
       <div class="btn-box">
         <ion-button @click="onSave">确定打卡</ion-button>
       </div>
@@ -21,7 +31,7 @@
   </ion-page>
 </template>
 <script>
-import {defineComponent, ref} from "vue";
+import {defineComponent, reactive, ref} from "vue";
 import {alertController, onIonViewDidEnter} from "@ionic/vue";
 import {useUserStore} from "../../../../store/modules/user";
 import dayjs from 'dayjs';
@@ -54,10 +64,10 @@ export default defineComponent({
     const router = useRouter()
     const userStore = useUserStore();
     const userInfo = ref(userStore.getUserInfo);
-    const position = {
+    const position = reactive({
       longitude: null,
       latitude: null
-    };
+    });
     const T = window.T;
     const zoom = 14;
     let map = null;
@@ -138,6 +148,7 @@ export default defineComponent({
     return {
       onBack,
       onSave,
+      position
     }
   }
 });