<template>
	<div class="eibs-tab">
		<c-col :span="12" style="padding-right: 20px;">
			<c-col :span="16" v-if="model.gidgrp.rec.expflg=='X'||model.gidgrp.rec.expdat!=''">
				<el-form-item :label="$t('gctcan.保函编号')" prop="gidgrp.rec.ownref" style="width: 100%">
					<c-fullbox>
						<c-input v-model="model.gidgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
						<template slot="footer">
							<c-button disabled v-model="model.gidget.sdamod.seainf" style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary">
								<i class="el-icon-info"></i>
							</c-button>
						</template>
					</c-fullbox>
				</el-form-item>
			</c-col>
			<c-col :span="24" v-if="model.gidgrp.rec.expflg!='X'&&model.gidgrp.rec.expdat==''">
				<el-form-item :label="$t('gctcan.保函编号')" prop="gidgrp.rec.ownref" style="width: 100%">
					<c-fullbox>
						<c-input v-model="model.gidgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
						<template slot="footer">
							<c-button disabled v-model="model.gidget.sdamod.seainf" style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary">
								<i class="el-icon-info"></i>
							</c-button>
						</template>
					</c-fullbox>
				</el-form-item>
			</c-col>
			<c-col :span="8" v-if="model.gidgrp.rec.expflg=='X'">
				<el-form-item style="margin-left:20px" label="我行责任敞口">
				</el-form-item>
			</c-col>

			<c-col :span="8" v-if="model.gidgrp.rec.expdat!=''">
				<el-form-item :label="$t('gctcan.保函效期')" label-width="50px" prop="gidgrp.rec.expdat">
					<c-date-picker type="date" v-model="model.gidgrp.rec.expdat" disabled style="width: 100%" placeholder="请选择保函效期"></c-date-picker>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gitcrj.索赔编号')" prop="gcdgrp.rec.ownref" style="width: 100%">
					<c-fullbox>
						<c-input v-model="model.gcdgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
						<template slot="footer">
							<c-button disabled v-model="model.recget.sdamod.seainf" style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary">
								<i class="el-icon-info"></i>
							</c-button>
							<c-button size="small" type="primary" v-model="model.getrefbut" disabled>
								获取
							</c-button>
						</template>
					</c-fullbox>
				</el-form-item>
			</c-col>

			<c-col :span="24" class="custom-box-wrap">
				<div class="box-1">
					<div style="width: 280px;">
						<el-form-item :label="$t('gitcrj.索赔金额')" prop="gcdgrp.cbs.max.cur" previewLabel="信用证币种">
							<c-select v-model="model.gcdgrp.cbs.max.cur" style="width: 100%" disabled placeholder="请输入索赔金额" dbCode="curtxt"></c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item previewLabel="信用证金额" label-width="5px" prop="gcdgrp.cbs.max.amt">
							<c-input-currency v-model="model.gcdgrp.cbs.max.amt" placeholder="" disabled :currency="model.gcdgrp.cbs.max.cur"></c-input-currency>
						</el-form-item>
					</div>
				</div>
				<div class="box-2">
					<c-checkbox v-model="model.adaflg" disabled>Add. Amount
					</c-checkbox>
				</div>
			</c-col>

			<c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item :label="$t('gitcrj.索赔余额')" prop="gcdgrp.cbs.opn1.cur" previewLabel="信用证币种">
							<c-select v-model="model.gcdgrp.cbs.opn1.cur" placeholder="" style="width: 100%" disabled dbCode="curtxt">
							</c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item previewLabel="信用证金额" label-width="5px" prop="gcdgrp.cbs.opn1.amt">
							<c-input-currency v-model="model.gcdgrp.cbs.opn1.amt" placeholder="请输入" disabled :currency="model.gcdgrp.cbs.opn1.cur"></c-input-currency>
						</el-form-item>
					</div>
				</div>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gctcan.保函种类')" prop="gidgrp.rec.gartyp">
					<c-select disabled v-model="model.gidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函种类" dbCode="typgar">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24" v-if="model.gidgrp.rec.liaflg=='X'&&model.gidgrp.rec.inr!=''">
				<el-form-item label="liability">
					<el-form-item label="unlimited"></el-form-item>
				</el-form-item>
			</c-col>

			<c-col :span="24" v-if="model.gidgrp.rec.liadat!=''">
				<el-form-item :label="$t('gctcan.责任截至日')" prop="gidgrp.rec.liadat">
					<c-date-picker type="date" v-model="model.gidgrp.rec.liadat" disabled style="width:100%" placeholder="请选择责任截至日"></c-date-picker>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item :label="$t('gctcan.索赔日期')" prop="gcdgrp.rec.clmdat">
					<c-date-picker type="date" v-model="model.gcdgrp.rec.clmdat" maxlength="40" disabled placeholder="请输入索赔日期"></c-date-picker>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12" style="padding-left: 20px;">
			<c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item :label="$t('gctcan.保函余额')" prop="gidgrp.cbs.opn1.cur" previewLabel="信用证币种">
							<c-select v-model="model.gidgrp.cbs.opn1.cur" placeholder="" style="width: 100%" disabled dbCode="curtxt">
							</c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item previewLabel="信用证金额" style="text-align: left" label-width="5px" prop="gidgrp.cbs.opn1.amt">
							<c-input-currency v-model="model.gidgrp.cbs.opn1.amt" placeholder="" disabled :currency="model.gidgrp.cbs.opn1.cur"></c-input-currency>
						</el-form-item>
					</div>
				</div>
			</c-col>

			<!-- <c-col :span="24">
        <el-form-item label="简略信息" prop="gcdgrp.rec.nam">
          <c-input
            v-model="model.gcdgrp.rec.nam"
            maxlength="40"
            placeholder="请输入简略信息"
            disabled
          ></c-input>
        </el-form-item>
      </c-col> -->
			<c-col :span="24">
				<el-form-item :label="$t('gctcan.申请人参考号')" prop="gcdgrp.apl.pts.ref">
					<c-input disabled v-model="model.gcdgrp.apl.pts.ref" maxlength="40" placeholder="请输入"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="" prop="gcdgrp.apl.pts.nam">
					<c-input disabled v-model="model.gcdgrp.apl.pts.nam" maxlength="40" placeholder="请输入"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gctcan.受益人参考号')" prop="gcdgrp.ben.pts.ref">
					<c-input disabled v-model="model.gcdgrp.ben.pts.ref" maxlength="40" placeholder="请输入"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="" prop="gcdgrp.ben.pts.nam">
					<c-input disabled v-model="model.gcdgrp.ben.pts.nam" maxlength="40" placeholder="请输入"></c-input>
				</el-form-item>
			</c-col>

		</c-col>
	</div>
</template>
<script>
import event from "../event";
import { log } from "util";
import Default from "../model/default.js";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {};
  },
  methods: {},
  mounted() {}
};
</script>
<style>
.margin-left {
  padding-left: 95px;
}
.baohanzhuxiao {
  padding-left: 114px;
}
</style>