n20-common-lib 1.3.5 → 1.3.8

package/src/components/CascaderArea/index.vue

@@ -1,103 +1,103 @@
-<template>
-  <el-cascader
-    ref="el-cascader"
-    :value="value"
-    v-bind="$attrs"
-    :options="areaTree"
-    :filterable="filterable"
-    :clearable="clearable"
-    :props="{
-      value: 'regionNo',
-      label: 'regionName',
-      children: 'children',
-      expandTrigger: 'hover'
-    }"
-    v-on="$listeners"
-  />
-</template>
-
-<script>
-import axios from '../../utils/axios'
-import list2tree from '../../utils/list2tree'
-
-window._china_area_tree_ = undefined
-
-export default {
-  name: 'CascaderArea',
-  props: {
-    value: {
-      type: [String, Array],
-      default: undefined
-    },
-    filterable: {
-      type: Boolean,
-      default: true
-    },
-    clearable: {
-      type: Boolean,
-      default: true
-    },
-    isUrban: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      areaTree: []
-    }
-  },
-  mounted() {
-    if (!window._china_area_tree_) {
-      this.getAreaTree()
-    } else {
-      this.areaTree = this.isUrban
-        ? window._china_urban_tree_
-        : window._china_area_tree_
-    }
-  },
-  methods: {
-    getAreaTree() {
-      axios
-        .get('/bems/1.0/area', { isEnable: 1 }, { loading: false })
-        .then(({ data }) => {
-          let dataAr = JSON.parse(JSON.stringify(data))
-          let dataUb = JSON.parse(JSON.stringify(data))
-          let areaTree = list2tree(
-            dataAr,
-            'regionNo',
-            'fatherNo',
-            'children',
-            'regionNo'
-          )
-          let noAreaTree = areaTree.filter((a) => a.regionLevel !== '1')
-          if (noAreaTree.length > 0) {
-            console.warn('这些区域找不到父级节点：', noAreaTree)
-          }
-
-          window._china_area_tree_ = areaTree.filter(
-            (a) => a.regionLevel === '1'
-          )
-
-          let urbanTree = list2tree(
-            dataUb.filter((d) => d.regionLevel !== '3'),
-            'regionNo',
-            'fatherNo',
-            'children',
-            'regionNo'
-          )
-
-          window._china_urban_tree_ = urbanTree.filter(
-            (a) => a.regionLevel === '1'
-          )
-          this.areaTree = this.isUrban
-            ? window._china_urban_tree_
-            : window._china_area_tree_
-        })
-    },
-    updateArea() {
-      this.getAreaTree()
-    }
-  }
-}
-</script>
+<template>
+  <el-cascader
+    ref="el-cascader"
+    :value="value"
+    v-bind="$attrs"
+    :options="areaTree"
+    :filterable="filterable"
+    :clearable="clearable"
+    :props="{
+      value: 'regionNo',
+      label: 'regionName',
+      children: 'children',
+      expandTrigger: 'hover'
+    }"
+    v-on="$listeners"
+  />
+</template>
+
+<script>
+import axios from '../../utils/axios'
+import list2tree from '../../utils/list2tree'
+
+window._china_area_tree_ = undefined
+
+export default {
+  name: 'CascaderArea',
+  props: {
+    value: {
+      type: [String, Array],
+      default: undefined
+    },
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    isUrban: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      areaTree: []
+    }
+  },
+  mounted() {
+    if (!window._china_area_tree_) {
+      this.getAreaTree()
+    } else {
+      this.areaTree = this.isUrban
+        ? window._china_urban_tree_
+        : window._china_area_tree_
+    }
+  },
+  methods: {
+    getAreaTree() {
+      axios
+        .get('/bems/1.0/area', { isEnable: 1 }, { loading: false })
+        .then(({ data }) => {
+          let dataAr = JSON.parse(JSON.stringify(data))
+          let dataUb = JSON.parse(JSON.stringify(data))
+          let areaTree = list2tree(
+            dataAr,
+            'regionNo',
+            'fatherNo',
+            'children',
+            'regionNo'
+          )
+          let noAreaTree = areaTree.filter((a) => a.regionLevel !== '1')
+          if (noAreaTree.length > 0) {
+            console.warn('这些区域找不到父级节点：', noAreaTree)
+          }
+
+          window._china_area_tree_ = areaTree.filter(
+            (a) => a.regionLevel === '1'
+          )
+
+          let urbanTree = list2tree(
+            dataUb.filter((d) => d.regionLevel !== '3'),
+            'regionNo',
+            'fatherNo',
+            'children',
+            'regionNo'
+          )
+
+          window._china_urban_tree_ = urbanTree.filter(
+            (a) => a.regionLevel === '1'
+          )
+          this.areaTree = this.isUrban
+            ? window._china_urban_tree_
+            : window._china_area_tree_
+        })
+    },
+    updateArea() {
+      this.getAreaTree()
+    }
+  }
+}
+</script>

