<template>
	<c-row>
		<!-- top -->
		<c-col :span="24">

			<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="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="bttp0.ltdget.sdamod.seainf">
					<c-input v-model="model.bttp0.ltdget.sdamod.seainf" placeholder="请输入" disabled></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<!-- left -->
		<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.bttp0.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">
				<c-col :span="12">
					<el-form-item label="Received on 2nd Ben." prop="btdgrp.rec.rcvdatbe2">
						<c-date-picker type="date" v-model="model.btdgrp.rec.rcvdatbe2" style="width:100%" placeholder="请选择Received on 2nd Ben."
						 disabled="disabled"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label="Received on 1st Ben." prop="btdgrp.rec.rcvdatbe1">
						<c-date-picker type="date" v-model="model.btdgrp.rec.rcvdatbe1" style="width:100%" placeholder="请选择Received on 1st Ben."
						 disabled="disabled"></c-date-picker>
					</el-form-item>
				</c-col>
			</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="22">
					<el-form-item label="Discrepancies" prop="btdgrp.blk.docdis">
						<c-input type="textarea" v-model="model.btdgrp.blk.docdis" maxlength="50" show-word-limit placeholder="请输入Discrepancies"
						 rows="5" disabled></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="2">
					<c-button size="small" class="point" type="primary" @click="onIntdisButtxmsel">
						...
					</c-button>
				</c-col>



			</c-col>

			<c-col :span="24">
				<c-checkbox v-model="model.btdgrp.blk.docdisflg">discrepancies modified</c-checkbox>
			</c-col>

			<c-col :span="24">
				<el-form-item label="DiscrepanciesAmendment History" prop="btdgrp.blk.docdisame">
					<c-input type="textarea" v-model="model.btdgrp.blk.docdisame" maxlength="50" show-word-limit placeholder="请输入DiscrepanciesAmendment History"
					 rows="5"></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">
				<c-col :span="22">
					<el-form-item label="Reasons for Rejection" prop="btdgrp.blk.docins">
						<c-input type="textarea" v-model="model.btdgrp.blk.docins" maxlength="35" show-word-limit placeholder="请输入Reasons for Rejection"
						 rows="5"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="2">
					<c-button size="small" class="point" type="primary" @click="onIntdisButtxmsel">
						...
					</c-button>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="22">
					<el-form-item label="Disposal of Documents" prop="btdgrp.blk.disdoc">
						<c-input type="textarea" v-model="model.btdgrp.blk.disdoc" maxlength="35" show-word-limit placeholder="请输入Disposal of Documents"
						 rows="5"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="2">
					<c-button size="small" class="point" type="primary" @click="onIntdisButtxmsel">
						...
					</c-button>
				</c-col>
				
				<c-col :span="24">
					<c-checkbox v-model="model.mtabut.clsflg">Close Flag</c-checkbox>
				</c-col>
				
				<c-col :span="24">
					<c-checkbox v-model="model.accdisflg">Accept to 2ben bank</c-checkbox>
				</c-col>
				
				<c-col :span="24">
					<c-checkbox v-model="model.accdisflg">Accept to 2ben bank</c-checkbox>
				</c-col>






			</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/Bttdcr/Event"

	export default {
		inject: ['root'],
		props: ["model", "codes"],
		mixins: [CommonProcess],
		data() {
			return {

			}
		},
		methods: { ...Event
		},
		created: function() {

		}
	}
</script>
<style>
	.point {
		margin-left: 0px;
		line-height: 16px;
		height: 20px;
	}
</style>
