<template>
  <div>
      <div class="d-flex search-box jc-end">
        <el-select v-model="selectYear" size="mini">
            <el-option
                v-for="item in yearList"
                :key="item"
                :label="item"
                :value="item">
            </el-option>
            </el-select>
        </div>
        <doubleYBarChart @downData="downData" :message="dataList" idstr="budgetRatio" class="heightCut68"></doubleYBarChart>
  </div>
</template>

<script>
import doubleYBarChart from '@/components/echarts/doubleYBarChart' // 预算完成比 双柱加折线图

export default {
  components: { doubleYBarChart },
  data () {
    return {
      selectYear: '2020',
      yearList: ['2021', '2020', '2019', '2018', '2017'],
      dataList: {
        legend: ['新签预算', '新签实际', '完成比'],
        xAxis: ['运营管理中心', '解决方案中心', '智能制造中心', '生态合作中心', '客户运营中心', 'XXXX中心'],
        yAxis: ['单位：万元', '完成比：%'],
        data: [
          {
            name: '新签预算',
            type: 'bar',
            data: [
              { value: 123.2, isLeaf: false, parent: '' },
              { value: 125.6, isLeaf: false, parent: '' },
              { value: 176.7, isLeaf: false, parent: '' },
              { value: 135.6, isLeaf: false, parent: '' },
              { value: 162.2, isLeaf: false, parent: '' },
              { value: 200, isLeaf: false, parent: '' }
            ]
          }, {
            name: '新签实际',
            type: 'bar',
            data: [
              { value: 83.2, isLeaf: false, parent: '' },
              { value: 75.6, isLeaf: false, parent: '' },
              { value: 86.7, isLeaf: false, parent: '' },
              { value: 85.6, isLeaf: false, parent: '' },
              { value: 62.2, isLeaf: false, parent: '' },
              { value: 90, isLeaf: false, parent: '' }
            ]
          }, {
            name: '完成比',
            type: 'line',
            yAxisIndex: 1,
            data: [
              { value: 4.5, isLeaf: false, parent: '' },
              { value: 6.3, isLeaf: false, parent: '' },
              { value: 10.2, isLeaf: false, parent: '' },
              { value: 20.3, isLeaf: false, parent: '' },
              { value: 23.4, isLeaf: false, parent: '' },
              { value: 30.2, isLeaf: false, parent: '' }
            ]
          }
        ]
      }
    }
  },
  mounted () {
  },
  methods: {
    downData (item) {
      console.log('传来的值:', item)
      setTimeout(() => {
        if (!item) {
          this.dataList = {
            legend: ['新签预算', '新签实际', '完成比'],
            xAxis: ['运营管理中心', '解决方案中心', '智能制造中心', '生态合作中心', '客户运营中心', 'XXXX中心'],
            yAxis: ['单位：万元', '完成比：%'],
            data: [
              {
                name: '新签预算',
                type: 'bar',
                data: [
                  { value: 123.2, isLeaf: false, parent: '' },
                  { value: 125.6, isLeaf: false, parent: '' },
                  { value: 176.7, isLeaf: false, parent: '' },
                  { value: 135.6, isLeaf: false, parent: '' },
                  { value: 162.2, isLeaf: false, parent: '' },
                  { value: 200, isLeaf: false, parent: '' }
                ]
              }, {
                name: '新签实际',
                type: 'bar',
                data: [
                  { value: 83.2, isLeaf: false, parent: '' },
                  { value: 75.6, isLeaf: false, parent: '' },
                  { value: 86.7, isLeaf: false, parent: '' },
                  { value: 85.6, isLeaf: false, parent: '' },
                  { value: 62.2, isLeaf: false, parent: '' },
                  { value: 90, isLeaf: false, parent: '' }
                ]
              }, {
                name: '完成比',
                type: 'line',
                yAxisIndex: 1,
                data: [
                  { value: 4.5, isLeaf: false, parent: '' },
                  { value: 6.3, isLeaf: false, parent: '' },
                  { value: 10.2, isLeaf: false, parent: '' },
                  { value: 20.3, isLeaf: false, parent: '' },
                  { value: 23.4, isLeaf: false, parent: '' },
                  { value: 30.2, isLeaf: false, parent: '' }
                ]
              }
            ]
          }
        }
        if (item.indexOf('中心') !== -1) {
          this.dataList = {
            parent: item,
            legend: ['新签预算', '新签实际', '完成比'],
            xAxis: ['运营管理部门', '解决方案部门', '智能制造部门', '生态合作部门', '客户运营部门', 'XXXX部门'],
            yAxis: ['单位：万元', '完成比：%'],
            data: [
              {
                name: '新签预算',
                type: 'bar',
                data: [
                  { value: 123.2, isLeaf: false, parent: item },
                  { value: 125.6, isLeaf: false, parent: item },
                  { value: 176.7, isLeaf: false, parent: item },
                  { value: 135.6, isLeaf: false, parent: item },
                  { value: 162.2, isLeaf: false, parent: item },
                  { value: 200, isLeaf: false, parent: item }
                ]
              }, {
                name: '新签实际',
                type: 'bar',
                data: [
                  { value: 83.2, isLeaf: false, parent: item },
                  { value: 75.6, isLeaf: false, parent: item },
                  { value: 86.7, isLeaf: false, parent: item },
                  { value: 85.6, isLeaf: false, parent: item },
                  { value: 62.2, isLeaf: false, parent: item },
                  { value: 90, isLeaf: false, parent: item }
                ]
              }, {
                name: '完成比',
                type: 'line',
                yAxisIndex: 1,
                data: [
                  { value: 4.5, isLeaf: false, parent: item },
                  { value: 6.3, isLeaf: false, parent: item },
                  { value: 10.2, isLeaf: false, parent: item },
                  { value: 20.3, isLeaf: false, parent: item },
                  { value: 23.4, isLeaf: false, parent: item },
                  { value: 30.2, isLeaf: false, parent: item }
                ]
              }
            ]
          }
        }
        if (item.indexOf('部门') !== -1) {
          this.dataList = {
            parent: item,
            legend: ['新签预算', '新签实际', '完成比'],
            xAxis: ['小小黄', '小小安', '小小圆', '小小静', '小小宝', 'XXXXXXX'],
            yAxis: ['单位：万元', '完成比：%'],
            data: [
              {
                name: '新签预算',
                type: 'bar',
                data: [
                  { value: 123.2, isLeaf: true, parent: item },
                  { value: 125.6, isLeaf: true, parent: item },
                  { value: 176.7, isLeaf: true, parent: item },
                  { value: 135.6, isLeaf: true, parent: item },
                  { value: 162.2, isLeaf: true, parent: item },
                  { value: 200, isLeaf: true, parent: item }
                ]
              }, {
                name: '新签实际',
                type: 'bar',
                data: [
                  { value: 83.2, isLeaf: true, parent: item },
                  { value: 75.6, isLeaf: true, parent: item },
                  { value: 86.7, isLeaf: true, parent: item },
                  { value: 85.6, isLeaf: true, parent: item },
                  { value: 62.2, isLeaf: true, parent: item },
                  { value: 90, isLeaf: true, parent: item }
                ]
              }, {
                name: '完成比',
                type: 'line',
                yAxisIndex: 1,
                data: [
                  { value: 4.5, isLeaf: true, parent: item },
                  { value: 6.3, isLeaf: true, parent: item },
                  { value: 10.2, isLeaf: true, parent: item },
                  { value: 20.3, isLeaf: true, parent: item },
                  { value: 23.4, isLeaf: true, parent: item },
                  { value: 30.2, isLeaf: true, parent: item }
                ]
              }
            ]
          }
        }
      }, 0)
    }
  }
}
</script>

<style lang="scss" scoped>

</style>