<template>
    <i-form :model="this.data" class='app-form' ref='form'  id='dstcomponent_main' style="">
    <input style="display:none;" />
    <row >
            
<i-col v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.group1.manageContainerStatus"  :isManageContainer="detailsModel.group1.isManageContainer" @managecontainerclick="manageContainerClick('group1')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.dstcomponent.main_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <row>
        <i-col v-show="detailsModel.cname.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='cname' :itemRules="this.rules().cname" class='' :caption="$t('entities.dstcomponent.main_form.details.cname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.cname.error" :isEmptyCaption="false" labelPos="TOP">
    <input-box 
    v-model="data.cname"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.cname.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.codename.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='codename' :itemRules="this.rules().codename" class='' :caption="$t('entities.dstcomponent.main_form.details.codename')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.codename.error" :isEmptyCaption="false" labelPos="TOP">
    <input-box 
    v-model="data.codename"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.codename.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.ctype.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='ctype' :itemRules="this.rules().ctype" class='' :caption="$t('entities.dstcomponent.main_form.details.ctype')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ctype.error" :isEmptyCaption="false" labelPos="TOP">
    
 <dropdown-list 
    v-model="data.ctype" 
    :data="data" 
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.ctype.disabled" 
    valueType="string"
    tag='ComponentType' 
    codelistType='STATIC'
    placeholder='请选择...' style="">
 </dropdown-list>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.entityname.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='entityname' :itemRules="this.rules().entityname" class='' :caption="$t('entities.dstcomponent.main_form.details.entityname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.entityname.error" :isEmptyCaption="false" labelPos="TOP">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.entityname.disabled"
  name='entityname'
  deMajorField='entity_name'
  deKeyField='metaentity'
  :service="service"
  :acParams="{ serviceName: 'MetaEntityService', interfaceName: 'FetchDefault'}"
  valueitem='entityid' 
  :value="data.entityname" 
  editortype="" 
  :pickupView="{ viewname: 'meta-entity-pickup-view', title: $t('entities.metaentity.views.pickupview.title'), deResParameters: [{ pathName: 'dstsystems', parameterName: 'dstsystem' }, ], parameters: [{ pathName: 'metaentities', parameterName: 'metaentity' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.cfg.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 24, offset: 0 }" :lg="{ span: 24, offset: 0 }" :xl="{ span: 24, offset: 0 }">
    <app-form-item name='cfg' :itemRules="this.rules().cfg" class='' :caption="$t('entities.dstcomponent.main_form.details.cfg')" uiStyle="DEFAULT" :labelWidth="0" :isShowCaption="false" :error="detailsModel.cfg.error" :isEmptyCaption="false" labelPos="NONE">
                <avue-component :entityname="data.entityname" :systemid="data.systemid" ref="avueCompont" @formitemvaluechange="onFormItemValueChange" name='cfg' :formState="formState" :options="data.cfg" :type="data.ctype"></avue-component>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>
</template>
<script lang='tsx'>
import { Component } from 'vue-property-decorator';
import MainBase from './main-form-base.vue';

 
@Component({
    components: {
         
    }
})
export default class Main extends MainBase {

}
</script>