省市级联组件

src/components/_util/Area.js

@@ -0,0 +1,78 @@
+import { pcaa } from 'area-data'
+
+/**
+ * 省市区
+ */
+export default class Area {
+  /**
+   * 构造器
+   * @param express
+   */
+  constructor() {
+    const arr = []
+    const province = pcaa['86']
+    Object.keys(province).map(key => {
+      arr.push({ id: key, text: province[key], pid: '86' })
+      const city = pcaa[key]
+      Object.keys(city).map(key2 => {
+        arr.push({ id: key2, text: city[key2], pid: key })
+        const qu = pcaa[key2]
+        Object.keys(qu).map(key3 => {
+          arr.push({ id: key3, text: qu[key3], pid: key2 })
+        })
+      })
+    })
+    this.all = arr
+  }
+
+  get pca() {
+    return this.all
+  }
+
+  getCode(text) {
+    if (!text || text.length === 0) {
+      return ''
+    }
+    for (const item of this.all) {
+      if (item.text === text) {
+        return item.id
+      }
+    }
+  }
+
+  getText(code) {
+    if (!code || code.length === 0) {
+      return ''
+    }
+    const arr = []
+    this.getAreaBycode(code, arr)
+    return arr.join('/')
+  }
+
+  getRealCode(code) {
+    const arr = []
+    this.getPcode(code, arr)
+    return arr
+  }
+
+  getPcode(id, arr) {
+    for (const item of this.all) {
+      if (item.id === id) {
+        arr.unshift(id)
+        if (item.pid !== '86') {
+          this.getPcode(item.pid, arr)
+        }
+      }
+    }
+  }
+
+  getAreaBycode(code, arr) {
+    // console.log("this.all.length",this.all)
+    for (const item of this.all) {
+      if (item.id === code) {
+        arr.unshift(item.text)
+        this.getAreaBycode(item.pid, arr)
+      }
+    }
+  }
+}

src/components/_util/AreaPca.js

@@ -0,0 +1,74 @@
+import pca from '../../../public/map/areaPca'
+
+/**
+ * 省市区
+ */
+export default class Area {
+  /**
+   * 构造器
+   * @param express
+   */
+  constructor() {
+    const arr = []
+    const province = pca['86']
+    Object.keys(province).map(key => {
+      arr.push({ id: key, text: province[key], pid: '86' })
+      const city = pca[key]
+      Object.keys(city).map(key2 => {
+        arr.push({ id: key2, text: city[key2], pid: key })
+      })
+    })
+    this.all = arr
+  }
+
+  get pca() {
+    return this.all
+  }
+
+  getCode(text) {
+    if (!text || text.length === 0) {
+      return ''
+    }
+    for (const item of this.all) {
+      if (item.text === text) {
+        return item.id
+      }
+    }
+  }
+
+  getText(code) {
+    if (!code || code.length === 0) {
+      return ''
+    }
+    const arr = []
+    this.getAreaBycode(code, arr)
+    return arr.join('/')
+  }
+
+  getRealCode(code) {
+    const arr = []
+    this.getPcode(code, arr)
+    return arr
+  }
+
+  getPcode(id, arr) {
+    for (const item of this.all) {
+      if (item.id === id) {
+        arr.unshift(id)
+        if (item.pid !== '86') {
+          this.getPcode(item.pid, arr)
+        }
+      }
+    }
+  }
+
+  getAreaBycode(code, arr) {
+    // console.log("this.all.length",this.all)
+    for (const item of this.all) {
+      if (item.id === code) {
+        arr.unshift(item.text)
+        this.getAreaBycode(item.pid, arr)
+      }
+    }
+  }
+}

src/components/_util/StringUtil.js

@@ -0,0 +1,35 @@
+/**
+ * 获取字符串的长度ascii长度为1 中文长度为2
+ * @param str
+ * @returns {number}
+ */
+export const getStrFullLength = (str = '') =>
+  str.split('').reduce((pre, cur) => {
+    const charCode = cur.charCodeAt(0)
+    if (charCode >= 0 && charCode <= 128) {
+      return pre + 1
+    }
+    return pre + 2
+  }, 0)
+
+/**
+ * 给定一个字符串和一个长度,将此字符串按指定长度截取
+ * @param str
+ * @param maxLength
+ * @returns {string}
+ */
+export const cutStrByFullLength = (str = '', maxLength) => {
+  let showLength = 0
+  return str.split('').reduce((pre, cur) => {
+    const charCode = cur.charCodeAt(0)
+    if (charCode >= 0 && charCode <= 128) {
+      showLength += 1
+    } else {
+      showLength += 2
+    }
+    if (showLength <= maxLength) {
+      return pre + cur
+    }
+    return pre
+  }, '')
+}

src/components/_util/util.js

@@ -0,0 +1,12 @@
+/**
+ * components util
+ */
+
+/**
+ * 清理空值，对象
+ * @param children
+ * @returns {*[]}
+ */
+export function filterEmpty(children = []) {
+  return children.filter(c => c.tag || (c.text && c.text.trim() !== ''))
+}