Mainp.vue

<template>
    <div class="eibs-tab">
        <c-row>
            <c-col :span="8">
                <el-form-item label="申报类型" prop="bopquep.boptyp">
                    <c-select dbCode="BOPTYP" placeholder="请选择申报类型" v-model="model.bopquep.boptyp"/>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <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 :span="8">
                <el-form-item label="起止日期">
                    <c-col :span="11">
                        <c-date-picker type="date" v-model="model.bopquep.frmdat"
                                       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"
                                       value-format="yyyy-MM-dd"></c-date-picker>
                    </c-col>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row>
            <c-col :span="8">
                <el-form-item label="申报号码" prop="bopquep.rptno">
                    <c-input placeholder="申报号码" style="width:100%" v-model="model.bopquep.rptno"/>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="业务所属行" prop="bopquep.ownextkey">
                    <c-select placeholder="请选择业务所属行" v-model="model.bopquep.ownextkey">
                        <el-option :key="item.branch" :label="item.bchname" :value="item.branch"
                                   v-for="item in model.bchtypList">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row>
            <c-col :span="8">
                <el-form-item label="客户类型" prop="bopquep.ptytyp">
                    <c-select :filterKey="filterKey" dbCode="SZPTY" placeholder="请选择客户类型" style="width:100%"
                              v-model="model.bopquep.ptytyp">
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <c-form-item label="客户名称" prop="bopquep.ptynam">
                    <c-input placeholder="请输入客户名称" v-model="model.bopquep.ptynam"></c-input>
                </c-form-item>
            </c-col>
        </c-row>

        <c-row>
            <c-col :span="8">
                <el-form-item label="结算方式" prop="bopquep.medtyp">
                    <c-select dbCode="MEDTYP" placeholder="请输入结算方式" style="width:100%" v-model="model.bopquep.medtyp">
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="业务编号" prop="bopquep.ownref">
                    <c-input placeholder="请输入业务编号" style="width:100%" v-model="model.bopquep.ownref"/>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="笔数" prop="bopquep.sum">
                    <c-input disabled v-model="model.bopquep.sum"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row>
            <c-col :span="20">
                <el-form-item label="业务状态" prop="bopquep.staflg">
                    <el-radio-group v-model="model.bopquep.dattyp">
                        <el-radio label="A">全部</el-radio>
                        <el-radio label="P">待确认</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 :span="4">
                <span style="float: right">
                    <el-button size="small">重置</el-button>
                    <el-button icon="el-icon-search" size="small" type="primary">查询</el-button>
                </span>
            </c-col>
        </c-row>

        <c-col :span="24">
            <div class="e-table-wrapper">
                <el-table :data="model.dblstm" :highlight-current-row="true">
                    <el-table-column align="left" label="申报号码" min-width="150" prop="rptno" sortable/>
                    <el-table-column align="left" label="银行业务编号" min-width="150" prop="buscode" sortable/>
                    <el-table-column align="left" label="申请人主体类型" min-width="150" prop="custype" sortable/>
                    <el-table-column align="left" label="申请人主体标识码" min-width="150" prop="custcod" sortable/>
                    <el-table-column align="left" label="申请人个人身份证件号码" min-width="150" prop="idcode" sortable/>
                    <el-table-column align="left" label="申请人名称" min-width="150" prop="custnm" sortable/>
                    <el-table-column align="left" label="外汇账户账号" min-width="150" prop="fcyacc" sortable/>
                    <el-table-column align="left" label="人民币账户账号" min-width="150" prop="lcyacc" sortable/>
                    <el-table-column align="left" label="人民币收款人名称" min-width="150" prop="oppuser" sortable/>
                    <el-table-column align="left" label="人民币账户开户行" min-width="150" prop="oppbank" sortable/>
                    <el-table-column align="left" label="金额" min-width="150" prop="fcyamt" sortable/>
                    <el-table-column align="left" label="币别" min-width="150" prop="fcyccy" sortable/>
                    <el-table-column align="left" label="汇率" min-width="150" prop="exrate" sortable/>
                </el-table>
                <el-pagination :current-page="pagination.pageNum" :page-size="pagination.pageSize"
                               :total="pagination.total"
                               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,
                },
                load: false,
                filterKey: ["ALL", "C", "D", "F"]
            };
        },
        created: function () {
        },
    };
</script>
<style>
</style>