n20-common-lib 1.3.20 → 1.3.22

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,166 +1,166 @@
-<template>
-  <div class="n20-subticket-interval">
-    <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"
-          />
-        </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"
-          />
-        </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
-    }
-  }
-}
+<template>
+  <div class="n20-subticket-interval">
+    <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"
+          />
+        </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"
+          />
+        </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>

package/src/components/ChildRange/style.scss

@@ -1,34 +1,34 @@
-.n20-subticket-interval {
-  .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;
-  }
-}
+.n20-subticket-interval {
+  .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;
+  }
+}