<template>
<div class="eibs-tab">
<!-- ====================================第一行 =================================-->
<c-col :span="24">
<!-- S0000198 : 信用证参考号 -->
<c-col :span="12">
<c-form-item label="信用证参考号" prop="didgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.didgrp.rec.ownref"
maxlength="16"
placeholder="请输入信用证参考号"
disabled
></c-input>
<template slot="footer">
<c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
<i class="el-icon-info"></i>
</c-button>
</template>
</c-fullbox>
</c-form-item>
</c-col>
<!-- S0000192 : 信用证余额 -->
<c-col :span="11" :offset="1">
<c-col :span="12">
<c-form-item label="信用证余额" prop="didgrp.cbs.opn1.cur">
<c-select
v-model="model.didgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请选择币种"
:code="codes.curtxt"
disabled
></c-select>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" label-width="5px" prop="didgrp.cbs.opn1.amt">
<c-input
v-model="model.didgrp.cbs.opn1.amt"
placeholder=""
class="m-input-currency"
disabled
></c-input>
</c-form-item>
</c-col>
</c-col>
</c-col>
<!-- ====================================第二行 =================================-->
<!-- S0000195 : 到期日 -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="到期日" prop="didgrp.rec.expdat">
<c-date-picker
type="date"
value-format="yyyy-MM-dd"
v-model="model.didgrp.rec.expdat"
style="width: 100%"
placeholder="请输入到期日"
disabled
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- ====================================第三行 =================================-->
<!-- S0000196 : 单据参考号 -->
<c-col :span="24">
<c-col :span="12">
<c-form-item label="单据参考号" prop="bddgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.bddgrp.rec.ownref"
maxlength="16"
placeholder="请输入单据参考号"
disabled
></c-input>
<template slot="footer">
<c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
<i class="el-icon-info"></i>
</c-button>
</template>
</c-fullbox>
</c-form-item>
</c-col>
<c-col :span="11" :offset="1">
<!-- SF000230 : 摘要 -->
<c-col :span="24">
<c-form-item label="摘要" prop="bddgrp.rec.nam">
<c-input
v-model="model.bddgrp.rec.nam"
maxlength="40"
placeholder="请输入摘要"
disabled
></c-input>
</c-form-item>
</c-col>
</c-col>
</c-col>
<!-- 分割线 -->
<c-col :span="24">
<el-form-item style="margin-left: -150px">
<el-divider />
</el-form-item>
</c-col>
<!-- ====================================中部-左边 单据金额-单据余额 ======================================-->
<c-col :span="12">
<c-col :span="24">
<!-- S0000197 : 单据金额 -->
<c-col :span="12">
<el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
<c-select
v-model="model.bddgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.curtxt"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" label-width="5px" prop="bddgrp.cbs.max.amt">
<c-input
v-model="model.bddgrp.cbs.max.amt"
placeholder="请输入单据金额"
class="m-input-currency"
disabled
></c-input>
</c-form-item>
</c-col>
</c-col>
<!-- S0000199 : 单据余额 -->
<c-col :span="24">
<c-col :span="12">
<c-form-item label="单据余额" prop="bddgrp.cbs.opn1.cur">
<c-select
v-model="model.bddgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请选择币种"
:code="codes.curtxt"
disabled
></c-select>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" label-width="5px" prop="bddgrp.cbs.opn1.amt">
<c-input
v-model="model.bddgrp.cbs.opn1.amt"
placeholder="请输入单据余额"
class="m-input-currency"
disabled
></c-input>
</c-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- S0000200 : 到单日期 -->
<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="到单日期"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<!-- SG000234 : 远期起算日 -->
<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="请选择远期起算日"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<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="请选择单据到期日"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<!-- SG000235 : 远期期限 -->
<c-col :span="12">
<c-form-item label="远期期限" prop="bddgrp.rec.tenmaxday">
<c-input
v-model.number="model.bddgrp.rec.tenmaxday"
placeholder="请输入远期期限"
disabled
></c-input>
</c-form-item>
</c-col>
</c-col>
<!-- S0000206 : 单据类型 -->
<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>
<!-- S0000207 : 单据状态 -->
<c-col :span="12">
<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>
<!-- ====================================中部-右边 申请人 ======================================-->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-form-item label="申请人 编号" prop="bddgrp.apl.pts.ref">
<c-input
v-model="model.bddgrp.apl.pts.ref"
maxlength="16"
placeholder=""
disabled
></c-input>
</c-form-item>
</c-col>
<!-- Name of Party -->
<c-col :span="24">
<c-form-item label="" prop="bddgrp.apl.pts.nam">
<c-input
v-model="model.bddgrp.apl.pts.nam"
maxlength="40"
placeholder=""
disabled
></c-input>
</c-form-item>
</c-col>
<!-- S0000193 : 受益人 -->
<!-- S0000205 : 编号 -->
<c-col :span="24">
<c-form-item label="受益人 编号" prop="bddgrp.ben.pts.ref">
<c-input
v-model="model.bddgrp.ben.pts.ref"
maxlength="16"
placeholder=""
disabled
></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<c-form-item label="" prop="bddgrp.ben.pts.nam">
<c-input
v-model="model.bddgrp.ben.pts.nam"
maxlength="40"
placeholder=""
disabled
></c-input>
</c-form-item>
</c-col>
<!-- S0000204 : 交单行 -->
<!-- S0000208 : 编号 -->
<c-col :span="24">
<c-form-item label="交单行 编号" prop="bddgrp.prb.pts.ref">
<c-input
v-model="model.bddgrp.prb.pts.ref"
maxlength="16"
placeholder=""
disabled
></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<c-form-item label="" prop="bddgrp.prb.pts.nam">
<c-input
v-model="model.bddgrp.prb.pts.nam"
maxlength="40"
placeholder=""
disabled
></c-input>
</c-form-item>
</c-col>
</c-col>
<!-- 分割线 -->
<c-col :span="24">
<el-form-item style="margin-left: -150px">
<el-divider />
</el-form-item>
</c-col>
<!-- ====================================下部-左边 单据类型 ======================================-->
<c-col :span="12">
<!-- SF000260 : 单据类型 -->
<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">
<!-- S0000250 : 到单日期 -->
<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="到单日期"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
<!-- S0000249 : 交单日期 -->
<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="交单日期"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- SF000282 : 承兑金额 -->
<c-col :span="12">
<el-form-item label="承兑金额" prop="setmod.doccur">
<c-select
v-model="model.setmod.doccur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.curtxt"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" label-width="5px" prop="setmod.docamt">
<c-input
v-model="model.setmod.docamt"
placeholder=""
class="m-input-currency"
></c-input>
</c-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- SF000009 : 单据金额 -->
<c-col :span="12">
<el-form-item label="单据金额" prop="bddgrp.cbs.opn2.cur">
<c-select
v-model="model.bddgrp.cbs.opn2.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.curtxt"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" label-width="5px" prop="aamset.utlamt">
<c-input
v-model="model.aamset.utlamt"
class="m-input-currency"
placeholder=""
:disabled="model.aamset.aammod.opn2.amt==0"
></c-input>
</c-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- S0000008 : 附加金额 -->
<c-col :span="12">
<el-form-item label="附加金额" prop="bddgrp.cbs.opn2.cur">
<c-select
v-model="model.bddgrp.cbs.opn2.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.curtxt"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" label-width="5px" prop="aamset.utlamt2">
<c-input
v-model="model.aamset.utlamt2"
placeholder=""
class="m-input-currency"
:disabled="model.aamset.amt2okflg==''"
></c-input>
</c-form-item>
</c-col>
</c-col>
<!-- SG000283 : Which MT 发送承付电 -->
<c-col :span="24">
<el-form-item label="发送承付电" prop="sftmt">
<c-select
v-model="model.sftmt"
style="width: 100%"
placeholder="请选择发送承付电"
>
<el-option
v-for="item in codeTable"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- TAG72 -->
<c-col :span="24">
<c-form-item label="" prop="bddgrp.tag72add">
<c-fullbox>
<c-input
type="textarea"
v-model="model.bddgrp.tag72add"
maxlength="1750"
show-word-limit
:rows="4"
placeholder=""
:disabled="model.sftmt==''"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onAcctagButtxmsel"
:disabled="model.sftmt==''"
>
...
</c-button>
</template>
</c-fullbox>
</c-form-item>
</c-col>
</c-col>
<!-- ====================================下部-右边 交单行 ======================================-->
<c-col :span="11" :offset="1">
<!-- SF000246 : 交单行 -->
<c-col :span="24">
<el-form-item label="交单行" prop="bddgrp.rec.docprbrol">
<c-select
v-model="model.bddgrp.rec.docprbrol"
style="width: 100%"
placeholder="请选择交单行"
:code="codes.docprbrol"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000121 : BIC External Key of Address -->
<c-col :span="24">
<c-form-item label="BIC" prop="bddgrp.prb.pts.extkey">
<c-input
v-model="model.bddgrp.prb.pts.extkey"
maxlength="16"
placeholder="请输入"
></c-input>
</c-form-item>
</c-col>
<!-- S0000122 : 联行行号 -->
<c-col :span="24">
<c-form-item label="联行行号" prop="bddgrp.prb.pts.bankno">
<c-input
v-model="model.bddgrp.prb.pts.bankno"
maxlength="20"
placeholder="请输入联行行号"
></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<c-form-item label="联行名称 电证用" prop="bddgrp.prb.pts.jigomc">
<c-input
type="textarea"
v-model="model.bddgrp.prb.pts.jigomc"
maxlength="140"
show-word-limit
placeholder="联行名称 电证用"
disabled
></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<c-form-item label="地址 电证用" prop="bddgrp.prb.pts.dizhii">
<c-input
type="textarea"
v-model="model.bddgrp.prb.pts.dizhii"
maxlength="140"
show-word-limit
placeholder="地址 电证用"
></c-input>
</c-form-item>
</c-col>
<!-- SF000247 : 付款人 -->
<c-col :span="24">
<el-form-item label="付款人" prop="bddgrp.rec.payrol">
<c-select
v-model="model.bddgrp.rec.payrol"
style="width: 100%"
placeholder="付款人"
:code="codes.payrol"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000121 : BIC External Key of Address-->
<c-col :span="24">
<c-form-item label="BIC" prop="bdtp.oth.pts.extkey">
<c-input
v-model="model.bdtp.oth.pts.extkey"
maxlength="16"
placeholder="请输入"
disabled
></c-input>
</c-form-item>
</c-col>
<!-- S0000122 : 联行行号 -->
<c-col :span="24">
<c-form-item label="联行行号" prop="bdtp.oth.pts.bankno">
<c-input
v-model="model.bdtp.oth.pts.bankno"
maxlength="20"
placeholder="请输入联行行号"
disabled
></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<c-form-item label="联行名称 电证用" prop="bdtp.oth.pts.jigomc">
<c-input
type="textarea"
v-model="model.bdtp.oth.pts.jigomc"
maxlength="140"
show-word-limit
placeholder="联行名称 电证用"
disabled
></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<c-form-item label="地址 电证用" prop="bdtp.oth.pts.dizhii">
<c-input
type="textarea"
v-model="model.bdtp.oth.pts.dizhii"
maxlength="140"
show-word-limit
placeholder="地址 电证用"
disabled
></c-input>
</c-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Bdtudp/Event'
export default {
inject: ['root'],
props: ['model', 'codes'],
mixins: [commonProcess],
data() {
return {
codeTable: [
{ label: "MT x99 Information by Free Message", value: "x99" },
],
}
},
methods: { ...Event },
created: function () {},
}
</script>
<style></style>