编辑视图分页关系ui调整

@CONTROL/数据关系分页部件/CONTROL-BASE.template.ftl

@@ -4,20 +4,22 @@
 <#else>
     <div class = "drtab<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
         <ion-tabs :animated='false' class='app-dr-tab' name='${ctrl.getCodeName()?lower_case}' @on-click="tabPanelClick">
+        <ion-tab-bar slot="top">
   <#list ctrl.getRootItem().getAllItems() as dritem>
-            <ion-tab-bar slot="top"  <#if dritem_index == 0>v-if="isShowSlot"</#if> :index='${dritem_index?c}' name='${dritem.getId()?lower_case}' tab='${ctrl.getCodeName()?lower_case}' class='' :disabled='items[${dritem_index?c}].disabled' >
+            <ion-tab-button   <#if dritem_index == 0>v-if="isShowSlot"</#if> :index='${dritem_index?c}' name='${dritem.getId()?lower_case}' tab='${dritem.getId()?lower_case}' class='' :disabled='items[${dritem_index?c}].disabled' >
                 <ion-label>${dritem.text}</ion-label>
-            </ion-tab-bar>
+            </ion-tab-button>
   </#list>
+        </ion-tab-bar>
   <#list ctrl.getRootItem().getAllItems() as dritem>     
     <#if dritem.getId()?lower_case == 'form'>
-            <ion-tab tab="${ctrl.getCodeName()?lower_case}">
+            <ion-tab tab="${dritem.getId()?lower_case}">
                         <div class='main-data'>
                             <slot></slot>
                         </div>
             </ion-tab>
     <#else>
-            <ion-tab tab="${ctrl.getCodeName()?lower_case}">
+            <ion-tab tab="${dritem.getId()?lower_case}">
                         <component
                         v-if="Object.is(this.selection.id, '${dritem.getId()?lower_case}') && this.selection.view && !Object.is(this.selection.view.viewname, '')"
                         :is="selection.view.viewname"