<template>
  <div class="bottom-a h100">
    <div class="my-left-c">
      <evaluate-situation/>
      <bad-evaluate-situation/>
    </div>
    <div class="my-center-c">
      <div class="top-area">
        <top-area/>
      </div>
      <div class="bottom-echarts-a">
<!--        <div class="single_bottom">-->
<!--          <table-units/>-->
<!--        </div>-->
<!--        <div class="single_bottom">-->
<!--          <echarts-units/>-->
<!--        </div>-->
        <echarts-units/>
      </div>
    </div>
    <div class="my-right-c">
      <review-and-edit :is-detail="isDetail"/>
      <evaluate-percent/>
      <bad-reason/>
    </div>

  </div>


</template>

<script>

// import {mapEvaluateState,mapEvaluateMutations} from "@/units/map-units";
import {evaluateTabArr, unitList} from "@/views/units/local-data";
import ReviewAndEdit from "./ReviewAndEdit";
import EvaluatePercent from "./EvaluatePercent";
import BadReason from "./BadReason";
import TopArea from "@/views/evaluate/c-cpns/TopArea";
import EchartsUnits from "@/views/evaluate/c-cpns/EchartsUnits";
//import TableUnits from "@/views/evaluate/c-cpns/TableUnits";
import EvaluateSituation from "@/views/evaluate/EvaluateSituation";
import BadEvaluateSituation from "@/views/evaluate/c-cpns/BadEvaluateSituation";
export default {
  name: "EvaluateAna",
  components:{

    BadEvaluateSituation,
    EvaluateSituation,
    //TableUnits,
    EchartsUnits,
    TopArea,
    BadReason,
    EvaluatePercent,
    ReviewAndEdit,


  },
  computed:{
    unitList() {
      return unitList
    },
    evaluateTabArr() {
      return evaluateTabArr
    }
  },
  data(){
    return{
      // timeList:[
      //   {
      //     id:'1',
      //     code:'0',
      //     name:'近一月',
      //     chosen:true
      //   },
      //   {
      //     id:'2',
      //     code:'1',
      //     name:'累计',
      //     chosen:false
      //   }
      // ],
      currentId:null,
      currentLId:null,
      isDetail: false,
      isModelShow:false
    }
  },
  mounted() {
    // this.evaluateFirstLevel('');
    // this.evaluateSecondLevel('');
    // this.evaluateTimer('1');
  },
  methods:{
    // timeChange(item){
    //   for(let i=0;i<this.timeList.length;i++){
    //     if(item.id==this.timeList[i].id){
    //       this.analysisTimer(this.timeList[i].code);
    //       this.timeList[i].chosen = true
    //     }else{
    //       this.timeList[i].chosen = false
    //     }
    //   }
    // },
    // unitChange(id){
    //   for(let i=0;i<this.unitList.length;i++){
    //     if(id==this.unitList[i].id){
    //       this.analysisSecondLevel(this.unitList[i].code);
    //       this.analysisThirdLevel('');
    //       this.analysisForthLevel('');
    //
    //     }
    //   }
    // },
    // typeChange(){
    //
    // },
    // clickTableTr(row, column, event) {
    //   this.isDetail = true;
    //   this.evaluateThirdLevel(row.MATTER_CODE);
    //   console.log('点击表格,进入详情',row, column, event)
    // },
    // ...mapEvaluateMutations(['evaluateFirstLevel','evaluateSecondLevel','evaluateThirdLevel','evaluateTimer'])
  },
  watch:{
    Refresh(){
      this.unitChange('')
    },
  }
}
</script>

<style scoped lang="scss">
.my-left-c{

  margin-left: 14px;
  display: flex;
  flex-direction: column;
}
.my-center-c{
  .top-area{
    flex: 1;
    overflow: hidden;
  }
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  .bottom-echarts-a{
    display: flex;
    width: 100%;
    height:33.33%;
    .single_bottom{
      width: 100%;
      height: 100%;
    }
  }
}
.my-right-c{

  display: flex;
  flex-direction: column;
  >div{
    flex: 1;
    overflow: hidden;
  }
}
</style>
