<template>
  <div
    ref="dashboardWrap"
    id="dashboardWrap"
    style="
      height: 85vh;
      margin: -12px 0 0 0;
      padding-top: 1px;
      overflow-y: auto;
    "
  >
    <div style="width: 1470px; margin: 0 auto"></div>
  </div>
</template>

<script>
import "@/style/theme/_page.scss";
import qs from "qs";
import axios from "axios";

export default {
  data() {
    return {};
  },
  created() {},
  methods: {},
  mounted() {},

  destroyed() {},
};
</script>

<style lang="scss" scope>
* {
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
}

/*.dashboard-container {*/
/*    !*width: 1200px;*!*/
/*    margin: 0 auto;*/
/*    border: none;*/
/*    background: #ffffff;*/
/*    padding: 0;*/
/*}*/

// ------局内公文 数据统计 ----/-----
.bumf {
  height: 42px;
  line-height: 42px;
  color: #fff;
  font-size: 14px;
  padding-left: 15px;
  overflow: hidden;
  position: relative;
}
.bumf span {
  font-size: 16px !important;
}

.bumf .more {
  float: right;
  font-weight: normal;
  padding-right: 15px;
  position: absolute;
  cursor: pointer;
  right: 15px;
}

.bumf .bumfCon {
  // height: 280px;
  overflow: hidden;
}

.bumfCon {
  overflow: hidden;
}

.button {
  background-color: #006bd5;
}

.imgWrap {
  width: 100px;
  height: 105px;
  display: inline-block;
  text-align: center;
  position: relative;
  margin-top: 20px;
  /*background: url("./img/ywjc.png") no-repeat;*/
}

.imgName {
  // position: absolute;
  // bottom: 0;
  width: 100%;
  // line-height: 20px;
  // height: 20px;
}

.el-table .el-table__body-wrapper .el-table__row {
  cursor: pointer;
}
.bumfConkj {
  padding-bottom: 120px;
}
.scrollWarn {
  float: right;
  width: 25%;
  height: 125px;
  // background-color: skyblue;
}
.scroll-left,
.scroll-right {
  width: 49%;
  height: 100%;
}
.scroll-left {
  float: left;
}
.scroll-right {
  float: right;
}
.scroll-title {
  font-size: 15px;
  font-weight: 600;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background-color: #eff7ff;
}
// .icon {
//   display: inline-block;
//   width: 21px;
//   height: 21px;
//   margin-right: 5px;
//   vertical-align: middle;
// }
.zql-icon {
  background: url("./img/zql-icon.png") no-repeat;
  background-size: 100% 100%;
}
.jkq-icon {
  background: url("./img/jkq-icon.png") no-repeat;
  background-size: 100% 100%;
}
.scroll-wrapper {
  overflow: hidden;
  height: 155px;
}
.circleWarn-item,
.jkqWarn-item {
  height: 31px;
  line-height: 31px;
  font-size: 12px;
  text-align: center;
}
.circleWarn-item-icon {
  display: inline-block;
  width: 13px;
  margin-left: 5px;
  height: 13px;
  background: url("./img/zql-warn-icon.png") no-repeat;
  background-size: 100% 100%;
}
.circleWarn-item:nth-child(2n + 1),
.jkqWarn-item:nth-child(2n + 1) {
  background-color: #fff;
}
.circleWarn-item:nth-child(2n),
.jkqWarn-item:nth-child(2n) {
  background-color: #f7f9fb;
}
.circleWarn-item-icon {
  display: inline-block;
  width: 13px;
  margin-left: 5px;
  height: 13px;
  background: url("./img/jkq-warn-item.png") no-repeat;
  background-size: 100% 100%;
}
.noData {
  height: 155px;
  line-height: 155px;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
}
</style>
