
<template>
  <ul class="user_Overview flex onlineBorder ">
    <li class="user_Overview-item position">
      <div class="user_Overview_nums allnum ">
        <p class="headline title">农事操作记录</p>
      </div>
      <div class="scroll-board">
        <dv-scroll-board :config="config" />
      </div>
    </li>
    <li class="user_Overview-item position">
      <div class="user_Overview_nums ">
      </div>
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      options: {},
      timer: null,
      pageflag: true,
      gatewayno: '',
      config: {
        header: ['操作人', '操作类型', '操作地块', '操作时间'],
        data: [
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21'],
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21'],
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21'],
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21'],
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21'],
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21'],
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21'],
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21'],
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21'],
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21'],
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21'],
          ['张文丽', '施肥', '中富通基地', '2023-7-28 12:21']
        ],
        headerBGC: 'rgba(0, 44, 81, 0.8)',
        oddRowBGC: '',
        evenRowBGC: '',
        headerHeight: 50,
      },
    };
  },
  filters: {
    numsFilter(msg) {
      return msg || 0;
    },
  },
  mounted() {
  },
  methods: {
    //轮询
    switper() {
      if (this.timer) {
        return
      }
      let looper = (a) => {
        this.getData()
      };
      this.timer = setInterval(looper, this.$store.state.setting.echartsAutoTime);
    },

  },
};
</script>
<style lang='scss' scoped>
ul {
  width: 100%;
  height: 100%;
}

.onlineBorder {
  background-image: url("../../assets/img/left_bottom_1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.user_Overview {
  li {
    flex: 1;
    //隐藏点
    list-style-type: none;

    .title {
      align-self: center;
      height: 100%;
      font-size: 16px;
      background-size: cover;
      color: rgb(50, 195, 205);
    }

    //决定定位
    .position {
      position: relative;
    }

    .headline {
      position: absolute;
      top: -15px;
      left: 10px;
    }

    .user_Overview_nums {
      width: 606px;
      height: 72px;
      line-height: 100px;
      font-size: 22px;
      background-size: cover;
      background-position: center center;
      position: relative;

      &::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 2px;
        left: -28px;
      }

      &.bgdonghua::before {
        animation: rotating 14s linear infinite;
      }
    }

    .allnum {
      &::before {
        background-image: url("../../assets/img/left_bottom_2.png");
        background-repeat: no-repeat;
        background-size: 100%;

      }
    }
    .scroll-board {
    width: 555px;
    box-sizing: border-box;
    height: 420px;
    overflow: hidden;
  }
  }
}
</style>