Nitsetp1.vue

<template>
  <div class="eibs-tab">
    <c-col :span="12" style="padding-right: 20px;">
      <!-- <c-col :span="12">
				<el-form-item label="保函编号" prop="nidgrp.rec.ownref" style="width: 100%">
					<c-input v-model="model.nidgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
				</el-form-item>
			</c-col> -->

      <!-- <c-col :span="8" v-if="model.nidgrp.rec.expflg=='X'">
				<el-form-item style="margin-left:20px" label="我行责任敞口">
				</el-form-item>
			</c-col> -->

      <!-- <c-col :span="24" v-if="model.nidgrp.rec.expdat!=''">
				<el-form-item label="保函效期" label-width="" prop="nidgrp.rec.expdat">
					<c-date-picker type="date" v-model="model.nidgrp.rec.expdat" disabled style="width: 100%" placeholder="请选择保函效期"></c-date-picker>
				</el-form-item>
			</c-col> -->

      <c-col :span="24">
        <el-form-item label="索赔编号" prop="ncdgrp.rec.ownref" style="width: 100%">
          <c-input v-model="model.ncdgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
        </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">
					</c-select>
				</el-form-item>
			</c-col> -->
      <c-col :span="24" v-if="model.nidgrp.rec.liadat=='X'">
        <el-form-item label="我行责任敞口">
        </el-form-item>
      </c-col>

      <!-- <c-col :span="24" v-if="model.nidgrp.rec.liadat!=''">
				<el-form-item label="责任截至日" prop="nidgrp.rec.liadat">
					<c-date-picker type="date" v-model="model.nidgrp.rec.liadat" disabled style="width:100%" placeholder="请选择责任截至日"></c-date-picker>
				</el-form-item>
			</c-col> -->

      <c-col :span="24">
        <el-form-item label="索赔日期" prop="ncdgrp.rec.clmdat">
          <c-input v-model="model.ncdgrp.rec.clmdat" maxlength="40" disabled placeholder="请输入索赔日期"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="保函余额" prop="nidgrp.cbs.opn1.cur" previewLabel="信用证币种">
          <c-select v-model="model.nidgrp.cbs.opn1.cur" placeholder="" @keyup.enter.native="nom1CurEvent"
            style="width: 100%" disabled dbCode="curtxt">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item previewLabel="信用证金额" style="text-align: left" label-width="5px" prop="nidgrp.cbs.opn1.amt">
          <c-input-currency :currency="model.nidgrp.cbs.opn1.cur" v-model="model.nidgrp.cbs.opn1.amt" placeholder=""
            disabled></c-input-currency>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="索赔金额" prop="ncdgrp.cbs.max.cur" previewLabel="信用证币种">
          <c-select v-model="model.ncdgrp.cbs.max.cur" maxlength="3" disabled placeholder="请输入索赔金额" dbCode="curtxt">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item previewLabel="信用证金额" style="text-align: left" label-width="5px" prop="ncdgrp.cbs.max.amt">
          <c-input-currency :currency="model.ncdgrp.cbs.max.cur" v-model="model.ncdgrp.cbs.max.amt" placeholder=""
            disabled></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="实际赔付金额" prop="ncdgrp.cbs.opn1.cur" previewLabel="信用证币种">
          <c-select v-model="model.ncdgrp.cbs.opn1.cur" maxlength="3" disabled placeholder="请输入索赔金额" dbCode="curtxt">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item previewLabel="" style="text-align: left" label-width="5px" prop="ncdgrp.cbs.opn1.amt">
          <c-input-currency :currency="model.ncdgrp.cbs.opn1.cur" @input="changeNcdOpn1"  v-model="model.ncdgrp.cbs.opn1.amt" placeholder="">
          </c-input-currency>
        </el-form-item>
      </c-col>


      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label-width="5px" prop="" class="checkbox-left baohanzhuxiao">
            <c-checkbox v-model="model.paypsb" true-label="X" false-label="" @change="onClsflg"
              :disabled="model.ncdgrp.rec.frepayflg=='C'||model.nidgrp.rec.hndtyp=='OT'">垫款</c-checkbox>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="5px" prop="" class="checkbox-left baohanzhuxiao">
            <c-checkbox v-model="model.ncdgrp.rec.frepayflg" @change="changeFreFlg" true-label='C' false-label='O'>无偿放单
            </c-checkbox>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <c-col :span="12" v-if="model.nidgrp.cbs.opn1.cur == 'CNY'">
          <el-form-item label-width="5px" prop="" class="checkbox-left baohanzhuxiao">
            <c-checkbox v-model="model.nidgrp.rec.cmtflg" :disabled="model.nidgrp.cbs.opn1.cur=='CNY'&&model.ncdgrp.rec.frepayflg == 'C'" @change="changeCmtFlg" true-label='X' false-label='O'>跨境人民币保函
            </c-checkbox>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="5px" prop="" class="checkbox-left baohanzhuxiao">
            <c-checkbox v-model="model.clsflg" :disabled="model.paypsb!=''||(Number(this.model.ncdgrp.cbs.opn1.amt) != Number(this.model.ncdgrp.cbs.max.amt))" 
                checked true-label="C" false-label="O">索赔闭卷
            </c-checkbox>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>

    <!-- 右边 -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="减/免责日期" prop="nidgrp.rec.reddat">
          <c-date-picker type="date" v-model="model.nidgrp.rec.reddat" maxlength="40" disabled placeholder="减/免责日期">
          </c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="金额明细" prop="nidgrp.tag39c">
          <c-input type="textarea" rows="2" v-model="model.nidgrp.tag39c" maxlength="50" show-word-limit disabled
            placeholder="请输入金额明细"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="跨境人民币清算模式" prop="cmtflg"
          v-if="model.nidgrp.cbs.opn1.cur == 'CNY' && model.nidgrp.rec.cmtflg=='X'" style="margin-top: 15px">
          <c-select v-model="model.cmtflg" @change="changeCmtflgSelect" style="width: 100%" placeholder="" dbCode="cmtflg">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="报文类型" prop="swftyp" v-if="model.cmtflg =='P'&&model.nidgrp.rec.cmtflg=='X'">
          <c-select v-model="model.swftyp" disabled placeholder="" dbCode="swttyp" style="width: 100%">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="合同号" prop="nidgrp.rec.rptref">
          <c-input v-model="model.nidgrp.rec.rptref" maxlength="25" placeholder="请输入合同号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="发票号" prop="nidgrp.rec.invref">
          <c-input v-model="model.nidgrp.rec.invref" maxlength="35" placeholder="请输入发票号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="是否需要核验" prop="ischktyp">
          <c-select v-model="model.ischktyp" style="width: 100%" dbCode="ISCROT" placeholder="请选择是否需要核验"
            @change="changeChkTyp">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="预计核验日期" prop="prechkdat" :required="model.ischktyp == 'Y'">
          <c-date-picker type="date" v-model="model.prechkdat" :disabled="model.ischktyp != 'Y'" style="width: 100%"
            placeholder="请选择预计核验日期"></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
  import event from "../event";
  import Default from "../model/default.js";
  export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event, Default],
    data() {
      return {};
    }
  };
</script>
<style>
  .margin-left {
    padding-left: 95px;
  }

  .baohanzhuxiao {
    padding-left: 114px;
  }
</style>