<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="bttp.recget.sdamod.seainf">
					<c-input v-model="model.bttp.recget.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.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="6">
					<el-form-item label="Documents presented by 1st Beneficiary">
					</el-form-item>
				</c-col>
				<c-col :span="18">
					<c-edit-table :model="model" v-bind="ptsaddg">
						<el-table-column label="操作" align="center">
							<template slot-scope="scope">
								<el-button size="mini" @click="handleEdit(scope.$index, scope.row)" type="primary">详情</el-button>
							</template>
						</el-table-column>
					</c-edit-table>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="6">
					<el-form-item label="Documents presented by 2nd Beneficiary">
					</el-form-item>
				</c-col>
				<c-col :span="18">
					<c-edit-table :model="model" v-bind="ptsaddg">
						<el-table-column label="操作" align="center">
							<template slot-scope="scope">
								<el-button size="mini" @click="handleEdit(scope.$index, scope.row)" type="primary">详情</el-button>
							</template>
						</el-table-column>
					</c-edit-table>
				</c-col>
			</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="Document Type" prop="btdgrp.rec.doctypcod">
					<c-select v-model="model.btdgrp.rec.doctypcod" style="width:100%" placeholder="请选择Document Type">
					</c-select>
				</el-form-item>

				<c-col :span="24">
					<el-form-item label="Number of Utilizations" prop="ltdgrp.rec.utlnbr">
						<c-input v-model="model.ltdgrp.rec.utlnbr" placeholder="请输入Number of Utilizations" disabled></c-input>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-checkbox v-model="model.btdgrp.rec.dscinsflg">Enter Docs, Discrep. and Instructions</c-checkbox>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="Date of Receipt 1st Beneficiary" prop="btdgrp.rec.rcvdatbe1">
						<c-date-picker type="date" v-model="model.btdgrp.rec.rcvdatbe1" style="width:100%" placeholder="请选择Date of Receipt 1st Beneficiary"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="12">
					<el-form-item label="Order Date 1st Beneficiary" prop="btdgrp.rec.orddatbe1">
						<c-date-picker type="date" v-model="model.btdgrp.rec.orddatbe1" style="width:100%" placeholder="请选择Order Date 1st Beneficiary"></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="Date of Receipt 2nd Beneficiary" prop="btdgrp.rec.rcvdatbe2">
						<c-date-picker type="date" v-model="model.btdgrp.rec.rcvdatbe2" style="width:100%" placeholder="请选择Date of Receipt 2nd Beneficiary"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="12">
					<el-form-item label="Order Date 2nd Beneficiary" prop="btdgrp.rec.orddatbe2">
						<c-date-picker type="date" v-model="model.btdgrp.rec.orddatbe2" style="width:100%" placeholder="请选择Order Date 2nd Beneficiary"></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="Date of Shipment" prop="btdgrp.rec.shpdat">
						<c-date-picker type="date" v-model="model.btdgrp.rec.shpdat" style="width:100%" placeholder="请选择Date of Shipment"></c-date-picker>
					</el-form-item>
				</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/Bttdrv/Event"

	export default {
		inject: ['root'],
		props: ["model", "codes"],
		mixins: [commonProcess],
		data() {
			return {
				ptsaddg: {
					columns: [{
							title: "1st",
							width: "120px",
							dataIndex: "ptyextkey1",
							show: "input",
						},
						{
							title: "2nd",
							width: "180px",
							dataIndex: "ptyextkey2",
							show: "input",
						},
						{
							title: "Document",
							width: "300px",
							dataIndex: "nam",
							show: "select",
						},
					],
					urls: "letp.ptsaddp.ptsaddg",
				},
			};
		},
		methods: {
			...Event,
			handleEdit() {
				console.log("1111测试");
			},
		},
		created: function() {

		}
	}
</script>
<style>

</style>