vue2-client 1.15.60 → 1.15.61

package/src/base-client/components/TreeList/TreeNode.vue

@@ -0,0 +1,81 @@
+<template>
+  <div class="tree-node">
+    <div class="node-content" @click="handleClick">
+      <span v-if="hasChildren" class="toggle-icon">
+        {{ node.expanded ? '-' : '+' }}
+      </span>
+      <span class="node-title">{{ node.title }}</span>
+    </div>
+    <div v-if="hasChildren && node.expanded" class="node-children">
+      <tree-node
+        v-for="child in node.children"
+        :key="child.id"
+        :node="child"
+        @toggle="$emit('toggle', $event)"
+        :level="level + 1"/>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TreeNode',
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    level: {
+      type: Number,
+      default: 0
+    }
+  },
+  computed: {
+    hasChildren() {
+      return this.node.children && this.node.children.length > 0
+    }
+  },
+  methods: {
+    handleClick() {
+      if (this.hasChildren) {
+        this.$emit('toggle', this.node)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.tree-node {
+  margin: 2px 0;
+}
+
+.node-content {
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+  user-select: none;
+}
+
+.toggle-icon {
+  width: 16px;
+  text-align: center;
+  font-size: 14px;
+  color: #666;
+  margin-right: 4px;
+  cursor: pointer;
+}
+
+.node-title {
+  flex: 1;
+  cursor: default;
+}
+
+.node-content:hover {
+  background-color: #f5f5f5;
+}
+
+.node-children {
+  padding-left: 20px;
+}
+</style> 

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>

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'
+    }
+  }
+```