<template>
	<div class="eibs-tab">
		<!-- ======================= 左边 ========================= -->
		<c-col :span="12" style="padding-right: 20px">
			<c-col :span="24">
				<el-form-item :label="$t('nitame.保函编号')" prop="nidgrp.rec.ownref">
					<c-input disabled maxlength="16" placeholder="请输入保函编号" v-model="model.nidgrp.rec.ownref"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('nitame.修改日期')" prop="swiadd.amedat">
					<c-date-picker placeholder="请选择修改日期" style="width: 100%" type="date" v-model="model.swiadd.amedat" @change="amedatChange">
					</c-date-picker>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item :label="$t('nitame.原保函金额')" prop="oldnidgrp.cbs.max.cur">
						<c-select dbCode="curtxt" disabled placeholder="请输入原保函金额" style="width: 100%" v-model="model.oldnidgrp.cbs.max.cur">
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label-width="5px" prop="oldnidgrp.cbs.max.amt">
						<c-input-currency :currency="model.oldnidgrp.cbs.max.cur" disabled placeholder="请输入" v-model="model.oldnidgrp.cbs.max.amt"></c-input-currency>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item :label="$t('nitame.修改金额')" prop="swiadd.amecur">
						<c-select @change="calcName" dbCode="curtxt" disabled placeholder="请输入修改金额" style="width: 100%" v-model="model.swiadd.amecur">
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label-width="5px" prop="swiadd.ameamt">
						<c-input-currency :currency="model.swiadd.amecur" @change="calcNewamt" placeholder="请输入" v-model="model.swiadd.ameamt"></c-input-currency>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item :label="$t('nitame.修改后保函金额')" prop="swiadd.newcur">
						<c-select @change="calcName" dbCode="curtxt" disabled placeholder="请选择保函金额" style="width: 100%" v-model="model.swiadd.newcur">
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label-width="5px" prop="swiadd.newamt">
						<c-input-currency :currency="model.swiadd.newcur" @change="calcAmeamt" placeholder="请输入" v-model="model.swiadd.newamt"></c-input-currency>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('nitame.面函标题')" prop="nitamep.mstitle">
					<c-input maxlength="60" placeholder="请输入面函标题" show-word-limit type="textarea" v-model="model.nitamep.mstitle" @change="setMstitleModified">
					</c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="简式修改内容">
					<c-checkbox
						class="checkbox-left"
						:disabled="model.nidgrp.rec.othersno =='F0000002' || model.nidgrp.rec.othersno =='F0000001'"
						@change="changenPlateflg"
						false-label=""
						true-label="X"
						v-model="model.nitamep.plateflg"
					>简式修改</c-checkbox>
					<c-checkbox
						:disabled="model.nidgrp.rec.dzbhdk=='Y' && (model.nidgrp.rec.othersno!='F0000002' &&  model.nidgrp.rec.othersno !='F0000001')"
						class="checkbox-left"
						false-label=""
						true-label="X"
						v-model="model.nitamep.prtflg"
						@change="defaultMstitleN1000"
					>全文修改</c-checkbox>
				</el-form-item>
			</c-col>

                <c-col :span="24" v-if="model.oldnidgrp.rec.hndtyp == 'OC'">
                                                                                                        <c-col :span="6">
                                                                                                            <el-form-item prop="nidgrp.rec.beyzd3" label-width="0">
                                                                                                                <c-checkbox v-model="model.nidgrp.rec.beyzd3" true-label="Y" false-label="N" @change="changedata">系统内转递</c-checkbox>
                                                                                                            </el-form-item>
                                                                                                        </c-col>
                                                                                                        <c-col :span="18">
                                                                                                            <el-form-item :label="$t('nitopn.转递接收行')" prop="nidgrp.rec.beyzd4" :rules="[{required:model.nidgrp.rec.beyzd3=='Y',message:'必填项',trigger:'change'}]">
                                                                                                                <c-select popper-class="tzh" :disabled="!model.nidgrp.rec.beyzd3 || model.nidgrp.rec.beyzd3=='N'" v-model="model.nidgrp.rec.beyzd4"
                                                                                                                  style="width: 100%" placeholder="请选择转递接收行">
                                                                                                                  <el-option v-for="item in codes.bchlistVo" :key="item.branch" :label="`${item.branch} - ${item.bchname}`" :value="item.branch">
                                                                                                                  </el-option>
                                                                                                                </c-select>
                                                                                                            </el-form-item>
                                                                                                        </c-col>
                                                                                                    </c-col>

      <!-- <c-col :span="24" style="display: flex;align-item: center;justify-content: space-between;">
        <div style="width: calc(100% - 92px);">
					<el-form-item label="简式修改内容" prop="swiadd.ameblk">
						<c-mul-row-input  :disabled="model.nitamep.plateflg==''"  @change="ameblkChange" :rows="850" :cols="65" :autosize="{minRows: 10, maxRows: 1000}" v-model="model.swiadd.ameblk" maxlength="21845" show-word-limit placeholder="请输入修改内容文本"></c-mul-row-input>
					</el-form-item>
				</div>
				<div style="width:72px">
					<el-form-item class="checkbox-left" label-width="10px" prop="nitamep.plateflg">
						<c-checkbox class="checkbox-left" :disabled="model.nidgrp.rec.othersno =='F0000002' || model.nidgrp.rec.othersno =='F0000001'" @change="changenPlateflg" false-label="" true-label="X" v-model="model.nitamep.plateflg">简式修改</c-checkbox>
						<c-checkbox  :disabled="model.nidgrp.rec.dzbhdk=='Y' && (model.nidgrp.rec.othersno!='F0000002' &&  model.nidgrp.rec.othersno !='F0000001')" class="checkbox-left" false-label="" true-label="X" v-model="model.nitamep.prtflg" @change="defaultMstitleN1000">
							全文修改
						</c-checkbox>
					</el-form-item>
				</div>
			</c-col> -->

		</c-col>
		<!-- ======================右边====================== -->
		<c-col :span="12" style="padding-left: 20px">

			<c-col :span="24">
				<el-form-item :label="$t('nitame.修改次数')" prop="nitamep.amenbr">
					<c-input-number :max="999" placeholder="请输入修改次数" v-model="model.nitamep.amenbr" @change="amenbrChange"></c-input-number>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('nitame.实际修改次数')" prop="oldnidgrp.rec.amenbr">
					<c-input-number disabled v-model="model.nidgrp.rec.amenbr"></c-input-number>
				</el-form-item>
			</c-col>

			<c-col :span="24">
        <c-col :span="16">
				  <el-form-item label="原有效期" prop="oldnidgrp.rec.expdat">
					  <c-date-picker disabled placeholder="请选择原有效期" style="width: 100%" type="date" v-model="model.oldnidgrp.rec.expdat"></c-date-picker>
				  </el-form-item>
        </c-col>
        <c-col :span="8">
					<el-form-item class="checkbox-left" label-width="10px">
						<c-checkbox disabled  class="checkbox-left" false-label="" true-label="X" v-model="model.oldnidgrp.rec.expflg">
								效期敞口
						</c-checkbox>
					</el-form-item>
				</c-col>
			</c-col>

			
			<c-col :span="24">
				<c-col :span="16">
					<el-form-item label="新有效期" prop="swiadd.newexpdat">
						<c-date-picker :disabled="model.swiadd.newexpflg=='X'" @change="defaultNidgrpRecExpdatN10000"
									   placeholder="请输入新有效期" type="date" v-model="model.swiadd.newexpdat">
						</c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="8">
					<el-form-item class="checkbox-left" label-width="10px">
						<c-checkbox :disabled="model.nidgrp.rec.gartyp === 'X'" @change="setExpnewtxtUnlimited" class="checkbox-left" false-label="" true-label="X" v-model="model.swiadd.newexpflg">
								效期敞口
						</c-checkbox>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="16">
					<el-form-item label="反担保原有效期" prop="oldnidgrp.rec.liadat">
						<c-date-picker disabled placeholder="请选择原反担保有效期" style="width: 100%" type="date" v-model="model.oldnidgrp.rec.liadat"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="8">
					<el-form-item class="checkbox-left" label-width="10px">
			  	 		<c-checkbox   false-label="" true-label="X" disabled v-model="model.oldnidgrp.rec.liaflg">反担保效期敞口</c-checkbox>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="16">
					<el-form-item label="反担保新有效期" prop="swiadd.newliadat" >
						<c-date-picker @change="newliadatChange" :disabled="(model.nidgrp.rec.hndtyp!='OC' && model.nidgrp.rec.hndtyp!='OT')||model.swiadd.newliaflg=='X'" placeholder="请输入新反担保有效期" style="width: 100%" type="date" v-model="model.swiadd.newliadat"></c-date-picker>
					</el-form-item>
        </c-col>

				<c-col :span="8">
					<el-form-item class="checkbox-left" label-width="10px">
			  	 		<c-checkbox   false-label="" true-label="X" :disabled="(model.nidgrp.rec.hndtyp != 'OC' && model.nidgrp.rec.hndtyp != 'OT')||model.swiadd.newexpflg=='X'" v-model="model.swiadd.newliaflg" @change="newliaflgChange">反担保效期敞口</c-checkbox>
					</el-form-item>
				</c-col>
			</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" placeholder="请选择适用规则"  :isShowKey="true" dbCode="apprul" :filterKey="['URDG','NONE','OTHR','UCPR']">
                    </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="model.nidgrp.blk.apprul!='OTHR'"></c-input>
                </el-form-item>
            </c-col>
        </c-col>
      <c-col :span="24" class="centerLable" v-if="this.model.oldnidgrp.rec.hndtyp && this.model.oldnidgrp.rec.hndtyp == 'OL' && this.codes.buttonShow =='1'">
            <el-form-item label="" prop="nidgrp.rec.needcuscomame" class="checkbox-left">
              <c-checkbox :disabled="judgementWorkFlag == true || (this.codes.permissionToEdit && this.codes.permissionToEdit != 'Y')" false-label="" true-label="X" v-model="model.nidgrp.rec.needcuscomame">需客户确认</c-checkbox>
            </el-form-item>
      </c-col>
			<c-col :span="24">
				<div style="width: calc(100% - 120px);margin-left: 124px;display: flex;align-item: center;justify-content: space-between;">
					<div style="width: 84px;">
						<el-form-item label-width="0" prop="nidgrp.rec.cxmflg">
							<c-checkbox v-model="model.nidgrp.rec.cxmflg" true-label="Y" false-label="N" >生成查询码</c-checkbox>
						</el-form-item>
					</div>
				</div>
			</c-col>

			<c-col :span="24" v-if="model.nitp.wzhflgVsb == 'Y'">
				<c-col :span="12">
					<el-form-item label="纸质文本是否加盖电子签章" prop="nitp.wzhflg">
						<c-select :disabled="false" v-model="model.nitp.wzhflg" style="width: 100%" placeholder="请选择">
							<el-option v-for="item in wzh" :key="item.value" :label="item.label" :value="item.value">
							</el-option>
						</c-select>
					</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 {
	  mstitleModified: false,
	  wzh: [{value:"Y", label:"是"}, {value:"N", label:"否"}],
    };
  },
  computed: {
		judgementWorkFlag(){
			let judgeFlag = false;
			if (this.codes.sndflgJudgement =='X') {
        judgeFlag = true;
      }
      return judgeFlag;
		}
	},
  created: function() {}
};
</script>
<style scoped lang="less">
::v-deep .el-form-item__error{
	position: absolute!important
}

</style>