Brtdckp.vue

<template>
    <c-content>
        <c-row>
            <!-- ====================左边======================= -->
            <c-col :span="11">
                <c-col :span="23">
                    <el-form-item label="信用证参考号" prop="didgrp.rec.ownref" style="width: 100%">
                        <c-input v-model="model.didgrp.rec.ownref" maxlength="16" placeholder="请输入信用证参考号"
                            style="width: 95%" disabled></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="1">
                    <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary"
                        icon="el-icon-search" @click="onSeainf"></c-button>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="有效日期" prop="didgrp.rec.expdat">
                        <c-date-picker type="date" v-model="model.didgrp.rec.expdat" style="width: 100%"
                            placeholder="请选择有效日期" disabled></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="23">
                    <el-form-item label="单据参考号" prop="bddgrp.rec.ownref" style="width: 100%">
                        <c-input v-model="model.bddgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"
                            style="width: 95%" disabled></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="1">
                    <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary"
                        icon="el-icon-search" @click="onSeainf"></c-button>
                </c-col>

                <c-col :span="11">
                    <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
                        <c-select v-model="model.bddgrp.cbs.max.cur" placeholder="币种" style="width: 95%" disabled>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="13">
                    <el-form-item label-width="0" prop="bddgrp.cbs.max.amt">
                        <c-input disabled v-model="model.bddgrp.cbs.max.amt"
                            placeholder="请输入单据金额"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="11">
                    <el-form-item label="单据余额" prop="bddgrp.cbs.opn1.cur">
                        <c-select v-model="model.bddgrp.cbs.opn1.cur" placeholder="币种" style="width: 95%" disabled>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="13">
                    <el-form-item label-width="0" prop="bddgrp.cbs.opn1.amt">
                        <c-input v-model="model.bddgrp.cbs.opn1.amt" placeholder="请输入单据余额" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.rcvdat" style="width: 100%"
                            placeholder="请选择到单日期" disabled></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="远期起算日" prop="bddgrp.rec.stadat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.stadat" style="width: 100%"
                            placeholder="请选择远期起算日" disabled></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <span v-text="model.bdtp.matp.mattxtlab" data-path=".bdtp.matp.mattxtlab">
                    </span>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="单据到期日" prop="bddgrp.rec.matdat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.matdat" style="width: 100%"
                            placeholder="单据到期日" disabled></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="远期期限" prop="bddgrp.rec.tenmaxday">
                        <c-input  v-model="model.bddgrp.rec.tenmaxday" style="width: 100%"
                            placeholder="远期期限" disabled></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
                        <c-select v-model="model.bddgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型"
                            :code="codes.brdtyp" disabled>
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="单据状态" prop="bddgrp.rec.docsta">
                        <c-select v-model="model.bddgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态"
                            :code="codes.docsta1" disabled>

                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
                        <c-select v-model="model.bddgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型"
                            :code="codes.brdtyp" disabled>

                        </c-select>
                    </el-form-item>
                </c-col>


                <c-col :span="11">
                    <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
                        <c-select v-model="model.bddgrp.cbs.max.cur" placeholder="币种" style="width: 95%" disabled>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="13">
                    <el-form-item label-width="0" prop="bddgrp.cbs.max.amt">
                        <c-input v-model="model.bddgrp.cbs.max.amt" placeholder="请输入单据金额"
                            :disabled="model.mhtyp == 'R'"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="原报文标识号" prop="trnmod.swiadd.orimsgid">
                        <c-input v-model="model.trnmod.swiadd.orimsgid" maxlength="35" placeholder="请输入原报文标识号" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="原发起直接参与机构" prop="trnmod.swiadd.oriinstgagt">
                        <c-input v-model="model.trnmod.swiadd.oriinstgagt" maxlength="20" placeholder="请输入原发起直接参与机构"
                            disabled></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="原报文类型" prop="trnmod.swiadd.orimsgtyp">
                        <c-select v-model="model.trnmod.swiadd.orimsgtyp" style="width:100%" placeholder="请选择原报文类型"
                            disabled>
                        </c-select>
                    </el-form-item>
                </c-col>



                <c-col :span="12">
                    <el-form-item label="交单日期" prop="bddgrp.rec.predat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.predat" style="width: 100%"
                            placeholder="请选择交单日期"></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.rcvdat" style="width:100%"
                            placeholder="请选择到单日期">
                        </c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="单据到期日" prop="bddgrp.rec.matdat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.matdat" style="width:100%"
                            placeholder="请选择单据到期日" disabled></c-date-picker>
                    </el-form-item>
                </c-col>



                <c-col :span="12">
                    <el-form-item label="最迟货物装运日" prop="bddgrp.rec.shpdat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.shpdat" style="width:100%"
                            placeholder="请选择最迟货物装运日"></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="交易类别" prop="mhtyp">
                        <c-select v-model="model.mhtyp" style="width:100%" placeholder="请选择交易类别" :code="codes.mhtyp">
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="通知日期" prop="tzdat">
                        <c-date-picker type="date" v-model="model.tzdat" style="width:100%" placeholder="请选择通知日期">
                        </c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="收款行行号" prop="bddgrp.skh.pts.bankno">
                        <c-input v-model="model.bddgrp.skh.pts.bankno" maxlength="20" placeholder="请输入收款行行号"></c-input>
                    </el-form-item>
                </c-col>
               
                <c-col :span="24">
                    <el-form-item label="联行名称  电证用" prop="bddgrp.skh.pts.jigomc">
                        <c-input type="textarea" v-model="model.bddgrp.skh.pts.jigomc" maxlength="35" show-word-limit
                            placeholder="请输入收款行名称"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="申请人编号" prop="didgrp.rec.aplref">
                        <c-input v-model="model.didgrp.rec.aplref" maxlength="16" placeholder="请输入申请人编号">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="此信用证下的到单次数" prop="didgrp.rec.utlnbr">
                        <c-input v-model="model.didgrp.rec.utlnbr" placeholder="请输入此信用证下的到单次数" disabled></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="文档数" prop="days">
                        <c-input v-model="model.days" placeholder="请输入文档数"
                            ></c-input>
                    </el-form-item>
                </c-col>

            </c-col>

            <!-- ====================右边======================= -->
            <c-col :span="11" :offset="1">
                <c-col :span="11">
                    <el-form-item label="信用证余额" prop="didgrp.cbs.opn1.cur">
                        <c-select v-model="model.didgrp.cbs.opn1.cur" placeholder="币种" style="width: 95%" disabled>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="13">
                    <el-form-item label-width="0" prop="didgrp.cbs.opn1.amt">
                        <c-input v-model="model.didgrp.cbs.opn1.amt" placeholder="请输入信用证余额" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="摘要" prop="bddgrp.rec.nam">
                        <c-input align="middle" v-model="model.bddgrp.rec.nam" maxlength="40" disabled
                            placeholder="请输入摘要"></c-input>
                    </el-form-item>
                </c-col>

                <!-- 申请人编号及名称，绑定model.bddgrp.apl.pts.ref&model.bddgrp.apl.pts.nam-->

                <c-col :span="24">
                    <el-form-item label="申请人编号" prop="bddgrp.apl.pts.ref">
                        <c-input v-model="model.bddgrp.apl.pts.ref" maxlength="16" disabled placeholder="请输入申请人编号">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="申请人名称" prop="bddgrp.apl.pts.nam">
                        <c-input v-model="model.bddgrp.apl.pts.nam" maxlength="40" disabled placeholder="申请人名称">
                        </c-input>
                    </el-form-item>
                </c-col>

                <!-- 受益人编号及名称，绑定model.bddgrp.ben.pts.nam&model.bddgrp.prb.pts.ref -->

                <c-col :span="24">
                    <el-form-item label="受益人编号" prop="bddgrp.ben.pts.ref">
                        <c-input v-model="model.bddgrp.ben.pts.ref" maxlength="16" disabled placeholder="请输入受益人编号">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="受益人名称" prop="bddgrp.ben.pts.nam">
                        <c-input v-model="model.bddgrp.ben.pts.nam" maxlength="40" disabled placeholder="受益人名称">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="交易行编号" prop="bddgrp.prb.pts.ref">
                        <c-input v-model="model.bddgrp.prb.pts.ref" maxlength="40" placeholder="请输入交易行编号"></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="交易行名称" prop="bddgrp.prb.pts.nam">
                        <c-input v-model="model.bddgrp.prb.pts.nam" maxlength="40" placeholder="请输入交易行名称" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="交单行" prop="bddgrp.rec.docprbrol" >
                        <c-select v-model="model.bddgrp.rec.docprbrol" placeholder="请输入交单行" style="width: 100%" @change="bocprbrol"
                            :code="docprbrol">
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col>
                    <el-form-item label="BIC" prop="bddgrp.prb.pts.extkey">
                        <c-input v-model="model.bddgrp.prb.pts.extkey" maxlength="40" placeholder="请输入BIC"></c-input>
                    </el-form-item>
                </c-col>

                <c-ptapdome :model="model" :disabledJigomc="true" :argadr="{
                    title: '交易行',
                    rol: 'prb',
                    grp: 'bddgrp'
                }">
                </c-ptapdome>

                <c-col :span="24">
                    <el-form-item label="付款人" prop="bddgrp.rec.payrol">
                        <c-select v-model="model.bddgrp.rec.payrol" style="width:100%" placeholder="请选择付款人" disabled
                            :code="codes.payrol">

                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="20">
                    <el-form-item label="" prop="bdtp.oth.pts.extkey">
                        <c-input v-model="model.bdtp.oth.pts.extkey" maxlength="16" style="width: 95%"
                            placeholder="请输入" disabled></c-input>
                    </el-form-item>
                </c-col>


                <!-- 按钮替代 
            <c-col :span="12">
                <el-form-item label="" prop="bdtp.othp.ptsget.sdamod.seainf">
                    <c-input  v-model="model.bdtp.othp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="6">
                <c-button size="small" type="primary"  @click="onOthpDet">
                    Details
                </c-button>
            </c-col> -->
                <c-col :span="1">
                    <!-- <el-form-item label="" label-width="5px"> -->
                    <c-button style="margin:0 10px 0 0;padding: 0 10px;" class="searchButton" size="small"
                        type="primary" icon="el-icon-search" @click="onSeainf(`bdtp.oth.pts.extkey`)"></c-button>
                </c-col>
                <c-col :span="3" style="text-align: right">
                    <c-button style="margin:0 0" class="detailsButton" size="small" type="primary">
                        详情
                    </c-button>
                    <!-- </el-form-item> -->
                </c-col>


                <!-- 输入框替代 
            <c-col :span="12">
                <el-form-item label="Address Block" prop="bdtp.oth.pts.adrblk">
                    <c-input type="textarea" v-model="model.bdtp.oth.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
                </el-form-item>
            </c-col> 
            <c-col :span="12">
            <el-form-item label="名称" prop="bdtp.oth.namelc">
                <c-input type="textarea" v-model="model.bdtp.oth.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
            </el-form-item>
            </c-col>
            -->

                <c-col :span="24">
                    <el-form-item prop="bdtp.oth.namelc" :label="`付款人名称`">
                        <c-input type="textarea" v-model="model.bdtp.oth.namelc" :placeholder="'请输入付款人名称'" :rows="2"
                            maxlength="35" show-word-limit disabled></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="付款人地址" :prop="`bdtp.oth.pts.adrblk`">
                        <c-input type="textarea" :rows="4" v-model="model.bdtp.oth.pts.adrblk" maxlength="35"
                            show-word-limit placeholder="请输入付款人地址" disabled></c-input>
                    </el-form-item>
                </c-col>
          </c-col>
        </c-row>
    </c-content>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bdtdck/Event"
import Ptap from "~/views/Public/Ptap";
import PtapDome from "~/views/Public/PtapDome";

export default {
    components: {
        "c-ptap": Ptap,
        "c-ptapdome": PtapDome,
    },
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            docprbrol: [
                { label: "Advising Bank", value: "ADV" },
                { label: "Beneficiary", value: "BEN" },
                { label: "Presenter(PRP)", value: "PRB" },
            ],

        }
    },
    methods: { ...Event },
    created: function () {

    }
}
</script>
<style>
</style>