Dclpp.vue

<template>
    <div class="eibs-tab">
  <!-- ==================左边================ -->
      <c-col :span="12" style="padding-right: 20px;">     
         <c-col :span="24">
          <c-form-item label="国内外汇贷款编号" prop="recp.dclp.0.dofoexlocode">
              <c-input disabled v-model="dclp.dofoexlocode" maxlength="28"  placeholder=""></c-input>
          </c-form-item>
         </c-col>

         <c-col :span="24">
          <c-form-item label="变动编号" prop="recp.dclp.0.changeno">
              <c-input disabled v-model="dclp.changeno"  placeholder=""></c-input>
          </c-form-item>
         </c-col>
  
         <c-col :span="24">
          <el-form-item label="操作类型" prop="recp.dclp.0.actiontype">
              <c-select disabled :code="codes.actiontype" v-model="dclp.actiontype" style="width:100%" placeholder="">
                </c-select>
          </el-form-item>
         </c-col>
  
         <c-col :span="24">
          <c-form-item label="银行业务编号" prop="recp.dclp.0.buscode">
              <c-input disabled v-model="dclp.buscode"   placeholder=""></c-input>
          </c-form-item>
         </c-col>
  
         <c-col :span="24">
        <c-form-item label="期初余额" prop="recp.dclp.0.loanopenbalan" >
            <c-input-currency disabled v-model="dclp.loanopenbalan"  placeholder=""></c-input-currency>
        </c-form-item>
       </c-col>
  
         <c-col :span="24">
          <el-form-item label="提款币种" prop="recp.dclp.0.withcurrence">
              <c-select disabled :code="codes.curtxt1" v-model="dclp.withcurrence" style="width:100%" placeholder="">
                </c-select>
          </el-form-item>
         </c-col>

         <c-col :span="24">
        <c-form-item label="提款金额" prop="recp.dclp.0.withamount" >
            <c-input-currency disabled v-model="dclp.withamount"  placeholder=""></c-input-currency>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <c-form-item label="结汇金额" prop="recp.dclp.0.settamount" >
            <c-input-currency disabled v-model="dclp.settamount"  placeholder=""></c-input-currency>
        </c-form-item>
       </c-col>

       <c-col :span="24">
          <el-form-item label="资金用途" prop="recp.dclp.0.useofunds">
              <c-select :code="codes.useofunds" disabled v-model="dclp.useofunds" style="width:100%" placeholder="">
                </c-select>
          </el-form-item>
         </c-col>

         <c-col :span="24">
          <el-form-item label="还本币种" prop="recp.dclp.0.princurr">
              <c-select disabled :code="codes.curtxt1" v-model="dclp.princurr" style="width:100%" placeholder="">
                </c-select>
          </el-form-item>
         </c-col>

         <c-col :span="24">
        <c-form-item label="还本金额" prop="recp.dclp.0.repayamount" >
            <c-input-currency disabled v-model="dclp.repayamount"  placeholder=""></c-input-currency>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <c-form-item label="购汇还本金额" prop="recp.dclp.0.prepayamount" >
            <c-input-currency disabled v-model="dclp.prepayamount"  placeholder=""></c-input-currency>
        </c-form-item>
       </c-col>
                         
        
         <c-col :span="24">
          <c-form-item label="备注" prop="recp.dclp.0.remark">
              <c-input disabled :rows="4" type="textarea" v-model="dclp.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="recp.dclp.0.actiondesc">
              <c-input :disabled="this.dclp.acp==''" :rows="6" type="textarea" v-model="dclp.actiondesc" maxlength="32" show-word-limit placeholder="" ></c-input>
          </c-form-item>
          </c-col>         
          
          <c-col :span="12">
          <el-form-item label="变动日期" prop="recp.dclp.0.changedate">
              <c-date-picker disabled type="date"  v-model="dclp.changedate" style="width:100%"  placeholder=""></c-date-picker>
          </el-form-item>
         </c-col>
          <c-col :span="12">
            <c-form-item label="" label-width="0" prop="recp.dclp.0.acp">
          <c-checkbox :disabled="(this.model.cfabut.dclflg=='' && this.model.cfabut.basflg=='') ||(this.model.cfabut.dclflg=='X' && this.model.cfabut.basflg=='X')||(this.model.cfabut.dclflg=='' && this.model.cfabut.basflg=='X')" v-model="dclp.acp">确认</c-checkbox>
          </c-form-item>
         </c-col>

         <c-col :span="24">
        <c-form-item label="期末余额" prop="recp.dclp.0.endbalan" >
            <c-input-currency disabled v-model="dclp.endbalan"  placeholder=""></c-input-currency>
        </c-form-item>
       </c-col>

       <c-col :span="24">
          <el-form-item label="付息币种" prop="recp.dclp.0.inpaycurr">
              <c-select disabled :code="codes.curtxt1" v-model="dclp.inpaycurr" style="width:100%" placeholder="">
                </c-select>
          </el-form-item>
         </c-col>

         <c-col :span="24">
        <c-form-item label="付息金额" prop="recp.dclp.0.inpayamount" >
            <c-input-currency disabled v-model="dclp.inpayamount"  placeholder=""></c-input-currency>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <c-form-item label="购汇付息金额" prop="recp.dclp.0.pinpayamount" >
            <c-input-currency disabled v-model="dclp.pinpayamount"  placeholder=""></c-input-currency>
        </c-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 {
            dclp: {}
          }
      },
      watch: {
        'model.recp.dclp': function (newVal, oldVal) {
            if (newVal) {
                this.dclp = newVal[0]
            }
        },
        "model.cfabut.dclflg" :{
     immediate: true,
     handler(val,oldval){
        if(this.model.cfabut.basflg=="X" && this.model.cfabut.dclflg=="X"){
         this.dclp.acp="X"
        }
        else if(this.model.cfabut.dclflg==""){
         this.dclp.acp=""
        }
      }
     },
    },
      methods:{...Event},
      created:function(){
  
      }
  }
  </script>
  <style>
  
  </style>