<template>
  <div>
    <!-- <el-tabs type="card" v-if="hasThirdPart">
      <el-tab-pane label="防控终端设备列表">
        <YsgzMachineList @updateList="matchThirdPart"></YsgzMachineList>
      </el-tab-pane>
      <el-tab-pane label="第三方设备列表">
        <ThirdPartMachineList @updateList="matchThirdPart"></ThirdPartMachineList>
      </el-tab-pane>
    </el-tabs> -->
    <YsgzMachineList @updateList="matchThirdPart" />
  </div>
</template>

<script>
import YsgzMachineList from './components/ysgz_machine_list'
import ThirdPartMachineList from './components/thirdPart_machine_list'

export default {
  name: 'Setting',
  filters: {},
  components: {
    YsgzMachineList,
    ThirdPartMachineList
  },
  data() {
    return {
      hasThirdPart: false // 是否存在第三方设备(设备品牌未非防控终端)
    }
  },
  methods: {
    matchThirdPart(val) {
      if (this.hasThirdPart !== val) {
        this.hasThirdPart = val
      }
    }
  }
}
</script>

<style scoped>

</style>
