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.exguarancode">
              <c-input disabled v-model="dclp.exguarancode" maxlength="28"  placeholder=""></c-input>
          </c-form-item>
         </c-col>
  
         <c-col :span="24">
          <el-form-item label="操作类型" prop="recp.dclp.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">
        <el-form-item label="担保责任余额变动日期" prop="recp.dclp.0.wabachandate">
            <c-date-picker disabled type="date"  v-model="dclp.wabachandate" style="width:100%"  placeholder=""></c-date-picker>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <c-form-item label="担保责任余额" prop="recp.dclp.0.basere">
            <c-input-currency disabled v-model="dclp.basere"  placeholder=""></c-input-currency>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <c-form-item label="备注" prop="recp.dclp.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 :rows="6" type="textarea" v-model="dclp.actiondesc" maxlength="32" show-word-limit placeholder="" ></c-input>
        </c-form-item>
        </c-col>         
                        
       <c-col :span="24">
        <c-form-item label="" label-width="0" prop="recp.dclp.0.acp">
	        <c-checkbox disabled v-model="dclp.acp">确认</c-checkbox>
        </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/Ebainf/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]
            }
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>