vue2-client 1.16.25 → 1.16.27

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>

package/src/base-client/components/common/CitySelect/CitySelect.vue

@@ -150,7 +150,7 @@ export default {
     // 页面渲染内容  默认 省市区街道 四个 所以是4  5 是到小区
     contexts: {
       type: Number,
-      default: 3
+      default: 4
     },
     placeholder: {
       type: String,

package/src/base-client/components/common/CitySelect/index.js

@@ -1,3 +1,3 @@
-import CitySelect from './CitySelect'
-
-export default CitySelect
+import CitySelect from './CitySelect'
+
+export default CitySelect

package/src/base-client/components/common/CitySelect/index.md

@@ -1,109 +1,109 @@
-# 省市区修改组件
-
-> 下拉框数据从库里查询 divisions_of_china 表
-> 省市区数据存储格式
-
-+---------+-----+------------+--------+--------+----------+
-|code     |name |provinceCode|cityCode|areaCode|parentCode|
-+---------+-----+------------+--------+--------+----------+
-|11       |北京市  |NULL        |NULL    |NULL    |NULL      |
-|1101     |市辖区  |11          |NULL    |NULL    |11        |
-|110101   |东城区  |11          |1101    |NULL    |1101      |
-|110101001|东华门街道|11          |1101    |110101  |1101     |
-|110101002|景山街道 |11          |1101    |110101  |1101      |
-+---------+-----+------------+--------+--------+----------+
-
-
-查询出来之后转成tree 作为数据 (截取了一段数据)
-
-```json
-[
-    {
-        "code": "11",
-        "name": "北京",
-        "label": "北京",
-        "value": "北京",
-        "children":
-        [
-            {
-                "code": "1101",
-                "parentcode": "11",
-                "name": "辖区",
-                "label": "辖区",
-                "value": "辖区",
-                "children":
-                [
-                  {
-                    "code": "110101",
-                    "parentcode": "1101",
-                    "name": "东城区",
-                    "label": "东城区",
-                    "value": "东城区"
-                  }
-                ]}]}]
-```
-
-可传递参数
-```js
-props = {
-    // 页面渲染内容  默认 省市区街道 四个 所以是4
-    contexts: {
-      type: Number,
-      default: 3
-    },
-    placeholder: {
-      type: String,
-      default: '请选择省市区'
-    },
-    // small lage 输入框大小
-    size: {
-      type: String,
-      default: undefined
-    },
-    // 类型 simple / undefined
-    // simple 就是用的 cascader  不穿就是用的 自己封装的
-    type: {
-      type: String,
-      default: undefined
-    },
-    // 框的样式
-    inputStyle: {
-      type: Object,
-      default: () => {
-      }
-    },
-    // 下拉框的样式
-    dropdownStyle: {
-      type: Object,
-      default: () => {
-        return {
-          width: '35rem',
-          padding: '1%'
-        }
-      }
-    },
-    // 标签的样式
-    tagStyle: {
-      type: Object,
-      default: () => {
-        return {
-          fontSize: '0.88rem',
-          width: '23%',
-          textAlign: 'left',
-          margin: '0.5%',
-          cursor: 'pointer'
-        }
-      }
-    },
-    // 用于v-model 绑定
-    value: {
-      type: String,
-      default: undefined
-    },
-    // 用于v-model 绑定 code :最后一级的code  address: 所有级拼接的地址
-    valueType: {
-      type: String,
-      default: 'address'
-    }
-  }
-```
+# 省市区修改组件
+
+> 下拉框数据从库里查询 divisions_of_china 表
+> 省市区数据存储格式
+
++---------+-----+------------+--------+--------+----------+
+|code     |name |provinceCode|cityCode|areaCode|parentCode|
++---------+-----+------------+--------+--------+----------+
+|11       |北京市  |NULL        |NULL    |NULL    |NULL      |
+|1101     |市辖区  |11          |NULL    |NULL    |11        |
+|110101   |东城区  |11          |1101    |NULL    |1101      |
+|110101001|东华门街道|11          |1101    |110101  |1101     |
+|110101002|景山街道 |11          |1101    |110101  |1101      |
++---------+-----+------------+--------+--------+----------+
+
+
+查询出来之后转成tree 作为数据 (截取了一段数据)
+
+```json
+[
+    {
+        "code": "11",
+        "name": "北京",
+        "label": "北京",
+        "value": "北京",
+        "children":
+        [
+            {
+                "code": "1101",
+                "parentcode": "11",
+                "name": "辖区",
+                "label": "辖区",
+                "value": "辖区",
+                "children":
+                [
+                  {
+                    "code": "110101",
+                    "parentcode": "1101",
+                    "name": "东城区",
+                    "label": "东城区",
+                    "value": "东城区"
+                  }
+                ]}]}]
+```
+
+可传递参数
+```js
+props = {
+    // 页面渲染内容  默认 省市区街道 四个 所以是4
+    contexts: {
+      type: Number,
+      default: 3
+    },
+    placeholder: {
+      type: String,
+      default: '请选择省市区'
+    },
+    // small lage 输入框大小
+    size: {
+      type: String,
+      default: undefined
+    },
+    // 类型 simple / undefined
+    // simple 就是用的 cascader  不穿就是用的 自己封装的
+    type: {
+      type: String,
+      default: undefined
+    },
+    // 框的样式
+    inputStyle: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // 下拉框的样式
+    dropdownStyle: {
+      type: Object,
+      default: () => {
+        return {
+          width: '35rem',
+          padding: '1%'
+        }
+      }
+    },
+    // 标签的样式
+    tagStyle: {
+      type: Object,
+      default: () => {
+        return {
+          fontSize: '0.88rem',
+          width: '23%',
+          textAlign: 'left',
+          margin: '0.5%',
+          cursor: 'pointer'
+        }
+      }
+    },
+    // 用于v-model 绑定
+    value: {
+      type: String,
+      default: undefined
+    },
+    // 用于v-model 绑定 code :最后一级的code  address: 所有级拼接的地址
+    valueType: {
+      type: String,
+      default: 'address'
+    }
+  }
+```