vue2-client 1.9.13 → 1.9.14

package/src/base-client/components/common/AddressSearchCombobox/IcMapIcon.vue

@@ -1,16 +1,16 @@
-<template>
-  <svg class="anticon" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
-    <path
-      fill="currentColor"
-      d="M12 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m-8.95 5H1v-2h2.05C3.5 6.83 6.83 3.5 11 3.05V1h2v2.05c4.17.45 7.5 3.78 7.95 7.95H23v2h-2.05c-.45 4.17-3.78 7.5-7.95 7.95V23h-2v-2.05C6.83 20.5 3.5 17.17 3.05 13M12 5a7 7 0 0 0-7 7a7 7 0 0 0 7 7a7 7 0 0 0 7-7a7 7 0 0 0-7-7"></path>
-  </svg>
-</template>
-
-<script>
-export default {
-  name: 'IcMap',
-}
-</script>
-
-<style scoped>
-</style>
+<template>
+  <svg class="anticon" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      d="M12 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m-8.95 5H1v-2h2.05C3.5 6.83 6.83 3.5 11 3.05V1h2v2.05c4.17.45 7.5 3.78 7.95 7.95H23v2h-2.05c-.45 4.17-3.78 7.5-7.95 7.95V23h-2v-2.05C6.83 20.5 3.5 17.17 3.05 13M12 5a7 7 0 0 0-7 7a7 7 0 0 0 7 7a7 7 0 0 0 7-7a7 7 0 0 0-7-7"></path>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'IcMap',
+}
+</script>
+
+<style scoped>
+</style>

package/src/base-client/components/common/AddressSearchCombobox/demo.vue

@@ -1,36 +1,36 @@
-<script>
-
-import AddressSearchCombobox from '@vue2-client/base-client/components/common/AddressSearchCombobox/index'
-
-export default {
-  name: 'Demo',
-  components: { AddressSearchCombobox },
-  data () {
-    return {
-      visible: false,
-      searchResult: {}
-    }
-  },
-  methods: {
-    addressSearchComboboxSelect (res) {
-      console.log('===', res)
-    }
-  }
-}
-</script>
-
-<template>
-  <div>
-    <address-search-combobox
-      v-model="searchResult"
-      :resultKeys="{ address: 'f_address', coords: `f_address_lng_lat` }"
-      searchResultType="Object"
-      @onSelect="addressSearchComboboxSelect"
-      @onDivisionsChange="addressSearchComboboxSelect"
-    ></address-search-combobox>
-  </div>
-</template>
-
-<style scoped lang="less">
-
-</style>
+<script>
+
+import AddressSearchCombobox from '@vue2-client/base-client/components/common/AddressSearchCombobox/index'
+
+export default {
+  name: 'Demo',
+  components: { AddressSearchCombobox },
+  data () {
+    return {
+      visible: false,
+      searchResult: {}
+    }
+  },
+  methods: {
+    addressSearchComboboxSelect (res) {
+      console.log('===', res)
+    }
+  }
+}
+</script>
+
+<template>
+  <div>
+    <address-search-combobox
+      v-model="searchResult"
+      :resultKeys="{ address: 'f_address', coords: `f_address_lng_lat` }"
+      searchResultType="Object"
+      @onSelect="addressSearchComboboxSelect"
+      @onDivisionsChange="addressSearchComboboxSelect"
+    ></address-search-combobox>
+  </div>
+</template>
+
+<style scoped lang="less">
+
+</style>

package/src/base-client/components/common/AddressSearchCombobox/ic_map.svg

