<template>
  <div class="eibs-tab">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <!-- <c-col :span="24">
        <el-form-item :label="$t('gitcrq.申请人参考号')" prop="ncdgrp.apl.pts.ref">
          <c-input v-model="model.ncdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人参考号" disabled></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="" prop="ncdgrp.apl.pts.nam">
          <c-input v-model="model.ncdgrp.apl.pts.nam" @change="calcName" maxlength="40" placeholder="请输入当事人名称" disabled></c-input>
        </el-form-item>
      </c-col> -->

			<c-col :span="24">
				<el-card class="box-card">
					<el-form-item label="保函赔付人" prop="ncdgrp.rec.payrol">
						<c-select v-model="model.ncdgrp.rec.payrol" @change="calcOth" placeholder="请选择" style="width: 100%" >
							<el-option v-for="(item, index) in codes.payrolList" :key="index" :label="item.label" :value="item.value">
							</el-option>
						</c-select>
					</el-form-item>

					<c-ptap
						:model="model" :disabledExtkey="model.ncdgrp.rec.payrol!='OTH'"
						:disabled="model.ncdgrp.rec.payrol!='OTH'"  :isAdrblk="false"
						:chooseLanguage="model.nidgrp.rec.giduil"
						:haveAdrLabel="false"
						:argadr="{title: '',grp: 'ncdgrp', rol: 'oth'}"
						ptytyp="B"
						:isShowCard="false"
					></c-ptap>
				</el-card>
			</c-col>
      
      <c-col :span="24">
				<c-ptap 
					adrKey="nam"
					:disabled="true"
					:model="model"
					:chooseLanguage="model.nidgrp.rec.giduil"
					:argadr="{title: '账户行中间行', grp: 'ncdgrp', rol: 'int',}" 
					ptytyp="B"
				></c-ptap>
			</c-col>

			
    </c-col>

    <!-- ======================= 右边 ====================== -->
    <c-col :span="12" style="padding-left: 20px">
      <!-- <c-col :span="24">
        <el-form-item :label="$t('gitcrq.受益人参考号')" prop="ncdgrp.ben.pts.ref">
          <c-input
						v-model="model.ncdgrp.ben.pts.ref" maxlength="16"
						placeholder="请输入受益人参考号"
						:disabled="model.nidgrp.rec.purpos !='ISSU' && model.nidgrp.rec.purpos != 'ISCO' && model.nidgrp.rec.purpos != 'ICCO'"
						@blur="ncdgrpBenRefBlur"
					></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ncdgrp.ben.pts.nam">
          <c-input v-model="model.ncdgrp.ben.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input>
        </el-form-item>
      </c-col> -->

			<!-- 以下受益人是在反担保和反反担保的时候显示 -->
			<c-col :span="24" v-if="model.nidgrp.rec.purpos == 'ISCO' || model.nidgrp.rec.purpos == 'ICCO'">
        <c-ptap
					:model="model"
					:disabled="true"
					adrKey="nam"
					:chooseLanguage="model.nidgrp.rec.giduil"
					:argadr="{title: '受益人',grp: 'ncdgrp', rol: 'bec'}"
					ptytyp="B">
        </c-ptap>
      </c-col>

			<c-col :span="24">
				<el-card class="box-card">
					<el-form-item label="索赔交单人" prop="ncdgrp.rec.docprbrol">
						<c-select v-model="model.ncdgrp.rec.docprbrol" @change="calcPrb" style="width: 100%" placeholder="请选择索赔当事人" >
							<el-option v-for="(item, index) in codes.docprbrolList" :key="index" :label="item.label" :value="item.value">
							</el-option>
						</c-select>
					</el-form-item>

					<c-ptap
						:model="model"
						:disabledExtkey="model.ncdgrp.rec.docprbrol!='PRB'"
						:disabled="model.ncdgrp.rec.docprbrol!='PRB'"
						:isAdrblk="false" :haveAdrLabel="false"
						:chooseLanguage="model.nidgrp.rec.giduil"
						:argadr="{title: '',grp: 'ncdgrp', rol: 'prb',}"
						ptytyp="B"
						@saveRef="ncdgrpPrbRefBlur"
						:isShowCard="false"
					></c-ptap>
				</el-card>
      </c-col>

			<c-col :span="24">
        <c-ptap
					:model="model"
					:disabled="true"
					adrKey="nam"
					:choose-language="model.nidgrp.rec.giduil"
					:argadr="{title: '开户行账户行',grp: 'ncdgrp', rol: 'awi'}"
					ptytyp="B">
        </c-ptap>
      </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 {
    };
  },
  methods: {},
  created: function () { },
  computed: {
  },
};
</script>
<style scoped lang="less">
.box-card {
  margin-bottom: 10px;
  /deep/ .el-form-item--mini.el-form-item,
  .el-form-item--small.el-form-item {
    margin-bottom: 10px;
  }
  /deep/ .el-card__body {
    padding: 10px 10px 10px 0px;
  }
}
</style>