<template>
  <div>
    <Row :gutter="16">
      <Col span="6">
      <inspectionPanel />
      </Col>
      <Col span="6">
      <inspectionIngPanel />
      </Col>
      <Col span="6">
      <writeReportPanel />
      </Col>
      <Col span="6">
      <reportIssuePanel />
      </Col>
    </Row>
  </div>
</template>

<script>
import inspectionPanel from './statistical-panel/inspectionPanel'
import inspectionIngPanel from './statistical-panel/inspectionIngPanel'
import writeReportPanel from './statistical-panel/writeReportPanel'
import reportIssuePanel from './statistical-panel/reportIssuePanel'
export default {
  name: 'StatisticalPanel',
  components: {
    inspectionPanel,
    inspectionIngPanel,
    writeReportPanel,
    reportIssuePanel
  }
}
</script>
<style>
.config_meta {
  border-bottom: 1px solid #e8e8e8;
  padding-top: 9px;
  margin-bottom: 8px;
}

.config_meta p {
  font-size: 14px;
  line-height: 22px;
}
.config_meta .ivu-btn {
  min-width: 0 !important;
  display: inline-block;
}
.config_meta .fl {
  float: left;
}
p {
  margin: 0 0 10px;
}
.config_meta .buttonActive {
  color: #fff;
  background-color: #f90;
  border-color: #f90;
}
.config_meta .ivu-btn-group-small > .ivu-btn {
  padding: 0.5px 6px 2px;
  font-size: 12px;
}
</style>
