Ovwp1.vue

<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  style="margin: 0 10px 0 10px; padding: 0 12px" 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="客户经理" style="width: 100%">
            <c-fullbox>
              <c-input v-model="model.nidgrp.rec.ownusr" maxlength="8" placeholder="请输入客户经理" disabled></c-input>
              <template slot="footer">
                <!-- <c-button disabled 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">
          <c-col :span="12">
            <el-form-item label="保函币种和金额" prop="nidgrp.cbs.max.cur">
              <c-select disabled v-model="model.nidgrp.cbs.max.cur" style="width: 100%" placeholder="请选择保函币种"
                dbCode="curtxt" @change="handleChangeFingua">
              </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 disabled v-model="model.nidgrp.cbs.max.amt" style="width:80%;" 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-input disabled v-model="model.nidgrp.cbs.opn1.cur" style="width: 100%" placeholder="请输入保函余额"
                @change="handleChangeFingua"></c-input>
            </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 disabled v-model="model.nidgrp.rec.hndtyp" style="width: 100%" placeholder="请选择保函开立类型"
              dbCode="hndtyp" @change="changeExpflgOrHndtyp">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="保函种类" prop="nidgrp.rec.gartyp">
            <c-select disabled v-model="model.nidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函种类"
              dbCode="TYPGAR" @change="changeGartyp">
            </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">
          <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="24">
          <el-form-item label="面函标题" prop="nitp.lettername">
            <c-input v-model="model.nitp.lettername" maxlength="60" placeholder="请输入面函标题"></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%" 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" placeholder="请输入申请条款" disabled></c-input>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <el-form-item label="保函文本语言种类" prop="nidgrp.rec.giduil">
            <c-select disabled v-model="model.nidgrp.rec.giduil" style="width: 100%" placeholder="请选择保函文本语言种类"
              dbCode="uiltxt">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- <c-col :span="12">
            <el-form-item label="核销日期" prop="nidgrp.rec.vrfdat">
              <c-date-picker type="date" :disabled="model.nidgrp.gartyp !='X'" v-model="model.nidgrp.rec.vrfdat" style="width: 100%" placeholder="请选择核销日期"></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col> -->

        <c-col :span="24">
          <el-form-item label="保函文本格式" prop="nidgrp.rec.gtxinr">
            <c-select disabled v-model="model.nidgrp.rec.gtxinr" style="width: 100%" 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 v-model="model.nidgrp.rec.fenlishi" style="width: 100%" placeholder="请选择分离式保函种类"
              dbCode="fenlsh"></c-select>
          </el-form-item>
        </c-col-->
         <c-col v-if="model.zmqflg == 'X'" :span="24" >
                                            <el-form-item label="对手行代码" prop="nidgrp.rec.oppbnk" style="width: 100%" >
                                              <c-input disabled v-model="model.nidgrp.rec.oppbnk" placeholder="请输入对手行代码" ></c-input>
                                            </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" placeholder="请输入合同号"></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 disabled 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 disabled type="date" v-model="model.nidgrp.rec.opndat" style="width: 100%"
              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 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%" placeholder="请选择我行责任截至日">
              </c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="10" class="centerLable">
            <el-form-item label="" prop="nidgrp.rec.liaflg" class="checkbox-left" label-width="0px">
              <c-checkbox v-model="model.nidgrp.rec.liaflg" 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 disabled type="date" v-model="model.nidgrp.rec.inudat" style="width: 100%"
              placeholder="请选择保函生效日"></c-date-picker>
          </el-form-item>
        </c-col>
        
        <c-col :span="24">
          <el-form-item label="是否对外担保" prop="nidgrp.rec.fingua">
            <c-select disabled v-model="model.nidgrp.rec.fingua" style="width: 100%" placeholder="请选择是否对外担保" dbCode="fingua"></c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24" >
          <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="model.nidgrp.rec.hndtyp != 'OT' || model.nidgrp.rec.gartyp == 'F'"
              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  v-model="model.nidgrp.rec.cmtflg">跨境人民币保函</c-checkbox>
          </el-form-item>
        </c-col-->

        <c-col :span="24">
          <el-form-item label="抵押标志" prop="nidgrp.rec.guaflg">
            <c-select disabled v-model="model.nidgrp.rec.guaflg" style="width: 100%" 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%" 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 {};
    },
    computed: {},
    methods: {}
  };
</script>
<style scoped>
  .el-textarea .el-textarea__inner {
    height: 100px;
  }
</style>