<template>
  <div class="eibs-tab">
        
        <c-row>
            <c-col :span="24">
                    <c-col :span="12">
                        <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 disabled 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 disabled 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" icon="el-icon-search" @click="onCouselOperselbut">
                                            ?
                                        </c-button>
                                </template>
                            </c-fullbox>
                        </c-col>
                       
                    </c-col>
                    <c-col :span="11" :offset="1">
                        <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="31" 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 disabled type="textarea" v-model="model.cfagit.recgrp.bas.actiondesc" maxlength="32" 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="请输入受益人国别/地区"></c-input>
                                </el-form-item>
                                <template slot="footer">
                                        <c-button size="small" type="primary" icon="el-icon-search" @click="onCouselOperselbut">
                                            ?
                                        </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" class="centerLable">
                                        <c-checkbox disabled v-model="model.cfagit.recp.pubp.acp">确认</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>
        
       <!-- <c-col :span="12">
        <el-form-item label="对外担保编号" prop="cfagit.recgrp.bas.exguarancode">
            <c-input  v-model="model.cfagit.recgrp.bas.exguarancode" maxlength="28"  placeholder="请输入对外担保编号"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="删除原因" prop="cfagit.recgrp.bas.actiondesc">
            <c-input type="textarea" v-model="model.cfagit.recgrp.bas.actiondesc" maxlength="32" show-word-limit placeholder="请输入删除原因" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onSav">
            &Save
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="操作类型" prop="cfagit.recgrp.bas.actiontype">
            <c-select v-model="model.cfagit.recgrp.bas.actiontype" style="width:100%" placeholder="请选择操作类型">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onChk">
            &Check
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="担保人代码" prop="cfagit.recgrp.bas.guarantorcode">
            <c-input  v-model="model.cfagit.recgrp.bas.guarantorcode" maxlength="12"  placeholder="请输入担保人代码"></c-input>
        </el-form-item>
       </c-col>
                                   
       <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="请选择保函金额">
              </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 :span="12">
        <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="12">
        <el-form-item label="担保类型" prop="cfagit.recgrp.bas.guarantype">
            <c-select v-model="model.cfagit.recgrp.bas.guarantype" style="width:100%" placeholder="请选择担保类型">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <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="12">
        <el-form-item label="发行/上市方式" prop="cfagit.recgrp.bas.maindebtmanner">
            <c-select v-model="model.cfagit.recgrp.bas.maindebtmanner" style="width:100%" placeholder="请选择发行/上市方式">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <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="请选择主债务金额">
              </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 :span="12">
	    <c-checkbox v-model="model.cfagit.recp.pubp.acp">确认</c-checkbox>
       </c-col>
                                   
       <c-col :span="12">
        <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="12">
        <el-form-item label="受益人国别/地区" prop="cfagit.recgrp.bas.bencountrycode">
            <c-input  v-model="model.cfagit.recgrp.bas.bencountrycode" maxlength="3"  placeholder="请输入受益人国别/地区"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onCouselCrehqselbut">
            ?
        </c-button>
       </c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.cfagit.recp.zzwjew"   data-path=".cfagit.recp.zzwjew" > </span>
	</c-col>
                                   
       <c-col :span="12">
        <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="12">
	    <span  v-text="model.cfagit.recp.pubp.bencodwarn"   data-path=".cfagit.recp.pubp.bencodwarn" > </span>
	</c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onCutpErr">
            &Error
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <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="12">
        <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="12">
        <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>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onCouselOperselbut">
            ?
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <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="12">
        <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="12">
        <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="12">
	    <span  v-text="model.cfagit.recp.pubp.guedcodwarn"   data-path=".cfagit.recp.pubp.guedcodwarn" > </span>
	</c-col>
                                   
       <c-col :span="12">
        <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="12">
        <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 :span="12">
        <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="12">
        <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="12">
        <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="12">
        <el-form-item label="备注" prop="cfagit.recgrp.bas.remark">
            <c-input type="textarea" v-model="model.cfagit.recgrp.bas.remark" maxlength="31" show-word-limit placeholder="请输入备注" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onCan">
            E&xit
        </c-button>
       </c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Gitopn/Event"
import { Model } from 'echarts';

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

    }
}
</script>
<style>

</style>