index.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24" style="height: 24px; margin-bottom: 20px">
      <el-form-item
        label="当前收到面函/报文"
        class="messageLabel"
        label-width="120px"
      ></el-form-item>
    </c-col>
    <c-col :span="24" style="height: 0px">
      <el-divider></el-divider>
    </c-col>
    <c-col :span="24">
      <el-table :border="true" :data="model.shwinc || []">
        <el-table-column label="类型" width="auto" prop="CORTYP"></el-table-column>
        <el-table-column label="名称" width="auto" prop="NAM"></el-table-column>
        <el-table-column label="创建交易" width="auto" prop="INIFRM"></el-table-column>
        <el-table-column label="创建日期" width="auto" prop="CREDATTIM"></el-table-column>
      </el-table>
    </c-col>

    <c-col
      :span="24"
      style="height: 24px; margin-top: 20px; margin-bottom: 20px"
    >
      <el-form-item
        label="前手发出面函/报文"
        class="messageLabel"
        label-width="120px"
      ></el-form-item>
    </c-col>
    <c-col :span="24" style="height: 0px">
      <el-divider></el-divider>
    </c-col>
    <c-col :span="24">
      <el-table :border="true" :data="model.shwout">
        <el-table-column label="类型" width="auto" prop="CORTYP"></el-table-column>
        <el-table-column label="名称" width="auto" prop="NAM"></el-table-column>
        <el-table-column label="创建交易" width="auto" prop="INIFRM"></el-table-column>
        <el-table-column label="创建日期" width="auto" prop="CREDATTIM"></el-table-column>
      </el-table>
    </c-col>
  </div>
</template>
<script>
import moment from 'moment';
export default {
  inject: ['root'],
  mixins: [],
  props: ['model', 'codes'],
  data() {
    return {};
  },
  methods: {},
  created () {},
};
</script>
<style scoped>
.formItemLabel >>> .el-form-item__label {
  text-align: left;
}
</style>