<i-form :model="this.data" class='app-form' ref='form' id='hromhierarchycat_main' style=""> <input style="display:none;" /> <row > <i-col class="form-layout-container" v-show="detailsModel.group1.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-group :model="detailsModel.group1" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hromhierarchycat.main_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" > <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.group1" :data="data" :context="context" :viewparams="viewparams"/> <row> <i-col class="form-layout-container" v-show="detailsModel.omhierarchycatname.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-item name='omhierarchycatname' :itemRules="this.rules.omhierarchycatname" class='' :caption="$t('entities.hromhierarchycat.main_form.details.omhierarchycatname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.omhierarchycatname.error" :isEmptyCaption="false" labelPos="LEFT"> <input-box v-model="data.omhierarchycatname" @enter="onEnter($event)" unit="" :disabled="detailsModel.omhierarchycatname.disabled" type='text' style=""> </input-box> </app-form-item> </i-col> <i-col class="form-layout-container" v-show="detailsModel.memo.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-item name='memo' :itemRules="this.rules.memo" class='' :caption="$t('entities.hromhierarchycat.main_form.details.memo')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.memo.error" :isEmptyCaption="false" labelPos="LEFT"> <input-box v-model="data.memo" :textareaId="this.$util.createUUID()" :disabled="detailsModel.memo.disabled" type='textarea' textareaStyle="height:200px;" ></input-box> </app-form-item> </i-col> </row> </app-form-group> </i-col> </row> </i-form>