BJ_web_developers / lzsandtable

  <template>
      <div class="theme-wrap">

          <card-title> <span>收入信息</span></card-title>

          <div class="theme-body">

              <account-num :totalnum="total">

                  <span>总计</span>
              </account-num>

              <div class="income-echart" id="income-echart">

                  <bar-chart :chart-data="barChartData"></bar-chart>

              </div>
          </div>
      </div>
  </template>
  
  <script>
  import CardTitle from './base/CardTitle'
  import AccountNum from './base/AccountNum'

  import barChart from './base/barChart'

  export default {
    name: 'VIncome',
    components: {
      CardTitle,

      AccountNum,
      barChart

    },

    props:['total','barChartData'],

    data() {
      return {

        // pieChartData: {
        //   yData: [1,1],
        //   legendData: ['空余','占有']
        // },

      }

    },
    mounted(){

      //this.drawBar();

    },
    methods: {

    }
  }
  </script>
  
  <style scoped lang="scss">
      .theme-wrap {
          height: 100%;
      }
      .theme-body {
          height: calc(100% - 30px);
          margin-left: 20px;
      }
      .income-echart{
          height: 70%;

      }
  
  </style>