<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="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="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: "通知行", value: "ADV" },
{ label: "受益人", value: "BEN" },
{ label: "交单行(PRP)", value: "PRB" },
],
}
},
methods: { ...Event },
created: function () {
}
}
</script>
<style>
</style>