<template>
  <div class="d-flex flex-wrap pb-3">
    <div>
      <!-- 帖子状态 -->
      <a-select
        @change="handleChangeSelect('comStatus',$event)"
        placeholder="跟帖状态"
        style="width: 150px"
      >
        <a-select-option
          :key="index"
          :value="state.id"
          v-for="(state, index) in items"
        >{{ state.value }}</a-select-option>
      </a-select>
      <a-button @click="handleTableChange" class="ml-3" type="primary">搜索</a-button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ForumSearch',
  data() {
    return {
      items: [
        { id: 0, value: '正常' },
        { id: 1, value: '禁用' },
      ],
      category: '',
    };
  },
  methods: {
    handleChangeSelect(type, value) {
      this[type] = value;
    },

    // 搜索
    async handleTableChange() {
      const { comStatus } = this;
      // 传参
      const condition = {
        comStatus,
      };
      await this.$emit('getSelectTeam', condition);
    },
  },
};
</script>

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