<template>
  <a-modal
    title="部门齐套率统计图"
    v-model="departmentChartModVis"
    :confirmLoading="confirmLoading"
    width="70%"
    @ok="onSubmit"
    @cancel="handleCancel"
  >
    <a-spin :spinning="confirmLoading">
      <div id="departmentChart" :style="{ width: '100%', height: '600px' }"></div>
    </a-spin>
  </a-modal>
</template>

<script>
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import JEllipsis from '@/components/jeecg/JEllipsis'
import moment from 'moment'

import * as echarts from 'echarts' //必须有

export default {
  name: 'DepartmentChartModal', //部门齐套率统计图
  mixins: [JeecgListMixin],
  components: { JEllipsis, moment },

  data() {
    return {
      confirmLoading: false,
      departmentChartModVis: false
    }
  },
  // 接收父组件 方法
  // props: {
  //   father: {
  //     type: Function,
  //     default: null
  //   }
  // },
  mounted() {},
  methods: {
    // 弹框确定
    onSubmit() {
      console.log('弹框确定')
    },

    // 弹框取消
    handleCancel() {
      this.departChartModal = false
    }
  }
}
</script>
<style lang="less" scoped>
@import '~@assets/less/common.less';
/deep/ .ant-table-thead > tr > th {
  text-align: center;
  // font-weight: 700;
}
/deep/ .ant-table-tbody {
  text-align: center;
}
// th.replacecolor {
// background-color:  #ccc;
// }
</style>
