<template>
	<div class="eibs-tab">
		<c-col :span="8">
			<el-form-item label="开始日期" prop="begdat">
				<c-date-picker type="date" v-model="model.begdat" style="width:100%" placeholder="请输入"></c-date-picker>
			</el-form-item>
		</c-col>

		<c-col :span="8">
			<el-form-item label="结束日期" prop="enddat">
				<c-date-picker type="date" v-model="model.enddat" style="width:100%" placeholder="请输入"></c-date-picker>
			</el-form-item>
		</c-col>

		<c-col :span="8">
			<el-form-item label="付汇业务编号" prop="bsnsrlno">
				<c-input v-model="model.bsnsrlno" maxlength="20" placeholder="请输入"></c-input>
			</el-form-item>
		</c-col>

		<c-col :span="8">
			<el-form-item label="备案表编号" prop="rcrdno">
				<c-input v-model="model.rcrdno" maxlength="14" placeholder="请输入"></c-input>
			</el-form-item>
		</c-col>

		<c-col :span="8">
			<el-form-item label="业务状态" prop="bsnsts">
				<c-select v-model="model.bsnsts" :code="codes.bsnsts" style="width:100%" placeholder="请输入">
				</c-select>
			</el-form-item>
		</c-col>

		<c-col :span="8">
			<el-form-item label="国际收支申报号" prop="itnlincmpaydclrtnno">
				<c-input v-model="model.itnlincmpaydclrtnno" maxlength="22" placeholder="请输入"></c-input>
			</el-form-item>
		</c-col>

		<!-- <c-col :span="8">
			<el-form-item label="文件类型" prop="eptmod.filtyp">
				<c-select v-model="model.eptmod.filtyp" :code="codes.filtyp" style="width:100%" placeholder="请输入">
				</c-select>
			</el-form-item>
		</c-col> -->

		<c-col :span="8">
			<el-form-item label="纳税人识别号" prop="taxpyidnfno">
				<c-input v-model="model.taxpyidnfno" maxlength="30" placeholder="请输入"></c-input>
			</el-form-item>
		</c-col>

		<c-col :span="8">
			<el-form-item label="金融机构标识码" prop="decnum">
				<c-input v-model="model.decnum" maxlength="8" placeholder="请输入"></c-input>
			</el-form-item>
		</c-col>

		<c-col :span="8">
			<el-form-item label="机构名称或个人姓名" prop="pymtbnknm">
				<c-input v-model="model.pymtbnknm" maxlength="49" show-word-limit placeholder="请输入"></c-input>
			</el-form-item>
		</c-col>

		<!-- <c-col :span="8">
			<el-form-item label="每页条数" prop="num">
				<c-input v-model="model.num" placeholder="请输入"></c-input>
			</el-form-item>
		</c-col> -->

		<c-col :span="24">
			<c-col :span="12" style="text-align: left">
				<el-button type="success" size="small">导出</el-button>
				<el-button type="primary" size="small">新增</el-button>
				<el-button type="primary" size="small">查看</el-button>
				<el-button type="primary" size="small">处理</el-button>
				<el-button type="primary" size="small">修改</el-button>
				<el-button type="primary" size="small">重新上链</el-button>
			</c-col>
			<c-col :span="12" style="text-align: right">
				<el-button type="primary" icon="el-icon-search" size="small">查询</el-button>
			</c-col>
		</c-col>

		<el-col :span="24" style="margin-top: 10px">
			<div style="height: 90%">
				<c-col :span="24">
					<el-table id='infgidSpTableRef' :data="tableData" :highlight-current-row="true" :border="true" style="width:100%" size="medium">
						<el-table-column label="序号" prop="" align="left" fixed="left" min-width="150">
						</el-table-column>
						<el-table-column label="国结业务编号" prop="" align="left" fixed="left" min-width="150">
						</el-table-column>
						<el-table-column label="付汇业务编号" prop="" align="left" fixed="left" min-width="150">
						</el-table-column>
						<el-table-column label="备案表编号" prop="" align="left" fixed="left" min-width="150">
						</el-table-column>
						<el-table-column label="受理银行机构代码" prop="" align="left" fixed="left" min-width="150">
						</el-table-column>
						<el-table-column label="机构名称或个人姓名" prop="" align="left" fixed="left" min-width="150">
						</el-table-column>
						<el-table-column label="纳税人识别号" prop="" align="left" fixed="left" min-width="150">
						</el-table-column>
						<el-table-column label="受理时间" prop="" align="left" fixed="left" min-width="150">
						</el-table-column>
						<el-table-column label="付汇业务状态" prop="" align="left" fixed="left" min-width="150">
						</el-table-column>
						<el-table-column label="上链状态" prop="" align="left" fixed="left" min-width="150">
						</el-table-column>
						<el-table-column label="国结业务状态" prop="" align="left" fixed="left" min-width="150">
						</el-table-column>
					</el-table>
					<!-- <el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" :page-size="pagination.pageSize" :current-page="pagination.pageNum" @size-change="handleSizeChange" @current-change="currentChange"> -->
					<el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" :page-size="pagination.pageSize" :current-page="pagination.pageNum">
					</el-pagination>
				</c-col>
			</div>
		</el-col>

	</div>
</template>
<script>
import codes from "~/config/CodeTable";
import event from "../event";
import Check from "../model/check";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Check],
  data() {
    return {
      tableData: [],
      statusKey: [],
      pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0
      }
    };
  },
  methods: { },
  created: function() {}
};
</script>
<style>
</style>