<template>
  <div class="dashboard-container">
    <div class="dashboard-editor-container">
      <panel-group />
      <div class="divBox"  >
        <el-card :bordered="false" dis-hover >
          <div slot="header">
            <div class="acea-row row-middle">
              <el-avatar
                icon="el-icon-s-operation"
                size="small"
                style="color: #1890ff; background: #e6f7ff; font-size: 13px"
              />
              <span class="ivu-pl-8" style="vertical-align: top;" >抢单中心</span>
              <AcceptOrderList />
            </div>
          </div>
        </el-card>
        <el-card :bordered="false" dis-hover style="margin-top: 10px;">
          <div slot="header">
            <div class="acea-row row-middle">
              <el-avatar
                icon="el-icon-s-operation"
                size="small"
                style="color: #1890ff; background: #e6f7ff; font-size: 13px"
              />
              <span class="ivu-pl-8" style="vertical-align: top;">问诊统计</span>
              <counts />
            </div>
          </div>
        </el-card>
      </div>
    </div>
    
  </div>
</template>

<script>
import PanelGroup from "./components/index/PanelGroup.vue";
import AcceptOrderList from "./components/index/acceptOrderList.vue";
import counts from "./components/index/counts.vue";
export default {
  name: 'Index',
  components: {
    PanelGroup,
    AcceptOrderList,
    counts,
  },
  data() {
    return {
      data: null,
    }
  },
  computed: {
    doctor() {
      return this.$store.state.user.doctor;
    }
  },
  created() {
  },
  methods: {
   
  },
}
</script>


<style rel="stylesheet/scss" lang="scss" scoped>
  .dashboard-editor-container {
    padding: 18px 22px 22px 22px;
    background-color: rgb(240, 242, 245);

    .chart-wrapper {
      background: #fff;
      padding: 16px 16px 0;
      margin-bottom: 32px;
    }
  }
  .acea-row {
    ::v-deep.el-avatar--small {
      width: 22px;
      height: 22px;
      line-height: 22px;
    }
  }
  .ivu-pl-8 {
    margin-left: 8px;
    font-size: 14px;
  }
  .divBox {
    // padding: 0 20px !important;
  }
  
  </style>
