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="请输入" :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-more" :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 "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, event],
  data() {
    return {};
  },
  methods: {},
  created: function() {},
  watch: {
    "model.modflg": {
      async handler(newVal, oldVal) {
        if (newVal !== "X") {
          this.model.cldgrp.blk.setins = "";
        }
      }
    }
  }
};
</script>
<style>
#toughH {
  height: 24px !important;
}
</style>