<template>
  <div class="d-flex flex-wrap pb-3">
    <!-- 中文名称 -->
    <div>
      <a-input placeholder="设备名称" style="width: 150px" v-model="content" />
      <a-checkbox-group @change="onChange" class="ml-3">
        <a-checkbox :key="item.id" :value="item.id" v-for="item in typeLists.list">{{ item.name }}</a-checkbox>
      </a-checkbox-group>
      <a-button @click="handleTableChange" class="ml-3" type="primary">搜索</a-button>
    </div>

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



  </div>
</template>

<script>
export default {
  name: 'ContactUsSearch',
  props: { typeLists: { type: Array, default: () => [] } },
  data() {
    return {
      content: '',
      modelIds: [],
    };
  },
  methods: {
 

    onChange(checkedValues) {
      this.modelIds = checkedValues;
    },

    async handleTableChange() {
      const { content, modelIds } = this;
      // 传参
      const condition = {
        content,
        modelIds,
      };
      await this.$emit('selInstrumentSearch', condition);
    },
  },
};
</script>

<style scoped lang="stylus"></style>
