<template>
  <el-dialog title="订单操作记录" :close-on-click-modal="false" :visible.sync="open" width="1200px" append-to-body>
    <el-table v-loading="loading" :data="orderLogsList">
      <el-table-column label="订单号" align="center" prop="orderNo" show-overflow-tooltip/>
      <el-table-column label="操作" align="center" prop="stepName" />
      <el-table-column label="状态" align="center" prop="success" />
      <el-table-column label="标识名称" align="center" prop="flagName" />
      <el-table-column label="说明" align="center" prop="remark" />
      <el-table-column label="入参" align="center" prop="inParams" show-overflow-tooltip />
      <el-table-column label="出参" align="center" prop="outParams" show-overflow-tooltip />
      <el-table-column label="操作时间" align="center" prop="createTime" width="160"/>
    </el-table>
  </el-dialog>
</template>

<script>
import {listOrderLogsByOrderNo} from '@/api/cai/rechargeOrder'

export default {
  name: "OrderLogs",
  data() {
    return {
      orderLogsList:[],
      queryParams:{
        orderNo: undefined,
      },
      open: false,
      // 遮罩层
      loading: true,
      // 总条数
      total: 0,
    };
  },
  created() {

  },
  methods: {
    init(orderNo){
      this.open = true;
      this.queryParams.orderNo = orderNo
      listOrderLogsByOrderNo(this.queryParams).then(response => {
        this.orderLogsList = response.data;
        this.loading = false;
      });
    },
  }
};
</script>
