<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" disabled></c-input>
              <template slot="footer">
                <c-button style="margin: 0 10px 0 10px; padding: 0 12px" disabled size="small" type="primary">
                  <i class="el-icon-info"  style="font-size:15px"></i>
                </c-button>
                <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.bchkeyinr">
						<c-select v-model="model.nidgrp.rec.bchkeyinr" disabled style="width: 100%" placeholder="">
							<el-option
								v-for="item in markOrgList"
								:key="item.inr"
								:value="item.inr"
								:label="item.bchname"
							></el-option>
						</c-select>
					</el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="客户经理" prop="nitp.usr.extkey" style="width: 100%">
            <c-fullbox>
              <c-input v-model="model.nitp.usr.extkey" maxlength="8"  disabled></c-input>
              <template slot="footer">
                <c-button style="padding: 0 12px" disabled size="small" type="primary" icon="el-icon-search">
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="保函币种和金额" prop="nidgrp.cbs.max.cur">
              <c-select v-model="model.nidgrp.cbs.max.cur" disabled  style="width: 100%" placeholder="" dbCode="curtxt">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="nidgrp.cbs.max.amt">
              <c-input-currency v-model="model.nidgrp.cbs.max.amt" style="width:80%;" disabled placeholder="" ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="保函余额" prop="nidgrp.cbs.opn1.cur">
              <c-select disabled v-model="model.nidgrp.cbs.opn1.cur" style="width: 100%"  placeholder=""
                dbCode="curtxt">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="nidgrp.cbs.opn1.amt">
              <c-input-currency disabled v-model="model.nidgrp.cbs.opn1.amt" style="width:80%;" placeholder=""></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="保函开立类型" prop="nidgrp.rec.hndtyp">
            <c-select v-model="model.nidgrp.rec.hndtyp" style="width: 100%"  disabled placeholder="" dbCode="hndtyp" >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="保函种类" prop="nidgrp.rec.gartyp">
            <c-select v-model="model.nidgrp.rec.gartyp" style="width: 100%" disabled placeholder="" dbCode="TYPGAR">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- 当保函种类选择F时，特殊保函类型显示，否则不显示 -->
        <c-col :span="24" v-if="model.nidgrp.rec.gartyp == 'F'">
          <el-form-item label="特殊保函类型" prop="nidgrp.rec.segtyp">
            <c-select disabled v-model="model.nidgrp.rec.segtyp" style="width: 100%" placeholder="" dbCode="segtyp">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24" class="centerLable">
					<c-col :span="18">
          <el-form-item label="" prop="nitp.dzbhflg" class="checkbox-left">
            <c-checkbox disabled v-model="model.nitp.dzbhflg">电子保函标志</c-checkbox>
          </el-form-item>
          </c-col>
					<c-col :span="6">
						<el-form-item class="checkbox-right" label-width="120px">
							<c-checkbox v-model="model.nidgrp.rec.fenlishi" true-label="2" false-label="" disabled >分离式保函</c-checkbox>
						</el-form-item>
					</c-col>
        </c-col>

