smartai2dian0/src/modules/intelligent/TopSetting.vue

<template>
  <a-space size="large">
    <a-input
      v-model="searchText"
      :placeholder="$t('management.search')"
      style="width: 300px"
      allow-clear
      @input="handleSearch"
    >
      <template #prefix>
        <icon-search />
      </template>
    </a-input>
    <a-button type="primary" size="large" @click="handleCreate">
      <template #icon>
        <icon-plus />
      </template>
      {{ $t('management.createIntelligent') }}
    </a-button>
  </a-space>
</template>

<script setup>
import { ref } from 'vue';
import { funcDebounce } from '../../utils/utils';
import { bus_intelligentSearch } from '../../base/event-bus';

const searchText = ref('');
// 搜索
const handleSearch = funcDebounce(
  () => {
    bus_intelligentSearch.emit(searchText.value);
  },
  300,
  false
);
// 创建智能体
const handleCreate = () => {};
</script>
<style scoped lang="scss"></style>
<style>
.arco-input-wrapper {
  background-color: var(--color-bg-5);
}
</style>