<template>
  <div class="bottom-charts">
    <div class="bc-chart-item2">
      <div class="bcci-header2">库满度</div>
      <dv-capsule-chart :config="config1" style="width: 410px;height: 220px;padding: 20px" />
    </div>

  </div>
</template>

<script>

export default {

  name: 'DigitalFlop',
  data () {
    return {
      config1: []
    }
  },
  mounted () {
    console.log('123123213123131')

    setTimeout(() => {
      this.getListData()
    }, 2000)
    setInterval(this.getListData, 525000)
  },
  methods: {
    getListData () {
      // 这里getList获取到的res是接口返回的所有内容（包含code、msg、data等），里面只有data是业务数据
      this.$axios.post('/api/api/screeView/kmdView',{
        methodType:5
      })
        .then(res => {
          console.log("--------------------------------------------------------------")
          console.log(res)
          this.config1 = res.data
          //this.list = JSON.stringify(res.data.data)
          //let data2=JSON.parse(this.list);

        })
    }
  }
}
</script>

<style lang="less">
.bottom-charts {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;

  .bc-chart-item2 {
    width: 100%;
    height: 100%;
    padding-top: 20px;
    box-sizing: border-box;
  }

  .bcci-header2 {
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
  }

}
</style>
