<template>
    <div class="pd10">
      <!-- 台账 -->
      <StandingBook v-show="flag" @ViewReport="ViewReport" @ViewRealData="ViewRealData" />
      <!-- 报表 --5-->
      <TrendChart v-if="trendFlag" :reportID="reportID" @close='flag=true;trendFlag=false;realFlag=false'/>

      <RealDataPms v-if="realFlag" :reportID="reportID" @close='flag=true;trendFlag=false;realFlag=false'/>
    </div>
  </template>
  <script>
  import TrendChart from "./components/historicalTrendChart/TrendChart";
  import StandingBook from "./components/historicalTrendChart/StandingBook";
  import RealDataPms from "./components/historicalTrendChart/RealDataPms";
  export default {
    components: { TrendChart, StandingBook,RealDataPms },
    props: {},
    data() {
      return {
        flag: true,
        realFlag:false,
        trendFlag:false,
        reportID: "",
      };
    },
    created() {},

    methods: {
      ViewReport(id) {
        this.reportID = id;
        this.flag = false;
        this.trendFlag = true
        this.realFlag = false
      },

      ViewRealData(id) {
        this.reportID = id;
        this.flag = false;
        this.trendFlag = false
        this.realFlag = true
      },
    },

    computed: {},

    watch: {},
  };
  </script>

