<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>
<i-col v-show="detailsModel.systemid.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='systemid' :itemRules="this.rules().systemid" class='' :caption="$t('entities.dstcomponent.main_form.details.systemid')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.systemid.error" :isEmptyCaption="false" labelPos="LEFT">

 <dropdown-list
    v-model="data.systemid"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }'
    :localParam ='{ }'
    :disabled="detailsModel.systemid.disabled"
    valueType="string"
    tag='DstSystemList'
    codelistType='DYNAMIC'
    placeholder='请选择...' style="">
 </dropdown-list>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.appid.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='appid' :itemRules="this.rules().appid" class='' :caption="$t('entities.dstcomponent.main_form.details.appid')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.appid.error" :isEmptyCaption="false" labelPos="LEFT">

 <dropdown-list
    v-model="data.appid"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }'
    :localParam ='{ }'
    :disabled="detailsModel.appid.disabled"
    valueType="string"
    tag='DstAppList'
    codelistType='DYNAMIC'
    placeholder='请选择...' style="">
 </dropdown-list>

</app-form-item>

</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>