<template>
  <el-table :data="props.list" style="width: 100%" border>
    <el-table-column prop="createdAt" label="业务发生时间" />
    <el-table-column prop="archiveId" label="用户信息">
      <template #default="{ row }">
        <div>
          <div>{{ row.archiveName }}</div>
          <div>{{ row.archiveId }}</div>
        </div>
      </template>
    </el-table-column>
    <el-table-column prop="afterCardId" label="业务类型">
      <template #default="{ row }">
        <div>
          <div>{{ !!row.afterCardId ? "绑定" : "取消绑定" }}</div>
        </div>
      </template>
    </el-table-column>
    <el-table-column prop="channelName" label="购买渠道名称" />
    <el-table-column prop="price" label="支付金额">
      <template #default="{ row }">
        <div>
          <div>{{ !row.afterCardId ? "-" : row.price / 100 }}</div>
        </div>
      </template>
    </el-table-column>
    <el-table-column prop="payType" label="支付方式" />
    <el-table-column prop="outTradeNo" label="第三方订单号" />
    <el-table-column prop="remark" label="备注信息" />
    <el-table-column prop="previousCardName" label="操作前绑定的会员卡名称" />
    <el-table-column prop="afterCardName" label="操作后绑定的会员卡名称" />
    <el-table-column prop="afterCardName" label="操作人">
      <template #default="{ row }">
        <div>
          <div>{{ row.operatorName }}（{{ row.operatorId }}）</div>
          <div />
        </div>
      </template>
    </el-table-column>
  </el-table>
</template>
<script setup>
import { defineProps } from "vue";
const props = defineProps({
  list: {
    type: Array,
    default: () => []
  }
});
</script>
