diantou/src_product/iam/components/audit-advanced-querybtn.vue

<template>
  <a-button :class="[$style.superSearch]" :title="searchLabel" @click="openSearchModal"
    ><a-icon type="sd-audit-advancesearch" theme="filled" :class="$style.searchIcon"></a-icon>
  </a-button>
</template>

<script>
import components from './_import-components/audit-advanced-querybtn-import'

export default {
  name: 'AuditAdvancedQuerybtn',
  metaInfo: {
    title: 'AuditAdvancedQuerybtn',
  },
  components,
  props: {
    /***
     * 高级搜索lable
     */
    searchLabel: {
      type: String,
      default: '高级搜索',
    },
    /***
     * 图标类型
     * up 向上
     * down 向下
     */
    searchIconType: {
      type: String,
      default: 'sd-audit-advancesearch',
    },
    /**
     * 搜索页面的样式
     *
     */
    searchStyle: {
      type: Object,
      default: () => {
        return {
          top: '7px',
          right: '160px',
        }
      },
    },
  },
  data() {
    return {}
  },
  methods: {
    openSearchModal() {
      this.$emit('searchbtnClick')
    },
  },
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
.super-search {
  // position: absolute;
  right: 13px;
  // top: 7px;
  z-index: 100;
  padding: 0 9px;
  border: 1px solid #d9d9d9 !important;
  border-radius: 0 4px 4px 0;
}
.search-icon {
  font-size: 12px;
  margin-left: 1px !important;
}
</style>