@@ -1,6 +1,6 @@
-<svg t="1722478250956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4238"
-     width="32" height="32">
-  <path
-    d="M448 512c0-35.4 28.6-64 64-64s64 28.6 64 64-28.6 64-64 64-64-28.6-64-64zM512 0c35.4 0 64 28.66 64 64v20.7C763.4 112.54 911.4 260.6 939.2 448H960c35.4 0 64 28.6 64 64s-28.6 64-64 64h-20.8c-27.8 187.4-175.8 335.4-363.2 363.2V960c0 35.4-28.6 64-64 64s-64-28.6-64-64v-20.8C260.6 911.4 112.54 763.4 84.7 576H64c-35.34 0-64-28.6-64-64s28.66-64 64-64h20.7C112.54 260.6 260.6 112.54 448 84.7V64c0-35.34 28.6-64 64-64z m-64 809.2V768c0-35.4 28.6-64 64-64s64 28.6 64 64v41.2c116.6-25 208.2-116.6 233.2-233.2H768c-35.4 0-64-28.6-64-64s28.6-64 64-64h41.2c-25-116.6-116.6-208.2-233.2-233.2V256c0 35.4-28.6 64-64 64s-64-28.6-64-64v-41.2c-116.6 25-208.2 116.6-233.2 233.2H256c35.4 0 64 28.6 64 64s-28.6 64-64 64h-41.2c25 116.6 116.6 208.2 233.2 233.2z"
-    p-id="4239" fill="#ffffff"></path>
-</svg>
+<svg t="1722478250956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4238"
+     width="32" height="32">
+  <path
+    d="M448 512c0-35.4 28.6-64 64-64s64 28.6 64 64-28.6 64-64 64-64-28.6-64-64zM512 0c35.4 0 64 28.66 64 64v20.7C763.4 112.54 911.4 260.6 939.2 448H960c35.4 0 64 28.6 64 64s-28.6 64-64 64h-20.8c-27.8 187.4-175.8 335.4-363.2 363.2V960c0 35.4-28.6 64-64 64s-64-28.6-64-64v-20.8C260.6 911.4 112.54 763.4 84.7 576H64c-35.34 0-64-28.6-64-64s28.66-64 64-64h20.7C112.54 260.6 260.6 112.54 448 84.7V64c0-35.34 28.6-64 64-64z m-64 809.2V768c0-35.4 28.6-64 64-64s64 28.6 64 64v41.2c116.6-25 208.2-116.6 233.2-233.2H768c-35.4 0-64-28.6-64-64s28.6-64 64-64h41.2c-25-116.6-116.6-208.2-233.2-233.2V256c0 35.4-28.6 64-64 64s-64-28.6-64-64v-41.2c-116.6 25-208.2 116.6-233.2 233.2H256c35.4 0 64 28.6 64 64s-28.6 64-64 64h-41.2c25 116.6 116.6 208.2 233.2 233.2z"
+    p-id="4239" fill="#ffffff"></path>
+</svg>

package/src/base-client/components/common/AmapMarker/AmapPointRendering.vue