<!--        <c-col :span="24">
          <el-form-item label="面函标题" prop="nitp.lettername">
            <c-input v-model="model.nitp.lettername" maxlength="60" disabled></c-input>
          </el-form-item>
        </c-col>-->

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="申请条款" prop="nidgrp.blk.apprul">
              <c-select v-model="model.nidgrp.blk.apprul" style="width: 100%" disabled placeholder="" dbCode="apprul">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="nidgrp.blk.apprultxt">
              <c-input v-model="model.nidgrp.blk.apprultxt" maxlength="35"  disabled></c-input>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <el-form-item label="保函文本语言种类" prop="nidgrp.rec.giduil">
            <c-select v-model="model.nidgrp.rec.giduil" style="width: 100%" disabled placeholder="" dbCode="uiltxt">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="保函文本格式" prop="nidgrp.rec.gtxinr">
            <c-select v-model="model.nidgrp.rec.gtxinr" style="width: 100%" disabled placeholder="" dbCode="gtxinr">
            </c-select>
          </el-form-item>
        </c-col>

       <!-- <c-col :span="24">
          <el-form-item label="分离式保函" prop="nidgrp.rec.fenlishi">
            <c-select disabled style="width: 100%" placeholder="" dbCode="fenlsh"></c-select>
          </el-form-item>
        </c-col> -->

        <c-col :span="24">
          <el-form-item label="合同号" prop="nidgrp.rec.orcref">
            <c-input v-model="model.nidgrp.rec.orcref" maxlength="100" disabled></c-input>
          </el-form-item>
        </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%" disabled 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" v-model="model.nidgrp.rec.opndat" style="width: 100%" disabled placeholder=""></c-date-picker>
          </el-form-item>
        </c-col>
        <!-- </c-col> -->
        <c-col :span="24">
          <c-col :span="14">
            <el-form-item label="保函效期" prop="nidgrp.rec.expdat">
              <c-date-picker disabled type="date" v-model="model.nidgrp.rec.expdat" style="width: 90%" placeholder=""></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="10" class="centerLable">
            <el-form-item label="" prop="nidgrp.rec.expflg" class="checkbox-left" label-width="0px">
              <c-checkbox true-label='X' false-label='' disabled v-model="model.nidgrp.rec.expflg">无限额保函</c-checkbox>
            </el-form-item>
          </c-col>

        </c-col>

        <c-col :span="24">
          <c-col :span="14">
            <el-form-item label="我行责任截至日" prop="nidgrp.rec.liadat">
              <c-date-picker type="date" v-model="model.nidgrp.rec.liadat" style="width: 90%" disabled placeholder=""></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="10" class="centerLable">
            <el-form-item label="" prop="nidgrp.rec.expflg" class="checkbox-left" label-width="0px">
              <c-checkbox v-model="model.nidgrp.rec.liaflg" true-label='X' false-label='' disabled>我行责任敞口</c-checkbox>
            </el-form-item>
          </c-col>

        </c-col>
        <!-- 当特殊保函类型为01上海自贸区海关关税时，保函生效日展示，否则不展示 -->
        <c-col :span="24" v-if="model.nidgrp.rec.segtyp == '01'">
          <el-form-item label="保函生效日" prop="nidgrp.rec.inudat">
            <c-date-picker type="date" v-model="model.nidgrp.rec.inudat" style="width: 100%" placeholder="" disabled></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="是否对外担保" prop="nidgrp.rec.fingua">
            <c-select v-model="model.nidgrp.rec.fingua" style="width: 100%"  disabled placeholder="" dbCode="fingua"></c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24" v-if="model.nidgrp.cbs.max.cur == 'CNY'">
          <c-col :span="24">
            <el-form-item label="对外担保类型" prop="nidgrp.rec.cfaguatyp">
              <c-select disabled v-model="model.nidgrp.rec.cfaguatyp" style="width: 90%" placeholder="" dbCode="CFAGUT"></c-select>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24" v-if="model.nidgrp.cbs.max.cur != 'CNY'">
          <el-form-item label="对外担保类型" prop="nidgrp.rec.cfaguatyp">
            <c-select disabled v-model="model.nidgrp.rec.cfaguatyp" style="width: 100%" placeholder="" dbCode="CFAGUT"></c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="基础贸易是/否跨境贸易" prop="nidgrp.rec.iscrotra">
            <c-select disabled v-model="model.nidgrp.rec.iscrotra" style="width: 100%" placeholder="" dbCode="ISCROT"></c-select>
          </el-form-item>
        </c-col>

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

        <c-col :span="24">
          <el-form-item label="抵押标志" prop="nidgrp.rec.guaflg">
            <c-select v-model="model.nidgrp.rec.guaflg" style="width: 100%"  disabled placeholder="" dbCode="guaflg"></c-select>
          </el-form-item>
        </c-col>

        <!-- <c-col :span="24">
          <c-col :span="24">
            <el-form-item label="是否生成查询码" prop="nidgrp.rec.cxmflg">
              <c-select v-model="model.nidgrp.rec.cxmflg" style="width: 100%" disabled placeholder="" dbCode="cxmflg"></c-select>
            </el-form-item>
          </c-col>
        </c-col> -->

        <c-col :span="24" class="centerLable">
          <el-form-item>
            <c-button size="small" type="primary" disabled style="color: white; ">
              显示文本
            </c-button>
          </el-form-item>
        </c-col>
        <c-col :span="24" class="centerLable">
          <el-form-item>
            <c-button size="small" type="primary" disabled>
              协议签署
            </c-button>
          </el-form-item>
        </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: []
		};
  },
  computed: {},
	methods: {},
	mounted() {
		this.queryOrgList(),
		this.getResponsibleUser()
	}
};
</script>
<style scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>