<template>
  <div class="dashboard-container">
     <div class="dashboard-editor-container">
       <panel-group-new />
     </div>
 </div>

</template>

<script>
import PanelGroupNew from "./dashboard/PanelGroupNew.vue";
export default {
 name: 'Index',
 components: {
   PanelGroupNew
 },

 data() {
   return {

   }
 },
  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;
   }
 }
 .checkTime {
   ::v-deep.el-radio__input {
     display: none;
   }
 }
 .ivu-pl-8 {
   margin-left: 8px;
   font-size: 14px;
 }
 .divBox {
   // padding: 0 20px !important;
 }
 .dashboard-console-visit {
   ::v-deep.el-card__header {
     padding: 14px 20px !important;
   }
   ul {
     li {
       list-style-type: none;
       margin-top: 12px;
     }
   }
 }
 .ivu-mb {
   margin-bottom: 10px;
 }
 </style>
