From 928c61ccddebc8d2c697b86ee9bee0c207330a8c Mon Sep 17 00:00:00 2001
From: schangxiang@126.com <schangxiang@126.com>
Date: 周二, 06 5月 2025 07:18:22 +0800
Subject: [PATCH] 222
---
HIAWms/web/src/components/SelectInput/SelectInput.tsx | 36 ++++++++++++++++++++++++++++++++++++
1 files changed, 36 insertions(+), 0 deletions(-)
diff --git a/HIAWms/web/src/components/SelectInput/SelectInput.tsx b/HIAWms/web/src/components/SelectInput/SelectInput.tsx
new file mode 100644
index 0000000..f97fde2
--- /dev/null
+++ b/HIAWms/web/src/components/SelectInput/SelectInput.tsx
@@ -0,0 +1,36 @@
+import { defineComponent, ref } from 'vue'
+import IconButton from '@/components/IconButton/IconButton'
+import { CaretBottom } from '@element-plus/icons-vue'
+import Tag from '../Tag/Tag'
+import styles from './SelectInput.module.scss'
+import { useVModel } from '@vueuse/core'
+export default defineComponent({
+ name: 'SelectInput',
+ props: {
+ modelValue: {
+ type: Array,
+ default: () => [],
+ },
+ },
+ emits: ['click', 'onUpdate:modelValue'],
+ setup(props, { attrs, slots, emit }) {
+ const tagValue = useVModel(props)
+
+ const onClick = () => {
+ emit('click')
+ }
+
+ return () => {
+ return (
+ <div class={styles.wrap}>
+ <div class={styles.tagWrap}>
+ <Tag showClose={true} v-model:data={tagValue.value} />
+ </div>
+ <el-button class={styles.selectBtn} onClick={onClick}>
+ 閫夋嫨
+ </el-button>
+ </div>
+ )
+ }
+ },
+})
--
Gitblit v1.9.3