Dbb.vue

<template>
    <div class="eibs-tab">
        <c-row>
            <c-col :span="24">
                <!----------左边------------>
                <c-col :span="11">
                    <c-col :span="24">
                        <el-form-item label="申报号码" prop="bopmod.dbbgrp.bas.rptno">
                            <c-input v-model="model.bopmod.dbbgrp.bas.rptno" maxlength="22" placeholder="请输入申报号码"
                                disabled></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="操作类型" prop="bopmod.dbbgrp.bas.actiontype">
                            <c-select v-model="model.bopmod.dbbgrp.bas.actiontype" style="width:100%"
                                placeholder="请选择操作类型" :code="codes.actiontype" disabled>
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="地区机构号" prop="bopmod.dbbgrp.bas.ownextkey">
                            <c-select v-model="model.bopmod.dbbgrp.bas.ownextkey" style="width:100%"
                                placeholder="请选择地区机构号" disabled>
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="银行业务编号" prop="bopmod.dbbgrp.bas.buscode">
                            <c-input v-model="model.bopmod.dbbgrp.bas.buscode" maxlength="22" placeholder="请输入银行业务编号"
                                disabled></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="付款人类型" prop="bopmod.dbbgrp.bas.custype">
                            <c-select v-model="model.bopmod.dbbgrp.bas.custype" style="width:100%" placeholder="请选择类型"
                                :code="codes.custype" disabled>
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="付款人名称" prop="bopmod.dbbgrp.bas.custnm">
                            <c-input type="textarea" v-model="model.bopmod.dbbgrp.bas.custnm" maxlength="63"
                                show-word-limit placeholder="请输入付款人名称"></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="收款人名称" prop="bopmod.dbbgrp.bas.oppuser">
                            <c-input type="textarea" v-model="model.bopmod.dbbgrp.bas.oppuser" maxlength="63"
                                show-word-limit placeholder="请输入收款人名称"></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="身份证件号码" prop="bopmod.dbbgrp.bas.idcode">
                            <c-input v-model="model.bopmod.dbbgrp.bas.idcode" maxlength="32" placeholder="请输入身份证件号码"
                                disabled></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="购汇金额" prop="bopmod.dbbgrp.bas.lcyamt">
                            <c-input v-model="model.bopmod.dbbgrp.bas.lcyamt" placeholder="请输入购汇金额"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="现汇金额" prop="bopmod.dbbgrp.bas.fcyamt">
                            <c-input v-model="model.bopmod.dbbgrp.bas.fcyamt" placeholder="请输入现汇金额"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="其它金额" prop="bopmod.dbbgrp.bas.othamt">
                            <c-input v-model="model.bopmod.dbbgrp.bas.othamt" placeholder="请输入其它金额"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <c-col :span="13">
                            <el-form-item label="付款币种及金额" prop="bopmod.dbbgrp.bas.txccy">
                                <c-select v-model="model.bopmod.dbbgrp.bas.txccy" style="width:100%"
                                    placeholder="请选择付款币种及金额" :code="codes.curtxt" disabled>
                                </c-select>
                            </el-form-item>
                        </c-col>
                        <c-col :span="11">
                            <el-form-item label="" prop="bopmod.dbbgrp.bas.txamt" label-width="5px">
                                <c-input v-model="model.bopmod.dbbgrp.bas.txamt" placeholder="请输入付款币种及金额" disabled>
                                </c-input>
                            </el-form-item>
                        </c-col>
                    </c-col>


                </c-col>

                <!----------右边------------>
                <c-col :span="11" :offset="1">
                    <c-col :span="24">
                        <el-form-item label="修改/删除原因" prop="bopmod.dbbgrp.bas.actiondesc">
                            <c-input type="textarea" v-model="model.bopmod.dbbgrp.bas.actiondesc" maxlength="32"
                                show-word-limit placeholder="请输入操作类型" :rows="7" disabled></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="结算方式" prop="bopmod.dbbgrp.bas.methods">
                            <c-select v-model="model.bopmod.dbbgrp.bas.methods" style="width:100%" placeholder="请选择结算方式"
                                :code="codes.methods" disabled>
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="组织机构" prop="bopmod.dbbgrp.bas.custcod">
                            <c-input v-model="model.bopmod.dbbgrp.bas.custcod" maxlength="18" placeholder="请输入组织机构"
                                disabled></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <br>
                    </c-col>
                    <c-col :span="24">
                        <br>
                    </c-col>
                    <c-col :span="24">
                        <c-checkbox v-model="model.bopmod.dbbp.baspp.acp" disabled :checked="true">确认</c-checkbox>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item label="购汇汇率" prop="bopmod.dbbgrp.bas.exrate">
                            <c-input v-model="model.bopmod.dbbgrp.bas.exrate" placeholder="请输入购汇汇率" disabled></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="人民币帐号/银行卡号" prop="bopmod.dbbgrp.bas.lcyacc">
                            <c-input v-model="model.bopmod.dbbgrp.bas.lcyacc" maxlength="32" placeholder="请输入人民币帐号/银行卡号"
                                disabled></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="外汇帐号/银行卡号" prop="bopmod.dbbgrp.bas.fcyacc">
                            <c-input v-model="model.bopmod.dbbgrp.bas.fcyacc" maxlength="32" placeholder="请输入外汇帐号/银行卡号"
                                disabled></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="其它帐号/银行卡号" prop="bopmod.dbbgrp.bas.othacc">
                            <c-input v-model="model.bopmod.dbbgrp.bas.othacc" maxlength="32" placeholder="请输入其它帐号/银行卡号"
                                disabled></c-input>
                        </el-form-item>
                    </c-col>


                </c-col>
            </c-col>

            <!--按钮，先屏蔽了-->
            <c-col v-show="false">
                <c-col :span="12">
                    <c-button size="small" type="primary" @click="onSav">
                        &Save
                    </c-button>
                </c-col>

                <c-col :span="12">
                    <c-button size="small" type="primary" @click="onBasppGetreftmp">
                        Get Ref
                    </c-button>
                </c-col>
                <c-col :span="12">
                    <c-button size="small" type="primary" @click="onBasppGetref">
                        GetRef
                    </c-button>
                </c-col>
                <c-col :span="12">
                    <c-button size="small" type="primary" @click="onCan">
                        Modify
                    </c-button>
                </c-col>
                <c-col :span="12">
                    <c-button size="small" type="primary" @click="onChk">
                        &Check
                    </c-button>
                </c-col>
                <c-col :span="12">
                    <c-button size="small" type="primary" @click="onChk">
                        Delete
                    </c-button>
                </c-col>

                <c-col :span="12">
                    <c-button size="small" type="primary" @click="onButpErr">
                        &Error
                    </c-button>
                </c-col>
                <c-col :span="12">
                    <c-button size="small" type="primary" @click="onCan">
                        E&xit
                    </c-button>
                </c-col>
            </c-col>

            <!--多余字段隐藏-->
            <c-col v-show="false">
                <c-col :span="12">
                    <el-form-item label="�'时申报流�'号" prop="bopmod.dbbgrp.bas.tmpref">
                        <c-input v-model="model.bopmod.dbbgrp.bas.tmpref" maxlength="16" placeholder="请输入�'时申报流�'号">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <span v-text="model.bopmod.dbbp.baspp.tmprefnew" data-path=".bopmod.dbbp.baspp.tmprefnew"> </span>
                </c-col>
                <c-col :span="12">
                    <span v-text="model.bopmod.dbbp.baspp.roptnam" data-path=".bopmod.dbbp.baspp.roptnam"> </span>
                </c-col>
                <c-col :span="12">
                    <span v-text="model.bopmod.dbbp.baspp.cusnam" data-path=".bopmod.dbbp.baspp.cusnam"> </span>
                </c-col>
                <c-col :span="12">
                    <span v-text="model.bopmod.dbbp.baspp.cornam" data-path=".bopmod.dbbp.baspp.cornam"> </span>
                </c-col>
                <c-col :span="12">
                    <span v-text="model.bopmod.dbbp.baspp.corpnam" data-path=".bopmod.dbbp.baspp.corpnam"> </span>
                </c-col>
                <c-col :span="12">
                    <span v-text="model.bopmod.dbbp.baspp.exratelab" data-path=".bopmod.dbbp.baspp.exratelab"> </span>
                </c-col>
                <c-col :span="12">
                    <span v-text="model.bopmod.dbbp.baspp.lcyamtlab" data-path=".bopmod.dbbp.baspp.lcyamtlab"> </span>
                </c-col>

                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item label="实际付款币种及金额" prop="bopmod.dbbgrp.bas.actuccy">
                            <c-select v-model="model.bopmod.dbbgrp.bas.actuccy" style="width:100%"
                                placeholder="请选择实际付款币种及金额" :code="codes.curtxt" disabled>
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="11">
                        <el-form-item label="" prop="bopmod.dbbgrp.bas.actuamt" label-width="5px">
                            <c-input v-model="model.bopmod.dbbgrp.bas.actuamt" placeholder="请输入实际付款币种及金额" disabled>
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-col>
                <c-col :span="24">
                    <c-col :span="12">
                        <el-form-item label="开证日期" prop="bopmod.dbbgrp.bas.issdate">
                            <c-date-picker type="date" v-model="model.bopmod.dbbgrp.bas.issdate" style="width:100%"
                                placeholder="请选择开证日期" disabled></c-date-picker>
                        </el-form-item>
                    </c-col>

                    <c-col :span="12">
                        <el-form-item label="信用证/保函编号" prop="bopmod.dbbgrp.bas.lcbgno">
                            <c-input v-model="model.bopmod.dbbgrp.bas.lcbgno" maxlength="20" placeholder="请输入信用证/保函编号"
                                disabled></c-input>
                        </el-form-item>
                    </c-col>
                </c-col>

                <c-col :span="24">
                    <c-col :span="13">
                        <el-form-item label="扣费币种及金额" prop="bopmod.dbbgrp.bas.outchargeccy">
                            <c-select v-model="model.bopmod.dbbgrp.bas.outchargeccy" style="width:100%"
                                placeholder="请选择扣费币种及金额" :code="codes.curtxt" disabled>
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="11">
                        <el-form-item label="" prop="bopmod.dbbgrp.bas.outchargeamt" label-width="5px">
                            <c-input v-model="model.bopmod.dbbgrp.bas.outchargeamt" placeholder="请输入扣费币种及金额" disabled>
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="期限" prop="bopmod.dbbgrp.bas.tenor">
                        <c-input v-model="model.bopmod.dbbgrp.bas.tenor" placeholder="请输入期限" disabled></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-row>
    </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Brtset/Event"

export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {

        }
    },
    methods: { ...Event },
    created: function () {
        this.executeRule("bopmod.dbbp.basp").then((res) => {
            if (res.respCode == SUCCESS) {
                this.copyValueFromVO(res.data);
            }
        });
    }
}
</script>
<style>

</style>