Conp.vue

<template>
  <div class="eibs-tab">
<!-- ==================左边================ -->
    <c-col :span="12" style="padding-right: 20px;">     
       <c-col :span="24">
        <c-form-item label="对外担保编号" prop="recgrp.bas.exguarancode">
            <c-input disabled v-model="model.recgrp.bas.exguarancode" maxlength="28"  :placeholder="$t('other.please_enter')+$t('ebap.S0000024')"></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="操作类型" prop="recgrp.bas.actiontype">
            <c-select disabled :code="codes.actiontype" v-model="model.recgrp.bas.actiontype" style="width:100%" placeholder="">
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <c-form-item label="担保人代码" prop="recgrp.bas.guarantorcode">
            <c-input disabled v-model="model.recgrp.bas.guarantorcode" maxlength="12"  placeholder=""></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="12">
        <el-form-item label="保函金额" prop="recgrp.bas.guarancurr">
            <c-select :code="codes.infled_Cur" v-model="model.recgrp.bas.guarancurr" style="width:100%" placeholder="">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <c-form-item label="" prop="recgrp.bas.guaranamount" label-width="5px">
            <c-input  v-model="model.recgrp.bas.guaranamount"  placeholder=""></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="担保类型" prop="recgrp.bas.guarantype">
            <c-select :code="codes.guarantype" v-model="model.recgrp.bas.guarantype" style="width:100%" placeholder="">
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="12">
        <el-form-item label="主债务金额" prop="recgrp.bas.maindebtcurr">
            <c-select :code="codes.infled_Cur" v-model="model.recgrp.bas.maindebtcurr" style="width:100%" placeholder="">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <c-form-item label="" prop="recgrp.bas.maindebtamount" label-width="5px">
            <c-input  v-model="model.recgrp.bas.maindebtamount"  placeholder=""></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="受益人类型" prop="recgrp.bas.bentype">
            <c-select :code="bentype" v-model="model.recgrp.bas.bentype" style="width:100%" placeholder="">
              </c-select>
        </el-form-item>
       </c-col>
 
       <c-col :span="24">
        <c-form-item label="受益人代码" prop="recgrp.bas.bencode">
            <c-input  v-model="model.recgrp.bas.bencode" maxlength="32"  placeholder=""></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <c-form-item label="受益人中文名称" prop="recgrp.bas.bename">
            <c-input  v-model="model.recgrp.bas.bename" maxlength="128"  placeholder=""></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <c-form-item label="受益人英文名称" prop="recgrp.bas.benamen">
            <c-input  v-model="model.recgrp.bas.benamen" maxlength="128"  placeholder=""></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="被担保人类型" prop="recgrp.bas.guedtype">
            <c-select :code="codes.debtortype" v-model="model.recgrp.bas.guedtype" style="width:100%" placeholder="">
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <c-form-item label="被担保人代码" prop="recgrp.bas.guedcode">
            <c-input  v-model="model.recgrp.bas.guedcode" maxlength="32"  placeholder=""></c-input>
        </c-form-item>
       </c-col>
                       
       <c-col :span="24">
        <c-form-item label="被担保人中文名称" prop="recgrp.bas.guedname">
            <c-input  v-model="model.recgrp.bas.guedname" maxlength="128"  placeholder=""></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <c-form-item label="被担保人英文名称" prop="recgrp.bas.guednamen">
            <c-input  v-model="model.recgrp.bas.guednamen" maxlength="128"  placeholder=""></c-input>
        </c-form-item>
       </c-col>
     
       <c-col :span="24">
        <c-form-item label="担保申请人代码" prop="recgrp.bas.guappcode">
            <c-input  v-model="model.recgrp.bas.guappcode" maxlength="32"  placeholder=""></c-input>
        </c-form-item>
       </c-col>
                 <!-- S0000032 : (应填写组织机构代码或8或11位的SWIFT CODE) -->
                 <!-- S0000013 : 担保申请人中文名称 -->
                  
       <c-col :span="24">
        <c-form-item label="担保申请人中文名称" prop="recgrp.bas.guappname">
            <c-input  v-model="model.recgrp.bas.guappname" maxlength="128"  placeholder=""></c-input>
        </c-form-item>
       </c-col>

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

       <c-col :span="24">
        <c-form-item label="备注" prop="recgrp.bas.remark">
            <c-input :rows="4" type="textarea" v-model="model.recgrp.bas.remark" maxlength="31" show-word-limit placeholder="" ></c-input>
        </c-form-item>
        </c-col>
    </c-col>
    
    <!-- ============右边================= -->
    <c-col :span="12" style="padding-left: 20px;">  
       <c-col :span="24">
        <c-form-item label="删除原因" prop="recgrp.bas.actiondesc">
            <c-input disabled :rows="6" type="textarea" v-model="model.recgrp.bas.actiondesc" maxlength="32" show-word-limit placeholder="" ></c-input>
        </c-form-item>
        </c-col>         
                   
       <c-col :span="24">
        <el-form-item label="签约日期" prop="recgrp.bas.contractdate">
            <c-date-picker type="date"  v-model="model.recgrp.bas.contractdate" style="width:100%"  placeholder=""></c-date-picker>
        </el-form-item>
       </c-col>
 
       <c-col :span="24">
        <el-form-item label="到期日" prop="recgrp.bas.maturity">
            <c-date-picker type="date"  v-model="model.recgrp.bas.maturity" style="width:100%"  placeholder=""></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="21">
        <el-form-item label="发行/上市方式" prop="recgrp.bas.maindebtmanner">
            <c-select :code="maindebtmanner" v-model="model.recgrp.bas.maindebtmanner" style="width:100%" placeholder="">
              </c-select>
        </el-form-item>
       </c-col>         
       <c-col :span="3">
	    <c-checkbox disabled v-model="model.recp.pubp.acp">确认</c-checkbox>
       </c-col>

                  
       <c-col :span="21">
        <c-form-item label="受益人国别/地区" prop="recgrp.bas.bencountrycode">
            <c-input  v-model="model.recgrp.bas.bencountrycode" maxlength="3"  placeholder=""></c-input>
        </c-form-item>
       </c-col>         
       <c-col :span="3">
        <c-button style=" float:right;" size="small" type="primary"  @click="onCouselCrehqselbut">
            ?
        </c-button>
       </c-col>

       <c-col :span="24">
        <el-form-item label="被担保人所属行业" prop="recgrp.bas.guedindustrycode">
            <c-select :code="codes.industrycode" v-model="model.recgrp.bas.guedindustrycode" style="width:100%" placeholder="">
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="21">
        <c-form-item label="被担保人国别/地区代码" prop="recgrp.bas.guedcouncode">
            <c-input  v-model="model.recgrp.bas.guedcouncode" maxlength="3"  placeholder=""></c-input>
        </c-form-item>
       </c-col>
       <c-col :span="3">
        <c-button style=" float:right;" size="small" type="primary"  @click="onCouselOperselbut">?</c-button>
       </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ebaadd/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            bentype: [
        { label: "政府", value: "20001100" },
        { label: "国际金融组织", value: "20001200" },
        { label: "中央银行", value: "20001300" },
        { label: "境外银行", value: "20001401" },
        { label: "中资银行海外分支及附属机构", value: "20001402" },
        { label: "境内银行离岸部", value: "20001403" },
        { label: "境外非银行金融机构", value: "20001501" },
        { label: "中资非银行金融机构海外分支及附属机构", value: "20001502" },
        { label: "境内企业境外母公司", value: "20001601" },
        { label: "境内企业境外分支及附属机构", value: "20001602" },
        { label: "关联企业", value: "20001603" },
        { label: "其他企业", value: "20001699" },
        { label: "个人", value: "20001700" },
        { label: "资本市场", value: "20001800" },
        { label: "其他", value: "20009900" },
    ],
    maindebtmanner:[
        { label: "公开发行", value: "1" },
        { label: "私募发行", value: "2" },
    ],

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>