vue2-client 1.4.5 → 1.4.6

package/package.json

@@ -1,78 +1,78 @@
-{
-  "name": "vue2-client",
-  "version": "1.4.5",
-  "private": false,
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "test:unit": "vue-cli-service test:unit",
-    "lint": "vue-cli-service lint",
-    "build:preview": "vue-cli-service build --mode preview",
-    "lint:nofix": "vue-cli-service lint --no-fix"
-  },
-  "dependencies": {
-    "@amap/amap-jsapi-loader": "^1.0.1",
-    "@antv/g2plot": "^2.4.20",
-    "lodash.get": "^4.4.2",
-    "js-base64": "^3.7.2",
-    "jsencrypt": "^3.2.1",
-    "vue-json-viewer": "^2.2.22",
-    "xlsx": "0.18.5",
-    "file-saver": "^2.0.5",
-    "@vue/babel-preset-jsx": "^1.4.0",
-    "@antv/data-set": "^0.11.8",
-    "animate.css": "^4.1.1",
-    "ant-design-vue": "^1.7.8",
-    "axios": "^0.27.2",
-    "clipboard": "^2.0.11",
-    "core-js": "^3.23.5",
-    "date-fns": "^2.28.0",
-    "default-passive-events": "^2.0.0",
-    "enquire.js": "^2.1.6",
-    "highlight.js": "^10.7.3",
-    "js-cookie": "^2.2.1",
-    "mockjs": "^1.1.0",
-    "nprogress": "^0.2.0",
-    "viser-vue": "^2.4.8",
-    "vue": "2.6.14",
-    "vue-i18n": "^8.27.2",
-    "vue-router": "^3.5.4",
-    "vuedraggable": "^2.24.3",
-    "vuex": "^3.6.2"
-  },
-  "devDependencies": {
-    "script-loader": "^0.7.2",
-    "@ant-design/colors": "^6.0.0",
-    "@babel/core": "^7.18.10",
-    "@vue/cli-plugin-babel": "^4.5.19",
-    "@vue/cli-plugin-eslint": "^4.5.19",
-    "@vue/cli-service": "^4.5.19",
-    "@vue/eslint-config-standard": "^4.0.0",
-    "@vuepress/plugin-back-to-top": "^1.9.7",
-    "babel-eslint": "^10.1.0",
-    "babel-plugin-transform-remove-console": "^6.9.4",
-    "babel-polyfill": "^6.26.0",
-    "compression-webpack-plugin": "^4.0.1",
-    "deepmerge": "^4.2.2",
-    "eslint": "^6.8.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-vue": "^6.2.2",
-    "eslint-plugin-promise": "^4.3.1",
-    "eslint-plugin-standard": "^4.1.0",
-    "fast-deep-equal": "^3.1.3",
-    "less-loader": "^6.2.0",
-    "style-resources-loader": "^1.5.0",
-    "vue-cli-plugin-style-resources-loader": "^0.1.5",
-    "vue-template-compiler": "2.6.14",
-    "vuepress": "^1.9.7",
-    "webpack": "^4.46.0",
-    "webpack-theme-color-replacer": "1.4.1",
-    "whatwg-fetch": "^3.6.2"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not ie <= 10"
-  ]
-}
+{
+  "name": "vue2-client",
+  "version": "1.4.6",
+  "private": false,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "test:unit": "vue-cli-service test:unit",
+    "lint": "vue-cli-service lint",
+    "build:preview": "vue-cli-service build --mode preview",
+    "lint:nofix": "vue-cli-service lint --no-fix"
+  },
+  "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
+    "@antv/g2plot": "^2.4.20",
+    "lodash.get": "^4.4.2",
+    "js-base64": "^3.7.2",
+    "jsencrypt": "^3.2.1",
+    "vue-json-viewer": "^2.2.22",
+    "xlsx": "0.18.5",
+    "file-saver": "^2.0.5",
+    "@vue/babel-preset-jsx": "^1.4.0",
+    "@antv/data-set": "^0.11.8",
+    "animate.css": "^4.1.1",
+    "ant-design-vue": "^1.7.8",
+    "axios": "^0.27.2",
+    "clipboard": "^2.0.11",
+    "core-js": "^3.23.5",
+    "date-fns": "^2.28.0",
+    "default-passive-events": "^2.0.0",
+    "enquire.js": "^2.1.6",
+    "highlight.js": "^10.7.3",
+    "js-cookie": "^2.2.1",
+    "mockjs": "^1.1.0",
+    "nprogress": "^0.2.0",
+    "viser-vue": "^2.4.8",
+    "vue": "2.6.14",
+    "vue-i18n": "^8.27.2",
+    "vue-router": "^3.5.4",
+    "vuedraggable": "^2.24.3",
+    "vuex": "^3.6.2"
+  },
+  "devDependencies": {
+    "script-loader": "^0.7.2",
+    "@ant-design/colors": "^6.0.0",
+    "@babel/core": "^7.18.10",
+    "@vue/cli-plugin-babel": "^4.5.19",
+    "@vue/cli-plugin-eslint": "^4.5.19",
+    "@vue/cli-service": "^4.5.19",
+    "@vue/eslint-config-standard": "^4.0.0",
+    "@vuepress/plugin-back-to-top": "^1.9.7",
+    "babel-eslint": "^10.1.0",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "babel-polyfill": "^6.26.0",
+    "compression-webpack-plugin": "^4.0.1",
+    "deepmerge": "^4.2.2",
+    "eslint": "^6.8.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-promise": "^4.3.1",
+    "eslint-plugin-standard": "^4.1.0",
+    "fast-deep-equal": "^3.1.3",
+    "less-loader": "^6.2.0",
+    "style-resources-loader": "^1.5.0",
+    "vue-cli-plugin-style-resources-loader": "^0.1.5",
+    "vue-template-compiler": "2.6.14",
+    "vuepress": "^1.9.7",
+    "webpack": "^4.46.0",
+    "webpack-theme-color-replacer": "1.4.1",
+    "whatwg-fetch": "^3.6.2"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 10"
+  ]
+}

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

