<template>
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="Reference"
prop="bcdgrp.rec.ownref"
style="width: 100%"
>
<c-input
v-model="model.bcdgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<c-button
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
></c-button>
<c-button
size="small"
type="primary"
@click="onBctmodButgetref"
>
获取
</c-button>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Name" prop="bcdgrp.rec.nam">
<c-input
align="middle"
v-model="model.bcdgrp.rec.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="16">
<el-form-item
label="Responsible User"
prop="bctp.usr.extkey"
style="width: 100%"
>
<c-input
style="width: 95%"
v-model="model.bctp.usr.extkey"
maxlength="16"
placeholder="请输入Responsible User"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<!-- <el-form-item label="" label-width="17px"> -->
<c-button
style="margin:0 10px 0 0;padding: 0 10px;"
size="small"
icon="el-icon-search"
type="primary"
@click="onExtkey"
></c-button>
<!-- </el-form-item> -->
</c-col>
<c-col :span="4" class="centerLable">
<c-checkbox v-model="model.bcdgrp.rec.resflg"
>Reserved Contract</c-checkbox
>
</c-col>
<c-col :span="9">
<el-form-item label="Document Amount" prop="bcdgrp.cbs.max.cur">
<c-select
disabled
v-model="model.bcdgrp.cbs.max.cur"
style="width: 95%"
placeholder="请选择Currency"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
style="text-align: left"
label-width="0"
prop="model.bcdgrp.cbs.max.amt"
>
<c-input-currency
v-model="model.bcdgrp.cbs.max.amt"
style="text-align: left; width: 95%"
placeholder="请输入Document Amount"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="4" class="centerLable">
<c-checkbox v-model="model.bcdgrp.rec.dftgarflg"
>Draft to be Guaranteed</c-checkbox >
</c-col>
<c-col :span="9">
<el-form-item label="Open Amount" prop="bcdgrp.cbs.opn1.cur">
<c-select
disabled
v-model="model.bcdgrp.cbs.opn1.cur"
style="width: 95%"
placeholder="请选择Open Currency"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
style="text-align: left"
label-width="0"
prop="model.bcdgrp.cbs.opn1.amt"
>
<c-input-currency
v-model="model.bcdgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
placeholder="请输入Open Amount"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="Docs received on" prop="bcdgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bcdgrp.rec.rcvdat"
style="width: 90%"
placeholder="请选择Docs received on"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item
label="Date of Remittance Lt."
prop="bcdgrp.rec.predat"
>
<c-date-picker
type="date"
v-model="model.bcdgrp.rec.predat"
style="width: 100%"
placeholder="请选择Date of Remittance Lt."
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="Advised on" prop="bcdgrp.rec.advdat">
<c-date-picker
type="date"
v-model="model.bcdgrp.rec.advdat"
style="width: 90%"
placeholder="请选择Advised on"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="4" class="centerLable">
<c-checkbox v-model="model.bcdgrp.rec.oridre"
>Send Original Documents to Drawee</c-checkbox >
</c-col>
<c-col :span="14">
<el-form-item label="Collection Condition" prop="bcdgrp.rec.doctypcod">
<c-select
v-model="model.bcdgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择Collection Condition"
@change="mytypeChange"
>
<el-option
v-for="item in codes.doctypcod"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Maturity Date" prop="bcdgrp.rec.matdat">
<c-date-picker
type="date"
v-model="model.bcdgrp.rec.matdat"
value-format="yyyy-MM-dd"
style="width: 60%"
placeholder="请选择Maturity Date"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Tenor Specification" prop="bcdgrp.rec.matpercnt">
<c-input
v-model="model.bcdgrp.rec.matpercnt"
placeholder="请输入Tenor Specification"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="" label-width="10px" prop="bcdgrp.rec.matpertyp">
<c-input
v-model="model.bcdgrp.rec.matpertyp"
style="width: 100%"
placeholder="请选择Days/Months or Years for Maturity Period"
></c-input>
</el-form-item>
</c-col>
<c-col :span="14" >
<el-form-item label="发票类型" prop="bcdgrp.rec.invtyp">
<c-select v-model="model.bcdgrp.rec.invtyp" style="width:100%" placeholder="请选择发票类型">
</c-select> <el-option
v-for="item in codes.invtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="Tenor Starting from" prop="bcdgrp.rec.matperbeg">
<c-select v-model="model.bcdgrp.rec.matperbeg" style="width:100%" placeholder="请选择Tenor Starting from">
</c-select><el-option
v-for="item in codes.matbeg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Maturity Text" prop="bcdgrp.blk.bcgdet">
<c-input type="textarea" v-model="model.bcdgrp.blk.bcgdet" maxlength="45" show-word-limit placeholder="请输入Maturity Text" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24" class="bctdav_bctp_bctovw_cheak">
<c-checkbox v-model="model.bcdgrp.blk.bcgdetflg">BC Tenor Details modified</c-checkbox>
</c-col>
<c-col :span="24">
<!--
<c-istream-table
:list="model.bctp.docgrdm.docgrd"
:columns="columns"
>
</c-istream-table>
-->
<c-edit-table :model="model" v-bind="docgrd">
</c-edit-table>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: 'Drawee',
grp: 'bcdgrp',
rol: 'dre',
}"
:disabled="true"
:isAdrblk="false"
@onSeainf="onSeainf"
@onAplpDet="onDrepDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: 'Remitting Bank',
grp: 'bcdgrp',
rol: 'rmi',
}"
:disabled="true"
:isAdrblk="false"
@onSeainf="onSeainf"
@onAplpDet="onRmipDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: 'Drawer',
grp: 'bcdgrp',
rol: 'drr',
}"
:disabled="true"
:isAdrblk="false"
@onSeainf="onSeainf"
@onAplpDet="onDrrpDet"
>
</c-ptap>
</c-col>
<c-col :span="14">
<el-form-item label="Country or region Code" prop="bcdgrp.rec.stacty">
<c-select v-model="model.bcdgrp.rec.stacty" style="width:100%" placeholder="请选择Country Code Risk Country">
</c-select>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="申报类型" prop="outlen.szflg">
<c-select v-model="model.outlen.szflg" style="width:100%" placeholder="请选择申报类型">
</c-select>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="ACTTYP" prop="bctp.acttyp">
<c-select v-model="model.bctp.acttyp" style="width:100%" placeholder="请选择ACTTYP">
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-row>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctdav/Event"
import Ptap from "~/views/Public/Ptap";
export default {
components: { "c-ptap": Ptap },
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
docgrd: {
columns: [
{
title: "lst1",
width: "80px",
dataIndex: "cmail1",
show: "input",
},
{
title: "2nd",
width: "80px",
dataIndex: "cmail2",
show: "input",
},
{
title: "Document",
width: "320px",
dataIndex: "docnam",
show: "select",
},
],
urls: "bctp.docgrdm.docgrd",
},
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
.centerLable {
margin-left: -10px;
height: 32px;
line-height: 32px;
padding-bottom: 2px;
}
.marginLable {
padding-left: 150px;
}
.bctdav_bctp_bctovw_cheak {
margin: 0px 0 10px 150px;
}
</style>