n20-common-lib 1.2.43 → 1.3.0

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

@@ -0,0 +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;
+}
+</style>

package/src/components/ContentLoading/index.vue

@@ -1,41 +1,41 @@
-<template>
-  <div v-loading="loading" :element-loading-text="loadingText"></div>
-</template>
-
-<script>
-export default {
-  name: 'ContentLoading',
-  data() {
-    return {
-      loading: true,
-      loadingText: '加载中',
-      timeout: 12000
-    }
-  },
-  mounted() {
-    this.setTimeOut()
-  },
-  activated() {
-    this.setTimeOut()
-  },
-  deactivated() {
-    this.clearTimeOut()
-  },
-  beforeDestroy() {
-    this.clearTimeOut()
-  },
-  methods: {
-    setTimeOut() {
-      clearTimeout(this.sT)
-
-      this.sT = setTimeout(() => {
-        this.loadingText = '请求超时，请刷新尝试'
-      }, this.timeout)
-    },
-    clearTimeOut() {
-      this.loadingText = '加载中'
-      clearTimeout(this.sT)
-    }
-  }
-}
-</script>
+<template>
+  <div v-loading="loading" :element-loading-text="loadingText"></div>
+</template>
+
+<script>
+export default {
+  name: 'ContentLoading',
+  data() {
+    return {
+      loading: true,
+      loadingText: '加载中',
+      timeout: 12000
+    }
+  },
+  mounted() {
+    this.setTimeOut()
+  },
+  activated() {
+    this.setTimeOut()
+  },
+  deactivated() {
+    this.clearTimeOut()
+  },
+  beforeDestroy() {
+    this.clearTimeOut()
+  },
+  methods: {
+    setTimeOut() {
+      clearTimeout(this.sT)
+
+      this.sT = setTimeout(() => {
+        this.loadingText = '请求超时，请刷新尝试'
+      }, this.timeout)
+    },
+    clearTimeOut() {
+      this.loadingText = '加载中'
+      clearTimeout(this.sT)
+    }
+  }
+}
+</script>

package/src/components/ContentNull/index.vue

@@ -1,19 +1,19 @@
-<template>
-  <empty-box type="404">
-    <div slot="content">暂无访问权限</div>
-  </empty-box>
-</template>
-
-<script>
-import EmptyBox from '../Empty/index.vue'
-export default {
-  name: 'ContentNull',
-  components: {
-    EmptyBox
-  },
-  data() {
-    this.isNull = true
-    return {}
-  }
-}
-</script>
+<template>
+  <empty-box type="404">
+    <div slot="content">暂无访问权限</div>
+  </empty-box>
+</template>
+
+<script>
+import EmptyBox from '../Empty/index.vue'
+export default {
+  name: 'ContentNull',
+  components: {
+    EmptyBox
+  },
+  data() {
+    this.isNull = true
+    return {}
+  }
+}
+</script>

package/src/components/DatePicker/index.vue

@@ -1,27 +1,27 @@
-<template>
-  <el-date-picker
-    ref="date-picker"
-    class="n20-date-editor"
-    :class="{ 'has-value': clearable && value }"
-    v-bind="$attrs"
-    :value="value"
-    :clearable="clearable"
-    v-on="$listeners"
-  />
-</template>
-
-<script>
-export default {
-  name: 'DatePicker',
-  props: {
-    value: {
-      type: [String, Number, Date],
-      default: undefined
-    },
-    clearable: {
-      type: Boolean,
-      default: true
-    }
-  }
-}
-</script>
+<template>
+  <el-date-picker
+    ref="date-picker"
+    class="n20-date-editor"
+    :class="{ 'has-value': clearable && value }"
+    v-bind="$attrs"
+    :value="value"
+    :clearable="clearable"
+    v-on="$listeners"
+  />
+</template>
+
+<script>
+export default {
+  name: 'DatePicker',
+  props: {
+    value: {
+      type: [String, Number, Date],
+      default: undefined
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    }
+  }
+}
+</script>