<template>
  <div style="height: 100%" v-loading="loading">
    <editor-zl
      ref="editor1"
      :htmlData="htmlData"
      :editMode="editMode"
      :imageData="imageDatas"
      :docJson="docJson"
      :projectId="projectId"
      @readyAnalysis="readyAnalysis"
      @imageData="imageData"
    >
      <div slot="analysisData">
        <Data :isEdit="isEdit"></Data>
      </div>
    </editor-zl>

    <div v-if="loading" style="opacity: 0">
      <div v-for="(item, index) in imageList" :key="index">
        <Chart
          :key="index"
          :myId="'chartDom' + index"
          :ref="'chartDom' + index"
          :formCount="item.count"
          :formData="item.form"
          :selectedData="item.selected"
          :width="item.form.setting.width + item.form.setting.widthUnit"
          :height="item.form.setting.height + item.form.setting.heightUnit"
        ></Chart>
      </div>
    </div>
  </div>
</template>

<script>

import dataComponent from './mixins/dataComponent'
import ready from './mixins/ready'
export default {
  components: {
  },
  props: {},
  mixins:[dataComponent,ready],
  data() {
    return {
      editMode: "edit", //编辑模式 "edit"编辑,"clean"清洁,"readonly"只读, "form","print"打印
    };
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {
    
  },
  methods: {
    showCharts(data){
      this.$refs.editor1.showCharts(data);
    },
  },
};
</script>
<style lang="scss" scoped>
</style>