<i-form :model="this.data" class='app-form info-form-mode' ref='datapanel' id='quote_datapanel' style=""> <input style="display:none;" /> <row > <i-col v-show="detailsModel.group1.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-group :model="detailsModel.group1" layoutType="FLEX" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.quote.datapanel_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" > <div style="height: 100%;display: flex;"> <div v-show="detailsModel.totalamount.visible" :style="{}"> <app-form-item name='totalamount' :itemRules="this.rules.totalamount" class='datapanel-style' :caption="$t('entities.quote.datapanel_form.details.totalamount')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.totalamount.error" :isEmptyCaption="false" labelPos="BOTTOM"> <app-span name='totalamount' :value="data.totalamount" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' style=""></app-span> </app-form-item> </div> <div v-show="detailsModel.effectivefrom.visible" :style="{}"> <app-form-item name='effectivefrom' :itemRules="this.rules.effectivefrom" class='datapanel-style' :caption="$t('entities.quote.datapanel_form.details.effectivefrom')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.effectivefrom.error" :isEmptyCaption="false" labelPos="BOTTOM"> <app-span name='effectivefrom' :value="data.effectivefrom" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' style=""></app-span> </app-form-item> </div> <div v-show="detailsModel.effectiveto.visible" :style="{}"> <app-form-item name='effectiveto' :itemRules="this.rules.effectiveto" class='datapanel-style' :caption="$t('entities.quote.datapanel_form.details.effectiveto')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.effectiveto.error" :isEmptyCaption="false" labelPos="BOTTOM"> <app-span name='effectiveto' :value="data.effectiveto" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' style=""></app-span> </app-form-item> </div> <div v-show="detailsModel.ownername.visible" :style="{}"> <app-form-item name='ownername' :itemRules="this.rules.ownername" class='datapanel-style' :caption="$t('entities.quote.datapanel_form.details.ownername')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ownername.error" :isEmptyCaption="false" labelPos="BOTTOM"> <app-span name='ownername' :value="data.ownername" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' style=""></app-span> </app-form-item> </div> <div v-show="detailsModel.grouppanel1.visible" :style="{}"> <app-form-group :model="detailsModel.grouppanel1" layoutType="FLEX" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.quote.datapanel_form.details.grouppanel1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" > <div style="height: 100%;display: flex;align-items: center;"> <div v-show="detailsModel.button1.visible" :style="{}"> <i-button type="primary" @click="button1_click($event)" class="form-btn-noborder-transparent" style=""> <i class="fa fa-angle-down" style="margin-right: 2px;"></i> </i-button> </div> </div> </app-form-group> </div> </div> </app-form-group> </i-col> </row> </i-form>