From 4eafe9c975b88483da2a16f20c45285db0a3e791 Mon Sep 17 00:00:00 2001 From: zs <zhousong@weben-smart.com> Date: 周一, 05 5月 2025 21:33:05 +0800 Subject: [PATCH] 库存及库存明细 --- HIAWms/web/src/components/BaseInput/BaseInput.tsx | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 54 insertions(+), 0 deletions(-) diff --git a/HIAWms/web/src/components/BaseInput/BaseInput.tsx b/HIAWms/web/src/components/BaseInput/BaseInput.tsx new file mode 100644 index 0000000..6747f1a --- /dev/null +++ b/HIAWms/web/src/components/BaseInput/BaseInput.tsx @@ -0,0 +1,54 @@ +import { defineComponent, SetupContext, ref, computed } from 'vue' +import styles from './BaseInput.module.scss' + +export default defineComponent({ + name: 'BaseInput', + emits: ['update:modelValue', 'click'], + props: { + modelValue: { + type: [String, Number], + default: '', + }, + placeholder: { + type: String, + default: '璇疯緭鍏�', + }, + }, + setup(props, { attrs, slots, emit }: SetupContext) { + const input = computed({ + get() { + return props.modelValue + }, + set(val) { + emit('update:modelValue', val) + }, + }) + const onClick = (evt: Event) => { + evt?.stopPropagation() + emit('click', evt) + } + return () => { + return ( + <div class={styles.baseInput} onClick={onClick}> + <input + placeholder={props.placeholder} + class={{ + [styles.input]: true, + [styles.hover]: true, + }} + v-model={input.value} + /> + {/* <span class={styles.hasHover}> + {input.value ? ( + input.value + ) : ( + <span style="color:#929AB1;padding-right:200px"> + {props.placeholder} + </span> + )} + </span> */} + </div> + ) + } + }, +}) -- Gitblit v1.9.3