<template>
	<c-row>
		<c-col :span="24">
			<!-- <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="bttp.ltdget.sdamod.dadsnd">
            <c-input  v-model="model.bttp.ltdget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="bttp.ledget.sdamod.dadsnd">
            <c-input  v-model="model.bttp.ledget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col> -->

			<c-col :span="11">
				<el-form-item label="Transfer Reference" prop="ltdgrp.rec.ownref">
					<c-input v-model="model.ltdgrp.rec.ownref" maxlength="16" placeholder="请输入Transfer Reference" style="width: 100%"
					 disabled>
					</c-input>
				</el-form-item>
			</c-col>

			<!-- <c-col :span="12">
        <el-form-item label="" prop="bttp.ltdget.sdamod.seainf">
            <c-input  v-model="model.bttp.ltdget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col> -->

			<c-col :span="11" :offset="1">
				<el-form-item label="L/C Reference" prop="ledgrp.rec.ownref">
					<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入L/C Reference" disabled>
					</c-input>
				</el-form-item>
			</c-col>

			<c-col :span="11">
				<el-form-item label="Doc. Set Reference" prop="btdgrp.rec.ownref">
					<c-input v-model="model.btdgrp.rec.ownref" maxlength="16" placeholder="请输入Doc. Set Reference" disabled>
					</c-input>
				</el-form-item>
			</c-col>

			<c-col :span="11" :offset="1">
				<el-form-item label="" prop="bttp.recget.sdamod.seainf">
					<c-input v-model="model.bttp.recget.sdamod.seainf" placeholder="请输入" disabled></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="11">
			<c-col :span="24">
				<c-col :span="8">
					<el-form-item label="Document Amount" prop="btdgrp.cbs.max.cur">
						<c-select v-model="model.btdgrp.cbs.max.cur" style="width:100%" placeholder="请选择Document Amount币种" disabled>
							<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="12">
					<el-form-item label="" label-width="65px" prop="btdgrp.cbs.max.amt">
						<c-input v-model="model.btdgrp.cbs.max.amt" placeholder="请输入Document Amount" disabled></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="4" class="centerLable">
					<c-checkbox v-model="model.bttp.aammod.addamtflg" disabled>Add. Amount</c-checkbox>
				</c-col>
			</c-col>
			<c-col :span="24">
				<c-col :span="8">
					<el-form-item label="Open Amount" prop="btdgrp.cbs.opn1.cur">
						<c-select v-model="model.btdgrp.cbs.max.cur" style="width:100%" placeholder="请选择Open Amount币种" disabled>
							<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="12">
					<el-form-item label="" label-width="65px" prop="btdgrp.cbs.opn1.cur">
						<c-input v-model="model.btdgrp.cbs.opn1.cur" placeholder="请输入Open Amount" disabled></c-input>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item label="Document Type" prop="btdgrp.rec.doctypcod">
					<c-input v-model="model.btdgrp.rec.doctypcod" maxlength="1" placeholder="请输入Document Type" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Maturity Date" prop="btdgrp.rec.matdat">
					<c-date-picker type="date" v-model="model.btdgrp.rec.matdat" style="width:100%" placeholder="请选择Maturity Date"
					 disabled></c-date-picker>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Presentation Date" prop="btdgrp.rec.predat">
					<c-date-picker type="date" v-model="model.btdgrp.rec.predat" style="width:100%" placeholder="请选择Presentation Date"
					 disabled></c-date-picker>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Document Set Status" prop="btdgrp.rec.docsta">
					<c-input v-model="model.btdgrp.rec.docsta" maxlength="40" placeholder="请输入Document Set Status" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="Presentation Date" prop="btdgrp.rec.predat">
						<c-date-picker type="date" v-model="model.btdgrp.rec.predat" style="width:100%" placeholder="请选择Presentation Date"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label="Rec. Date 1st Ben." style="margin-left: 35px;" prop="btdgrp.rec.rcvdatbe1">
						<c-date-picker type="date" v-model="model.btdgrp.rec.rcvdatbe1" style="width:100%;margin-left: -35px;"
						 placeholder="请选择Rec. Date 1st Ben."></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>
			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="Less comm." prop="btdgrp.rec.lescom">
						<c-input v-model="model.btdgrp.rec.lescom" placeholder="请输入Less comm."></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label="Rec. Date 2nd Ben." style="margin-left: 35px;" prop="btdgrp.rec.rcvdatbe2">
						<c-date-picker type="date" v-model="model.btdgrp.rec.rcvdatbe2" style="width:100%;margin-left: -35px;"
						 placeholder="请选择Rec. Date 2nd Ben."></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>
			<c-col :span="24">
				<el-form-item label-width="160px">
					<c-checkbox v-model="model.btdgrp.rec.dscinsflg">Enter Docs, Discrep. and Instructions</c-checkbox>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="Instructions 1st Beneficiary" prop="btdgrp.blk.be1ins">
					<c-input type="textarea" v-model="model.btdgrp.blk.be1ins" maxlength="65" show-word-limit placeholder="请输入Instructions 1st Beneficiary"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="Instructions 2nd Beneficiary" prop="btdgrp.blk.be2ins">
					<c-input type="textarea" v-model="model.btdgrp.blk.be2ins" maxlength="65" show-word-limit placeholder="请输入Instructions 2nd Beneficiary"
					 disabled></c-input>
				</el-form-item>
			</c-col>
		</c-col>
		<!-- right -->
		<c-col :span="11" :offset="1">
			<c-col :span="24">
				<el-form-item label="1st Beneficiary" prop="btdgrp.be1.pts.ref">
					<c-input v-model="model.btdgrp.be1.pts.ref" maxlength="16" placeholder="请输入1st Beneficiary" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="" prop="btdgrp.be1.pts.nam" label-width="0px">
					<c-input v-model="model.btdgrp.be1.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="2nd Beneficiary" prop="btdgrp.be2.pts.ref">
					<c-input v-model="model.btdgrp.be2.pts.ref" maxlength="16" placeholder="请输入2nd Beneficiary" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="" prop="btdgrp.be2.pts.nam" label-width="0px">
					<c-input v-model="model.btdgrp.be2.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Presenting Bank" prop="btdgrp.prb.pts.ref">
					<c-input v-model="model.btdgrp.prb.pts.ref" maxlength="16" placeholder="请输入Presenting Bank" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="" prop="btdgrp.prb.pts.nam" label-width="0px">
					<c-input v-model="model.btdgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Presented by" prop="btdgrp.rec.docprbrol">
					<c-select v-model="model.btdgrp.rec.docprbrol" style="width:100%" placeholder="请选择Presented by">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="" prop="btdgrp.prb.pts.extkey" label-width="0px">
						<c-input v-model="model.btdgrp.prb.pts.extkey" maxlength="16" placeholder="请输入External Key of Address" disabled></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="4" style="text-align: right">
					<c-button style="margin:0 0" class="detailsButton" size="small" type="primary" @click="onAplpDet">
						{{ $t('buttons.details') }}
					</c-button>
				</c-col>
				<c-col :span="24">
					<el-form-item label="" prop="btdgrp.prb.pts.adrblk" label-width="0px">
						<c-input type="textarea" v-model="model.btdgrp.prb.pts.adrblk" maxlength="35" show-word-limit rows="2"
						 placeholder="请输入Address Block" disabled></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item label="Payer" prop="btdgrp.rec.payrol">
						<c-select v-model="model.btdgrp.rec.payrol" style="width:100%" placeholder="请选择Payer">
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="" prop="btdgrp.oth.pts.extkey" label-width="0px">
							<c-input v-model="model.btdgrp.oth.pts.extkey" maxlength="16" placeholder="请输入External Key of Address" disabled></c-input>
						</el-form-item>
					</c-col>
					<c-col :span="4" style="text-align: right">
						<c-button style="margin:0 0" class="detailsButton" size="small" type="primary" @click="onAplpDet">
							{{ $t('buttons.details') }}
						</c-button>
					</c-col>
				</c-col>
				<c-col :span="24">
					<el-form-item label="" prop="btdgrp.oth.pts.adrblk" label-width="0px">
						<c-input type="textarea" v-model="model.btdgrp.oth.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block"
						 disabled></c-input>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>
		<!-- <c-col :span="12">
        <el-form-item label="" prop="bttp.ledget.sdamod.seainf">
            <c-input  v-model="model.bttp.ledget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col> -->

		<!-- <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="bttp.recget.sdamod.dadsnd">
            <c-input  v-model="model.bttp.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col> -->





		<!-- <c-col :span="12">
        <el-form-item label="Name of Bill Contract" prop="btdgrp.rec.nam">
            <c-input  v-model="model.btdgrp.rec.nam" maxlength="40"  placeholder="请输入Name of Bill Contract"></c-input>
        </el-form-item>
       </c-col> -->

		<!-- <c-col :span="12">
			
		</c-col> -->

		<!-- <c-col :span="12">
			
		</c-col> -->

		<!-- <c-col :span="12">
			
		</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/Lttopn/Event";
	import Ptap from "~/views/Public/Ptap";

	export default {
		components: {
			"c-ptap": Ptap
		},
		inject: ["root"],
		props: ["model", "codes"],
		mixins: [CommonProcess],
		data() {
			return {};
		},
		methods: { ...Event
		},
		created: function() {},
	};
</script>
<style>
	.centerLable {
		margin-left: 0px;
		height: 32px;
		line-height: 32px;
	}

	.marginLable {
		padding-left: 150px;
	}
</style>
