n20-common-lib 1.3.46 → 1.3.49

package/nstc-g6/components/Form/IntervalinputCustom/index.vue

@@ -1,118 +1,118 @@
-<template>
-  <div class="interval-input-custom">
-    <InputCustom
-      v-model="_value[0]"
-      :clearable="clearable"
-      :type="type"
-      @blur="changeNum"
-      :number-rule="numberRule"
-    />
-    <span>-</span>
-    <InputCustom
-      v-model="_value[1]"
-      @blur="changeNum"
-      :clearable="clearable"
-      :type="type"
-      :number-rule="numberRule"
-    />
-    
-  </div>
-</template>
-
-<script>
-import InputCustom from '../InputCustom'
-
-export default {
-  name: 'IntervalInputCustom', // 区间输入框
-
-  components: {
-    InputCustom
-  },
-
-  props: {
-    value: {
-      type: Array,
-      default: () => []
-    },
-
-    clearable: {
-      type: Boolean,
-      default: true
-    },
-
-    type: {
-      type: String,
-      default: 'text'
-    },
-
-    numberRule: {
-      type: [String, Object, Array],
-      default:() => ({
-      })
-    },
-    defaultProps: {
-      type: [String, Object, Array],
-      default() {
-        return {
-
-        }
-      }
-    },
-  },
-
-  computed: {
-    _value: {
-      get() {
-       
-        return this.value
-      },
-      set(val) {
-        
-        this.$emit('input', val)
-      }
-    }
-  },
-  methods: {
-    changeNum() {
-      let newVal = this.value 
-        console.log(this.value, 'this.value');
-        let value1 = this._value[0]
-        let value2 = this._value[1]
-        if(value1 && value2) {
-           
-          value1 = isNaN(parseFloat(this._value[0])) ? 0 : parseFloat(this._value[0]) 
-          value2 = isNaN(parseFloat(this._value[1])) ? 0 : parseFloat(this._value[1]) 
-          if(value1 > value2) {
-            this.$message.warning('起始值不能大于结束值')
-            newVal = ["", ""]
-          }
-         
-         
-        }
-        this._value = newVal;
-    }
-    
-  }
-}
-</script>
-
-<style lang="scss">
-@import "~@/theme/theme1/styles/variables.scss";
-
-.interval-input-custom {
-  width: $formItemDefaultWidth;
-  display: inline-flex;
-  align-items: center;
-  overflow: hidden;
-  flex: none;
-  & > span {
-    padding: 0 5px;
-  }
-  .input-custom {
-    width: calc((100% - 15px) / 2)!important;
-    .el-input {
-      width: 100%;
-    }
-  }
-}
-</style>
+<template>
+  <div class="interval-input-custom">
+    <InputCustom
+      v-model="_value[0]"
+      :clearable="clearable"
+      :type="type"
+      @blur="changeNum"
+      :number-rule="numberRule"
+    />
+    <span>-</span>
+    <InputCustom
+      v-model="_value[1]"
+      @blur="changeNum"
+      :clearable="clearable"
+      :type="type"
+      :number-rule="numberRule"
+    />
+    
+  </div>
+</template>
+
+<script>
+import InputCustom from '../InputCustom'
+
+export default {
+  name: 'IntervalInputCustom', // 区间输入框
+
+  components: {
+    InputCustom
+  },
+
+  props: {
+    value: {
+      type: Array,
+      default: () => []
+    },
+
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+
+    type: {
+      type: String,
+      default: 'text'
+    },
+
+    numberRule: {
+      type: [String, Object, Array],
+      default:() => ({
+      })
+    },
+    defaultProps: {
+      type: [String, Object, Array],
+      default() {
+        return {
+
+        }
+      }
+    },
+  },
+
+  computed: {
+    _value: {
+      get() {
+       
+        return this.value
+      },
+      set(val) {
+        
+        this.$emit('input', val)
+      }
+    }
+  },
+  methods: {
+    changeNum() {
+      let newVal = this.value 
+        console.log(this.value, 'this.value');
+        let value1 = this._value[0]
+        let value2 = this._value[1]
+        if(value1 && value2) {
+           
+          value1 = isNaN(parseFloat(this._value[0])) ? 0 : parseFloat(this._value[0]) 
+          value2 = isNaN(parseFloat(this._value[1])) ? 0 : parseFloat(this._value[1]) 
+          if(value1 > value2) {
+            this.$message.warning('起始值不能大于结束值')
+            newVal = ["", ""]
+          }
+         
+         
+        }
+        this._value = newVal;
+    }
+    
+  }
+}
+</script>
+
+<style lang="scss">
+@import "~@/theme/theme1/styles/variables.scss";
+
+.interval-input-custom {
+  width: $formItemDefaultWidth;
+  display: inline-flex;
+  align-items: center;
+  overflow: hidden;
+  flex: none;
+  & > span {
+    padding: 0 5px;
+  }
+  .input-custom {
+    width: calc((100% - 15px) / 2)!important;
+    .el-input {
+      width: 100%;
+    }
+  }
+}
+</style>