<template>
  <div class="eibs-tab">
    <c-content :height="300">
      <c-row>
        <c-col :span="24">
          <c-col :span="11">
            <c-col :span="24">
              <c-form-item label="父交易参考号" prop="trdgrp.rec.pntref">
                <c-input
                  v-model="model.trdgrp.rec.pntref"
                  maxlength="16"
                  :disabled="true"
                  placeholder="请输入父交易参考号"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="参考号" prop="trdgrp.rec.ownref">
                <c-input
                  v-model="model.trdgrp.rec.ownref"
                  maxlength="16"
                  :disabled="true"
                  placeholder="请输入参考号"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="融资比例" prop="trdgrp.rec.pctfin">
                <c-fullbox>
                  <c-input
                    v-model="model.trdgrp.rec.pctfin"
                    style="width: 96%"
                    :disabled="true"
                    placeholder="请输入融资比例"
                  ></c-input
                  >%
                </c-fullbox>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <el-form-item label="融资金额" prop="trdgrp.cbs.max.cur">
                <c-fullbox>
                  <c-select
                    v-model="model.trdgrp.cbs.max.cur"
                    style="width: 30%"
                    :disabled="true"
                  >
                    <el-option
                      v-for="item in codes.cur"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    ></el-option>
                  </c-select>
                  <c-input
                    v-model="model.trdgrp.cbs.max.amt"
                    style="width: 70%"
                    :disabled="true"
                  ></c-input>
                </c-fullbox>
              </el-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="余额" prop="trdgrp.cbs.opn1.cur">
                <c-fullbox>
                  <c-input
                    v-model="model.trdgrp.cbs.opn1.cur"
                    style="width: 30%"
                    maxlength="3"
                    :disabled="true"
                  ></c-input>
                  <c-input
                    v-model="model.trdgrp.cbs.opn1.amt"
                    style="width: 70%"
                    :disabled="true"
                  ></c-input>
                </c-fullbox>
              </c-form-item>
            </c-col>

            <c-col :span="12">
              <el-form-item label="起息日期" prop="trdgrp.rec.stttendat">
                <c-date-picker
                  type="date"
                  v-model="model.trdgrp.rec.stttendat"
                  style="width: 100%"
                  :disabled="true"
                ></c-date-picker>
              </el-form-item>
            </c-col>

            <c-col :span="12">
              <el-form-item label="到期日期" prop="trdgrp.rec.matdat">
                <c-date-picker
                  type="date"
                  v-model="model.trdgrp.rec.matdat"
                  style="width: 100%"
                  :disabled="true"
                ></c-date-picker>
              </el-form-item>
            </c-col>

            <c-col :span="14">
              <c-form-item label="借据号" prop="trtmod.finmod.fincod">
                <c-input
                  v-model="model.trtmod.finmod.fincod"
                  maxlength="17"
                  :disabled="true"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="3"  class="bctdav_bctp_bctovw_cheak">
              <c-checkbox
                v-model="model.clsflg"
                :disabled="checkDate(model.trdgrp.rec.stttendat)"
                @change="change(model.clsflg)"
                >{{ $t("抹账") }}</c-checkbox
              >
            </c-col>

            <c-col :span="24">
              <c-form-item label="结算账户" prop="setact">
                <c-input
                  v-model="model.setact"
                  maxlength="21"
                  :disabled="true"
                  :placeholder="$t('other.please_enter') + '结算账户'"
                ></c-input>
              </c-form-item>
            </c-col>

            <!-- <c-col :span="24">
                        <span  v-text="model.trtmod.finmod.setlab"   data-path=".trtmod.finmod.setlab" > </span>
                    </c-col> -->

            <c-col :span="24">
              <el-form-item label="第三方还款方式" prop="trtmod.finmod.acttyp">
                <c-select
                  v-model="model.trtmod.finmod.acttyp"
                  style="width: 100%"
                  :disabled="true"
                  placeholder="请选择第三方还款方式"
                >
                  <el-option v-for="item in codes.acttyp1" :key="item.value" :label="item.label" :value="item.value"></el-option>
                </c-select>
              </el-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item
                label="表外欠息利息"
                prop="trtmod.finmod.cbs.cbb.intamt1"
              >
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbb.intamt1"
                  :disabled="true"
                  placeholder="请输入表外欠息利息"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item
                label="表外本年欠息"
                prop="trtmod.finmod.cbs.cbb.intamty1"
              >
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbb.intamty1"
                  :disabled="true"
                  placeholder="请输入表外本年欠息"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item
                label="表内欠息利息"
                prop="trtmod.finmod.cbs.cbb.intamt2"
              >
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbb.intamt2"
                  :disabled="true"
                  placeholder="请输入表内欠息利息"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item
                label="表内本年欠息"
                prop="trtmod.finmod.cbs.cbb.intamty2"
              >
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbb.intamty2"
                  :disabled="true"
                  placeholder="请输入表内本年欠息"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="利息" prop="trtmod.finmod.cbs.cbb.intamt">
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbb.intamt"
                  :disabled="true"
                  :placeholder="$t('other.please_enter') + '利息'"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="本金" prop="trtmod.finmod.cbs.cbb.amt">
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbb.amt"
                  :disabled="true"
                  :placeholder="$t('other.please_enter') + '本金'"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <el-form-item label="融资状态" prop="trdgrp.rec.ovdflg">
                <c-select
                  v-model="model.trdgrp.rec.ovdflg"
                  style="width: 100%"
                  :disabled="true"
                  :placeholder="$t('other.please_enter') + 'Overdue Flag'"
                >
                  <el-option
                    v-for="item in codes.ovdflg"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </c-select>
              </el-form-item>
            </c-col>

            <c-col :span="24">
              <el-form-item label="计息周期" prop="trtmod.finmod.intprd">
                <c-select
                  v-model="model.trtmod.finmod.intprd"
                  style="width: 100%"
                  :disabled="true"
                  :placeholder="$t('other.please_enter') + '计息周期'"
                >
                  <el-option
                    v-for="item in codes.intprd"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </c-select>
              </el-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="我行借记账户" prop="setact1">
                <c-input
                  v-model="model.setact1"
                  maxlength="21"
                  :placeholder="$t('other.please_enter') + '我行借记账户'"
                ></c-input>
              </c-form-item>
            </c-col>
          </c-col>

          <!--=================右部=================  -->

          <c-col :span="11">
            <c-col :span="24">
              <c-form-item label="简略信息" prop="trdgrp.rec.pntnam">
                <c-input
                  v-model="model.trdgrp.rec.pntnam"
                  maxlength="40"
                  :disabled="true"
                  placeholder="请输入简略信息"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="简略信息" prop="trdgrp.rec.nam">
                <c-input
                  v-model="model.trdgrp.rec.nam"
                  maxlength="40"
                  :disabled="true"
                  placeholder="请输入简略信息"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="融资客户" prop="trdgrp.fip.pts.ref">
                <c-input
                  v-model="model.trdgrp.fip.pts.ref"
                  maxlength="16"
                  :disabled="true"
                  placeholder="融资客户"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="当事人名称" prop="trdgrp.fip.pts.nam">
                <c-input
                  v-model="model.trdgrp.fip.pts.nam"
                  maxlength="40"
                  :disabled="true"
                  :placeholder="$t('other.please_enter') + '当事人名称'"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="融资品种" prop="trdgrp.rec.fintyp">
                <c-select
                  v-model="model.trdgrp.rec.fintyp"
                  maxlength="3"
                  :disabled="true"
                  placeholder="请输入融资品种"
                >
                  <el-option
                    v-for="item in codes.fintyp1"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
              </c-select>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="融资账号" prop="trdgrp.rec.finact">
                <c-input
                  v-model="model.trdgrp.rec.finact"
                  maxlength="21"
                  :disabled="true"
                  placeholder="请输入融资账号"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <el-form-item label="还本金金额" prop="setmod.doccur">
                <c-fullbox>
                  <c-select
                    v-model="model.setmod.doccur"
                    style="width: 20%"
                    :disabled="true"
                    :placeholder="
                      $t('other.please_enter') + 'document currency'
                    "
                  >
                    <el-option
                      v-for="item in codes.doccur"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    ></el-option>
                  </c-select>
                  <c-input
                    v-model="model.setamt"
                    style="width: 60%"
                    :disabled="model.trtmod.finmod.reptyp != '2'"
                  ></c-input>
                  <c-button size="small" type="primary" @click="onFinmodCal">
                    计算
                  </c-button>
                </c-fullbox>
              </el-form-item>
            </c-col>

            <c-col :span="24">
              <el-form-item label="还款方式" prop="trtmod.finmod.reptyp">
                <c-select
                  v-model="model.trtmod.finmod.reptyp"
                  :disabled="model.clsflg == 'X'"
                  style="width: 100%"
                  @change="selChange(model.trtmod.finmod.reptyp)"
                  placeholder="请选择还款方式"
                >
                  <el-option
                    v-for="item in codes.reptyp"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </c-select>
              </el-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="第三方还款账号" prop="trtmod.finmod.act3">
                <c-input
                  v-model="model.trtmod.finmod.act3"
                  maxlength="21"
                  :disabled="true"
                  placeholder="请输入第三方还款账号"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item
                label="偿还表外欠息利息"
                prop="trtmod.finmod.cbs.cbe.intamt1"
              >
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbe.intamt1"
                  :disabled="true"
                  placeholder="请输入偿还表外欠息利息"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item
                label="偿还表外欠息"
                prop="trtmod.finmod.cbs.cbe.intamty1"
              >
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbe.intamty1"
                  :disabled="true"
                  placeholder="请输入偿还表外欠息"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item
                label="偿还表内欠息利息"
                prop="trtmod.finmod.cbs.cbe.intamt2"
              >
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbe.intamt2"
                  :disabled="true"
                  placeholder="请输入偿还表内欠息利息"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item
                label="偿还表内欠息"
                prop="trtmod.finmod.cbs.cbe.intamty2"
              >
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbe.intamty2"
                  :disabled="true"
                  placeholder="请输入偿还表内欠息"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item
                label="偿还本金利息"
                prop="trtmod.finmod.cbs.cbe.intamt"
              >
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbe.intamt"
                  :disabled="true"
                  placeholder="请输入还本金利息"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="偿还本金" prop="trtmod.finmod.cbs.cbe.amt">
                <c-input
                  v-model="model.trtmod.finmod.cbs.cbe.amt"
                  :disabled="true"
                  placeholder="请输入偿还本金"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="偿还利息总额" prop="trtmod.finmod.cbs.totint">
                <c-input
                  v-model="model.trtmod.finmod.cbs.totint"
                  :disabled="true"
                  placeholder="偿还利息总额"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="执行利率" prop="trdgrp.rec.actrat">
                <c-input
                  v-model="model.trdgrp.rec.actrat"
                  :disabled="true"
                  placeholder="请输入执行利率"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="20" class="bctdav_bctp_bctovw_cheak">
              <c-checkbox v-model="model.mtabut.clsflg"
              true-label="C" false-label="O"
              :disabled="flag1">{{
                $t("闭卷")
              }}</c-checkbox>
            </c-col>
          </c-col>
        </c-col>
      </c-row>
    </c-content>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Trtset/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      flag1:true,
      flag2:false
    };
  },
  methods: {
    ...Event,
    checkDate(date) {
      var d = new Date().getDate();
      var m = new Date().getMonth();
      var y = new Date().getFullYear();
      var dd = new Date(this.model.trdgrp.rec.stttendat).getDate();
      var mm = new Date(this.model.trdgrp.rec.stttendat).getMonth();
      var yy = new Date(this.model.trdgrp.rec.stttendat).getFullYear();
      if (d != dd || m != mm || y != yy) {
        return true;
      } else {
        return false;
      }
    },
    change(a){
      this.executeRule("clsflg").then((res) => {
        if ((res.respCode == SUCCESS)) {
          Utils.copyValueFromVO(this.model, res.data);
        }
      });
      if (a = 'X'){
        this.model.trtmod.finmod.reptyp = "1"
        if(this.flag1 == true){
          this.flag1 = false
          this.model.mtabut.clsflg = "C"
          }
        }
    },
    selChange(b){
        if(b == '2'||this.flag2 == false){
          this.model.mtabut.clsflg = 'O'
          this.flag1 = true   
      }
    },
  },
  created: function () {},
};
</script>
<style></style>