<template>
<div class="eibs-tab">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<c-ptap :model="model" :disabled="true" :disabledRef="true" :disabledExtkey="true" :noRef="true" :isAdrblk="false" :haveAdrLabel="true" :isAdrVisible="false" :argadr="{title: $t('getopn.受益人'), grp: 'oldgidgrp', rol: 'ben'}" ptytyp="C" bchinr='00000047'>
</c-ptap>
</c-col>
<!-- <c-col :span="24">
<el-form-item :label="$t('getopn.记账机构')" prop="oldgidgrp.rec.bchkeyinr">
<c-select v-model="model.oldgidgrp.rec.bchkeyinr" style="width: 100%" placeholder="请选择记账机构" :disabled="model.markOrgList.length == 1">
<el-option v-for="item in model.markOrgList" :key="item.inr" :value="item.inr" :label="item.bchname">
</el-option>
</c-select>
</el-form-item>
</c-col> -->
<c-col :span="24">
<div class="custom-box-wrap">
<div style="width: 280px;">
<el-form-item :label="$t('getopn.保函币种和金额')" prop="oldgidgrp.cbs.max.cur">
<c-select v-model="model.oldgidgrp.cbs.max.cur" dbCode="curtxt" style="width: 100%" placeholder="请选择保函币种" disabled>
</c-select>
</el-form-item>
</div>
<div style="width: calc(100% - 280px);">
<el-form-item label-width="5px" prop="oldgidgrp.cbs.max.amt">
<c-input-currency :currency="model.oldgidgrp.cbs.max.cur" v-model="model.oldgidgrp.cbs.max.amt" placeholder="请输入保函金额" style="width: 100%" @keyup.enter.native="$event.target.blur()" disabled></c-input-currency>
</el-form-item>
</div>
</div>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<div class="box-1">
<div style="width: 280px;">
<el-form-item :label="$t('gitopn.保函余额')" prop="oldgidgrp.cbs.opn1.cur">
<c-select disabled v-model="model.oldgidgrp.cbs.opn1.cur" style="width: 100%" placeholder="请选择保函余额币种" dbCode="curtxt" sort="SRT">
</c-select>
</el-form-item>
</div>
<div style="width: calc(100% - 280px);">
<el-form-item label-width="5px" prop="oldgidgrp.cbs.opn1.amt">
<c-input-currency disabled v-model="model.oldgidgrp.cbs.opn1.amt" :currency="model.oldgidgrp.cbs.opn1.cur" style="width:100%" placeholder="请输入">
</c-input-currency>
</el-form-item>
</div>
</div>
<div class="box-2">
<c-checkbox disabled v-model="model.gitp.aamp.addamtflg" true-label="X" false-label="" class="checkbox-left">
Add. Amount
</c-checkbox>
</div>
</c-col>
<c-col :span="24" v-if="model.gitp.aamp.addamtflg == 'X'">
<div class="custom-box-wrap">
<div style="width: 280px;">
<el-form-item label="Add. Amount" prop="oldgidgrp.cbs.max2.cur">
<c-select disabled v-model="model.oldgidgrp.cbs.max2.cur" placeholder="请选择币种" dbCode="curtxt" sort="SRT">
</c-select>
</el-form-item>
</div>
<div style="width: calc(100% - 280px);">
<el-form-item label-width="5px" prop="oldgidgrp.cbs.max2.amt">
<c-input-currency disabled :currency="model.oldgidgrp.cbs.max2.amt" v-model="model.oldgidgrp.cbs.max2.amt" style="width:100%" placeholder="请输入附加金额" @keyup.enter.native="$event.target.blur()"></c-input-currency>
</el-form-item>
</div>
</div>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<div style="width: calc(100% - 120px);">
<el-form-item :label="$t('getopn.接收目的')" prop="oldgidgrp.rec.purposin">
<c-select disabled v-model="model.oldgidgrp.rec.purposin" style="width: 100%" placeholder="请选择接收目的" dbCode="PURPOI" :filterKey="['ISSU']">
</c-select>
</el-form-item>
</div>
<div style="width: 100px;margin-left: 20px;display: flex;align-items: flex-start;">
<c-checkbox disabled v-model="model.gitp.inc760" true-label="X" false-label="">
Incoming Lose
</c-checkbox>
</div>
</c-col>
<c-col :span="24">
<el-form-item :label="$t('getopn.支出目的')" prop="oldgidgrp.rec.purpos">
<c-select disabled v-model="model.oldgidgrp.rec.purpos" style="width: 100%" dbCode="purpos" :filterKey="['ADVI']" placeholder="请选择支出目的">
</c-select>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<el-form-item :label="$t('getopn.保函开立类型')" prop="oldgidgrp.rec.hndtyp">
<c-select @change="onOrddat" v-model="model.oldgidgrp.rec.hndtyp" style="width: 100%" dbCode="hndtyp" :filterKey="['FA']" placeholder="请选择保函开立类型">
</c-select>
</el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item :label="$t('getopn.保函种类')" prop="oldgidgrp.rec.gartyp">
<c-select disabled v-model="model.oldgidgrp.rec.gartyp" stygartyple="width: 100%" dbCode="TYPGAR" :filterKey="['A','B','C','D','G','J','W','Y','Z','3']" placeholder="请选择保函种类">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="24">
<el-form-item :label="$t('getopn.保函形式')" prop="oldgidgrp.rec.legfrm">
<c-select disabled v-model="model.oldgidgrp.rec.legfrm" dbCode="Legfrm" :filterKey="['DGAR','STBY','DEPU']" style="width: 100%" placeholder="请选择保函形式">
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item :label="$t('getopn.需求指示')" prop="oldgidgrp.rec.demand">
<c-select disabled v-model="model.oldgidgrp.rec.demand" dbCode="demand" style="width: 100%" placeholder="请选择需求指示">
</c-select>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<el-form-item :label="$t('getopn.文本语言')" prop="oldgidgrp.rec.giduil">
<c-select disabled v-model="model.oldgidgrp.rec.giduil" style="width: 100%" placeholder="请选择文本语言" dbCode="uiltxt">
</c-select>
</el-form-item>
</c-col> -->
<c-col :span="24">
<div class="custom-box-wrap">
<div style="width: 280px;">
<el-form-item :label="$t('getopn.适用规则')" prop="oldgidgrp.blk.apprul">
<c-select disabled v-model="model.oldgidgrp.blk.apprul" style="width: 100%" :filterKey="deltoFilterKey" isShowKeyAndLabel dbCode="apprul" placeholder="请选择适用规则">
</c-select>
</el-form-item>
</div>
<div style="width: calc(100% - 280px);">
<el-form-item label-width="5px" prop="oldgidgrp.blk.apprultxt">
<c-input disabled v-model="model.oldgidgrp.blk.apprultxt" maxlength="35" placeholder="请输入适用规则"></c-input>
</el-form-item>
</div>
</div>
</c-col>
<c-col :span="24">
<c-col :span="24">
<el-form-item :label="$t('getopn.担保类型')" prop="oldgidgrp.rec.cfaguatyp">
<c-select disabled v-model="model.oldgidgrp.rec.cfaguatyp" style="width: 100%" placeholder="请选择对外担保类型" dbCode="CFAGUT" isShowKeyAndLabel></c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" class="centerLable" v-if="model.oldgidgrp.cbs.max.cur == 'CNY'">
<el-form-item label="" prop="oldgidgrp.rec.cmtflg" class="checkbox-left">
<c-checkbox disabled true-label="X" false-label="" v-model="model.oldgidgrp.rec.cmtflg">跨境人民币保函</c-checkbox>
</el-form-item>
</c-col>
<c-col v-if="model.zmqflg == 'X'" :span="24" >
<el-form-item label="Oppbnk Code" prop="gidgrp.rec.oppbnk" style="width: 100%" >
<c-input v-model="model.gidgrp.rec.oppbnk" disabled placeholder="请输入对手行代码" ></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ============右边================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item :label="$t('getopn.保函编号')" prop="oldgidgrp.rec.ownref">
<c-fullbox>
<c-input disabled v-model="model.oldgidgrp.rec.ownref" maxlength="16" placeholder="请输入保函编号"></c-input>
<template slot="footer">
<!-- <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
<i class="el-icon-info" style="font-size:15px"></i>
</c-button> -->
<c-button style="margin: 0 0" disabled size="small" type="primary">
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item :label="$t('getopn.责任人')" prop="gitp.usr.extkey">
<c-input disabled v-model="model.gitp.usr.extkey" maxlength="8" placeholder="请输入责任人"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item :label="$t('getopn.客户委托我行日期')" prop="oldgidgrp.rec.orddat">
<c-date-picker type="date" disabled v-model="model.oldgidgrp.rec.orddat" style="width: 100%" placeholder="请选择客户委托我行日期">
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item :label="$t('getopn.生效日期')" prop="oldgidgrp.rec.opndat">
<c-date-picker type="date" disabled v-model="model.oldgidgrp.rec.opndat" style="width: 100%" placeholder="请选择生效日期">
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item :label="$t('getopn.到期类型')" prop="oldgidgrp.rec.exptyp">
<c-select disabled v-model="model.oldgidgrp.rec.exptyp" dbCode="exptyp" isShowKeyAndLabel style="width: 100%" placeholder="请选择到期类型">
<!-- @change="$event => executeNotify(null, true)" -->
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<div style="width: calc(100% - 135px);">
<el-form-item :label="$t('getopn.到期日期')" prop="oldgidgrp.rec.expdat">
<c-date-picker disabled type="date" v-model="model.oldgidgrp.rec.expdat" style="width: 100%" placeholder="请选择到期日期"></c-date-picker>
</el-form-item>
</div>
<div style="width: 115px;margin-left: 20px;display: flex;align-items: flex-start;">
<c-checkbox disabled v-model="model.oldgidgrp.rec.expflg" true-label="X" false-label="">Unlimited Validity</c-checkbox>
<!-- :disabled="model.oldgidgrp.rec.expdat != '' || model.oldgidgrp.rec.expflg == 'X'" -->
</div>
</c-col>
<c-col :span="24">
<div class="custom-box-wrap">
<div style="width: calc(100% - 135px);">
<el-form-item :label="$t('getopn.到期条件')" prop="oldgidgrp.blk.exptxt">
<c-input type="textarea" rows="6" disabled v-model="model.oldgidgrp.blk.exptxt" maxlength="780" show-word-limit placeholder="请输入到期条件"></c-input>
</el-form-item>
</div>
<div style="width: 115px;margin-left: 10px;display: flex;align-items: flex-start;">
<c-checkbox v-model="model.gitp.exptxtmodflg" disabled style="margin: 0 0 0 10px;float:left">Modify Text</c-checkbox>
</div>
</div>
</c-col>
<c-col :span="24">
<el-form-item :label="$t('getopn.合同号')" prop="oldgidgrp.rec.orcref">
<c-input disabled v-model="model.oldgidgrp.rec.orcref" maxlength="32" placeholder="请输入合同号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<div class="custom-box-wrap">
<div style="width: 280px;">
<el-form-item :label="$t('getopn.适用法律')" prop="oldgidgrp.rec.jurlaws20">
<c-select disabled v-model="model.oldgidgrp.rec.jurlaws20" :dbCode="model.spt.inr==='' ?'':'ctytxt'" :isShowKey="true" style="width: 100%" placeholder="请选择适用法律">
</c-select>
</el-form-item>
</div>
<div style="width: calc(100% - 280px);">
<el-form-item label-width="5px" prop="oldgidgrp.rec.jurlaw">
<c-input disabled v-model="model.oldgidgrp.rec.jurlaw" maxlength="35" style="width: 100%" placeholder="请输入仲裁法律"></c-input>
</el-form-item>
</div>
</div>
</c-col>
<c-col :span="24">
<div class="custom-box-wrap">
<div style="width: calc(100% - 135px);">
<el-form-item :label="$t('getopn.合同标的')" prop="oldgidgrp.blk.covgodsrv">
<c-input disabled rows="7" type="textarea" v-model="model.oldgidgrp.blk.covgodsrv" maxlength="350" show-word-limit placeholder="请输入合同标的"></c-input>
</el-form-item>
</div>
<div style="width: 115px;margin-left: 10px;display: flex;align-items: flex-start;">
<c-checkbox disabled true-label="X" false-label="" v-model="model.gitp.covgodsrvmodflg" style="margin: 0 0 0 10px;float:left">Modify Text</c-checkbox>
</div>
</div>
</c-col>
</c-col>
</div>
</template>
<script>
import CodeTable from "~/config/CodeTable";
import event from "../event";
import Api from "~/service/Api";
import Default from "../model/default";
export default {
components: {},
inject: ["root"],
props: ["model", "codes"],
mixins: [event, Default],
data() {
return {};
},
computed: {
deltoFilterKey() {
let filterKey = [""];
if (this.model.oldgidgrp.rec.legfrm == "DGAR") {
filterKey = ["URDG", "NONE", "OTHR", "UCPR"];
} else if (this.model.oldgidgrp.rec.legfrm == "STBY") {
filterKey = ["ISPR", "NONE", "OTHR", "UCPR"];
} else {
filterKey = ["URDG", "ISPR", "NONE", "OTHR", "UCPR"];
}
return filterKey;
}
},
watch: {},
mounted() {},
created: function() {},
methods: {}
};
</script>
<style lang="less" scoped>
</style>