<!--
 * @Description  :工作台表内容
 * @Autor        : miaofang
 * @LastEditTime: 2023-07-03 16:39:09
-->
<template>
  <div class="content" id="box">
    <leftcard />
    <centercard />
    <rightcard />
  </div>
</template>
<script>
  import "@/utils/flexible.js";
  import drawMixin from "@/utils/drawMixin";
  import leftcard from "./leftcard";
  import centercard from "./centercard";
  import rightcard from "./rightcard";
  export default {
    mixins: [drawMixin],
    data () {
      return {
        decorationColor: ["#568aea", "#568aea"],
      };
    },
    components: {
      leftcard,
      centercard,
      rightcard
    },
    mounted () {
      // this.timeFn();
      this.cancelLoading();
    },
    beforeDestroy () {
      clearInterval(this.timing);
    },
    methods: {
      cancelLoading () {
        setTimeout(() => {
          this.loading = false;
        }, 500);
      },
    },
  };
</script>

<style scoped lang="scss">
  .content {
    width: 100%;
    height: calc(100% -94px);
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
  }
</style>