<i-form :model="this.data" class='app-form info-form-mode' ref='datapanel'  id='opportunity_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.opportunity.datapanel_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <div style="height: 100%;display: flex;justify-content: space-between;">
        <div  v-show="detailsModel.estimatedclosedate.visible" :style="{}">
<app-form-item name='estimatedclosedate' :itemRules="this.rules.estimatedclosedate" class='datapanel-style' :caption="$t('entities.opportunity.datapanel_form.details.estimatedclosedate')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.estimatedclosedate.error" :isEmptyCaption="false" labelPos="BOTTOM">
    
<app-span name='estimatedclosedate' :value="data.estimatedclosedate" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""></app-span>
</app-form-item>

</div>
<div  v-show="detailsModel.estimatedvalue.visible" :style="{}">
<app-form-item name='estimatedvalue' :itemRules="this.rules.estimatedvalue" class='datapanel-style' :caption="$t('entities.opportunity.datapanel_form.details.estimatedvalue')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.estimatedvalue.error" :isEmptyCaption="false" labelPos="BOTTOM">
    
<app-span name='estimatedvalue' :value="data.estimatedvalue" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""></app-span>
</app-form-item>

</div>
<div  v-show="detailsModel.statecode.visible" :style="{}">
<app-form-item name='statecode' :itemRules="this.rules.statecode" class='datapanel-style' :caption="$t('entities.opportunity.datapanel_form.details.statecode')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.statecode.error" :isEmptyCaption="false" labelPos="BOTTOM">
    
<app-span name='statecode' :value="data.statecode" tag='Opportunity__StateCode' codelistType='STATIC' :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.opportunity.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.opportunity.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>