Account.vue

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

        <c-col :span="11">
            <el-form-item label="贷记账户" prop="cldgrp.rec.creact" style="width: 100%">
                <c-select v-model="model.cldgrp.rec.creact" style="width: 100%" placeholder="请选择贷记账户"
                    :code="codes.creact" :disabled="model.modflg === 'X'"  id="toughH">
                </c-select>
            </el-form-item>
        </c-col>

        <c-col :span="11" :offset="1">
            <el-form-item label="账户" prop="cldgrp.rec.acno">
                <c-input v-model="model.cldgrp.rec.acno" maxlength="20" placeholder="请输入A/C NO."
                    :disabled="model.modflg === 'X'">
                </c-input>
            </el-form-item>
        </c-col>

        <c-col :span="11">
            <el-form-item label="结算指示" prop="cldgrp.blk.setins">
                <c-input type="textarea" v-model="model.cldgrp.blk.setins" maxlength="300" show-word-limit rows="5"
                    placeholder="请输入结算指示" :disabled="model.modflg !== 'X'"></c-input>
            </el-form-item>
        </c-col>
        <c-col :span="11" :offset="1">
            <el-form-item label="">
                <c-checkbox v-model="model.modflg">修改</c-checkbox>
                <c-button size="small" type="primary" icon="el-icon-search" :disabled="model.modflg !== 'X'"
                    @click="showGridPromptDialog('cltp.setins.buttxmsel', null, null,{TXT: 'cldgrp.blk.setins'}, {TXT: false},'doxpDialog')">
                    ...
                </c-button>
            </el-form-item>
        </c-col>
    </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Cltdav/Event"

export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {

        }
    },
    methods: { ...Event },
    created: function () {

    },
    watch: {
        "model.modflg": {
            async handler(newVal, oldVal) {
                if (newVal !== 'X') {
                    this.model.cldgrp.blk.setins = '';
                }
            }
        }
    }
}
</script>
<style>
#toughH{
    height: 24px !important;
}
</style>