<template>
  <div class="eibs-tab">
    <c-col :span="12" style="padding-right: 20px">
      <!-- <c-col :span="24">
         <c-ptap 
					:model="model" 
					:isAdrblk='false'
					:disabledRef="true" 
					:disabledExtkey="true"
					:argadr="{title: '申请人',grp: 'ncdgrp', rol: 'apl',}" ptytyp="C">
         </c-ptap>
      </c-col> -->

<!--			<c-col :span="24">
				<el-card class="box-card">
					<el-form-item label="申请人参考号">
						<c-input v-model="model.ncdgrp.apl.pts.ref" placeholder="请输入申请人参考号" disabled></c-input>
					</el-form-item>
					<el-form-item label="名称">
						<c-input v-model="model.ncdgrp.apl.pts.nam" maxlength="40" placeholder="请输入当事人名称" disabled></c-input>
					</el-form-item>
				</el-card>
      </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" :isAdrblk="false" :haveAdrLabel="true" :disabledExtkey="model.ncdgrp.rec.payrol!='OTH'" 
					   :isShowCard="false"
						:disabled="model.ncdgrp.rec.payrol!='OTH'"
							:choose-language="model.nidgrp.rec.giduil"
							:disabledRef="model.ncdgrp.rec.payrol=='OTH'?false :true" :argadr="{title: '',grp: 'ncdgrp', rol: 'oth',}" ptytyp="B" @blurRef="ncdgrpOthRefBlur">
					</c-ptap>
				</el-card>
      </c-col>

			<c-col :span="24">
				<c-ptap 
					adrKey="nam"
					:model="model" :choose-language="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">
          <c-ptap 
						:model="model" 
						:onlySearch='true'
						:isAdrblk='false'
						:disabledRef="true" 
						:disabledExtkey="true" 
						:argadr="{title: '受益人',grp: 'ncdgrp', rol: 'ben',}" ptytyp="C" @handleInput="ncdgrpBenRefBlur">
          </c-ptap>
      </c-col> -->
<!--			<c-col :span="24">
				<el-card class="box-card">
			    <el-form-item label="受益人参考号">
						<c-input v-model="model.ncdgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人参考号" disabled></c-input>
          </el-form-item>   
					<el-form-item label="名称">
						<c-input v-model="model.ncdgrp.ben.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input>
					</el-form-item>
				</el-card>
      </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" disabled 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'"
							:choose-language="model.nidgrp.rec.giduil"
					:isAdrblk="false" :haveAdrLabel="true"
					:isShowCard="false"
					:argadr="{title: '',grp: 'ncdgrp', rol: 'prb',}"
					ptytyp="B"   @blurRef="ncdgrpPrbRefBlur">
          </c-ptap>
				</el-card>
      </c-col>

			<c-col :span="24">
        <c-ptap
					:model="model"
					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","docprbroList","payrolList"],
  mixins: [event, Default],
  data() {
    return {};
  },
  methods: {},
  created: function() {}
};
</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>