<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<c-col :span="12" style="padding-right: 20px">
        <c-col :span="24" v-show="false">
          <c-col :span="12">
            <el-form-item label="原始金额" prop="trtcre.oricur">
                <c-select-cur disabled v-model="model.trtcre.oricur" style="width:100%" dbCode="curtxt">
                </c-select-cur>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="trtcre.oriamt">
                <c-input-currency disabled v-model="model.trtcre.oriamt" :currency="model.trtcre.oricur"></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="原币种融资金额" prop="trtcre.oricur">
                <c-select-cur disabled v-model="model.trtcre.oricur" style="width:100%" dbCode="curtxt">
                </c-select-cur>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="trtcre.pctoriamt">
                <c-input-currency v-model="model.trtcre.pctoriamt" :currency="model.trtcre.oricur" @change="changePctOriAmt()" :disabled="model.trtcre.oriamt===0"></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="融资金额" prop="trtcre.trdgrp.cbs.max.cur">
              <c-select-cur v-if="model.trtcre.oricur === 'CNY'"
               v-model="model.trtcre.trdgrp.cbs.max.cur" style="width: 100%"
               @change="changeCur()"
               :disabled="model.trtcre.trdgrp.rec.pnttyp === 'BDD'"
               dbCode="CURTXT"
               placeholder="请选择融资金额币种">
              </c-select-cur>
              <c-select-cur v-else
               v-model="model.trtcre.trdgrp.cbs.max.cur" style="width: 100%"
               @change="changeCur()"
               :disabled="model.trtcre.trdgrp.rec.pnttyp === 'BDD'"
               dbCode="CURTXT"
               :filterKey="['CNY', model.trtcre.oricur]"
               placeholder="请选择融资金额币种">
              </c-select-cur>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="trtcre.trdgrp.cbs.max.amt">
              <c-input-currency v-model="model.trtcre.trdgrp.cbs.max.amt" :currency="model.trtcre.trdgrp.cbs.max.cur" style="width:100%" @change="changeAmt()" disabled placeholder="请输入融资金额">
              </c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="起息日" prop="trtcre.trdgrp.rec.stttendat">
							<c-date-picker type="date" v-model="model.trtcre.trdgrp.rec.stttendat" @change="changeStttendat()" style="width:100%" placeholder="请输入起息日">
							</c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="到期日" prop="trtcre.trdgrp.rec.matdat">
							<c-date-picker type="date" v-model="model.trtcre.trdgrp.rec.matdat" @change="changeMatdat()" style="width:100%" placeholder="请输入到期日">
							</c-date-picker>
						</el-form-item>
					</c-col>
				</c-col>
				<c-col :span="24">
					<el-form-item label="基准利率规则" prop="trtcre.finmod.dinmod.jzllgz">
						<c-select v-model="model.trtcre.finmod.dinmod.jzllgz" dbCode="jzllgz" :filterKey="['0','1']" :disabled="model.trtcre.finmod.disableSet.includes('jzllgz')" style="width:100%" placeholder="请输入基准利率规则">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="市场LPR期限品种" prop="trtcre.trdgrp.rec.lprtyp">
						<c-select v-model="model.trtcre.trdgrp.rec.lprtyp" dbCode="lprtyp" :disabled="model.trtcre.trtp.lprtypDisable === 'X'" style="width:100%" placeholder="请输入市场LPR期限品种">
						</c-select>
					</el-form-item>
				</c-col>

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

				<c-col :span="24">
					<el-form-item :required="true" label="执行利率" prop="trtcre.trdgrp.rec.actrat">
						<c-input-currency v-model="model.trtcre.trdgrp.rec.actrat" @change="changeActrat()" :maxlength="13" :precision="6" :disabled="model.trtcre.finmod.opnflg==='Y'" placeholder="请输入执行利率">
						</c-input-currency>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="浮动方式" prop="trtcre.finmod.flttyp">
						<c-select v-model="model.trtcre.finmod.flttyp" dbCode="flttyp" @change="changeFlttyp()" :filterKey="['0','1','2']" style="width:100%" placeholder="请输入浮动方式">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="逾期计息方式" prop="trtcre.finmod.ovdinttyp">
						<c-select v-model="model.trtcre.finmod.ovdinttyp" dbCode="ovdint" :filterKey="['1']" @change="changeOvdinttyp()" style="width:100%" placeholder="请输入逾期计息方式">
						</c-select>
					</el-form-item>
				</c-col>

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

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

			</c-col>
			<c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <c-col :span="12">
            <c-fullbox>
              <el-form-item label="融资比例" prop="trtcre.trdgrp.rec.pctfin">
                <c-input-currency :precision="6" v-model="model.trtcre.trdgrp.rec.pctfin" @change="changePctfin()"></c-input-currency>
              </el-form-item>
              <template slot="footer">
                <span style="margin-left:5px">%</span>
              </template>
            </c-fullbox>
          </c-col>
          <c-col :span="12">
            <el-form-item label="汇率" prop="trtcre.extrat">
              <c-fullbox>
                <el-tooltip :disabled="model.trtcre.rattxt === ''" placement="top" effect="light">
                  <div v-html="model.trtcre.rattxt" slot="content"></div>
                  <c-input-currency v-model="model.trtcre.extrat" style="width:100%" :precision="6" :disabled="model.trtcre.trdgrp.cbs.max.cur === model.trtcre.oricur" @change="changeExtrat()" placeholder="请输入汇率">
                  </c-input-currency>
                </el-tooltip>
                <template slot="footer">
                  <c-button :disabled="model.trtcre.trdgrp.cbs.max.cur === model.trtcre.oricur" style="margin: 0 0" size="small" type="primary" @click="queryExtrat">获取实时牌价</c-button>
                </template>
              </c-fullbox>
            </el-form-item>
          </c-col>
        </c-col>
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="结息周期" prop="trtcre.finmod.intprd">
							<c-select v-model="model.trtcre.finmod.intprd" dbCode="intprd" @change="changeIntprd()" :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="trtcre.finmod.intdat">
							<c-input v-model="model.trtcre.finmod.intdat" :disabled="!['1','2','3','4','5'].includes(model.trtcre.finmod.intprd)" maxlength="2" placeholder="请输入结息日期">
							</c-input>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item label="融资天数" prop="trtcre.trdgrp.rec.tenday">
						<c-input v-model="model.trtcre.trdgrp.rec.tenday" @change="changeTendat" placeholder="请输入融资天数"></c-input>
					</el-form-item>
				</c-col>

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

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

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

				<c-col :span="24">
					<el-form-item label="利率调整周期" prop="trtcre.finmod.ratchgprd">
						<c-select v-model="model.trtcre.finmod.ratchgprd" dbCode="RATCHD" @change="changeRatchgprd()" :disabled="!['7','8','9','G','H','I','J'].includes(model.trtcre.finmod.ratchgtyp)" style="width:100%" placeholder="请输入利率调整周期">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="23">
						<el-form-item label="浮动值" prop="trtcre.finmod.fltval">
							<c-input-currency v-model="model.trtcre.finmod.fltval" :maxlength="13" :precision="7" :disabled="model.trtcre.finmod.flttyp === '0'" placeholder="请输入浮动值"></c-input-currency>
						</el-form-item>
					</c-col>
					<c-col :span="1" v-if="model.trtcre.finmod.flttyp == '2'">
						<span style="line-height: 32px;">%</span>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="23">
						<el-form-item label="罚息比率" prop="trtcre.finmod.ovdintrat">
							<c-input-currency v-model="model.trtcre.finmod.ovdintrat" :maxlength="11" :precision="5" :disabled="model.trtcre.finmod.ovdinttyp === '0'" style="width:100%" placeholder="请输入罚息比率">
							</c-input-currency>
						</el-form-item>
					</c-col>
					<c-col :span="1">
						<span style="line-height: 32px;">%</span>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item label="月日数" prop="trtcre.finmod.ratchgdat">
						<c-input v-model="model.trtcre.finmod.ratchgdat" maxlength="4" :disabled="!['3','4','5','6'].includes(model.trtcre.finmod.ratchgtyp)" placeholder="请输入月日数"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="宽限期" prop="trtcre.finmod.graday">
						<c-input-number v-model="model.trtcre.finmod.graday" :disabled="model.trtcre.finmod.disableSet.includes('graday')" placeholder="请输入宽限期"></c-input-number>
					</el-form-item>
				</c-col>

			</c-col>
		</c-col>

	</div>
