Ovwp3.vue

<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<!-- ==================左边================ -->
			<c-col :span="12" style="padding-right: 20px">
				<c-col :span="24">
					<c-col :span="9">
						<el-form-item label="融资金额" prop="bpdgrp.cbs.max.cur">
							<c-select-cur v-model="model.bpdgrp.cbs.max.cur" dbCode="curtxt" sort="SRT" :filterKey="model.curCT" :disabled="(model.onlybptflg!='Y' && (model.ledgrp.rec.dflg=='D'||model.dedgrp.rec.dflg=='D')) || model.finmod.dinmod.bizhog != ''" @change="maxcurChange" style="width:100%" placeholder="请选择融资金额">
							</c-select-cur>
						</el-form-item>
					</c-col>
					<c-col :span="11">
						<el-form-item label-width="5px" prop="bpdgrp.cbs.max.amt">
							<c-input-currency v-model="model.bpdgrp.cbs.max.amt" @change="maxamtChange" placeholder="请输入"></c-input-currency>
						</el-form-item>
					</c-col>
					<c-col :span="4" style="display: flex;justify-content: space-between;">
						<el-form-item label-width="5px" prop="bpdgrp.rec.pctfin">
							<c-input v-model="model.bpdgrp.rec.pctfin" :disabled="model.bpdgrp.rec.pnttyp == ''" @change="pctfinChange" placeholder="请输入"></c-input>
						</el-form-item>
						<span style="height:32px;line-height:32px">%</span>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="起息日" prop="bpdgrp.rec.opndat">
							<c-date-picker type="date" v-model="model.bpdgrp.rec.opndat" @change="opndatChange" style="width:100%" placeholder="请选择起息日"></c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="到期日" prop="bpdgrp.rec.matdat">
							<c-date-picker type="date" v-model="model.bpdgrp.rec.matdat" @change="matdatChange" style="width:100%" placeholder="请选择到期日"></c-date-picker>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="基准利率规则" prop="finmod.dinmod.jzllgz">
							<c-select dbCode="jzllgz" :filterKey="['0','1']" v-model="model.finmod.dinmod.jzllgz" :disabled="model.finmod.disableSet.includes('jzllgz')" style="width:100%" placeholder="请选择基准利率规则">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="市场LPR期限品种" prop="bpdgrp.rec.lprtyp">
							<c-select dbCode="LPRTYP" v-model="model.bpdgrp.rec.lprtyp" style="width:100%" placeholder="请选择市场LPR期限品种">
							</c-select>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item label="基准利率" prop="bpdgrp.rec.intrat">
						<c-fullbox>
							<c-input-currency v-model="model.bpdgrp.rec.intrat" disabled :maxlength=15 :precision=6 placeholder="请输入基准利率"></c-input-currency>
							<template slot="footer">
								<c-button style="margin-left: 10px" size="small" type="primary" @click="call2571">获取</c-button>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="执行利率" prop="bpdgrp.rec.tolrat">
						<c-input-currency v-model="model.bpdgrp.rec.tolrat" @change="tolratChange" :maxlength=13 :precision=6 :disabled="!model.isdisabledtolrat" placeholder="请输入执行利率"></c-input-currency>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="我行卖出执行利率" prop="bpdgrp.rec.bmhrat">
						<c-input-currency v-model="model.bpdgrp.rec.bmhrat" :disabled="model.bpdgrp.rec.ffttyp==''" :maxlength=13 :precision=6 placeholder="请输入我行卖出执行利率"></c-input-currency>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="浮动方式" prop="finmod.flttyp">
						<c-select v-model="model.finmod.flttyp" dbCode="BPDFLT" @change="changeFlttyp" style="width:100%" placeholder="请选择浮动方式">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<div style="width: calc(100% - 120px);margin-left: 120px;display: flex;align-item: center;justify-content: space-between;">
						<div>
							<el-form-item label-width="0">
								<c-checkbox v-model="model.finmod.wjdkfl" disabled true-label="0" false-label="1">是否到期主动扣收贷款本息</c-checkbox>
							</el-form-item>
						</div>
						<div style="width: 120px;">
							<el-form-item label-width="0" prop="yptxy">
								<c-button size="small" type="primary" :disabled="model.xyflg != 'N'" @click="callCommonsign">协议签署</c-button>
							</el-form-item>
						</div>
					</div>
				</c-col>

				<c-col :span="24">
					<el-form-item label="逾期计息方式" prop="finmod.ovdinttyp">
						<c-select v-model="model.finmod.ovdinttyp" dbCode="OVDINT" :filterKey="['1']" style="width:100%" placeholder="请选择逾期计息方式">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="发票类型" prop="bpdgrp.rec.invtyp">
						<c-select dbCode="invtyp" v-model="model.bpdgrp.rec.invtyp" style="width:100%" placeholder="请选择发票类型">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="发票号" prop="bpdgrp.rec.invref">
						<c-input v-model="model.bpdgrp.rec.invref" maxlength="35" placeholder="请输入发票号"></c-input>
					</el-form-item>
				</c-col>

			</c-col>

			<!-- ============右边================= -->
			<c-col :span="12" style="padding-left: 20px">
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="结息周期" prop="finmod.intprd">
							<c-select v-model="model.finmod.intprd" @change="defaultintprd" dbCode="intprd" :filterKey="['1','2','3','4','6','7']" style="width:100%" placeholder="请输入结息周期">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="结息日期" prop="finmod.intdat">
							<c-input :disabled="model.finmod.disableSet.includes('intdat')" v-model="model.finmod.intdat" maxlength="2" placeholder="请输入结息日期"></c-input>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item label="融资天数" prop="bpdgrp.rec.intday">
						<c-input v-model="model.bpdgrp.rec.intday" @change="defaultBpdgrpRecIntdayN2000" style="width: 100%" placeholder="请输入融资天数"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="定价审批代码" prop="finmod.dinjdm">
						<c-fullbox>
							<c-input v-model="model.finmod.dinjdm" :disabled="model.finmod.disableSet.includes('dinjdm')" placeholder="请输入定价审批代码"></c-input>
							<template slot="footer">
								<c-button style="margin-left: 10px" size="small" type="primary" :disabled="model.finmod.disableSet.includes('dget')" @click="callCPC3">获取</c-button>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="审批流程发起标识" prop="finmod.dinmod.rmbsbs">
						<c-select disabled dbCode="JZLLGZ" v-model="model.finmod.dinmod.rmbsbs" style="width:100%" placeholder="请输入审批流程发起标识">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="利率调整方式" prop="finmod.ratchgtyp">
						<c-select v-model="model.finmod.ratchgtyp" @change="defaultRatChgTyp" dbCode="RATCHG" :filterKey="['1','2','4','5','7','8','9','A','D','E','F','G','H','I','J']" style="width:100%" placeholder="请选择利率调整方式">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="利率调整周期" prop="finmod.ratchgprd">
						<c-select :disabled="model.finmod.disableSet.includes('ratchgprd')" dbCode="RATPRD" v-model="model.finmod.ratchgprd" style="width:100%" placeholder="请选择利率调整周期">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="浮动值" prop="finmod.fltval">
						<c-fullbox>
							<c-input-currency :disabled="model.finmod.flttyp=='' || model.finmod.flttyp=='0'" v-model="model.finmod.fltval" :maxlength=13 :precision=7 placeholder="请输入浮动值"></c-input-currency>
							<template slot="footer">
								<span style="margin-left: 5px" v-if="model.finmod.flttyp=='2'">
									%
								</span>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="罚息比率" prop="finmod.ovdintrat">
						<c-fullbox>
							<c-input-currency :disabled="model.finmod.ovdinttyp=='0'" v-model="model.finmod.ovdintrat" :maxlength=9 :precision=5 placeholder="罚息比率"></c-input-currency>
							<template slot="footer">
								<span style="margin-left: 5px">
									%
								</span>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="月日数" prop="finmod.ratchgdat">
						<c-input :disabled="model.finmod.disableSet.includes('ratchgdat')" v-model="model.finmod.ratchgdat" maxlength="4" placeholder="请输入月日数"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="宽限期" prop="finmod.graday">
						<c-input-number disabled style="width: 100%" v-model="model.finmod.graday" placeholder="宽限期"></c-input-number>
					</el-form-item>
				</c-col>

				<!-- <c-col :span="24" v-if="(model.bpdgrp.rec.fintyp=='F' || model.bpdgrp.rec.fintyp=='G') && model.finmod.intprd=='7'">
					<el-form-item label="福费廷转卖类型" prop="bpdgrp.rec.ffttyp">
						<c-select dbCode="FFTTYP" :filterKey="['0']" v-model="model.bpdgrp.rec.ffttyp" @change="ffttypChange" style="width:100%" placeholder="请输入福费廷转卖类型">
						</c-select>
					</el-form-item>
				</c-col> -->

			</c-col>
		</c-col>
	</div>
