xinhuaqujiaoyujuPCOA/src/views/dashboard/RaddarChart.vue

<template>
  <el-card class="box-card" style="margin-left: 0px">
    <div slot="header" class="clearfix">
      <span>办结业务</span>
      <el-button style="float: right; padding: 3px 0;color: #202020;" type="text">更多</el-button>
    </div>
  <el-table class="body" :data="tableData" :header-cell-style="{background:'#eee',width:'100%'}">
        <el-table-column type="index"width="50" align="center"></el-table-column>
        <el-table-column prop="name" label="业务名称"  width='300'min-width="60%" align="center"></el-table-column>
        <el-table-column prop="date"label="完成时间"align="center"></el-table-column>
 </el-table>
 </el-card>
</template>

<script>
 export default {
      data() {
        return {
          tableData: [{
            name: '王小虎上海市普陀区金沙江路 1518 弄',
            date: '2020-05-02',
          }, {
           name: '王小虎上海市普陀区金沙江路 1518 弄',
             date: '2020-05-02',
           }, {
             name: '王小虎上海市普陀区金沙江路 1518 弄',
               date: '2020-05-02',
           }, {
               name: '王小虎上海市普陀区金沙江路 1518 弄',
                 date: '2020-05-02',
            }, {
             name: '王小虎上海市普陀区金沙江路 1516 弄',
             date: '2020-05-03',
          }]
        }
      }
    }
</script>
<style lang="less" scoped>
  .clearfix{
    color:#1890ff;
  }
  .el-card__header{
    background: #f5f5f5;
  }
  .body{
    height: 319px;
  }
  .el-card__body {
    padding: 15px 20px 20px 20px;
    height: 354px;
  }

</style>