package/src/components/ChildRange/index.vue

@@ -1,202 +1,202 @@
-<template>
-  <div>
-    <div class="input-child-range" :class="{ 'is-disabled': disabled }">
-      <div class="flex">
-        <div class="from">
-          <el-input
-              ref="input_left"
-              v-model="value1"
-              :disabled="disabled"
-              placeholder="子票区间起"
-              @blur="handleBlurleft"
-              @focus="handleFocusLeft"
-              @input="handleInputleft"
-              @change="handleInputChangeLeft"
-          ></el-input>
-        </div>
-        <div class="center">
-          <span> - </span>
-        </div>
-        <div class="to">
-          <el-input
-              ref="input_right"
-              v-model="value2"
-              :disabled="disabled"
-              placeholder="子票区间止"
-              @blur="handleBlurRight"
-              @focus="handleFocusRight"
-              @input="handleInputRight"
-              @change="handleInputChangeRight"
-          ></el-input>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ChildRange",
-  props: {
-    // 初始化范围
-    value: { required: true },
-
-    // 是否禁用
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-
-    // 精度参数
-    precision: {
-      type: Number,
-      default: 0,
-      validator(val) {
-        return val >= 0 && val === parseInt(val, 10)
-      }
-    }
-  },
-  data() {
-    return {
-      value1: null,
-      value2: null
-    }
-  },
-  watch: {
-    value: {
-      immediate: true,
-      handler(value) {
-        /** 初始化范围 */
-        if (value instanceof Array && this.precision !== undefined) {
-          this.value1 = typeof value[0] === 'number' ? value[0] : null
-          this.value2 = typeof value[1] === 'number' ? value[1] : null
-        }
-      }
-    }
-  },
-  methods: {
-    // 根据精度保留数字
-    toPrecision(num, precision) {
-      if (precision === undefined) precision = 0
-      return parseFloat(
-          Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision)
-      )
-    },
-
-    handleBlurleft(event) {
-      this.$emit('blurleft', event)
-    },
-
-    handleFocusLeft(event) {
-      this.$emit('focusleft', event)
-    },
-
-    handleBlurRight(event) {
-      this.$emit('blurright', event)
-    },
-
-    handleFocusRight(event) {
-      this.$emit('focusright', event)
-    },
-
-    handleInputleft(value) {
-      this.$emit('inputleft', value)
-    },
-
-    handleInputRight(value) {
-      this.$emit('inputright', value)
-    },
-
-    // from输入框change事件
-    handleInputChangeLeft(value) {
-      // 如果是非数字空返回null
-      if (isNaN(value)) {
-        this.$emit('input', [null, this.value2])
-        this.$emit('changeleft', this.value1)
-        return
-      }
-
-      // 初始化数字精度
-      this.value1 = this.setPrecisionValue(value)
-
-      // 如果from > to 将from值替换成to
-      if (typeof this.value2 === 'number') {
-        this.value1 =
-            parseFloat(this.value1) <= parseFloat(this.value2)
-                ? this.value1
-                : this.value2
-      }
-      this.$emit('input', [this.value1, this.value2])
-      this.$emit('changefrom', this.value1)
-    },
-
-    // to输入框change事件
-    handleInputChangeRight(value) {
-      // 如果是非数字空返回null
-      if (isNaN(value)) {
-        this.$emit('input', [this.value1, null])
-        this.$emit('changefrom', this.value2)
-        return
-      }
-
-      // 初始化数字精度
-      this.value2 = this.setPrecisionValue(value)
-
-      // 如果to < tfrom 将to值替换成from
-      if (typeof this.value1 === 'number') {
-        this.value2 =
-            parseFloat(this.value2) >= parseFloat(this.value1)
-                ? this.value2
-                : this.value1
-      }
-      this.$emit('input', [this.value1, this.value2])
-      this.$emit('changeright', this.value2)
-    },
-
-    // 设置成精度数字
-    setPrecisionValue(value) {
-      if (this.precision !== undefined) {
-        const val = this.toPrecision(value, this.precision)
-        return val
-      }
-      return null
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-.input-child-range {
-  background-color: #fff;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-  // 取消element原有的input框样式
-  ::v-deep .el-input--small .el-input__inner {
-    border: 0px;
-    margin: 0;
-    padding: 0 5px;
-    background-color: transparent;
-  }
-  ::v-deep .el-input__inner:focus {
-    box-shadow: none;
-  }
-}
-.flex {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-  .center {
-    color: #cccccc;
-    margin: 0 1px;
-  }
-}
-.is-disabled {
-  background-color: #eef0f6;
-  border-color: #e4e7ed;
-  color: #c0c4cc;
-  cursor: not-allowed;
-}
+<template>
+  <div>
+    <div class="input-child-range" :class="{ 'is-disabled': disabled }">
+      <div class="flex">
+        <div class="from">
+          <el-input
+              ref="input_left"
+              v-model="value1"
+              :disabled="disabled"
+              placeholder="子票区间起"
+              @blur="handleBlurleft"
+              @focus="handleFocusLeft"
+              @input="handleInputleft"
+              @change="handleInputChangeLeft"
+          ></el-input>
+        </div>
+        <div class="center">
+          <span> - </span>
+        </div>
+        <div class="to">
+          <el-input
+              ref="input_right"
+              v-model="value2"
+              :disabled="disabled"
+              placeholder="子票区间止"
+              @blur="handleBlurRight"
+              @focus="handleFocusRight"
+              @input="handleInputRight"
+              @change="handleInputChangeRight"
+          ></el-input>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ChildRange",
+  props: {
+    // 初始化范围
+    value: { required: true },
+
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+
+    // 精度参数
+    precision: {
+      type: Number,
+      default: 0,
+      validator(val) {
+        return val >= 0 && val === parseInt(val, 10)
+      }
+    }
+  },
+  data() {
+    return {
+      value1: null,
+      value2: null
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(value) {
+        /** 初始化范围 */
+        if (value instanceof Array && this.precision !== undefined) {
+          this.value1 = typeof value[0] === 'number' ? value[0] : null
+          this.value2 = typeof value[1] === 'number' ? value[1] : null
+        }
+      }
+    }
+  },
+  methods: {
+    // 根据精度保留数字
+    toPrecision(num, precision) {
+      if (precision === undefined) precision = 0
+      return parseFloat(
+          Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision)
+      )
+    },
+
+    handleBlurleft(event) {
+      this.$emit('blurleft', event)
+    },
+
+    handleFocusLeft(event) {
+      this.$emit('focusleft', event)
+    },
+
+    handleBlurRight(event) {
+      this.$emit('blurright', event)
+    },
+
+    handleFocusRight(event) {
+      this.$emit('focusright', event)
+    },
+
+    handleInputleft(value) {
+      this.$emit('inputleft', value)
+    },
+
+    handleInputRight(value) {
+      this.$emit('inputright', value)
+    },
+
+    // from输入框change事件
+    handleInputChangeLeft(value) {
+      // 如果是非数字空返回null
+      if (isNaN(value)) {
+        this.$emit('input', [null, this.value2])
+        this.$emit('changeleft', this.value1)
+        return
+      }
+
+      // 初始化数字精度
+      this.value1 = this.setPrecisionValue(value)
+
+      // 如果from > to 将from值替换成to
+      if (typeof this.value2 === 'number') {
+        this.value1 =
+            parseFloat(this.value1) <= parseFloat(this.value2)
+                ? this.value1
+                : this.value2
+      }
+      this.$emit('input', [this.value1, this.value2])
+      this.$emit('changefrom', this.value1)
+    },
+
+    // to输入框change事件
+    handleInputChangeRight(value) {
+      // 如果是非数字空返回null
+      if (isNaN(value)) {
+        this.$emit('input', [this.value1, null])
+        this.$emit('changefrom', this.value2)
+        return
+      }
+
+      // 初始化数字精度
+      this.value2 = this.setPrecisionValue(value)
+
+      // 如果to < tfrom 将to值替换成from
+      if (typeof this.value1 === 'number') {
+        this.value2 =
+            parseFloat(this.value2) >= parseFloat(this.value1)
+                ? this.value2
+                : this.value1
+      }
+      this.$emit('input', [this.value1, this.value2])
+      this.$emit('changeright', this.value2)
+    },
+
+    // 设置成精度数字
+    setPrecisionValue(value) {
+      if (this.precision !== undefined) {
+        const val = this.toPrecision(value, this.precision)
+        return val
+      }
+      return null
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+.input-child-range {
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  // 取消element原有的input框样式
+  ::v-deep .el-input--small .el-input__inner {
+    border: 0px;
+    margin: 0;
+    padding: 0 5px;
+    background-color: transparent;
+  }
+  ::v-deep .el-input__inner:focus {
+    box-shadow: none;
+  }
+}
+.flex {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  .center {
+    color: #cccccc;
+    margin: 0 1px;
+  }
+}
+.is-disabled {
+  background-color: #eef0f6;
+  border-color: #e4e7ed;
+  color: #c0c4cc;
+  cursor: not-allowed;
+}
 </style>