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 disabled :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 disabled 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 disabled :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 disabled :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 disabled 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 disabled :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 disabled 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 disabled 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 disabled 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 disabled :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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled :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="this.model.cfabut.basflg==''" :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 disabled 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 disabled 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 disabled :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 disabled 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 disabled :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 disabled 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/Ebadel/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>