<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<!-- ==================左边================ -->
			<c-col :span="12" style="padding-right: 20px">
				<c-col :span="24">
					<el-form-item label="保函编号" prop="nidgrp.rec.ownref">
						<c-fullbox>
							<c-input v-model="model.nidgrp.rec.ownref" maxlength="16" placeholder="请输入保函编号" disabled></c-input>
							<template slot="footer">
							
								<!-- 保函形式和保函类型以及收益人为空的时候灰显 -->
								<c-button disabled style="margin: 0 0" size="small" type="primary" @click="queryOwnref">获取</c-button>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>


				<c-col :span="24">
					<el-form-item label="经办柜员" prop="nidgrp.rec.ownusr" style="width: 100%">
						<c-fullbox>
							<c-input v-model="model.nidgrp.rec.ownusr" maxlength="8" placeholder="请输入经办柜员" disabled></c-input>
							<template slot="footer">
								<!-- <c-button style="padding: 0 12px" size="small" type="primary" icon="el-icon-search">
                </c-button> -->
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<div class="custom-box-wrap">
						<div style="width: 280px;">
							<el-form-item label="保函金额" prop="nidgrp.cbs.max.cur">

								<c-select v-model="model.nidgrp.cbs.max.cur" disabled style="width: 100%" placeholder="请选择保函金额">
									<el-option v-for="item in codes.curtxtList" :key="item.id" :label="item.txt" :value="item.cod"></el-option>
								</c-select>
							</el-form-item>
						</div>
						<div style="width: calc(100% - 280px);">
							<el-form-item label-width="5px" prop="nidgrp.cbs.max.amt">
								<c-input-currency v-model="model.nidgrp.cbs.max.amt" disabled style="width:100%;" placeholder="请输入保函金额" :currency="model.nidgrp.cbs.max.cur"></c-input-currency>
							</el-form-item>
						</div>
					</div>
				</c-col>

				<c-col :span="24">
					<div class="custom-box-wrap">
						<div style="width: 280px;">
							<el-form-item label="保函余额" prop="nidgrp.cbs.opn1.cur">
								<c-select disabled v-model="model.nidgrp.cbs.opn1.cur" style="width: 100%" placeholder="请选择保函余额币种">
									<el-option v-for="item in codes.curtxtList" :key="item.id" :label="item.txt" :value="item.cod"></el-option>
								</c-select>
							</el-form-item>
						</div>
						<div style="width: calc(100% - 280px);">
							<el-form-item label-width="5px" prop="nidgrp.cbs.opn1.amt">
								<c-input-currency disabled v-model="model.nidgrp.cbs.opn1.amt" style="width:100%;" placeholder="请输入" :currency="model.nidgrp.cbs.opn1.cur"></c-input-currency>
							</el-form-item>
						</div>
					</div>
				</c-col>


				<c-col :span="24">
					<el-form-item label="保函种类" prop="nidgrp.rec.gartyp">
						<c-select v-model="model.nidgrp.rec.gartyp" disabled style="width: 100%" placeholder="请选择保函种类" sort="SRT" dbCode="TYPGAR" 
						:filterKey="['A','B','C','D','1','J','G','W','Z','V','2','Y','4','5','6']">
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<div class="custom-box-wrap">
						<div style="width: 280px;">
							<el-form-item label="适用规则" prop="nidgrp.blk.apprul">
								<!-- 切换apprul时，清空的apprultxt数值 -->
								<c-select v-model="model.nidgrp.blk.apprul" disabled style="width: 100%" placeholder="请选择适用规则" dbCode="apprul" :isShowKeyAndLabel="true" :filterKey="['NONE','OTHR','UCPR','URDG']" >
								</c-select>
							</el-form-item>
						</div>
						<div style="width: calc(100% - 280px);">
							<el-form-item label-width="5px" prop="nidgrp.blk.apprultxt">
								<c-input v-model="model.nidgrp.blk.apprultxt" disabled maxlength="35" placeholder="请输入申请条款" ></c-input>
							</el-form-item>
						</div>
					</div>
				</c-col>
				


				<c-col :span="24">
					<c-ptap :argadr="{title: '申请人', grp: 'nidgrp', rol: 'apl'}" :disabled="true" :disabledRef="true" :disabledExtkey="true" :haveAdrLabel="true" :isAdrblk="false" :model="model" ptytyp="B,F,C">
					</c-ptap>
				</c-col>

				<c-col :span="24">
					<c-ptap :argadr="{
							title: '反担保行', grp: 'nidgrp', rol: 'con'}" :disabled="true" :disabledRef="true" :disabledExtkey="true" :isAdrblk="true" :haveAdrLabel="true" :model="model" ptytyp="B">
					</c-ptap>
				</c-col>

			</c-col>
			<!-- ============右边================= -->
			<c-col :span="12" style="padding-left: 20px">
				<!-- <c-col :span="24">
          <el-form-item label="客户委托我行日期" prop="nidgrp.rec.orddat">
            <c-date-picker type="date" v-model="model.nidgrp.rec.orddat" style="width: 100%" placeholder="请选择客户委托我行日期"></c-date-picker>
          </el-form-item>
        </c-col> -->
				<c-col :span="24">
					<el-form-item label="开立日期" prop="nidgrp.rec.opndat">
						<c-date-picker type="date" disabled v-model="model.nidgrp.rec.opndat" style="width: 100%" placeholder="请选择开立日期">
						</c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item label="通知日期" prop="nidgrp.rec.credat">
						<c-date-picker type="date" disabled v-model="model.nidgrp.rec.credat" style="width: 100%" placeholder="请选择通知日期">
						</c-date-picker>
					</el-form-item>
				</c-col>
				<!-- </c-col> -->
				<c-col :span="24">
					<div class="custom-box-wrap">
						<div style="width: calc(100% - 120px);">
							<el-form-item label="保函效期" prop="nidgrp.rec.expdat">
								<c-date-picker disabled type="date" v-model="model.nidgrp.rec.expdat" style="width: 100%" placeholder="请选择保函效期" @></c-date-picker>
							</el-form-item>
						</div>
        		<div style="width: 100px;margin-left: 20px;display: flex;align-items: flex-start;">
							<el-form-item label="" prop="nidgrp.rec.expflg" class="checkbox-left" label-width="5px">
								<c-checkbox v-model="model.nidgrp.rec.expflg" disabled true-label="X" false-label="">保函效期敞口</c-checkbox>
							</el-form-item>
						</div>
					</div>
				</c-col>


				<c-col :span="24">
					<c-col :span="model.nidgrp.cbs.max.cur == 'CNY' ? 24 : 0" v-if="model.nidgrp.cbs.max.cur == 'CNY'">
						<el-form-item label="" prop="nidgrp.rec.cmtflg" class="checkbox-left">
							<c-checkbox true-label="X" false-label="" disabled v-model="model.nidgrp.rec.cmtflg" >跨境人民币保函</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<div class="custom-box-wrap">
						<div style="width: calc(100% - 120px);">
							<el-form-item label="保函文本语言种类" prop="nidgrp.rec.giduil">
								<c-select v-model="model.nidgrp.rec.giduil" disabled style="width: 100%" placeholder="请选择保函文本语言种类" dbCode="uiltxt" :filterKey="['CN','EN']">
									<el-option v-for="item in giduilList" :key="item.id" :label="item.codeName" :value="item.codeValue">
									</el-option>
								</c-select>
							</el-form-item>
						</div>
        		<div style="width: 100px;margin-left: 20px;display: flex;align-items: flex-start;">
							<el-form-item label="" prop="nidgrp.rec.teskeyunc" class="checkbox-left" label-width="5px">
								<c-checkbox true-label="X" false-label="" disabled v-model="model.nidgrp.rec.teskeyunc">印押不符
								</c-checkbox>
							</el-form-item>
						</div>
					</div>
				</c-col>

				<c-col :span="24">
					<el-form-item label="合同号" prop="nidgrp.rec.orcref">
						<c-input v-model="model.nidgrp.rec.orcref" disabled maxlength="100" placeholder="请输入合同号"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-ptap :argadr="{title: '受益人', grp: 'nidgrp', rol: 'ben'}" :disabled="true" :disabledRef="true" :disabledExtkey="true" :haveAdrLabel="true" :isAdrblk="false" :model="model" ptytyp="C">
					</c-ptap>
				</c-col>

				<c-col :span="24">
					<c-ptap :argadr="{title: '开证行', grp: 'nidgrp', rol: 'iss'}" :disabled="true" :disabledRef="true" :disabledExtkey="true" :haveAdrLabel="true" :isAdrblk="true" :model="model" ptytyp="B">
					</c-ptap>
				</c-col>

			</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 {
      // markOrgList: [],
      // hndtypList: [],
      // atxinrList: [{ value: "<NILTXT>", label: "空白文本" }],
      giduilList: [],
      curtxtList: []
    };
  },
  computed: {},
  methods: {},
  mounted() {
    // this.queryOrgList(),
    // this.getResponsibleUser();
    // this.getHndtypData();
    this.getGidUil();
  }
};
</script>
<style scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>