<!--
 * @description: 大屏设计页面
 * @Date: 2021-10-30 16:10:09
 * @LastEditTime: 2021-10-31 20:00:21
 * @Author: xingheng
-->
<template>
  <div class="design-wrap">
    <echart-item
      v-for="(echartItem, index) in echartsData"
      :key="echartItem.id"
      :index="index"
      :echart-config="echartItem.jsonData"
    />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import { getScreenData } from "./hooks/useScreenData";
import EchartItem from "@/components/EchartDesign/index.vue";
export default defineComponent({
  name: "Design",
  components: {
    EchartItem,
  },
  async setup() {
    const echartsData = await getScreenData();
    return {
      echartsData,
    };
  },
});
</script>
<style scoped></style>
