gxd-uni-library-editx 1.0.0

package/src/dome/dome/city.vue

@@ -0,0 +1,148 @@
+<template>
+  <xd-layout
+    title="选中城市"
+    background="#f8f8f8"
+    :show-bar="showBar"
+    :show-footer="false"
+    @back="back"
+    @done="handleDone"
+  >
+    <view class="app-body" v-if="top!==null">
+      <xd-city
+        :top="top"
+        city-location-type="baidu"
+        @getWeixinAppInfo="handleGetWeixinAppInfo"
+        @getCityList="handleGetCityList"
+        @getCityName="handleGetCityName"
+      ></xd-city>
+    </view>
+  </xd-layout>
+</template>
+
+<script>
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdCityLocation from "@/components/XdCityLocation/XdCityLocation";
+  import XdCity from "@/components/XdCity/XdCity";
+  import cityData from "@/dome/dome/cityData";
+
+  export default {
+    name: "AppCity",
+    components: {
+      XdCity,
+      XdCityLocation,
+      XdLayout,
+    },
+    data() {
+      return {
+        top: null,
+        showBar: null,
+
+        init: false,
+
+      }
+    },
+
+    created(){
+      // #ifdef MP-WEIXIN
+      this.showBar = true;
+      // #endif
+      // #ifdef H5
+      this.showBar = false
+      // #endif
+
+
+    },
+
+    methods: {
+      back(){
+        this.$xdUniHelper.navigateBack()
+      },
+
+      handleGetCityName(){
+
+      },
+
+      handleDone({top, ...res}){
+        console.log('handleDone',res)
+        this.top = top;
+      },
+
+      /**
+       * @description 微信SDK获取appInfo 完成之后可以直接使用getApp().globalData.weixinSDK调用相关接口
+       * @param resolve
+       */
+      handleGetWeixinAppInfo(resolve){
+        setTimeout(()=>{
+          resolve({
+            appId: "wxb208eaa219459f14",
+            nonceStr: "61558dffb381f",
+            signature: "c9255180cbdfb8b493a9260223f191922724251c",
+            timestamp: 1632996863,
+          }, ['chooseWXPay', 'openLocation', 'getLocation']);
+        }, 2000);
+
+      },
+
+      /**
+       * @description 获取城市列表接口
+       * @param location
+       * @param resolve
+       */
+      handleGetCityList({location}, resolve){
+        console.log('handleGetCityList', location, cityData.result);
+        resolve(this.toCityFormat(cityData.result));
+        console.log(getApp().globalData.weixinSDK)
+      },
+
+
+
+      /**
+       * @description 数据格式转换
+       */
+      toCityFormat(cityInfo){
+        let classifyList = [];
+        cityInfo.letters.map((item)=>{
+          classifyList.push({idx: item});
+        });
+
+        let hotData = [];
+        Object.keys(cityInfo.hot_city_data).map((key)=>{
+          hotData.push({
+            "city_name": cityInfo.hot_city_data[key],
+            "city_id": Number(key),
+          },)
+        });
+
+        let list = [];
+        Object.keys(cityInfo.city_data).map((key)=>{
+          let item = {idx: key, cities: []};
+          cityInfo.city_data[key].map(itm=>{
+            let city_id = itm[0]['value'];
+            let city_name = itm[1]['value'];
+            let province_name = itm[2]['value'];
+            item.cities.push({
+              city_id,
+              city_name,
+              province_name,
+              city_pinyin: '',
+              py: '',
+              letter: key,
+            })
+          });
+          list.push(item);
+        });
+
+        console.log(classifyList, hotData, list)
+        return {
+          city_nav: list,
+          classify_nav: classifyList,
+          hot_city: hotData
+        }
+      },
+    }
+  }
+</script>
+
+<style scoped lang="less">
+
+</style>