Merge branch 'master' of http://222.71.245.114:9086/r/HIA24016N_PipeLineDemo

schangxiang@126.com

2025-04-29 27ba504441037666e787ded85b4af2f65be65c17

 HIAWms/web/src/components/SearchInput/SearchInput.tsx

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,47 @@
import { defineComponent } from 'vue'
import styles from './SearchInput.module.scss'
import {
  Search,
  ArrowLeft,
  ArrowRight,
  CloseBold,
} from '@element-plus/icons-vue'

export default defineComponent({
  name: '输入',
  setup(props, { attrs, slots, emit }) {
    return () => {
      return (
        <div class={styles.inputContent}>
          <el-input
            {...attrs}
            size="small"
            prefix-icon={
              <el-icon>
                <Search />
              </el-icon>
            }
            suffix-icon={
              <div class={styles.searchInputIcon}>
                <el-icon class={styles.searchIcon}>
                  <ArrowLeft />
                </el-icon>
                <span class={styles.boxNum}>
                  <span>3</span>
                  /7
                </span>
                <el-icon class={styles.searchIcon}>
                  <ArrowRight />
                </el-icon>
              </div>
            }
            placeholder="请选择输入"
          ></el-input>
          <el-icon class={styles.closeIcon}>
            <CloseBold />
          </el-icon>
        </div>
      )
    }
  },
})