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.dofoexlocode">
              <c-input disabled v-model="model.recgrp.bas.dofoexlocode" 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.creditorcode">
              <c-input disabled v-model="model.recgrp.bas.creditorcode" maxlength="12"  placeholder=""></c-input>
          </c-form-item>
         </c-col>
  
         <c-col :span="24">
          <el-form-item label="国内外汇贷款类型" prop="recgrp.bas.dofoexlotype">
              <c-select :code="codes.doftyp" v-model="model.recgrp.bas.dofoexlotype" style="width:100%" placeholder="">
                </c-select>
          </el-form-item>
         </c-col>
  
         <c-col :span="24">
          <el-form-item label="贷款币种" prop="recgrp.bas.currence">
              <c-select :code="codes.curtxt1" v-model="model.recgrp.bas.currence" style="width:100%" placeholder="">
                </c-select>
          </el-form-item>
         </c-col>

         <c-col :span="24">
        <c-form-item label="签约金额" prop="recgrp.bas.contractamount" >
            <c-input  v-model="model.recgrp.bas.contractamount"  placeholder=""></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="24">
          <c-form-item label="年化利率值" prop="recgrp.bas.anninrate">
              <c-input  v-model="model.recgrp.bas.anninrate" placeholder=""></c-input>
          </c-form-item>
         </c-col>

         <c-col :span="24">
          <el-form-item label="起息日" prop="recgrp.bas.valuedate">
              <c-date-picker type="date"  v-model="model.recgrp.bas.valuedate" style="width:100%"  placeholder=""></c-date-picker>
          </el-form-item>
         </c-col>
   
         <c-col :span="24">
          <c-form-item label="债务人代码" prop="recgrp.bas.debtorcode">
              <c-input  v-model="model.recgrp.bas.debtorcode" maxlength="32"  placeholder=""></c-input>
          </c-form-item>
         </c-col>
  
         <c-col :span="24">
          <c-form-item label="债务人中文名称" prop="recgrp.bas.debtorname">
              <c-input  v-model="model.recgrp.bas.debtorname" maxlength="128"  placeholder=""></c-input>
          </c-form-item>
         </c-col>
  
         <c-col :span="24">
          <c-form-item label="转贷项目名称" prop="recgrp.bas.lenproname">
              <c-input  v-model="model.recgrp.bas.lenproname" maxlength="128"  placeholder=""></c-input>
          </c-form-item>
         </c-col>
  
         <c-col :span="24">
          <c-form-item label="转贷协议号" prop="recgrp.bas.lenagree">
              <c-input  v-model="model.recgrp.bas.lenagree"   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">
          <c-checkbox disabled v-model="model.recp.pubp.acp">确认</c-checkbox>
         </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>
    </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 {
  
          }
      },
      methods:{...Event},
      created:function(){
  
      }
  }
  </script>
  <style>
  
  </style>