Docpan.vue

<template>
  <div class="eibs-tab">

        <c-col :span="11">
            <c-col :span="24">
                <el-form-item label="Verification Certificate Number" prop="lendoc.vercerref">
                    <c-input type="textarea" v-model="model.lendoc.vercerref" maxlength="20" show-word-limit placeholder="请输入Verification Certificate Number" 
                    style="text-align: left;"
                    ></c-input>
                </el-form-item>
            </c-col>
            
            <c-col :span="24">
                <el-form-item label="Declaration Number" prop="lendoc.decnum">
                    <c-input  v-model="model.lendoc.decnum" maxlength="22"  placeholder="请输入Declaration Number"></c-input>
                </el-form-item>
            </c-col>
        </c-col>                      
       
        <c-col :span="11" :offset="1">
            <c-col :span="4">
                <c-checkbox v-model="model.lendoc.actflg">Input Account</c-checkbox>
            </c-col>
           
            <c-col :span="20">
                <el-form-item label="ACT" prop="lendoc.account">
                    <c-input type="textarea" v-model="model.lendoc.account" maxlength="25" show-word-limit placeholder="请输入ACT" 
                    :disabled=this.flag
                    ></c-input>
                </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/Cptati/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            flag:true,
        }
    },
    methods:{...Event},
    created:function(){

    },
    watch:{
        "model.lendoc.actflg":{
            immediate:true,
            handler(){
                   console.log(this.model.lendoc.actflg);
                if(this.model.lendoc.actflg ==''){
                    this.model.lendoc.account='';
                    this.flag=true;
                }else{
                    this.flag=false;
                }
            }
        }
    }

}
</script>
<style>

</style>