<!--
  @description: 报表统计-弃标次数TOP
  @Modifier：肖文龙
  @routerPath:
  @date：  2021/01/29
-->
<template>
  <!-- :style="{'height':height}" -->
  <dl
    class="reportChart_crud"
  >
    <dt>
      弃标次数TOP10
    </dt>
    <dd>
      <tableChart
        :height="height"
        class="echart-dom"
        :option="option"
      />
    </dd>
  </dl>
</template>

<script>
/* 組件 */
import tableChart from './../../components/tableChart'// table列表渲染组件
export default {
  name: 'SupplierUnBIdNumberTOP',
  components: {
    tableChart// table列表渲染组件
  },
  props: {
    height: {
      type: String,
      default: '100%'
    }
  },
  data() {
    return {
      option: {
      // 标题
        thead: [
          { lable: '供应商名称', prop: 'q' },
          { lable: '弃标次数（次）', prop: 'w' },
          { lable: '详情',
            // 操作类
            handle: [
              {
                text: '查看',
                click: this.detail
              }
            ] }
        ],
        // 渲染数据
        data: [
          {
            q: 'gog',
            w: '公司',
            e: 3
          },
          {
            q: 4,
            w: 5,
            e: 6
          },
          {
            q: 4,
            w: 5,
            e: 6
          },
          {
            q: 4,
            w: 5,
            e: 6
          },
          {
            q: 4,
            w: 5,
            e: 6
          }
        ]
      }
    }
  },
  methods: {
    /**
     * 获取数据
     *  @param {searchData} Object 查询条件
    */
    initChart(searchData) {
      this.option.data = []
      // const data = {
      //   ...this.searchData
      // }
    },
    // 查看
    detail() {

    }
  }
}
</script>
<style lang="less" scoped>
</style>
