Docpan.vue

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

        <c-col :span="11">
            <c-col :span="24">
                <el-form-item label="验证证书编号" prop="lendoc.vercerref">
                    <c-input type="textarea" v-model="model.lendoc.vercerref" maxlength="20" show-word-limit
                        placeholder="请输入验证证书编号" style="text-align: left;"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="申报号" prop="lendoc.decnum">
                    <c-input v-model="model.lendoc.decnum" maxlength="22" placeholder="请输入申报号"></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">输入账户</c-checkbox>
            </c-col>

            <c-col :span="20">
                <c-input type="textarea" v-model="model.lendoc.account" maxlength="25" show-word-limit
                    placeholder="请输入ACT" :disabled=this.flag></c-input>
            </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>