WMS系统文件新增，NPM添加功能（kr-print-designer打印功能插件=》预计作为二维码条码使用） （moment时间简易处理插件）（stylus stylus-loader css样式预处理）

src/components/NumberRange.vue

@@ -0,0 +1,71 @@
+<template>
+	<div class="number-range-wrapper">
+		<el-input class="start" :value="value1[0]" @input="changeVal(0, $event)" placeholder="起始值"></el-input>
+		<div class="c-line"><span>-</span></div>
+		<el-input class="end" :value="value1[1]" @input="changeVal(1, $event)" placeholder="结束值"></el-input>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'NumberRange',
+	props: {
+		value: {
+			type: Array,
+			default: [],
+		},
+	},
+	computed: {
+		value1: {
+			get() {
+				return this.value || []
+			},
+			set(v) {
+				this.$emit('input', v)
+			},
+		},
+	},
+	methods: {
+		changeVal(idx, v) {
+			const val = [...this.value1]
+			val[idx] = v ? Number(v) : null
+			this.value1 = val
+		},
+	},
+}
+</script>
+
+<style scoped>
+.number-range-wrapper {
+	max-width: 240px;
+	display: inline-flex;
+	align-items: stretch;
+	line-height: 1;
+}
+.c-line {
+	border-top: 1px solid #dcdfe6;
+	border-bottom: 1px solid #dcdfe6;
+	padding: 0 8px;
+	margin: 0 -1px;
+	color: #dcdfe6;
+	z-index: 1;
+	background-color: white;
+	display: inline-flex;
+	align-items: center;
+	user-select: none;
+}
+.start .el-input__inner {
+	border-top-right-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+.start .el-input__inner:hover {
+	z-index: 2;
+}
+.end .el-input__inner {
+	border-top-left-radius: 0 !important;
+	border-bottom-left-radius: 0 !important;
+}
+.end .el-input__inner:hover {
+	z-index: 2;
+}
+</style>