<template>
  <div class="search-list">
    <span>发榜单位：</span> <a-input style="width: 20%" v-model="getParam.companyName" /> <span>单位地址：</span>
    <a-input style="width: 20%" v-model="getParam.address" /><br />
    <span>发榜标题：</span> <a-input style="width: 20%" v-model="getParam.dataTitle" /> <span>所属领域：</span>
    <a-input style="width: 20%" v-model="getParam.serviccs" />
    <a-button class="search-btn" type="primary" @click="submit">搜索</a-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      getParam: {
        companyName: '',
        address: '',
        dataTitle: '',
        serviccs: '',
      },
    };
  },
  methods: {
    submit() {
      // console.log(this.getParam);
      this.$emit('getData', this.getParam);
    },
  },
};
</script>

<style lang="stylus" scoped>
.search-list {
  position: relative;
  height: 80px;
  line-height: 40px;
  background: #fff;
  box-shadow: 0 0 10px #ccc;
  border-radius: 4px;
  padding: 0 24px;
  position: relative;
  margin-bottom: 10px;
}

.search-btn {
  position: absolute;
  right: 4px;
  height: 72px;
  top: 4px;
  width: 116.5px;
  font-size: 18px;
  // color: white !important;
  // background-color: #0195DA !important;
  // border-color: #0195DA !important;
}
</style>
