dzhh-frontend/.svn/pristine/c0/c04fc8f65f91306a2a2a8fed097174dd61a7c7cb.svn-base

<template>
  <div>
    <a-spin size="large" :spinning="spinning">
      <!-- <a-card style="margin-top:10px;text-align: center;" :title="false"  > -->
        <!-- <h1 >没有查询到任何数据</h1> -->
        <div v-if="chartData.length<=0" class="empty-warp">
          <a-empty  />
        </div>
      <!-- </a-card> -->
      <div v-else>
        <div v-if="!isOnlyTable()">
          <tab-graphreport-auto-chart
            v-if="head.displayTemplate === 'tab'"
            :chartData="chartData"
            :head="head"
            :title="title"
            :graphTypeDictOptions = "graphTypeDictOptions"
            :aliases="aliases"
          >
          </tab-graphreport-auto-chart>
          <row-graphreport-auto-chart
            v-else-if="head.displayTemplate === 'single' || head.displayTemplate === 'double'"
            :chartData="chartData"
            :head="head"
            :title="title"
            :graphTypeDictOptions = "graphTypeDictOptions"
            :col="getCol()"
            :aliases="aliases"
          >
          </row-graphreport-auto-chart>
        </div>
        <div v-if="getChartType('table') || getChartType('treeTable')" >
          <graphreport-auto-table
            v-if="getChartType('table')"
            :items="items"
            :cggraphreportData="cggraphreportData"
            :chartData="chartData">
          </graphreport-auto-table>
          <graphreport-auto-tree-table
            v-if="getChartType('treeTable')"
            :items="items"
            :cggraphreportData="cggraphreportData"
            :chartData="chartData">
          </graphreport-auto-tree-table>
        </div>
      </div>
    </a-spin>
  </div>
</template>
<script>
import TabGraphreportAutoChart from './TabGraphreportAutoChart'
import RowGraphreportAutoChart from './RowGraphreportAutoChart'
import GraphreportAutoTable from './GraphreportAutoTable'
import GraphreportAutoTreeTable from './GraphreportAutoTreeTable'
import GroupSearch from './GroupSearch'
import { OnlAutoChartMixins } from '../mixins/OnlAutoChartMixins'
export default {
  name: 'GroupAutoChart',
  mixins: [OnlAutoChartMixins],
  components: {
    TabGraphreportAutoChart,
    RowGraphreportAutoChart,
    GraphreportAutoTable,
    GraphreportAutoTreeTable,
    GroupSearch
  },
  props: ['propsChartData', 'title']
}
</script>
<style scoped>
.empty-warp{
  height:100%;
  width:100%;
  padding:10px;
  background-color:white;
}
</style>