</template>
<script>
import event from "../event";
import commonFunctions from "~/mixin/commonFunctions.js";
import commonDepend from "~/mixin/commonDepend.js";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, commonFunctions, commonDepend],
  data() {
    return {};
  },
  methods: {},
  mounted() {},
  computed: {},
  watch: {
    "model.trtcre.trdgrp.cbs.max.cur":{
      handler(newVal){
        if (newVal) {
          this.model.trtcre.trdgrp.cbs.opn1.cur = newVal;
        }
      }
    },
    "model.trtcre.trdgrp.cbs.max.amt":{
      handler(newVal){
        if (newVal) {
          this.model.trtcre.trdgrp.cbs.opn1.amt = newVal;
        }
      }
    },
    "model.trtcre.finmod.dinjdm":{
      handler(newVal){
        if (newVal) {
          this.model.trtcre.finmod.dinmod.dinjdm = newVal;
        }
      }
    }
  },
  created: function() {}
};
</script>
<style lang="less" scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}

.page-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 2px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  border: 1px solid #707070;

  .form-content {
    width: 100%;
    flex: 1;
    position: relative;
    border: 1px solid #b1b1b1;
    overflow-y: auto;
    background-color: #fff;
    padding: 5px 0;
  }
}

.field {
  text-align: left;
  line-height: 32px;
  width: 40px;
}

.fieldName {
  /deep/ .el-form-item--small .el-form-item__label {
    width: 200px !important;
    justify-content: flex-start;
  }

  /deep/ .el-date-editor.el-input {
    width: 90%;
  }

  /deep/ .el-select {
    width: 90%;
  }
}

.over {
  /deep/ .el-form-item--small .el-form-item__label {
    text-align: left;
  }
}
</style>