feast

src/components/map/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Taro from '@tarojs/taro';
 import { View, Map } from '@tarojs/components';
-import { Icon } from '@antmjs/vantui';
+import { Icon, Loading } from '@antmjs/vantui';
 import { getLocation } from '@/utils/authorize';
 import iconPath from '@/assets/icons/marker.png';
 import style from './style.module.less';
@@ -57,10 +57,15 @@ export default (props) => {
 
   const fixedLocation = () => {
     return new Promise((resolve) => {
+      Taro.showLoading({
+        title: '加载中',
+      })
       getLocation({ type: 'gcj02' }).then((res) => {
+        Taro.hideLoading()
         resolve(res);
       }).catch((err) => {
         console.error(err);
+        Taro.hideLoading();
         Taro.showToast({
           title: '定位失败',
           icon: 'none',
@@ -79,8 +84,6 @@ export default (props) => {
     }
   }
 
-  console.log('mapCtxRef', mapCtxRef);
-
   React.useEffect(() => {
     if (!readOnly) {
       fixedLocation().then((res) => {
@@ -104,9 +107,7 @@ export default (props) => {
       // markers={markers}
       >
         {!readOnly && (
-          <>
-            <Icon name="aim" size="24px" onClick={onRefresh} color="#1A7565" className={style['icon']} />
-          </>
+          <Icon name="aim" size="24px" onClick={onRefresh} color="#1A7565" className={style['icon']} />
         )}
       </Map>
     </View >

src/components/map/style.module.less

@@ -17,5 +17,11 @@
       right: var(--main-space);
       z-index: 3;
     }
+    .loading {
+      position: fixed;
+      z-index: 100;
+      display: grid;
+      place-items: center;
+    }
   }
 }

src/pages/check/edit/components/LocForm.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Taro from '@tarojs/taro';
 import { View, CoverView } from '@tarojs/components';
-import { CellGroup, Cell, Field, RadioGroup, Radio, Icon } from '@antmjs/vantui';
+import { CellGroup, Cell, Field, RadioGroup, Radio, Icon, Loading } from '@antmjs/vantui';
 import Map from '@/components/map';
 import { getTaCheckItemAnswer } from '@/services/tacheckitem';
 import { getTaCheckAnswer } from '@/services/tacheckanswer';
@@ -57,6 +57,9 @@ export default (props) => {
         location={answer?.location}
         onChange={e => setFieldChange('location', e)}
       />
+      {/* <View style={{ position: 'fixed', zIndex: '3000', top: '50%', color: 'red', display: 'grid', width: '50px', height: '50px' }}>
+        <Loading type="spinner" vertical />
+      </View> */}
       <CellGroup>
         {
           checkType == 'loc' && (