@@ -1,113 +1,113 @@
-<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'
-  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: '/image/success1.png'
-      },
-      mapStyle: {
-        type: Object,
-        default: () => {
-          return {
-            width: '100%',
-            height: '85vh',
-            border: '2px solid lightgray',
-            'border-radius': '5px'
-          }
-        }
-      }
-    },
-    data () {
-      return {
-        map: null,
-        geocoder: null, // 逆地理编码
-        infoWindow: null,
-        selectrow: {}
-      }
-    },
-    created () {
-    },
-    mounted () {
-      GetGDMap().then(aMap => {
-        this.initMap(aMap)
-        this.initData(aMap)
-      })
-    },
-    methods: {
-      initMap (aMap) {
-        this.map = new (aMap).Map('amap_point_rendering_map', { // 设置地图容器id
-          resizeEnable: true, // 是否监控地图容器尺寸变化
-          zoom: 17, // 初始化地图层级
-          center: [108.943784, 34.265] // 初始化地图中心点
-        })
-        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),
-            title: '北京',
-            icon: new (aMap).Icon({
-              // 图标大小
-              size: new (aMap).Size(26, 28),
-              // 报警图标URL
-              url: this.imgurl,
-              // 图标偏移位置
-              anchor: new (aMap).Pixel(0, 0),
-            }),
-            extData: this.markers
-          })
-          marker.on('click', function (e) {
-            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'
+  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: '/image/success1.png'
+      },
+      mapStyle: {
+        type: Object,
+        default: () => {
+          return {
+            width: '100%',
+            height: '85vh',
+            border: '2px solid lightgray',
+            'border-radius': '5px'
+          }
+        }
+      }
+    },
+    data () {
+      return {
+        map: null,
+        geocoder: null, // 逆地理编码
+        infoWindow: null,
+        selectrow: {}
+      }
+    },
+    created () {
+    },
+    mounted () {
+      GetGDMap().then(aMap => {
+        this.initMap(aMap)
+        this.initData(aMap)
+      })
+    },
+    methods: {
+      initMap (aMap) {
+        this.map = new (aMap).Map('amap_point_rendering_map', { // 设置地图容器id
+          resizeEnable: true, // 是否监控地图容器尺寸变化
+          zoom: 17, // 初始化地图层级
+          center: [108.943784, 34.265] // 初始化地图中心点
+        })
+        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),
+            title: '北京',
+            icon: new (aMap).Icon({
+              // 图标大小
+              size: new (aMap).Size(26, 28),
+              // 报警图标URL
+              url: this.imgurl,
+              // 图标偏移位置
+              anchor: new (aMap).Pixel(0, 0),
+            }),
+            extData: this.markers
+          })
+          marker.on('click', function (e) {
+            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>