<template>
  <div class="eibs-tab">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item :label="$t('gitcrq.保函编号')" prop="gidgrp.rec.ownref" style="width: 100%">
          <c-fullbox>
            <c-input v-model="model.gidgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
          </c-fullbox>
        </el-form-item>
      </c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gitopn.接收目的')" prop="gidgrp.rec.purposin">
					<c-select v-model="model.gidgrp.rec.purposin" style="width:100%" disabled dbCode="PURPOI" :filterKey="['ISCO']" placeholder="请选择接收目的">
					</c-select>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gitopn.支出目的')" prop="gidgrp.rec.purpos">
					<c-select v-model="model.gidgrp.rec.purpos" style="width: 100%" placeholder="请选择支出目的" disabled dbCode="purpos" :filterKey="model.gidgrp.rec.purposin == 'ISCO'?['ISSU']:model.gidgrp.rec.purposin == 'ICCO'?['ISCO']:['ISSU','ISCO','ICCO']">
					</c-select>
				</el-form-item>
			</c-col>

			<c-col :span="24">
        <el-form-item :label="$t('gitcrq.保函种类')" 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">
        <el-form-item :label="$t('gitcrq.到期类型')"  prop="gidgrp.rec.exptyp">
          <c-select dbCode="exptyp" v-model="model.gidgrp.rec.exptyp" style="width: 100%" disabled placeholder="请选择">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col v-if="model.gidgrp.rec.inr!=''&& (model.gidgrp.rec.expdat != ''||model.gidgrp.rec.expflg != '')" :span="24"
        class="custom-box-wrap">
        <div style="width: calc(100% - 120px);">
          <el-form-item label="Expiry Date" 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>
        </div>
        <div style="width: 100px;margin-left: 20px;display: flex;align-items: flex-start;">
          <c-checkbox v-model="model.gidgrp.rec.expflg" true-label="X" false-label="" disabled>效期敞口
          </c-checkbox>
        </div>
      </c-col>

			<c-col :span="24" v-if="model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO'">
        <el-form-item label="Liability Type" prop="gidgrp.rec.liatyp">
          <c-select dbCode="exptyp" v-model="model.gidgrp.rec.liatyp" style="width: 100%" disabled placeholder="请选择">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col
        v-if="model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO'"
				:span="24"
				class="custom-box-wrap"
			>
        <div style="width: calc(100% - 120px);">
          <el-form-item label="Liability Date" 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>
        </div>
        <div style="width: 100px;margin-left: 20px;display: flex;align-items: flex-start;">
          <c-checkbox v-model="model.gidgrp.rec.liaflg" true-label="X" false-label="" disabled>效期敞口
          </c-checkbox>
        </div>
      </c-col>
      <c-col :span="24">
        <el-form-item label="收费日期" prop="gidgrp.rec.feecoldat">
          <c-date-picker
            type="date"
            v-model="model.gidgrp.rec.feecoldat"
            style="width: 100%"
            placeholder="请选择收费日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ======================右边====================== -->
    <c-col :span="12" style="padding-left: 20px">
			<c-col :span="24">
				<c-ptap
					:model="model"
					:isAdrblk="false"
					:haveAdrLabel="true"
					:noRef="true"
					:isAdrVisible="false"
					:disabledRef="true" 
					:argadr="{ title: $t('gitopn.申请人'), grp: 'gidgrp', rol: 'apl' }"
					:ptytyp="model.gidgrp.rec.hndtyp=='OT'?'B,F':'C'"
					bchinr='00000047'
					:disabled="true"
					:disabledExtkey="true"
				></c-ptap>
			</c-col>
			
			<c-col :span="24" v-if="model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO'">
				<c-ptap
					:model="model"
					:isAdrblk="false"
					:haveAdrLabel="true"
					:noRef="true"
					:isAdrVisible="false"
					:disabledRef="true" 
					:argadr="{ title: (model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO') ? 'SEQ.C Beneficiary' : $t('gitopn.受益人'), grp: 'gidgrp', rol: 'bec' }" 
					bchinr='00000047'
					:ptytyp="model.gidgrp.rec.purposin == 'ISCO'? 'C': (model.gidgrp.rec.purpos == 'ISSU'? (model.gidgrp.rec.legfrm == 'STBY' && model.gidgrp.rec.gartyp == 'G' ? 'B':'F,C,B'):'B')"
					:disabled="true"
					:disabledExtkey="true"
				></c-ptap>
			</c-col>

			<c-col :span="24" v-else>
				<c-ptap
					:model="model"
					:isAdrblk="false"
					:haveAdrLabel="true"
					:noRef="true"
					:isAdrVisible="false"
					:disabledRef="true" 
					:argadr="{ title: $t('gitopn.受益人'), grp: 'gidgrp', rol: 'ben' }" 
					bchinr='00000047'
					:ptytyp="model.gidgrp.rec.purposin == 'ISCO'? 'C': (model.gidgrp.rec.purpos == 'ISSU'? (model.gidgrp.rec.legfrm == 'STBY' && model.gidgrp.rec.gartyp == 'G' ? 'B':'F,C,B'):'B')"
					:disabled="true"
					:disabledExtkey="true"
				></c-ptap>
			</c-col>

			<c-col :span="24" class="custom-box-wrap">
				<div style="width: 280px;">
					<el-form-item :label="$t('gitcrq.保函金额')" prop="gidgrp.cbs.max.cur">
						<c-select v-model="model.gidgrp.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 label-width="5px" prop="gidgrp.cbs.max.amt">
						<c-input-currency v-model="model.gidgrp.cbs.max.amt" disabled  placeholder="请输入"
							class="m-input-currency"></c-input-currency>
					</el-form-item>
				</div>
      </c-col>

      <c-col :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item :label="$t('gitcrq.保函余额')" prop="gidgrp.cbs.opn1.cur">
              <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 label-width="5px" prop="gidgrp.cbs.opn1.amt">
              <c-input-currency :currency="model.gidgrp.cbs.opn1.cur" v-model="model.gidgrp.cbs.opn1.amt"
                placeholder="请输入" disabled></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>

      <c-col v-if="model.adaflg" :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item label="Additional Amount" prop="gidgrp.cbs.max2.cur">
              <c-select v-model="model.gidgrp.cbs.max2.cur" style="width: 100%" disabled placeholder="请输入"
                dbCode="curtxt"></c-select>
            </el-form-item>
          </div>
          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="gidgrp.cbs.max2.amt">
              <c-input-currency :currency="model.gidgrp.cbs.max2.cur" v-model="model.gidgrp.cbs.max2.amt"
                placeholder="请输入" disabled></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>

      <c-col v-if="model.adaflg" :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item label="Open Add.Amount" prop="gidgrp.cbs.opn2.cur">
              <c-select v-model="model.gidgrp.cbs.opn2.cur" style="width: 100%" disabled placeholder="请输入"
                dbCode="curtxt"></c-select>
            </el-form-item>
          </div>
          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="gidgrp.cbs.opn2.amt">
              <c-input-currency :currency="model.gidgrp.cbs.opn2.cur" v-model="model.gidgrp.cbs.opn2.amt"
                placeholder="请输入" disabled></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>
			<!-- 修改前的总金额 -->
			<c-col :span="24" class="custom-box-wrap" v-if="model.adaflg">
				<div style="width: 280px;">
					<el-form-item label="Total Amount">
						<c-select v-model="model.gidgrp.cbs.max.cur" dbCode="curtxt" disabled placeholder="请选择" sort="SRT">
						</c-select>
					</el-form-item>
				</div>
				<div style="width: calc(100% - 280px);">
					<el-form-item label-width="5px">
						<c-input-currency v-model="oldTotalAmount" :currency="model.gidgrp.cbs.max.cur" disabled placeholder="请输入" />
					</el-form-item>
				</div>
			</c-col>
			<!-- 修改前的总余额 -->
			<c-col :span="24" class="custom-box-wrap" v-if="model.adaflg">
				<div style="width: 280px;">
					<el-form-item label="Total Open Amount">
						<c-select v-model="model.gidgrp.cbs.opn1.cur" dbCode="curtxt" disabled placeholder="请选择" sort="SRT">
						</c-select>
					</el-form-item>
				</div>
				<div style="width: calc(100% - 280px);">
					<el-form-item label-width="5px">
						<c-input-currency v-model="oldTotalOpenAmount" :currency="model.gidgrp.cbs.opn1.cur" disabled placeholder="请输入" />
					</el-form-item>
				</div>
			</c-col>
    </c-col>
  </div>
</template>
<script>
  import event from "../event";
  import Default from "../model/default";

  export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event, Default],
    data() {
      return {
      };
    },
    computed: {},
    methods: {

    },
    created: function () { }
  };
</script>
<style lang="less" scoped>
  .custom-box-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;

    .box-1 {
      width: calc(100% - 120px);
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }

    .box-2 {
      width: 100px;
      margin-left: 20px;
      display: flex;
      align-items: flex-start;
    }
  }
</style>