<template>
  <div class="eibs">
    <c-row>
      <c-col :span="24">
        <c-col :span="12" style="padding-right: 20px;">
          <c-col :span="24">
            <el-form-item
              label="对外担保编号"
              prop="cfagit.recgrp.bas.exguarancode"
            >
              <c-input
                disabled
                v-model="model.cfagit.recgrp.bas.exguarancode"
                maxlength="28"
                placeholder="请输入对外担保编号"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="操作类型" prop="cfagit.recgrp.bas.actiontype">
              <c-select
                disabled
                v-model="model.cfagit.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="24">
            <el-form-item
              label="担保人代码"
              prop="cfagit.recgrp.bas.guarantorcode"
            >
              <c-input
                disabled
                v-model="model.cfagit.recgrp.bas.guarantorcode"
                maxlength="12"
                placeholder="请输入担保人代码"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-col :span="12">
              <el-form-item
                label="保函金额"
                prop="cfagit.recgrp.bas.guarancurr"
              >
                <c-select
                  v-model="model.cfagit.recgrp.bas.guarancurr"
                  style="width: 100%"
                  placeholder="请选择保函金额"
                >
                  <el-option
                    v-for="item in guarancurr"
                    :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="cfagit.recgrp.bas.guaranamount"
              >
                <c-input
                  v-model="model.cfagit.recgrp.bas.guaranamount"
                  placeholder="请输入保函金额"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="24">
            <el-form-item label="担保类型" prop="cfagit.recgrp.bas.guarantype">
              <c-select
                v-model="model.cfagit.recgrp.bas.guarantype"
                style="width: 100%"
                placeholder="请选择担保类型"
              >
                <el-option
                  v-for="item in codes.guarantype"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item
                label="主债务金额"
                prop="cfagit.recgrp.bas.maindebtcurr"
              >
                <c-select
                  v-model="model.cfagit.recgrp.bas.maindebtcurr"
                  style="width: 100%"
                  placeholder="请选择主债务金额"
                >
                  <el-option
                    v-for="item in guarancurr"
                    :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="cfagit.recgrp.bas.maindebtamount"
              >
                <c-input
                  v-model="model.cfagit.recgrp.bas.maindebtamount"
                  placeholder="请输入主债务金额"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item label="受益人类型" prop="cfagit.recgrp.bas.bentype">
              <c-select
                v-model="model.cfagit.recgrp.bas.bentype"
                style="width: 100%"
                placeholder="请选择受益人类型"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="受益人代码" prop="cfagit.recgrp.bas.bencode">
              <c-input
                v-model="model.cfagit.recgrp.bas.bencode"
                maxlength="32"
                placeholder="请输入受益人代码"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="受益人中文名称"
              prop="cfagit.recgrp.bas.bename"
            >
              <c-input
                v-model="model.cfagit.recgrp.bas.bename"
                maxlength="128"
                placeholder="请输入受益人中文名称"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="受益人英文名称"
              prop="cfagit.recgrp.bas.benamen"
            >
              <c-input
                v-model="model.cfagit.recgrp.bas.benamen"
                maxlength="128"
                placeholder="请输入受益人英文名称"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="被担保人类型"
              prop="cfagit.recgrp.bas.guedtype"
            >
              <c-select
                v-model="model.cfagit.recgrp.bas.guedtype"
                style="width: 100%"
                placeholder="请选择被担保人类型"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="被担保人所属行业"
              prop="cfagit.recgrp.bas.guedindustrycode"
            >
              <c-select
                v-model="model.cfagit.recgrp.bas.guedindustrycode"
                style="width: 100%"
                placeholder="请选择被担保人所属行业"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-fullbox>
              <el-form-item
                label="被担保人国别/地区代码"
                prop="cfagit.recgrp.bas.guedcouncode"
              >
                <c-input
                  v-model="model.cfagit.recgrp.bas.guedcouncode"
                  maxlength="3"
                  placeholder="请输入被担保人国别/地区代码"
                ></c-input>
              </el-form-item>
              <template slot="footer">
                <c-button
                  size="small"
                  type="primary"
                  @click="queryFormData"
                >
                  ?
                </c-button>
              </template>
            </c-fullbox>
          </c-col>
        </c-col>
        <c-col :span="12" style="padding-left: 20px;">
          <c-col :span="24">
            <el-form-item
              label="申请人代码"
              prop="cfagit.recgrp.bas.guappcode"
            >
              <c-input
                v-model="model.cfagit.recgrp.bas.guappcode"
                maxlength="32"
                placeholder="请输入申请人代码"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="申请人中文名称"
              prop="cfagit.recgrp.bas.guappname"
            >
              <c-input
                v-model="model.cfagit.recgrp.bas.guappname"
                maxlength="128"
                placeholder="请输入申请人中文名称"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="申请人英文名称"
              prop="cfagit.recgrp.bas.guappnamen"
            >
              <c-input
                v-model="model.cfagit.recgrp.bas.guappnamen"
                maxlength="128"
                placeholder="请输入申请人英文名称"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="备注" prop="cfagit.recgrp.bas.remark">
              <c-input
                type="textarea"
                v-model="model.cfagit.recgrp.bas.remark"
                maxlength="248"
                show-word-limit
                placeholder="请输入备注"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="删除原因" prop="cfagit.recgrp.bas.actiondesc">
              <c-input
                type="textarea"
                v-model="model.cfagit.recgrp.bas.actiondesc"
                maxlength="128"
                show-word-limit
                placeholder="请输入删除原因"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-fullbox>
              <el-form-item
                label="受益人国别/地区"
                prop="cfagit.recgrp.bas.bencountrycode"
              >
                <c-input
                  v-model="model.cfagit.recgrp.bas.bencountrycode"
                  maxlength="3"
                  placeholder="请输入受益人国别/地区"
                  @keyup.enter.native="
                    showGridPromptDialog(`cfagit.recgrp.bas.bencountrycode`)
                  "
                ></c-input>
              </el-form-item>
              <template slot="footer">
                <c-button
                  size="small"
                  type="primary"
                  @click="queryFormData"
                >
                  ?
                </c-button>
              </template>
            </c-fullbox>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="签约日期"
              prop="cfagit.recgrp.bas.contractdate"
            >
              <c-date-picker
                type="date"
                v-model="model.cfagit.recgrp.bas.contractdate"
                style="width: 100%"
                placeholder="请选择签约日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="到期日" prop="cfagit.recgrp.bas.maturity">
              <c-date-picker
                type="date"
                v-model="model.cfagit.recgrp.bas.maturity"
                style="width: 100%"
                placeholder="请选择到期日"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="发行/上市方式"
              prop="cfagit.recgrp.bas.maindebtmanner"
            >
              <c-fullbox>
                <c-select
                  v-model="model.cfagit.recgrp.bas.maindebtmanner"
                  style="width: 100%"
                  placeholder="请选择发行/上市方式"
                >
                </c-select>
                <template slot="footer">
                  <c-checkbox disabled v-model="model.cfagit.recp.pubp.acp" style="margin-left:10px;"
                    >确认</c-checkbox
                  >
                </template>
              </c-fullbox>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="被担保人代码"
              prop="cfagit.recgrp.bas.guedcode"
            >
              <c-input
                v-model="model.cfagit.recgrp.bas.guedcode"
                maxlength="32"
                placeholder="请输入被担保人代码"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="被担保人中文名称"
              prop="cfagit.recgrp.bas.guedname"
            >
              <c-input
                v-model="model.cfagit.recgrp.bas.guedname"
                maxlength="128"
                placeholder="请输入被担保人中文名称"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="被担保人英文名称"
              prop="cfagit.recgrp.bas.guednamen"
            >
              <c-input
                v-model="model.cfagit.recgrp.bas.guednamen"
                maxlength="128"
                placeholder="请输入被担保人英文名称"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
    </c-row>
  </div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess"
import event from '../event'
import { Model } from "echarts";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, event],
  data() {
    return {
      guarancurr: [
        { label: "人民币", value: "CNY" },
        { label: "韩圆", value: "KRW" },
        { label: "新西兰元", value: "NZD" },
        { label: "美元", value: "USD" },
      ],
    };
  },
  methods: { },
  created: function () {},
};
</script>
<style>
</style>