<template>
  <div class="eibs-tab">
    <c-col :span="12">
      <c-col :span="16">
        <c-form-item label="文件名" prop="recp.filnamsel">
          <c-fullbox>
            <c-input
              v-model="model.recp.filnamsel"
              maxlength="50"
              placeholder="请输入文件名"
            ></c-input>
            <template slot="footer">
              <c-button size="small" type="primary" icon="el-icon-search" @click="query">
                查询
              </c-button>
            </template>
          </c-fullbox>
        </c-form-item>
      </c-col>
    </c-col>
    <c-col :span="24">
      <div class="e-table-wrapper">
        <el-table
          :data="model.upllst"
          style="width: 100%"
          :highlight-current-row="true"
        >
          <el-table-column
            prop="objtyp"
            label="交易类型"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          <template slot-scope="scope">
              <span>{{
                getCodelabel(scope.row.objtyp,"boptnalabels") 
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="linnum"
            label="错误行数"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
          <el-table-column
            prop="errdet"
            label="错误详情"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
          <el-table-column
            prop="impdat"
            label="导入时间"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
          <el-table-column
            prop="filnam"
            label="文件名称"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
        </el-table>
       <el-pagination
                        :current-page.sync="pagination.pageNum"
                        :page-size="pagination.pageSize"
                        :page-sizes="[10, 20, 50, 100, 500]"
                        :total="pagination.total"
                        @current-change="handleCurrentChange"
                        @size-change="handleSizeChange"
                        layout="total, sizes, prev, pager, next, jumper">
                </el-pagination>
      </div>
    </c-col>
  </div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, event],
  data() {
    return {
      pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0,
      },
      dbCodes:{
        boptnalabels:[],
      }
    };
  },
  mounted() {
    this.getdbCode("boptna", "CN", "boptnalabels");
  },
  created: function () {},
};
</script>
<style>
</style>