<template>
<div class="eibs">
<!-- ======================= 左边 ========================= -->
<c-col :span="12" style="padding-right: 20px">
<el-col :span="24">
<el-form-item label="Reference" prop="lidgrp.rec.ownref" style="width: 100%">
<c-fullbox>
<c-input v-model="model.lidgrp.rec.ownref" maxlength="16" disabled placeholder=""></c-input>
<!-- <template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
size="small"
type="primary"
icon="el-icon-search">
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="model.lidgrp.rec.ownref == '' ? false : true"
@click="onLitpButgetref">
获取
</c-button>
</template> -->
</c-fullbox>
</el-form-item>
</el-col>
<c-col :span="24">
<el-form-item label="Form of L/C" prop="lidgrp.rec.lcrtyp">
<c-select
disabled
v-model="model.lidgrp.rec.lcrtyp"
placeholder="请选择信用证类型"
style="width: 100%"
dbCode="lcrtyp">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="合同号" prop="lidgrp.rec.rptref">
<c-input disabled v-model="model.lidgrp.rec.rptref" maxlength="25" placeholder="请输入合同号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<el-form-item label="Nominal Amount" prop="lidgrp.cbs.nom1.cur">
<c-select
disabled
v-model="model.lidgrp.cbs.nom1.cur"
style="width: 115px"
placeholder="请选择币种"
dbCode="curtxt"
sort="SRT">
</c-select>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="lidgrp.cbs.nom1.amt">
<c-input-currency
disabled
v-model="model.lidgrp.cbs.nom1.amt"
:currency="model.lidgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="请输入金额">
</c-input-currency>
</el-form-item>
</div>
<div class="box-2">
<c-checkbox
disabled
v-model="model.addamtflg"
true-label="X"
false-label=""
class="checkbox-left">
Add.Amount
</c-checkbox>
</div>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<el-form-item label="Amount Tolerance(39A) +/-" prop="lidgrp.rec.nomtop">
<c-input
disabled
v-model="model.lidgrp.rec.nomtop"
maxlength="2"
style="width: 115px"
placeholder="0"
@change="nomtopChange"></c-input>
</el-form-item>
<div class="box-3">
<el-form-item
label="/"
style="text-align: left; margin-left: 25px"
label-width="10px"
prop="lidgrp.rec.nomton">
<c-input disabled v-model="model.lidgrp.rec.nomton" maxlength="2" placeholder="0"></c-input>
</el-form-item>
</div>
<div class="box-2">
<c-checkbox
disabled
true-label="X"
false-label=""
v-model="model.lidgrp.rec.dkflg"
style="float: right; text-align: center"
>代开信用证</c-checkbox
>
</div>
</c-col>
<c-col :span="24" class="custom-box-wrap" v-if="model.addamtflg == 'X'">
<el-form-item label="Additional Amount" prop="lidgrp.cbs.max2.cur">
<c-select
disabled
v-model="model.lidgrp.cbs.max2.cur"
style="width: 115px"
placeholder="请选择币种"
dbCode="curtxt"
sort="SRT">
</c-select>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="lidgrp.cbs.max2.amt">
<c-input-currency
disabled
v-model="model.lidgrp.cbs.max2.amt"
:currency="model.lidgrp.cbs.max2.cur"
style="width: 100%"
placeholder="请输入金额">
</c-input-currency>
</el-form-item>
</div>
</c-col>
<c-col :span="24" class="custom-box-wrap" v-if="model.addamtflg == 'X'">
<el-form-item label="Open Add.Amount" prop="lidgrp.cbs.opn2.cur">
<c-select
v-model="model.lidgrp.cbs.opn2.cur"
style="width: 115px"
placeholder="请选择币种"
dbCode="curtxt"
sort="SRT"
disabled>
</c-select>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="lidgrp.cbs.opn2.amt">
<c-input-currency
v-model="model.lidgrp.cbs.opn2.amt"
:currency="model.lidgrp.cbs.opn2.cur"
style="width: 100%"
placeholder="请输入金额"
disabled>
</c-input-currency>
</el-form-item>
</div>
</c-col>
<c-col :span="24" v-if="model.addamtflg == 'X'">
<el-form-item label="Covered" prop="lidgrp.blk.addamtcov">
<c-input
disabled
type="textarea"
v-model="model.lidgrp.blk.addamtcov"
maxlength="140"
:rows="4"
show-word-limit
placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<div class="box-1">
<div style="width: 100%">
<el-form-item label="Amount Specification" prop="lidgrp.rec.nomspc">
<c-select
v-model="model.lidgrp.rec.nomspc"
style="width: 100%"
disabled
placeholder="请选择"
dbCode="nomspc">
</c-select>
</el-form-item>
</div>
</div>
<div class="box-2" v-if="currencyOrg">
<c-checkbox
disabled
true-label="X"
false-label=""
class="checkbox-left"
v-model="model.lidgrp.rec.needcuscomopn"
>需客户确认</c-checkbox
>
</div>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<el-form-item label="Maximum Amount" prop="lidgrp.cbs.max.cur">
<c-select
disabled
v-model="model.lidgrp.cbs.max.cur"
style="width: 115px"
placeholder="请选择币种"
dbCode="curtxt"
sort="SRT">
</c-select>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="lidgrp.cbs.max.amt">
<c-input-currency
disabled
v-model="model.lidgrp.cbs.max.amt"
:currency="model.lidgrp.cbs.max.cur"
style="width: 100%"
placeholder="请输入金额">
</c-input-currency>
</el-form-item>
</div>
</c-col>
<c-col :span="24">
<el-form-item label="Confirm. Instructions" prop="lidgrp.rec.cnfdet">
<c-select
disabled
v-model="model.lidgrp.rec.cnfdet"
style="width: 100%"
placeholder="请选择保兑指示"
dbCode="cnfflg">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="OPPBNKL" prop="lidgrp.rec.oppbnk" v-if="zmqflg">
<!--自贸区标志 -->
<c-input disabled v-model="model.lidgrp.rec.oppbnk" maxlength="12" placeholder="请输入对手行代码"></c-input>
</el-form-item>
</c-col>
<c-col :span="8" class="">
<el-form-item label=" " prop="lidgrp.rec.rmbflg" label-width="180px" style="float: left">
<c-checkbox v-model="model.lidgrp.rec.rmbflg" class="checkbox-left" true-label="X" false-label="" disabled
>Reimbursement Information</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="8" class="centerLable">
<el-form-item label="" class="checkbox-left" prop="lidgrp.rec.revflg">
<c-checkbox v-model="model.lidgrp.rec.revflg" disabled>Revolving L/C</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Responsible User" prop="lidgrp.rec.ownusr" style="width: 100%">
<c-input v-model="model.lidgrp.rec.ownusr" maxlength="8" placeholder="请输入客户经理"></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ======================右边====================== -->
<c-col :span="12" style="padding-left: 20px">
<c-col :span="13">
<el-form-item label="L/C Issued on" prop="lidgrp.rec.opndat">
<c-date-picker
disabled
type="date"
v-model="model.lidgrp.rec.opndat"
style="width: 100%"
placeholder="请选择日期"
value-format="yyyy-MM-dd"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="Date Pre-advised" label-width="120px" prop="lidgrp.rec.preadvdt">
<c-date-picker
type="date"
v-model="model.lidgrp.rec.preadvdt"
style="width: 100%"
disabled
placeholder="请选择日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="Latest Shipment Date" prop="lidgrp.rec.shpdat">
<c-date-picker
type="date"
disabled
v-model="model.lidgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="L/C Expiring on" label-width="120px" prop="lidgrp.rec.expdat">
<c-date-picker
disabled
type="date"
v-model="model.lidgrp.rec.expdat"
style="width: 100%"
placeholder="请选择日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Shipment Period" prop="lidgrp.blk.shpper">
<c-input
type="textarea"
disabled
v-model="model.lidgrp.blk.shpper"
maxlength="390"
:rows="6"
show-word-limit
placeholder="请输入装运期"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Period for presentation in Days" prop="lidgrp.rec.prepers18">
<c-input
disabled
v-model.number="model.lidgrp.rec.prepers18"
style="width: 100%"
placeholder="请输入提交期限（天）"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="lidgrp.rec.prepertxts18">
<c-input
disabled
v-model="model.lidgrp.rec.prepertxts18"
style="width: 100%"
placeholder="请输入描述"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="in (Place)/ counters of" prop="lidgrp.rec.expplc">
<c-input disabled v-model="model.lidgrp.rec.expplc" maxlength="29" placeholder="请输入交单地点"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Partial Shipment" prop="lidgrp.rec.shppars18">
<c-select
disabled
v-model="model.lidgrp.rec.shppars18"
style="width: 100%"
placeholder="请选择分批装运条款"
dbCode="shppal">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Transhipment " prop="lidgrp.rec.shptrss18">
<c-select
disabled
v-model="model.lidgrp.rec.shptrss18"
style="width: 100%"
placeholder="请选择转运条款"
dbCode="shppal">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Applicable Rules" prop="lidgrp.rec.apprul">
<c-select
disabled
v-model="model.lidgrp.rec.apprul"
style="width: 100%"
placeholder="请选择适用规则"
dbCode="apprus"></c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="Other Applicable Rules"
prop="lidgrp.rec.apprultxt"
:rules="[
{ required: !flag, message: '必输项' },
{ max: 35, message: '长度不能超过35' },
]">
<c-input
v-model="model.lidgrp.rec.apprultxt"
maxlength="35"
disabled
placeholder="请输入其他适用规则"></c-input>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import event from "../event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
zmqflg: null,
flag: true,
};
},
computed:{
currencyOrg(){
return JSON.parse(sessionStorage.getItem('currentOrg')).departmentNumber == '2020'
}
},
methods: {
},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>