Nitpsep1.vue

<template>
  <div class="eibs-tab">
    <c-col :span="12" style="padding-right: 20px;">

      <!-- <c-col :span="16" v-if="model.nidgrp.rec.expflg=='X'||model.nidgrp.rec.expdat!=''">
        <el-form-item
          label="保函编号"
          prop="nidgrp.rec.ownref"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input
              v-model="model.nidgrp.rec.ownref"
              maxlength="8"
              placeholder="请输入"
              disabled
            ></c-input>
            <template slot="footer">
              <c-button
                v-model="model.nctp.nidget.sdamod.seainf"
                style="margin: 0 0 0 10px; padding: 0 12px"
                size="small"
                type="primary"
              >
                <i class="el-icon-info"></i>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col> -->

      <!-- <c-col :span="24" v-if="model.nidgrp.rec.expflg!='X'&&model.nidgrp.rec.expdat==''">
				<el-form-item label="保函编号" prop="nidgrp.rec.ownref" style="width: 100%">
					<c-fullbox>
						<c-input v-model="model.nidgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
						<template slot="footer">
							<c-button v-model="model.nctp.nidget.sdamod.seainf" style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary">
								<i class="el-icon-info"></i>
							</c-button>
						</template>
					</c-fullbox>
				</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="8" v-if="model.nidgrp.rec.expdat!=''">
				<el-form-item label="保函效期" label-width="50px" 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="5">
        <c-checkbox
          v-model="model.nctp.ncthdr"
          disabled
          style="
            margin-left: 18px;
            height: 32px;
            line-height: 32px;
            padding-bottom: 2px;
          "
          >附加金额
        </c-checkbox>
      </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="12">
        <el-form-item
          label="提取附加金额"
          prop="ncdgrp.cbs.opn2.cur"
          previewLabel="信用证币种"
        >
          <c-select
            v-model="model.ncdgrp.cbs.opn2.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.max2.amt"
        >
          <c-input-currency
            :currency="model.ncdgrp.cbs.opn2.cur"
            v-model="model.ncdgrp.cbs.max2.amt"
            placeholder=""
            disabled
          ></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.gtisetp1" disabled>保函注销情况下的付款</c-checkbox>
					</el-form-item>
				</c-col> -->
        <!-- <c-col :span="12">
          <el-form-item  label-width="5px" prop="" class="checkbox-left">
            <c-checkbox v-model="model.cre732flg" :disabled="model.nidgrp.rec.legfrm != 'STBY'" true-label="X" false-label="">创建 MT 732</c-checkbox>
          </el-form-item>
        </c-col> -->

      </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))" 
            true-label="C" false-label="O">索赔闭卷
            </c-checkbox>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- <c-col :span="2" :offset="19" v-if="false">
        <c-checkbox v-model="model.Nitsetp1" disabled >发送 MT 742</c-checkbox>
      </c-col> -->
      <!-- <c-col :span="24">
        <el-form-item label="输出SWIFT MT 769字段" label-width="150px" prop="" class="checkbox-left baohanzhuxiao">
        </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.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>

    <c-col :span="12" style="margin-top: 15px;padding-right: 20px;">

    </c-col>

    <c-col :span="12" style="margin-top: 15px;padding-left: 20px;">

    </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>