<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.doctre.shwinc || []" style="width: 100%">
					<el-table-column prop="nam" label="描述" :show-overflow-tooltip="true" width="300">
					</el-table-column>
          <el-table-column prop="crefrm" label="交易代码" width="150">
					</el-table-column>
          <el-table-column prop="creusr" label="创建人" width="150">
					</el-table-column>
					<el-table-column prop="cortyp" label="报文类型" width="150">
					</el-table-column>
					<el-table-column prop="credattim" label="时间" :show-overflow-tooltip="true" width="150">
					</el-table-column>
					<c-table-column fixed="right" prop="op" label="操作" width="">
						<template slot-scope="{ scope }">
							<el-button type="primary" @click="showMsg(scope.row)">查看</el-button>
						</template>
					</c-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.doctre.shwout || []" style="width: 100%">
					<el-table-column prop="nam" label="描述" :show-overflow-tooltip="true" width="300">
					</el-table-column>
          <el-table-column prop="crefrm" label="交易代码" width="150">
					</el-table-column>
          <el-table-column prop="creusr" label="创建人" width="150">
					</el-table-column>
					<el-table-column prop="cortyp" label="报文类型" width="150">
					</el-table-column>
					<el-table-column prop="credattim" label="时间" :show-overflow-tooltip="true" width="150">
					</el-table-column>
					<c-table-column fixed="right" prop="op" label="操作" width="">
						<template slot-scope="{ scope }">
							<el-button type="primary" @click="showMsg(scope.row)">查看</el-button>
						</template>
					</c-table-column>
				</el-table>
    </c-col>
			<!-- 报文 -->
      <message-view ref="msgView"></message-view>
  </div>
</template>
<script>
import moment from 'moment';
import MessageView from "~/components/business/docpan/views/MessageView";
export default {
  inject: ['root'],
  mixins: [],
	props: ['model', 'codes'],
	components: {MessageView},
  data() {
    return {};
  },
  methods: {
		async showMsg(row) {
      this.$refs.msgView.fileViewDispaly(-1,{smhinr:row.inr})
    },
	},
  created () {},
};
</script>
<style scoped>
.formItemLabel >>> .el-form-item__label {
  text-align: left;
}
</style>