</template>

<script>
import event from "../event";
import Default from "../model/default";
import commonFunctions from "~/mixin/commonFunctions.js";
import commonDepend from "~/mixin/commonDepend.js";
import moment from "moment";
import Finmod from "~/components/business/commonModel/finmod/index.js";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default, commonFunctions, commonDepend],
  data() {
    return {
      stmData: {
        columns: [
          '1 1 "Type" 120',
          '2 2 "Dbt" 120',
          '3 3 "Cdt" 120',
          '4 4 "Cur" 120',
          '5 5 "Amt" auto 2 8 1 4',
          //  '6 6 "Mat.Dat." 80 4 7 1',
          {
            index: 6,
            position: 6,
            width: 226,
            render: (item, scope) => {
              return scope.row[item.prop] === "null"
                ? ""
                : scope.row[item.prop];
            },
            label: "Mat.Dat."
          }
        ]
      },
      flag: false
    };
  },
  methods: {
    maxcurChange() {
      this.model.finmod.intac = "";
      this.model.finmod.act1 = "";
      this.defaultDefaultPctfinN1000();
      this.defaultAccountsN1100();
    },
    maxamtChange() {
      if (this.model.bpdgrp.rec.modifySet) {
        this.model.bpdgrp.rec.modifySet = this.model.bpdgrp.rec.modifySet.filter(
          value => value != "pctfin"
        );
      }
      if (this.model.bpdgrp.cbs.max.modifySet.includes("amt")) {
        this.defaultAccountsN1100();
        this.defaultDefaultPctfinN1000();
        this.defaultMacN1100();
      }
    },
    pctfinChange() {
      if (this.model.bpdgrp.cbs.max.modifySet) {
        this.model.bpdgrp.cbs.max.modifySet = this.model.bpdgrp.cbs.max.modifySet.filter(
          value => value != "amt"
        );
      }
      if (this.model.bpdgrp.rec.modifySet.includes("pctfin")) {
        this.defaultDefaultPctfinN1000();
        this.defaultFinmodIntprdN1000();
      }
    },
    opndatChange() {
      if(!this.model.bpdgrp.rec.opndat || !this.model.bpdgrp.rec.modifySet.includes("opndat")){
        this.model.bpdgrp.rec.opndat = moment(new Date()).format("YYYY-MM-DD")
      }
      this.defaultBpdgrpRecIntdayN11100();
      this.defaultMacN1100();
      this.model.bpdgrp.rec.qxr = this.model.bpdgrp.rec.opndat;
      this.model.blcgrp.rec.loadat = this.model.bpdgrp.rec.opndat;
      this.model.zxbgrp.rec.loadat = this.model.bpdgrp.rec.opndat;
    },
    matdatChange() {
      this.checkTendatWarn().then(async () => {
        this.defaultBpdgrpRecIntdayN11100();
        this.defaultMacN1100();
      });
    },
    tolratChange() {
      this.defaultMacN1100();
    }
  },
  watch: {
    "model.bpdgrp.cbs.max.cur": {
      immediate: true,
      handler(val, oldval) {
        this.model.blcgrp.rec.finloacur = val;
        this.model.zxbgrp.rec.finloacur = val;
        this.model.blcgrp.rec.loacur = val;
        this.model.zxbgrp.rec.loacur = val;
        if(this.model.onlybptflg == "Y"){
          this.model.tensetcur = val;
        }
      }
    },
    "model.bpdgrp.cbs.max.amt": {
      immediate: true,
      handler(val, oldval) {
        this.model.blcgrp.rec.finloaamt = val;
        this.model.zxbgrp.rec.finloaamt = val;
        this.model.blcgrp.rec.loaamt = val;
        this.model.zxbgrp.rec.loaamt = val;
        this.model.imgInvmod.docamt = val;
        if (val != "" && !this.model.blcgrp.rec.loadat) {
          this.model.blcgrp.rec.loadat = moment(new Date()).format(
            "YYYY-MM-DD"
          );
          this.model.zxbgrp.rec.loadat = moment(new Date()).format(
            "YYYY-MM-DD"
          );
        }
      }
    },
    "model.bpdgrp.rec.matdat": {
      immediate: true,
      handler(val, oldval) {
        this.model.blcgrp.rec.prcrepdat = val;
        this.model.zxbgrp.rec.prcrepdat = val;
      }
    },
    "model.bpdgrp.rec.intday": {
      immediate: true,
      handler(val, oldval) {
        // if (val != "") {
        this.model.blcgrp.rec.loalimday = val;
        this.model.zxbgrp.rec.loalimday = val;
        // } else {
        //   this.model.blcgrp.rec.loalimday = "";
        //   this.model.zxbgrp.rec.loalimday = "";
        // }
      }
    },
    "model.finmod.dinjdm": {
      immediate: true,
      handler(val, oldval) {
        if (oldval != undefined && oldval != "") {
          if (val === "") {
            this.$set(this.model.finmod, "dinmod", new Finmod().data.dinmod);
            this.model.bpdgrp.rec.tolrat = "0.000000";
          }
        }
      }
    }
  },
  computed: {
    isdisabled() {
      let onlybptflg = this.model.onlybptflg;
      if (
        this.model.bpdgrp.rec.pnttyp == "" &&
        this.model.bpdgrp.rec.fpdinr == ""
      ) {
        return false;
      } else {
        if (
          this.model.ledgrp.rec.dflg == "D" ||
          this.model.dedgrp.rec.dflg == "D"
        ) {
          return true;
        } else {
          if (
            this.model.bpdgrp.rec.fintyp == "F" ||
            this.model.bpdgrp.rec.fintyp == "U"
          ) {
            return true;
          } else {
            if (this.model.tensetcur != "CNY") {
              //TODO   setvalues(bpdgrp.cbs.max.cur, "cny" + cr + tensetcur);
            }
            return false;
          }
        }
      }
    }
  },
  created() {}
};
</script>

<style>
</style>