@@ -1,120 +1,120 @@
-<template >
-  <div id="amap_point_rendering_map" :style="mapStyle">
-    <div v-show="false">
-      <div id="amap_point_rendering_template">
-        <a-descriptions :column="1">
-          <a-descriptions-item v-for="(des, index) in describeList" :key="index" :label="des.describe" >{{ markers[des.field] }}</a-descriptions-item>
-        </a-descriptions>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import { GetGDMap } from '@vue2-client/utils/map-utils'
-import { mapState } from 'vuex'
-export default {
-  name: 'AmapPointRendering',
-  props: {
-    // 选中点位后需要展示的信息描述
-    describeList: {
-      type: Array,
-      // eslint-disable-next-line vue/require-valid-default-prop
-      default: () => { return [] } // lng:描述信息 lat:描述信息对应的值的字段名 { describe: '用户名称', field: 'name' }
-    },
-    // 需要渲染的点位数据
-    markers: {
-      type: String,
-      default: null // lng:经度值 lat:纬度值
-    },
-    // 渲染点位的图片
-    imgurl: {
-      type: String,
-      default: () => {
-        return 'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png'
-      }
-    },
-    mapStyle: {
-      type: Object,
-      default: () => {
-        return {
-          width: '100%',
-          height: '85vh',
-          border: '2px solid lightgray',
-          'border-radius': '5px'
-        }
-      }
-    }
-  },
-  computed: {
-    ...mapState('setting', ['isMobile', 'gaode_key', 'gaode_secret_key'])
-  },
-  data () {
-    return {
-      map: null,
-      geocoder: null, // 逆地理编码
-      infoWindow: null,
-      selectrow: {}
-    }
-  },
-  created () {
-  },
-  mounted () {
-    GetGDMap(this.gaode_secret_key, this.gaode_key).then(aMap => {
-      this.initMap(aMap)
-      this.initData(aMap)
-    })
-  },
-  methods: {
-    initMap (aMap) {
-      this.map = new (aMap).Map('amap_point_rendering_map', { // 设置地图容器id
-        resizeEnable: true, // 是否监控地图容器尺寸变化
-        zoom: 10, // 初始化地图层级
-      })
-      this.geocoder = new (aMap).Geocoder({
-        radius: 500 // 范围，默认：500
-      })
-      this.map.addControl(new (aMap).ToolBar()) // 初始化工具插件
-      // 初始化窗体
-      this.infoWindow = new (aMap).InfoWindow({
-        anchor: 'bottom-center',
-        isCustom: false, // 使用自定义窗体
-        autoMove: true,
-        content: '',
-        showShadow: true,
-        offset: new (aMap).Pixel(0, -25)
-      })
-    },
-    initData (aMap) {
-      // 创建一个 Marker 实例：
-      if (this.markers) {
-        const lngLat = this.markers.split(',')
-        const lng = lngLat[0]
-        const lat = lngLat[1]
-        const marker = new (aMap).Marker({
-          // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-          position: new (aMap).LngLat(lng, lat),
-          icon: new (aMap).Icon({
-            // 图标大小
-            size: new (aMap).Size(26, 28),
-            imageSize: new (aMap).Size(26, 28),
-            // 报警图标URL
-            image: this.imgurl,
-            // 图标偏移位置
-            anchor: new (aMap).Pixel(0, 0),
-          }),
-          extData: this.markers
-        })
-        marker.on('click', (e) => {
-          if (e.target.getExtData() && e.target.getExtData().lng) {
-            this.infoWindow.setContent(document.getElementById('amap_point_rendering_template'))
-            this.infoWindow.open(this.map, [e.target.getExtData().lng, e.target.getExtData().lat])
-          }
-        })
-        // 将创建的点标记添加到已有的地图实例：
-        this.map.add(marker)
-        this.map.setFitView()
-      }
-    }
-  }
-}
-</script>
+<template >
+  <div id="amap_point_rendering_map" :style="mapStyle">
+    <div v-show="false">
+      <div id="amap_point_rendering_template">
+        <a-descriptions :column="1">
+          <a-descriptions-item v-for="(des, index) in describeList" :key="index" :label="des.describe" >{{ markers[des.field] }}</a-descriptions-item>
+        </a-descriptions>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { GetGDMap } from '@vue2-client/utils/map-utils'
+import { mapState } from 'vuex'
+export default {
+  name: 'AmapPointRendering',
+  props: {
+    // 选中点位后需要展示的信息描述
+    describeList: {
+      type: Array,
+      // eslint-disable-next-line vue/require-valid-default-prop
+      default: () => { return [] } // lng:描述信息 lat:描述信息对应的值的字段名 { describe: '用户名称', field: 'name' }
+    },
+    // 需要渲染的点位数据
+    markers: {
+      type: String,
+      default: null // lng:经度值 lat:纬度值
+    },
+    // 渲染点位的图片
+    imgurl: {
+      type: String,
+      default: () => {
+        return 'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png'
+      }
+    },
+    mapStyle: {
+      type: Object,
+      default: () => {
+        return {
+          width: '100%',
+          height: '85vh',
+          border: '2px solid lightgray',
+          'border-radius': '5px'
+        }
+      }
+    }
+  },
+  computed: {
+    ...mapState('setting', ['isMobile', 'gaode_key', 'gaode_secret_key'])
+  },
+  data () {
+    return {
+      map: null,
+      geocoder: null, // 逆地理编码
+      infoWindow: null,
+      selectrow: {}
+    }
+  },
+  created () {
+  },
+  mounted () {
+    GetGDMap(this.gaode_secret_key, this.gaode_key).then(aMap => {
+      this.initMap(aMap)
+      this.initData(aMap)
+    })
+  },
+  methods: {
+    initMap (aMap) {
+      this.map = new (aMap).Map('amap_point_rendering_map', { // 设置地图容器id
+        resizeEnable: true, // 是否监控地图容器尺寸变化
+        zoom: 10, // 初始化地图层级
+      })
+      this.geocoder = new (aMap).Geocoder({
+        radius: 500 // 范围，默认：500
+      })
+      this.map.addControl(new (aMap).ToolBar()) // 初始化工具插件
+      // 初始化窗体
+      this.infoWindow = new (aMap).InfoWindow({
+        anchor: 'bottom-center',
+        isCustom: false, // 使用自定义窗体
+        autoMove: true,
+        content: '',
+        showShadow: true,
+        offset: new (aMap).Pixel(0, -25)
+      })
+    },
+    initData (aMap) {
+      // 创建一个 Marker 实例：
+      if (this.markers) {
+        const lngLat = this.markers.split(',')
+        const lng = lngLat[0]
+        const lat = lngLat[1]
+        const marker = new (aMap).Marker({
+          // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+          position: new (aMap).LngLat(lng, lat),
+          icon: new (aMap).Icon({
+            // 图标大小
+            size: new (aMap).Size(26, 28),
+            imageSize: new (aMap).Size(26, 28),
+            // 报警图标URL
+            image: this.imgurl,
+            // 图标偏移位置
+            anchor: new (aMap).Pixel(0, 0),
+          }),
+          extData: this.markers
+        })
+        marker.on('click', (e) => {
+          if (e.target.getExtData() && e.target.getExtData().lng) {
+            this.infoWindow.setContent(document.getElementById('amap_point_rendering_template'))
+            this.infoWindow.open(this.map, [e.target.getExtData().lng, e.target.getExtData().lat])
+          }
+        })
+        // 将创建的点标记添加到已有的地图实例：
+        this.map.add(marker)
+        this.map.setFitView()
+      }
+    }
+  }
+}
+</script>