Ovwp1.vue 15.8 KB
<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="gidgrp.rec.ownref">
            <c-fullbox>
              <c-input v-model="model.gidgrp.rec.ownref" maxlength="16" disabled></c-input>
              <template slot="footer">
                <!-- <el-form-item label="" label-width="5px"> -->
                <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="gidgrp.rec.bchkeyinr">
            <c-select disabled v-model="model.gidgrp.rec.bchkeyinr" 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="gitp.usr.extkey" style="width: 100%">
            <c-fullbox>
              <c-input  v-model="model.gitp.usr.extkey"  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="gidgrp.cbs.max.cur">
              <c-select disabled v-model="model.gidgrp.cbs.max.cur" @change="handleChangeFingua" style="width: 100%"
                placeholder="" dbCode="curtxt">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="gidgrp.cbs.max.amt">
              <c-input-currency disabled v-model="model.gidgrp.cbs.max.amt" @change="calcName" style="width:100%"
                @keyup.enter.native="$event.target.blur()"></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="保函余额" prop="gidgrp.cbs.opn1.cur">
              <c-select disabled v-model="model.gidgrp.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="gidgrp.cbs.opn1.amt">
              <c-input-currency disabled v-model="model.gidgrp.cbs.opn1.amt" style="width:100%">
              </c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="接收目的" prop="gidgrp.rec.purposin">
            <c-fullbox>
              <c-select disabled v-model="model.gidgrp.rec.purposin" style="width:100%" placeholder="" dbCode="PURPOI">
              </c-select>
              <template slot="footer">
                <c-checkbox disabled v-model="model.gitp.inc760" true-label="X" false-label="">incoming lose
                </c-checkbox>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="支出目的" prop="gidgrp.rec.purpos">
            <c-select disabled v-model="model.gidgrp.rec.purpos" style="width: 100%" dbCode="purpos" placeholder=""
              @change="changePurpos">
            </c-select>
          </el-form-item>
        </c-col>

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

        <c-col :span="24">
          <el-form-item label="保函种类" prop="gidgrp.rec.gartyp">
            <c-select disabled v-model="model.gidgrp.rec.gartyp" style="width: 100%" dbCode="TYPGAR" placeholder=""
              @change="changeGartyp">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="24">
            <el-form-item label="保函形式" prop="gidgrp.rec.legfrm">
              <c-select disabled v-model="model.gidgrp.rec.legfrm" style="width: 100%" dbCode="legfrm">
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="是否对外担保" prop="gidgrp.rec.fingua">
            <c-fullbox>
              <c-select disabled v-model="model.gidgrp.rec.fingua" style="width: 100%" placeholder="请选择是否对外担保"
                dbCode="fingua"></c-select>
              <template slot="footer">
                <c-checkbox disabled v-model="model.gidgrp.rec.needcuscomopn" true-label="X" false-label="">
                  客户确认
                </c-checkbox>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="对外担保类型" prop="gidgrp.rec.cfaguatyp">
            <c-fullbox>
              <c-select disabled v-model="model.gidgrp.rec.cfaguatyp" isShowKeyAndLabel placeholder="请选择对外担保类型"
                dbCode="CFAGUT"></c-select>
              <template slot="footer">
                <c-checkbox disabled v-model="model.gidgrp.rec.cmtflg" true-label="X" false-label=""
                  @change="defaultVouflgN1000">
                  跨境人民币保函
                </c-checkbox>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="索赔方式" prop="gidgrp.rec.demand">
            <c-select disabled v-model="model.gidgrp.rec.demand" style="width: 100%" dbCode="demand" placeholder="">
            </c-select>
          </el-form-item>
        </c-col>

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

        <c-col :span="24">
          <el-form-item label="保函文本格式" prop="gidgrp.rec.atxinr">
            <!-- dbCode="gtxinr" -->
            <c-select disabled v-model="model.gidgrp.rec.atxinr" style="width: 100%" @change="changeAtxinr"
              placeholder="">
              <el-option v-for="item in codes.atxinrList" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

      </c-col>
      <!-- ============右边================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-form-item label="客户委托我行日期" prop="gidgrp.rec.orddat">
            <c-date-picker disabled type="date" v-model="model.gidgrp.rec.orddat" style="width: 100%">
            </c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="生效日期" prop="gidgrp.rec.opndat">
            <c-date-picker disabled type="date" v-model="model.gidgrp.rec.opndat" style="width: 100%">
            </c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="到期类型" prop="gidgrp.rec.exptyp">
            <c-select disabled v-model="model.gidgrp.rec.exptyp" style="width: 100%" dbCode="exptyp" placeholder="">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="20">
            <el-form-item label="保函效期" prop="gidgrp.rec.expdat">
              <c-date-picker disabled type="date" v-model="model.gidgrp.rec.expdat" style="width: 90%">
              </c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="4" class="centerLable">
            <c-checkbox disabled v-model="model.gidgrp.rec.expflg" @change="changeExpflg" true-label="X" false-label="">
              保函效期敞口</c-checkbox>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="17">
            <el-form-item v-if="model.gitp.exptxtmodflg != 'X'" label="到期条件" prop="gidgrp.blk.exptxt">
              <c-input disabled type="textarea" rows="5" v-model="model.gidgrp.blk.exptxt" maxlength="780"
                show-word-limit></c-input>
            </el-form-item>
            <el-form-item v-if="model.gitp.exptxtmodflg == 'X'" label="到期条件" prop="gidgrp.blk.atxexptxt">
              <c-input type="textarea" rows="5" v-model="model.gidgrp.blk.atxexptxt" maxlength="780" show-word-limit
                @change="onAtxexptxt" disabled></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="7">
            <c-checkbox v-model="model.gitp.exptxtmodflg" disabled true-label="X" false-label="">手工修改</c-checkbox>
            <c-button size="small" disabled type="primary" style="margin: 5px 0 0 10px;float: left;text-align: center;">
              查看系统文本
            </c-button>
            <c-button size="small" disabled type="primary" style="margin: 5px 0 0 10px;float: left;text-align: center;">
              查看历史文本
            </c-button>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="责任类型 " prop="gidgrp.rec.liatypc">
            <c-select disabled v-model="model.gidgrp.rec.liatypc" style="width: 100%" dbCode="LIATYC" placeholder=""
              @change="changeLiatypc">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="20">
            <el-form-item label="我行责任截至日" prop="gidgrp.rec.liadat">
              <c-date-picker disabled type="date" v-model="model.gidgrp.rec.liadat" style="width: 90%">
              </c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="4" class="centerLable">
            <c-checkbox true-label="X" disabled false-label="" v-model="model.gidgrp.rec.liaflg">我行责任敞口</c-checkbox>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="17">
            <el-form-item
              v-if="model.gitp.liatxtcmodflg == 'X' && (model.gidgrp.rec.liatypc=='COND' || model.gidgrp.rec.liatypc=='FIXD')"
              label="责任状况" prop="gidgrp.blk.atxliatxtc">
              <c-input type="textarea" disabled rows="5" v-model="model.gidgrp.blk.atxliatxtc" @change="onAtxliatxtc"
                maxlength="780" show-word-limit></c-input>
            </el-form-item>
            <el-form-item v-else label="责任状况" prop="gidgrp.blk.liatxtc">
              <c-input type="textarea" disabled rows="5" v-model="model.gidgrp.blk.liatxtc" maxlength="780"
                show-word-limit></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="7">
            <c-checkbox true-label="X" false-label="" disabled style="margin: 0 0 0 10px"
              v-model="model.gitp.liatxtcmodflg" @change="onLiatxtcmodflg">手工修改
            </c-checkbox>
            <c-button size="small" type="primary" disabled style="margin: 5px 0 0 10px;float: left;text-align: center;">
              查看系统文本
            </c-button>
            <c-button size="small" type="primary" disabled style="margin: 5px 0 0 10px;float: left;text-align: center;">
              查看历史文本
            </c-button>
          </c-col>
        </c-col>


        <c-col :span="24">
          <el-form-item label="合同号" prop="gidgrp.rec.orcref">
            <c-input v-model="model.gidgrp.rec.orcref" disabled maxlength="35"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="适用法律" prop="gidgrp.rec.jurlaws20">
              <c-select v-model="model.gidgrp.rec.jurlaws20" disabled style="width: 100%" placeholder=""
                @change="changeJurlaws20" dbCode="ctytxt">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="gidgrp.rec.jurlaw">
              <c-select disabled v-model="model.gidgrp.rec.jurlaw" maxlength="35" style="width: 100%" dbCode="ctytxt"
                placeholder=""></c-select>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="仲裁地" prop="gidgrp.rec.jurplc">
            <c-input disabled v-model="model.gidgrp.rec.jurplc" maxlength="35"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="17">
            <el-form-item label="合同标的" prop="gidgrp.blk.atxcovgodsrv" v-if="model.gitp.covgodsrvmodflg == 'X'">
              <c-input rows="7" type="textarea" v-model="model.gidgrp.blk.axtcovgodsrv" maxlength="350" show-word-limit
                disabled></c-input>
            </el-form-item>
            <el-form-item label="合同标的" prop="gidgrp.blk.covgodsrv" v-else>
              <c-input disabled rows="7" type="textarea" v-model="model.gidgrp.blk.covgodsrv" maxlength="350"
                show-word-limit></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="7">
            <c-checkbox v-model="model.gitp.covgodsrvmodflg" disabled true-label="X" false-label=""
              style="margin: 0 0 0 10px" class="checkbox-left">
              手工修改</c-checkbox>
            <c-checkbox style="margin: 0 0 0 10px;" class="checkbox-left" disabled true-label="X" false-label=""
              v-model="model.gitp.covgod.chkast">允许
            </c-checkbox>
            <c-button size="small" type="primary" disabled style="margin: 5px 0 0 10px;width:100px;float:left;">
              查看系统文本
            </c-button>
            <c-button size="small" type="primary" disabled style="margin: 5px 0 0 10px;width:100px;float:left;">
              查看历史文本
            </c-button>
          </c-col>
        </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: [],
        atxinrList: [
          { value: '<NILTXT>', label: '空白文本' }
        ]
      };
    },
    computed: {
    },
    watch: {
    },
    methods: {
    },
    mounted() {
      this.queryOrgList()
    },
    created: function () { }
  };
</script>
<style scoped>
  .el-textarea .el-textarea__inner {
    height: 100px;
  }
</style>