<template>
<div class="eibs-tab">
<c-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item label="申报类型" prop="bopquep.boptyp">
<c-select v-model="model.bopquep.boptyp" placeholder="请选择申报类型" dbCode="BOPTYP" @change="typChange" :clearable=false />
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申报号码" prop="bopquep.rptno">
<c-input v-model="model.bopquep.rptno" placeholder="申报号码" style="width:100%" />
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="业务编号" prop="bopquep.ownref">
<c-input v-model="model.bopquep.ownref" placeholder="请输入业务编号" style="width:100%" />
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="客户类型" prop="bopquep.ptytyp">
<c-select v-model="model.bopquep.ptytyp" style="width:100%" dbCode="SZPTY" :filterKey="filterKey" placeholder="请选择客户类型">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="结算方式" prop="bopquep.medtyp">
<c-select v-model="model.bopquep.medtyp" style="width:100%" dbCode="MEDTYP" placeholder="请输入结算方式">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="查询日期类型" prop="bopquep.dattyp">
<el-radio-group v-model="model.bopquep.dattyp">
<el-radio label="A">按业务发生日期</el-radio>
<el-radio label="B">按申报经办日期</el-radio>
</el-radio-group>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12" class="col-right">
<c-col :span="24">
<el-form-item label="起止日期" style="width: 100%">
<c-col :span="11">
<c-date-picker type="date" v-model="model.bopquep.frmdat" style="width: 100%" placeholder="请选择起始日期" value-format="yyyy-MM-dd"></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<c-date-picker type="date" v-model="model.bopquep.tildat" style="width: 100%" placeholder="请选择截止日期" value-format="yyyy-MM-dd"></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="业务所属行" prop="bopquep.ownextkey">
<c-select v-model="model.bopquep.ownextkey" style="width: 100%" placeholder="请选择业务所属行">
<el-option v-for="item in model.bchtypList" :key="item.branch" :label="item.bchname" :value="item.branch">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-form-item label="客户名称" prop="bopquep.ptynam">
<c-input v-model="model.bopquep.ptynam" placeholder="请输入客户名称"></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="笔数" prop="bopquep.sum">
<c-input v-model="model.bopquep.sum" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="业务状态" prop="bopquep.staflg">
<el-radio-group v-model="model.bopquep.staflg">
<el-radio label="">全部</el-radio>
<el-radio label="W">待发送</el-radio>
<el-radio label="S">已发送</el-radio>
<el-radio label="D">已撤销</el-radio>
<el-radio label="G">已删除</el-radio>
<el-radio label="E">已修改</el-radio>
</el-radio-group>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12" style="text-align: left">
<el-button type="success" size="small" @click="exportExcel()" :disabled="tableData.length == 0 ">导出Excel</el-button>
<el-button type="primary" size="small" @click="swmAdd()" :disabled="model.bopquep.cfatyp == 'ALL' ">新增</el-button>
</c-col>
<c-col :span="12" style="text-align: right">
<el-button type="primary" icon="el-icon-search" size="small" @click="onSearch()">查询</el-button>
</c-col>
</c-col>
<c-col :span="24">
<el-table id='infgidBSTableRef' v-loading="load" ref="gidBt" :data="tableData" style="width:100%" size="small" height="calc(100vh - 480px)" :highlight-current-row="true">
<el-table-column label="申报号码" prop="lrptno" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="客户" prop="lownref" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="主体标识码" prop="lownusr" align="left" min-width="120" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="基础" prop="esta" align="left" min-width="120" :show-overflow-tooltip="true" sortable>
<template slot-scope="scope">
<span v-if="scope.row.esta == 'S'">已发送</span>
<span v-if="scope.row.esta == 'W'">待发送</span>
<span v-if="scope.row.esta == 'D'">已撤销</span>
<span v-if="scope.row.esta == 'G'">已删除</span>
<span v-if="scope.row.esta == 'P'">已作废</span>
<span v-if="scope.row.esta == 'E'">待修改</span>
</template>
</el-table-column>
<el-table-column label="银行业务编号" prop="lcredat" align="left" min-width="120" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="收付汇日期" prop="lobjtyp" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="申报类型" prop="typetable" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="币种" prop="eactiontype" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="金额" prop="eactiondesc" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="客户类型" prop="edebtorcode" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="结算方式" prop="edebtype" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="申报" prop="evaluedate" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="管理" prop="econtractcurr" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="对方客户名称" prop="econtractamount" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="结汇金额" prop="ematurity" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="账号" prop="ematurity" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="现汇金额" prop="eanninrate" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="账号" prop="ecreditorcode" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="其他金额" prop="ecreditorname" align="left" min-width="400" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="账号" prop="ecreditornamen" align="left" min-width="400" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="牌价" prop="ecreditortype" align="left" min-width="300" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="国内扣费金额" prop="ecrehqcode" align="left" min-width="500" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="国外扣费金额" prop="eopercode" align="left" min-width="500" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="地区机构号" prop="eappcode" align="left" min-width="300" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="外汇账户账号" prop="eappname" align="left" min-width="400" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="人民币账户账号" prop="einltcabuscode" align="left" min-width="500" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="外汇账户开户行" prop="espapfeboindex" align="left" min-width="400" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="人民币账户开户行" prop="eactiondesc" align="left" min-width="300" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="外汇局批件号/备案表号/业务编号" prop="echangeno" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="结汇用途" prop="echangtype" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="结汇详细用途" prop="echdate" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="填报人" prop="echcurrency" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="填报人电话" prop="echamount" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column fixed="right" label="操作" width="260">
<template slot-scope="scope">
<c-button type='text' @click="toDetail(scope.row)">详情
</c-button>
<c-button style="margin-left: 5px" type='text' @click="toEdit(scope.row)" :disabled="scope.row.esta =='删除'">修改
</c-button>
<c-button style="margin-left: 5px" type='text' @click="toDel(scope.row)" :disabled="scope.row.esta =='删除'">删除
</c-button>
<c-button style="margin-left: 5px" type='text' @click="toAddAll(scope.row)" :disabled="scope.row.esta =='删除'">新增接口
</c-button>
</template>
</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" @current-change="currentChange">
</el-pagination>
</c-col>
</div>
</template>
<script>
import codes from "~/config/CodeTable";
import moment from "moment";
export default {
props: ["model", "codes"],
inject: ["root"],
data() {
return {
tableData: [],
pagination: {
pageNum: 1,
pageSize: 10,
total: 0
},
load: false,
filterKey: ["ALL", "C", "D", "F"]
};
},
mounted() {
},
methods: {
}
};
</script>
<style scoped>
.table-button-item-list {
padding: 0;
margin: 0;
}
.table-button-item-list li {
list-style: none;
padding: 5px 0;
text-align: center;
color: #606266;
cursor: pointer;
}
</style>