添加清除位置信息功能

Author: weiyuc

src/api/index.js

@@ -282,6 +282,17 @@ let api = {
       }
     )
   },
+  clearLocation(cb) {
+    axios.post('/apis/user/clearLocation').then(
+      () => {
+        cb(true)
+      },
+      (err) => {
+        console.error(err)
+        cb(false)
+      }
+    )
+  },
   createMessage ({content, session}, cb) {
     const message = {
       id: 'm_' + uuidv4(),

src/i18n/index.js

@@ -1,6 +1,6 @@
 import VueI18n from 'vue-i18n'
 import Vue from 'vue'
-import messages from '../locales'
+import messages from './locales'
 
 Vue.use(VueI18n)
 

src/locales.js src/i18n/locales.jssrc/locales.js renamed to src/i18n/locales.js

@@ -80,7 +80,8 @@ export default {
       upload: '上传',
       readFail: '读取图片失败',
       comingSoon: '敬请期待',
-      photoTooLarge: '图片太大'
+      photoTooLarge: '图片太大',
+      clearLocation: '清除位置信息'
     }
   },
   en: {
@@ -164,7 +165,8 @@ export default {
       upload: 'Upload',
       readFail: 'Read file fail',
       comingSoon: 'Coming soon',
-      photoTooLarge: 'Photo was too large'
+      photoTooLarge: 'Photo was too large',
+      clearLocation: 'Clear location'
     }
   }
 }

src/views/NearbyPeople.vue

@@ -4,6 +4,7 @@
       <a href="javascript:;" slot="left" @click="back">
         <mt-button icon="back">{{$t('msg.back')}}</mt-button>
       </a>
+      <mt-button icon="more" slot="right" @click.native="sheetVisible = true"></mt-button>
     </mt-header>
     <div class="nearby-people-list">
       <mt-cell v-for="(p, i) in nearbyPeoples" isLink :to="(friendsInfo.hasOwnProperty(p.username) ? '/friendCard' : '/AddNearbyPeople') + '?friendName=' + p.username" :key="i" :title="p.username" :label="formatDistance(p.distance)" @click.native="">
@@ -12,12 +13,24 @@
       </mt-cell>
       <div v-show="nearbyPeoples.length === 0" class="no-data">{{ $t('msg.noData') }}</div>
     </div>
+    <mt-actionsheet :actions="[
+        {
+          name: this.$t('msg.clearLocation'),
+          method: () => {
+            this.handleClearLocation()
+          }
+        }
+      ]"
+      :cancelText="$t('msg.cancel')"
+      v-model="sheetVisible">
+    </mt-actionsheet>
   </div>
 </template>
 <script>
   import {Toast, Indicator} from 'mint-ui'
   import {mapGetters} from 'vuex'
   import WcProfilePhoto from "../components/ProfilePhoto"
+  import api from '../api'
 
   export default {
     name: 'wc-nearby-people',
@@ -27,7 +40,8 @@
         position: {
           latitude: -1,
           longitude: -1
-        }
+        },
+        sheetVisible: false
       }
     },
     computed: {
@@ -89,6 +103,13 @@
           return d.toFixed(2) + u + '以内'
         }
         return 'Within: ' + d.toFixed(2) + u
+      },
+      handleClearLocation() {
+        api.clearLocation((isOk) => {
+          if (isOk) {
+            this.back()
+          }
+        })
       }
     },
     mounted() {