<template>
  <div>
    <EMSTable
      ref="OperatorInfoTable"
      :params="searchForm"
      :server="server"
      action="queryPaymentPreparationInfo"
      :columns="columns"
      :highlight-row="true"
    ></EMSTable>
  </div>
</template>

<script>

export default {
  name: 'OperatorInfo',
  components: {
  },
  props: {
    server: {
      type: Object,
      default() {
        return {};
      }
    },
    payLineDetailId: {
      type: String,
      default() {
        return '';
      }
    },
    title: {
      type: String,
      default() {
        return '';
      }
    }
  },
  data() {
    return {
      columns: [
        // {
        //   type: "index",
        //   width: 60,
        //   title:"序号",
        //   align: "left"
        // },
        {
          title: '操作时间',
          align: 'left',
          minWidth: 200,
          key: 'createdTime'
        },
        {
          title: '操作人员',
          align: 'left',
          minWidth: 140,
          key: 'createdBy'
        },
        {
          title: '操作记录',
          align: 'left',
          minWidth: 200,
          key: 'channel'
        },
        {
          title: '消息',
          align: 'left',
          minWidth: 200,
          key: 'message',
          render: (h, params) => {
            return h(
              'span',
              {
                attrs: {
                  title: params.row.message
                }
              },
              params.row.message
            );
          }
        }
      ],
      searchForm: {}
    };
  },
  created: function() {
    this.$emit('SetTitle', this.title);
    this.$emit('SetPageSize', window.innerWidth * 0.6);
  },
  mounted: function() {
    this.searchForm.payLineDetailId = this.payLineDetailId;
  },
  methods: {

  }
};
</script>
