<template>
  <panel-card title="各单位安装设备情况统计">
    <template slot="func">
      <el-select v-model="listQuery.deviceType" size="small" placeholder="设备类型" clearable>
        <el-option
          v-for="item in typeList"
          :key="item.value"
          :label="item.name"
          :value="item.value"
        />
      </el-select>
    </template>
    <div>
      <device-count-by-dept-bar chart-title="" :list-query="listQuery" />
    </div>
  </panel-card>
</template>

<script>
import PanelCard from '@/components/BigData/Card/panelCard'
import DeviceCountByDeptBar from '@/views/staticCharts/DeviceCountByDeptBar'

export default {
  name: 'DeviceCountByDept',
  components: { DeviceCountByDeptBar, PanelCard },
  props: {
    typeList: {
      type: Array,
      default: () => []
    } // 设备类型列表
  },
  data() {
    return {
      listQuery: {
        deviceType: ''
      } // 查询条件
    }
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.flagBoxStyle {
  display: flex;
  margin-bottom: 20px;
}
.flagBoxStyle div:nth-child(2){
  line-height: 30px;
  font-weight: 600;
}
.flagStyle {
  width: 4px;
  height: 30px;
  margin-right: 6px;
  background: rgb(64 121 242);
}
</style>