<template>
  <div class="eibs-tab">
    <c-col :span="12" style="padding-right: 20px">
      <el-form-item
        label="国内外汇贷款编号"
        prop="cfabpt.recgrp.bas.dofoexlocode"
      >
        <c-input
          disabled
          v-model="model.cfabpt.recgrp.bas.dofoexlocode"
          maxlength="28"
          placeholder="请输入国内外汇贷款编号"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12" style="padding-left: 20px">
        <el-form-item label="删除原因" prop="cfabpt.recgrp.bas.actiondesc">
          <c-input
            :disabled="
              !(
                (model.cfabpt.recgrp.bas.actiontype == 'A' ||
                  model.cfabpt.recgrp.bas.actiontype == 'D') &&
                model.cfabpt.recp.pubp.acp != ''
              ) ||
              !(
                model.cfabpt.recgrp.bas.actiontype == 'D' &&
                model.cfabpt.recp.pubp.acp != ''
              )
            "
            type="textarea"
            v-model="model.cfabpt.recgrp.bas.actiondesc"
            maxlength="32"
            show-word-limit
            placeholder="请输入删除原因"
          ></c-input>
        </el-form-item>
    </c-col>

    

    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="12">
        <el-form-item label="操作类型" prop="cfabpt.recgrp.bas.actiontype">
          <c-select
            disabled
            v-model="model.cfabpt.recgrp.bas.actiontype"
            style="width: 100%"
            placeholder="请选择操作类型"
          >
            <el-option
              v-for="item in codes.actiontype"
              :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="国内外汇贷款类型"
          prop="cfabpt.recgrp.bas.dofoexlotype"
        >
          <c-select
            v-model="model.cfabpt.recgrp.bas.dofoexlotype"
            style="width: 100%"
            placeholder="请选择国内外汇贷款类型"
          >
            <el-option
              v-for="item in codes.dofoexlotype"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

    </c-col>

    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="12">
        <el-form-item label="债权人代码" prop="cfabpt.recgrp.bas.creditorcode">
          <c-input
            disabled
            v-model="model.cfabpt.recgrp.bas.creditorcode"
            maxlength="12"
            placeholder="请输入债权人代码"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <c-checkbox disabled v-model="model.cfabpt.recp.pubp.acp"
          >确认</c-checkbox
        >
      </c-col>
    </c-col>

    <!-- <c-col :span="12" style="padding-right: 20px">
      <el-form-item
        label="国内外汇贷款类型"
        prop="cfabpt.recgrp.bas.dofoexlotype"
      >
        <c-select
          v-model="model.cfabpt.recgrp.bas.dofoexlotype"
          style="width: 100%"
          placeholder="请选择国内外汇贷款类型"
        >
          <el-option
            v-for="item in codes.dofoexlotype"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </c-select>
      </el-form-item>
    </c-col> -->

    

    <c-col :span="12" style="padding-right: 20px">
      <el-form-item label="贷款币种" prop="cfabpt.recgrp.bas.currence">
        <c-select
          disabled
          v-model="model.cfabpt.recgrp.bas.currence"
          style="width: 100%"
          placeholder="请选择贷款币种"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12" style="padding-left: 20px">
      <el-form-item label="签约金额" prop="cfabpt.recgrp.bas.contractamount">
        <c-input
          disabled
          v-model="model.cfabpt.recgrp.bas.contractamount"
          placeholder="请输入签约金额"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12" style="padding-right: 20px">
      <el-form-item label="年化利率值" prop="cfabpt.recgrp.bas.anninrate">
        <c-input
          disabled
          v-model="model.cfabpt.recgrp.bas.anninrate"
          placeholder="请输入年化利率值"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12" style="padding-left: 20px">
      <el-form-item label="起息日" prop="cfabpt.recgrp.bas.valuedate">
        <c-date-picker
          type="date"
          disabled
          v-model="model.cfabpt.recgrp.bas.valuedate"
          style="width: 100%"
          placeholder="请选择起息日"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="12" style="padding-right: 20px">
      <el-form-item label="到期日" prop="cfabpt.recgrp.bas.maturity">
        <c-date-picker
          type="date"
          disabled
          v-model="model.cfabpt.recgrp.bas.maturity"
          style="width: 100%"
          placeholder="请选择到期日"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="12" style="padding-left: 20px">
      <el-form-item label="债务人代码" prop="cfabpt.recgrp.bas.debtorcode">
        <c-input
          v-model="model.cfabpt.recgrp.bas.debtorcode"
          maxlength="18"
          placeholder="请输入债务人代码"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12" style="padding-right: 20px">
      <el-form-item label="债务人中文名称" prop="cfabpt.recgrp.bas.debtorname">
        <c-input
          v-model="model.cfabpt.recgrp.bas.debtorname"
          maxlength="128"
          placeholder="请输入债务人中文名称"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12" style="padding-left: 20px">
      <el-form-item label="转贷项目名称" prop="cfabpt.recgrp.bas.lenproname">
        <c-input
          v-model="model.cfabpt.recgrp.bas.lenproname"
          maxlength="128"
          placeholder="请输入转贷项目名称"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12" style="padding-right: 20px">
      <el-form-item label="转贷协议号" prop="cfabpt.recgrp.bas.lenagree">
        <c-input
          v-model="model.cfabpt.recgrp.bas.lenagree"
          maxlength="128"
          placeholder="请输入转贷协议号"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12" style="padding-left: 20px">
      <el-form-item label="备注" prop="cfabpt.recgrp.bas.remark">
        <c-input
          type="textarea"
          v-model="model.cfabpt.recgrp.bas.remark"
          maxlength="31"
          show-word-limit
          placeholder="请输入备注"
        ></c-input>
      </el-form-item>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bptopn/Event";
import Utils from "~/utils";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  // created: function () {},
  created: function () {
    this.executeRule("cfabpt.recp.conp").then((res) => {
      if (res.respCode == SUCCESS) {
        this.updateModel(res.data);
      }
    });
  },
};
</script>
<style>
</style>