<template>
  <div class="d-flex flex-wrap pb-3">
    <!-- 联系人 -->
    <div>
      <a-input @change="handleChangeName" placeholder="联系人" style="width: 150px" v-model="name" />
      <a-button @click="handleTableChange" class="mx-2" type="primary">搜索</a-button>
    </div>

    <div class="flex-1"></div>

    <a-button class="editable-add-btn">导出</a-button>
  </div>
</template>

<script>

export default {
  name: "SignUpSearch",
  data() {
    return {
      name: '',
    }
  },
  methods: {
    handleChangeName(value) {
      console.log('value: ', value);
      this.name = value;
    },

    handleTableChange() {
      console.log('搜索');
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="stylus"></style>
