<template>
	<div class="eibs-tab">
		<!-- ======================= 第1行 Export L/C Ref. and Open Amt.L/C ========================= -->
		<c-col :span="24">
			<c-col :span="12" style="padding-right: 20px;">
				<!-- Export L/C Ref. 出口信用证参考号-->
				<el-form-item label="Export L/C Ref." prop="ledgrp.rec.ownref">
					<c-fullbox>
						<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入出口信用证参考号" style="width: 95%" :disabled="true">
						</c-input>
					</c-fullbox>
				</el-form-item>
			</c-col>
			<c-col :span="12" style="padding-left: 20px">
				<c-col :span="12">
					<el-form-item label="Open Amt. L/C" prop="ledgrp.cbs.opn1.cur">
						<c-select-cur v-model="model.ledgrp.cbs.opn1.cur" maxlength="3" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled></c-select-cur>
					</el-form-item>
				</c-col>

				<c-col :span="12">
					<el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt">
						<c-input v-model="model.ledgrp.cbs.opn1.amt" placeholder="请输入信用证余额" class="m-input-currency" disabled>
						</c-input>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>

		<!-- ======================= 第2行 Bill Set Reference, Name========================= -->
		<c-col :span="24">
			<c-col :span="12" style="padding-right: 20px;">
				<!-- Bill Set Reference 单据参考号-->
				<el-form-item label="Document Reference" prop="bedgrp.rec.ownref">
					<c-fullbox>
						<c-input v-model="model.bedgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号" style="width: 95%" disabled></c-input>
					</c-fullbox>
				</el-form-item>
			</c-col>
			<!-- Name 简略信息-->
			<c-col :span="12" style="padding-left: 20px">
				<el-form-item label="Name" prop="bedgrp.rec.nam">
					<c-input text-align="middle" v-model="model.bedgrp.rec.nam" maxlength="40" placeholder="请输入简略信息" disabled>
					</c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<!-- ======================= 第3部分 Document Info Overview ========================= -->
		<c-col :span="24">
			<!-- ======================= 左边 ========================= -->
			<c-col :span="12" style="padding-right: 20px">

				<!-- Document Amount 单据名义金额-->
				<c-col :span="24">
					<c-col :span="12">
						<!-- Document Amount 单据名义金额-->
						<el-form-item label="Document Amount" prop="bedgrp.cbs.max.cur">
							<c-select-cur v-model="model.bedgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种" @keyup.enter.native="maxCurEvent" dbCode="curtxt" sort="SRT" disabled>
							</c-select-cur>
						</el-form-item>
					</c-col>
					<c-col :span="8">
						<el-form-item label="" label-width="5px" prop="bedgrp.cbs.max.amt">
							<c-input-currency v-model="model.bedgrp.cbs.max.amt" style="text-align: left; width: 100%" class="m-input-currency" placeholder="请输入单据名义金额" disabled></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<!-- Open Amount 单据余额-->
				<c-col :span="24">
					<c-col :span="12">
						<!-- Open Amount 单据余额-->
						<el-form-item label="Open Amount" prop="bedgrp.cbs.opn1.cur">
							<c-select-cur v-model="model.bedgrp.cbs.opn1.cur" maxlength="3" placeholder="" style="width: 100%" disabled dbCode="curtxt" sort="SRT"></c-select-cur>
						</el-form-item>
					</c-col>
					<c-col :span="8">
						<el-form-item label="" label-width="5px" prop="bedgrp.cbs.opn1.amt">
							<c-input-currency v-model="model.bedgrp.cbs.opn1.amt" style="text-align: left; width: 100%" class="m-input-currency" placeholder="" disabled></c-input-currency>
						</el-form-item>
					</c-col>
					<c-col :span="4">
						<el-form-item label="" label-width="5px" prop="bedgrp.cbs.opn2.amt">
							<c-input-currency v-model="model.bedgrp.cbs.opn2.amt" style="text-align: left; width: 100%" class="m-input-currency" placeholder="" disabled></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<!-- Document Type 单据类型 -->
				<c-col :span="24">
					<el-form-item label="Document Type" prop="bedgrp.rec.doctypcod">
						<c-select v-model="model.bedgrp.rec.doctypcod" style="width: 100%" placeholder="请选择单据类型" dbCode="BEDTYP" disabled>
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<!-- Maturity Date 单据到期日 -->
					<c-col :span="12">
						<el-form-item label="Maturity Date" prop="bedgrp.rec.matdat">
							<c-date-picker type="date" v-model="model.bedgrp.rec.matdat" style="width: 100%" placeholder="请选择单据到期日" value-format="yyyy-MM-dd" disabled></c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="Order Date" prop="bedgrp.rec.orddat">
							<c-date-picker type="date" v-model="model.bedgrp.rec.orddat" style="width:100%" disabled placeholder="请选择"></c-date-picker>
						</el-form-item>
					</c-col>
				</c-col>
				<c-col :span="24">
					<!-- Received on 收单日期 -->
					<c-col :span="12">
						<el-form-item label="Received on" prop="bedgrp.rec.rcvdat">
							<c-date-picker type="date" v-model="model.bedgrp.rec.rcvdat" style="width: 100%" placeholder="请选择收单日期" value-format="yyyy-MM-dd" disabled></c-date-picker>
						</el-form-item>
					</c-col>
					<!-- Presented on 交单日期 到单日期 -->
					<c-col :span="12">
						<el-form-item label="Presented on" prop="bedgrp.rec.predat">
							<c-date-picker type="date" v-model="model.bedgrp.rec.predat" style="width: 100%" placeholder="请选择交单日期" value-format="yyyy-MM-dd" disabled></c-date-picker>
						</el-form-item>
					</c-col>
				</c-col>
				<!-- Document Status单据状态 -->
				<c-col :span="24">
					<el-form-item label="Document Set Status" prop="bedgrp.rec.docsta">
						<c-select v-model="model.bedgrp.rec.docsta" maxlength="40" style="width: 100%" placeholder="请输入单据状态" dbCode="DOCST1" disabled></c-select>
					</el-form-item>
				</c-col>
			</c-col>
			<!-- ======================右边====================== -->
			<c-col :span="12" style="padding-left: 20px">
				<!--       Beneficiary  受益人  -->
				<c-col :span="24">

					<c-ptap10 :model="model" :disabled-ref="true" :disabled-nam="true" :argadr="{grp: 'bedgrp',rol: 'ben',}" :label="{labelRef: 'Beneficiary Ref.',labelNam: '',}">
					</c-ptap10>

				</c-col>

				<!-- 开证行 Issuing Bank Ref. -->
				<c-col :span="24">

					<c-ptap10 :model="model" :disabled-ref="true" :disabled-nam="true" :argadr="{grp: 'bedgrp',rol: 'iss',}" :label="{labelRef: 'Issuing Bank Ref.',labelNam: '',}">
					</c-ptap10>

				</c-col>

				<!-- Applicant         Ref. -->
				<c-col :span="24">
					<c-ptap10 :model="model" :disabled-ref="true" :disabled-nam="true" :argadr="{grp: 'bedgrp',rol: 'apl',}" :label="{labelRef: 'Applicant Ref.',labelNam: '',}">
					</c-ptap10>
				</c-col>

			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {},
  created: function() {},
  computed: {}
};
</script>
<style>
</style>