Nitsetp1.vue

<template>
  <div class="eibs-tab">
    <c-col :span="12" style="padding-right: 20px;">
      <!-- <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 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="24" v-if="model.nidgrp.rec.expdat != ''">
				<el-form-item label="保函效期" 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-fullbox>
            <c-input v-model="model.ncdgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
            <template slot="footer">
              <!--							<c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary">-->
              <!--								<i class="el-icon-info"></i>-->
              <!--							</c-button>-->
              <c-button size="small" type="primary" :disabled="model.ncdgrp.rec.ownref!=''" @click="queryOwnref">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
        <div style="width: 280px;">
          <el-form-item label="索偿金额" prop="ncdgrp.cbs.max.cur" previewLabel="信用证币种">
            <c-select v-model="model.ncdgrp.cbs.max.cur" maxlength="3" placeholder="请输入索偿金额" dbCode="curtxt" disabled
              @change="calcName"></c-select>
          </el-form-item>
        </div>
        <div style="width: calc(100% - 280px);">
          <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="请输入信用证金额" @change="changeMaxamt"></c-input-currency>
          </el-form-item>
        </div>
        <!--c-col :span="5">
				<c-checkbox v-model="model.nctp.adaflg" disabled style=" float:right;">附加金额</c-checkbox>
				</c-col-->
      </c-col>
      <!-- <c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item label="附加金额" prop="nidgrp.cbs.max.cur" previewLabel="信用证币种">
							<c-select v-model="model.nidgrp.cbs.max.cur" maxlength="3" placeholder="请输入" dbCode="curtxt" disabled></c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item previewLabel="信用证金额" style="text-align: left" label-width="5px" prop="ncdgrp.cbs.max2.amt">
							<c-input-currency :currency="model.nidgrp.cbs.max.cur" v-model="model.ncdgrp.cbs.max2.amt" placeholder="请输入信用证金额"></c-input-currency>
						</el-form-item>
					</div>
				</div>
			</c-col> -->
      <!-- <c-col :span="24">
				<c-col :span="12">
					<el-form-item label="索偿余额" prop="ncdgrp.cbs.max.cur" previewLabel="信用证币种">
						<c-select v-model="model.ncdgrp.cbs.max.cur" placeholder="" disabled style="width: 100%" 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> -->
      <c-col :span="24">
        <el-form-item label="保函种类" prop="nidgrp.rec.gartyp">
          <c-select v-model="model.nidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函种类" dbCode="typgar"
            disabled>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="索偿登记日期" prop="ncdgrp.rec.clmdat">
          <c-date-picker type="date" v-model="model.ncdgrp.rec.clmdat" style="width: 100%" placeholder="请选择索偿登记日期">
          </c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="后续处理" prop="nxtflg">
          <c-select v-model="model.nxtflg" style="width: 100%" placeholder="请选择后续处理" tempUil="EN" dbCode="nxtflg">
          </c-select>
        </el-form-item>
      </c-col>
<!--      <c-col :span="24" v-if="model.nidgrp.rec.purpos === 'ISCO' || model.nidgrp.rec.purpos === 'ICCO'">-->
<!--        <el-form-item label="修改后担保到期日" prop="ncdgrp.rec.expludat">-->
<!--          <c-date-picker type="date" v-model="model.ncdgrp.rec.expludat" style="width: 100%" placeholder="请选择修改后担保到期日">-->
<!--          </c-date-picker>-->
<!--        </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">
				<el-form-item label="索赔日期" prop="ncdgrp.rec.clmdat">
				<c-date-picker
					type="date"
					v-model="model.ncdgrp.rec.clmdat"
					style="width: 100%"
					placeholder="请选择索赔日期"
				></c-date-picker>
				</el-form-item>
			</c-col-->
    </c-col>
    <!-- ======================右边====================== -->
    <c-col :span="12" style="padding-left: 20px;">
      <!-- <c-col :span="12">
				<el-form-item label="保函余额" prop="nidgrp.cbs.opn1.cur" previewLabel="信用证币种">
					<c-select v-model="model.nidgrp.cbs.opn1.cur" placeholder="" 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="24">
				<el-form-item label="简略信息" prop="ncdgrp.rec.nam">
					<c-input v-model="model.ncdgrp.rec.nam" maxlength="40" placeholder="请输入简略信息" disabled></c-input>
				</el-form-item>
			</c-col> -->
      <c-col :span="24" class="custom-box-wrap">
        <div style="width: calc(100% - 120px);">
          <el-form-item label="延期效期" prop="ncdgrp.rec.newexpdat"
            :rules="[{required: model.extpay != '',message:'必输项'}]">
            <c-date-picker type="date" v-model="model.ncdgrp.rec.newexpdat" :disabled=" model.extpay != 'X'"
              style="width: 100%" placeholder="请选择延期效期"></c-date-picker>
          </el-form-item>
        </div>
        <div style="width: 100px;margin-left: 20px;display: flex;align-items: flex-start;">
          <c-checkbox v-model="model.extpay" true-label="X" false-label="" style="
                margin-left: 0px;
                height: 32px;
                line-height: 32px;
                padding-bottom: 2px;
              " @change="changeExtPay">延期或付款</c-checkbox>
        </div>
      </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="clmtxt">
          <c-input type="textarea" rows="2" v-model="model.clmtxt" maxlength="50" show-word-limit placeholder="请输入索偿条款">
          </c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="索偿声明" prop="ncdgrp.rec.demstat">
          <c-select v-model="model.ncdgrp.rec.demstat" style="width: 100%" placeholder="请选择索偿声明"  tempUil="EN" dbCode="DEMSTT"
            @change="clearPresentdet">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="索偿声明文本 " prop="clmtxts20" :required="model.nxtflg=='SD'">
          <c-mul-row-input :autosize="{ minRows: 2, maxRows: 4}" :charmod="3" :cols="65" :rows="50" show-word-limit
            placeholder="请输入索偿声明文本" v-model="model.clmtxts20">
          </c-mul-row-input>
        </el-form-item>
      </c-col>
      <!-- <c-col :span="24">
				<el-form-item label="附加金额附言" prop="ncdgrp.blk.addamtinf">
					<c-input type="textarea" v-model="model.ncdgrp.blk.addamtinf" rows="2" show-word-limit placeholder="请输入附加金额附言"></c-input>
				</el-form-item>
			</c-col> -->

      <c-col :span="24">
        <el-form-item label="Present. Compl. Det." prop="ncdgrp.blk.presentdet"
          :required="model.ncdgrp.rec.demstat=='INCP'">
          <c-input type="textarea" v-model="model.ncdgrp.blk.presentdet" rows="2" show-word-limit
            placeholder="请输入Present. Compl. Det." :disabled="model.ncdgrp.rec.demstat != 'INCP'"></c-input>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
  import Api from "~/service/Api";
  import CodeTable from "~/config/CodeTable";
  import event from "../event";
  import Default from "../model/default";

  export default {
    components: {},
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event, Default],
    data() {
      return {};
    },
    computed: {
      flag() {
        return this.model.ncdgrp.prb.pts.extkey != "";
      }
    },
    methods: {
      // change(){
      // },
    },
    created: function () { }
  };
</script>
<style>
</style>