<template>
  <div class="searchTool">
    <div class="searchToolTitle">
      语义分析类别选择
    </div>
    <div class="searchToolContent flex align-center">

    </div>
  </div>

</template>

<script setup>
import { onMounted, computed, ref } from 'vue'
import emitter from "@/utils/eventBus.js";



const props = defineProps({
  dict: {
    type: Object,
    default: () => { }
  }
})
const selectedValues = ref([]);
const endProps = {
  children: "itemList",
  value: "zdmc",
  label: "zdmc",
  checkStrictly: false,
  multiple: true,
};
const handleChange = (val) => {
  const obj = val.map(item => {
    return item[item.length - 1]
  })
  emitter.emit('changeTab', obj)
}
</script>

<style lang="scss" scoped>
.searchTool {
  background-color: #fff;
  color: #000;
  padding: 16px 20px;
  border-radius: 5px;

  .searchToolTitle {
    font-size: 18px;
    font-family: 'verdana';
    position: relative;
  }

  .searchToolContent {
    margin-top: 16px;

    .searchToolContentTitle {
      width: 70px;
    }

    .searchToolContentSelect {
      width: 100%;
      //
    }
  }

  .searchToolTitle::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 80px;
    border-radius: 5px;
    height: 4px;
    background-color: #0386fb;
    background: linear-gradient(90deg, #0aa1ff 2%, #ffffff 100%);
  }
}
</style>
