<template>
  <div class="eibs">
    <!-- <c-content :height="300"> -->
      <c-col :span="12" style="padding-right: 20px">
          <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">
              <c-form-item label="融资比例" prop="trdgrp.rec.pctfin">
                  <c-input
                    v-model="model.trdgrp.rec.pctfin"
                    style="width: 97%"
                    :disabled="true"
                    placeholder="请输入融资比例"
                  ></c-input>%
              </c-form-item>
          </c-col>

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

          <!-- <c-col :span="24">
            style="width: 70%"111
            <el-form-item label="融资金额" prop="trdgrp.cbs.max.cur">
              <c-fullbox>111
                <c-col :span="12">
                  <c-select
                    v-model="model.trdgrp.cbs.max.cur"
                    :disabled="true"
                  >
                    <el-option
                      v-for="item in codes.cur"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    ></el-option>
                  </c-select>
                </c-col>
                <c-col :span="12">
                  <el-form-item
                    style="text-align: left; margin-left: 5px"
                    label-width="0px">
                      <c-input
                        v-model="model.trdgrp.cbs.max.amt"
                        :disabled="true"
                      ></c-input>
                  </el-form-item>
                </c-col>
              </c-fullbox>111
            </el-form-item>
          </c-col> -->

          <c-col :span="24">
            <c-col :span="12">
              <c-form-item label="余额" prop="trdgrp.cbs.opn1.cur">
                <c-select
                  v-model="model.trdgrp.cbs.opn1.cur"
                  style="width: 100%"
                  :disabled="true"
                  :code="codes.cur"
                ></c-select>
              </c-form-item>
            </c-col>
            <c-col :span="12" >
              <el-form-item label-width="5px">
                <c-input
                  v-model="model.trdgrp.cbs.opn1.amt"
                  :disabled="true"
                ></c-input>
              </el-form-item>
            </c-col>
          </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="24">
            <c-col :span="20">
              <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="4">
                <c-checkbox
                  v-model="model.clsflg"
                  :disabled="checkDate(model.trdgrp.rec.stttendat)"
                  @change="change(model.clsflg)"
                  >{{ $t("抹账") }}</c-checkbox
                >
            </c-col>
          </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="12" style="padding-right: 20px">
          <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="请输入融资品种"
                  style="width:100%"
                >
                  <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-col :span="6">
                  <c-select
                    v-model="model.setmod.doccur"
                    :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-col>
                <c-col :span="14">
                  <c-input
                    v-model="model.setamt"
                    style="margin-left: 5px;"
                    :disabled="model.trtmod.finmod.reptyp != '2'"
                  ></c-input>
                </c-col>
                <c-col :span="4">
                  <c-button v-model="model.trtmod.finmod.cal" size="small" type="primary" @click="onFinmodCal">
                    计算
                  </c-button>
                </c-col>
              <!-- </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-col :span="20">
            <el-form-item label="" prop="" class="checkbox-left">
              <c-checkbox v-model="model.mtabut.clsflg"
              true-label="C" false-label="O"
              :disabled="flag1">{{
                $t("闭卷")
              }}</c-checkbox>
            </el-form-item>
          </c-col>
        </c-col>
    <!-- </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>