<template>
  <div class="txtSize">
    <div class="title">
      <span>今日销冠</span>
    </div>
    <el-table
      :header-cell-style="{ background: 'oldlace' }"
      :data="tableData"
      style="width: 100%"
    >
      <el-table-column prop="name" label="人员/部门" min-width="100">
      
      </el-table-column>
      <el-table-column prop="date" label="订单单数" min-width="100">
        <template slot-scope="scope">
          <div>
            {{scope.row.date | getNum_noPrice}}
          </div>
        </template>
      </el-table-column>
      <el-table-column prop="test" label="退货金额" min-width="100">
        <template slot-scope="scope">
          <div>
            {{scope.row.test | getNum}}
          </div>
        </template>
      </el-table-column>
      <el-table-column prop="address" label="订单金额" min-width="100">
        <template slot-scope="scope">
          <div>
            {{scope.row.address | getNum}}
          </div>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: "222222",
          name: "待开票",
          test:"111111",
          address: "567890",
        },
        {
          date: "3333333",
          name: "待回款",
          test:"111111",
          address: "45678",
        },
        {
          date: "44444",
          name: "待回票",
          test:"111111",
          address: "456789",
        },
        {
          date: "55555",
          name: "待付款",
          test:"111111",
          address: "4567890",
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.txtSize {
  // font-size: 0px;
}
.title {
  margin: 20px 0;
}
/deep/.el-table tr{
  background: #f0f9eb;
}
</style>