<template>
  <ve-bar :data="chartData" :title="title" :settings="chartSettings"/>
</template>

<script>
export default {
  name: 'JobByStatus',
  data() {
    this.title = {
      text: '工单数量分析统计'
    }
    this.chartSettings = {
      labelMap: {
        'deptName': '权属单位',
        'beforGet': '待处理',
        'beforeConfirm': '待确认',
        'inHandle': '处理中',
        'over': '已完成'
      },
      stack: {
        'xxx': ['beforGet', 'beforeConfirm', 'inHandle', 'over']
      }
    }
    return {
      chartData: {
        columns: ['deptName', 'beforGet', 'beforeConfirm', 'inHandle', 'over'],
        rows: [
          { 'deptName': '电力公司', 'beforGet': 139, 'beforeConfirm': 109, 'inHandle': 123, 'over': 456 },
          { 'deptName': '开拓热力', 'beforGet': 353, 'beforeConfirm': 323, 'inHandle': 123, 'over': 456 },
          { 'deptName': '市政集团', 'beforGet': 292, 'beforeConfirm': 262, 'inHandle': 123, 'over': 456 },
          { 'deptName': '博大网信', 'beforGet': 172, 'beforeConfirm': 142, 'inHandle': 123, 'over': 456 },
          { 'deptName': '信息办', 'beforGet': 379, 'beforeConfirm': 349, 'inHandle': 123, 'over': 456 },
          { 'deptName': '燃气四分', 'beforGet': 459, 'beforeConfirm': 429, 'inHandle': 123, 'over': 456 },
          { 'deptName': '其他', 'beforGet': 459, 'beforeConfirm': 429, 'inHandle': 123, 'over': 456 }
        ]
      }
    }
  }
}
</script>