<style>
.search-btn .not-type-btn:hover {
  background: #00a0e9;
  border-color: #00a0e9;
}
.config_home {
  background: #f0f2f5;
  padding: 10px;
  margin: -10px;
  overflow-y: hidden;
}
</style>
<template>
  <div class="layout-content-padding">
    <div class="layout-content-main">
      <div class="config_home">
        <Row :gutter="16">
          <!--title-->
          <Col span="24">
          <statisticalPanel />
          </Col>
          <Col span="12" style="margin-bottom: 10px">
          <messagePanel />
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <toDoTask />
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <myTask />
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <TaskFlow />
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <taskCalendar />
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <UnfinishedContract></UnfinishedContract>
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <UnfinishedItem></UnfinishedItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <YearContractNum></YearContractNum>
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <DetectTypeNum></DetectTypeNum>
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <ContractEndNum></ContractEndNum>
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <YearTestItem></YearTestItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <YearOverItem></YearOverItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <GroupItem></GroupItem>
          </Col>
          <Col span="12" style="margin-bottom: 10px">
            <CustomerContract></CustomerContract>
          </Col>
        </Row>
      </div>
    </div>
  </div>
</template>

<script>
import statisticalPanel from './statisticalPanel'
import messagePanel from './messagePanel'
import toDoTask from './ToDoTask'
import myTask from './MyTask'
import TaskFlow from './TaskFlow'
import taskCalendar from './task-calendar/TaskCalendar'
import UnfinishedContract from './UnfinishedContract'
import UnfinishedItem from './UnfinishedItem'
import YearContractNum from './YearContractNum'
import DetectTypeNum from './DetectTypeNum'
import ContractEndNum from './ContractEndNum'
import YearTestItem from './YearTestItem'
import YearOverItem from './YearOverItem'
import GroupItem from './GroupItem'
import CustomerContract from './CustomerContract'
export default {
  name: 'Workbench',
  components: {
    statisticalPanel,
    messagePanel,
    myTask,
    toDoTask,
    TaskFlow,
    taskCalendar,
    UnfinishedContract,
    UnfinishedItem,
    YearContractNum,
    DetectTypeNum,
    ContractEndNum,
    YearTestItem,
    YearOverItem,
    GroupItem,
    CustomerContract
  }
}
</script>

<style scoped>
</style>
