<template>
  <div class="app-container">
    <el-tabs v-model="action" @tab-click="handleTabClick">
      <el-tab-pane label="特种设备" name="first"><SpecialEquipment /> </el-tab-pane>
      <el-tab-pane label="安全阀" name="second"> <SafetyValve /> </el-tab-pane>
      <el-tab-pane label="压力表" name="third"> <PressureGauge /></el-tab-pane>
      <el-tab-pane label="温度计" name="fourth"><Thermometer /> </el-tab-pane>
      <el-tab-pane label="绝缘用具" name="fifth"><InsulatAingAppliances /> </el-tab-pane>
      <el-tab-pane label="灭火器" name="sixth"><FireExtinguisher /> </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import SpecialEquipment from './components/specialEquipment'
import SafetyValve from './components/safetyValve'
import PressureGauge from './components/pressureGauge'
import Thermometer from './components/thermometer'
import InsulatAingAppliances from './components/insulatAingAppliances'
import FireExtinguisher from './components/fireExtinguisher'
export default {
  name: 'EarlyWarning',
  components: { SpecialEquipment, SafetyValve, PressureGauge, Thermometer, InsulatAingAppliances, FireExtinguisher },
  data() {
    return {
      rowStyle: { maxHeight: 50 + 'px', height: 45 + 'px' },
      cellStyle: { padding: 0 + 'px' },
      action: 'first'

    }
  },
  created() {
  },
  methods: {
    handleTabClick(tab, event) {
      this.action = tab.name
    }
  }
}
</script>

