<!--
  @description:供应商-已减免收费-列表
  @Modifier: 王俊楠
  @routerPath:
  @date: 2020-11-18-14:12
-->
<template>
  <div>
    <el-table
      ref="smallTable"
      v-loading="loading"
      :data="tableData"
    >
      <el-table-column
        type="index"
        label="序号"
        align="center"
        width="60"
      />
      <el-table-column
        prop="serviceFeeCode"
        label="服务费单号"
        header-align="center"
        align="center"
        min-width="140"
      />
      <el-table-column
        :formatter="formatterOrderTotalMoney"
        prop="shouldChargeMoney"
        label="服务费金额(元)"
        min-width="110"
        header-align="center"
        align="right"
      />
      <el-table-column
        :formatter="formatterOrderTotalMoney"
        prop="reliefMoney"
        label="减免金额(元)"
        min-width="110"
        header-align="center"
        align="right"
      />
      <el-table-column
        prop="orderCode"
        label="订单编号"
        header-align="center"
        align="center"
        min-width="140"
      />
      <el-table-column
        prop="supplierName"
        label="供应商名称"
        min-width="220"
        header-align="center"
      />
      <el-table-column
        prop="purchaseDepartName"
        label="采购单位"
        min-width="220"
        header-align="center"
      >
        <!-- <template slot-scope="scope">
            <span>
              {{ procurementUnitOmit(scope.row.purchaseDepartName) }}
            </span>
          </template> -->
      </el-table-column>
      <el-table-column
        :formatter="formatterOrderTotalMoney"
        prop="taxOrderTotalMoney"
        label="订单含税总额(元)"
        width="120"
        header-align="center"
        align="right"
      />
      <el-table-column
        prop="orderCreateTime"
        label="订单生成日期"
        align="center"
        width="150"
        header-align="center"
      />
      <el-table-column
        prop="remark"
        label="减免原因"
        width="150"
        header-align="center"
      />
      <el-table-column
        prop=""
        label="减免说明附件"
        width="150"
        header-align="center"
      />
      <el-table-column
        prop="cancelUserName"
        label="减免操作人"
        width="150"
        header-align="center"
      />
      <el-table-column
        label="操作"
        width="100"
        align="center"
        header-align="center"
        fixed="right"
      >
        <template slot-scope="scope">
          <el-link type="primary" @click="handleDetail(scope.row.voucherId)">
            [流程追踪]
          </el-link>
        </template>
      </el-table-column>
    </el-table>
    <!--流程追踪查看弹框-->
    <flow-detail-dialog ref="tracingFlow" />
  </div>
</template>

<script>
import { orderServeFeeMixins } from '../../mixins/orderServeFeeMixins'
import flowDetailDialog from '@views/work/process/flowDetail-dialog' //  流程追踪组件
export default {
  name: 'CanceledCollectionList',
  components: {
    flowDetailDialog
  },
  mixins: [orderServeFeeMixins],
  props: {
    tableData: {
      type: Array,
      default: function() {
        return []
      }
    }
  },
  data() {
    return {
      loading: false
    }
  },
  methods: {
    // 流程追踪详情
    handleDetail(id) {
      this.$refs.tracingFlow.openDialogInitData(id)
    }
  }
}
</script>

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