底部工具栏调整

@CONTROL/工具栏/CONTROL.html#ITEM_ITEMS.ftl

@@ -31,7 +31,7 @@
 
 <#if ctrl.getToolbarStyle() == 'MOBBOTTOMMENU' >
 <#list item.getPSDEToolbarItems() as toolbarItem>
-    ${P.getPartCode(toolbarItem).code}
+    ${P.getPartCode(toolbarItem,"ITEM_POPUPITEMS").code}
 </#list>
 </#if>
 

@CONTROL/工具栏/CONTROL.html#ITEM_POPUPITEMS.ftl

+<#ibizinclude>
+../@MACRO/CONTROL/LANGBASE.vue.ftl
+</#ibizinclude>
+<#ibizinclude>
+../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl
+</#ibizinclude>
+<#assign deuiaction=item.getPSUIAction()>
+<#if ctrl.getToolbarStyle() == 'MOBBOTTOMMENU'>
+    <div :class="{'sub-item':true,'disabled':${(ctrl.getName())?lower_case}Models.${item.name}.disabled}" v-show="${(ctrl.getName())?lower_case}Models.${item.name}.visabled">
+        <ion-button :disabled="${(ctrl.getName())?lower_case}Models.${item.name}.disabled" @click="${ctrl.name}_click({ tag: '${item.name}' }, $event)" size="large">
+        <#if item.isShowIcon() && item.getPSSysImage()??>
+            <ion-icon name="<@setIcon item />"></ion-icon>
+        </#if>
+        </ion-button>
+        <span><#if item.isShowCaption()>{{<#if langbase??>$t('${langbase}.${item.name}.caption')<#else>'${item.getCaption()}'</#if>}}</#if></span>
+    </div>
+</#if>
\ No newline at end of file

@CONTROL/工具栏/CONTROL.html.ftl

@@ -21,8 +21,6 @@
     <#list ctrl.getPSDEToolbarItems() as item>
     <#assign itemsLength = itemsLength + 1/>
     </#list>
-
-
     <#list ctrl.getPSDEToolbarItems() as item>
     <#if itemsLength == 1 && item_index == 0 && item.getPFPartCodeType() == "ITEM_DEUIACTION">
     <ion-fab v-show="getToolBarLimit">
@@ -30,16 +28,18 @@
     </ion-fab>
     <#else>
     <ion-fab v-show="getToolBarLimit">
-        <ion-fab-button class="app-view-toolbar-button"><ion-icon name="chevron-up-circle-outline"></ion-icon></ion-fab-button>
-        <ion-fab-list class="fab-list" side="top">
+        <ion-fab-button @click="popup" class="app-view-toolbar-button"><ion-icon name="chevron-up-circle-outline"></ion-icon></ion-fab-button>
+    </ion-fab>
+    <van-popup class="popup" v-model="showGrop" round position="bottom">
+        <div class="container">
         <#list ctrl.getPSDEToolbarItems() as item>
         ${P.getPartCode(item).code}
         <#if custom_toolbar??>
             ${custom_toolbar}
         </#if>
         </#list>
-        </ion-fab-list>
-    </ion-fab>
+        </div>
+    </van-popup>
     </#if>
     <#break>
     </#list>

@CONTROL/工具栏/CONTROL.less.ftl

@@ -55,10 +55,44 @@
     z-index: 9999;
   }
 }
-.fab-list{
-  ion-fab-button{
-    --background:#eeeeee;
-  }
+.popup {
+	height: 40%;
+  padding-top: 20px;
+	.container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-content: flex-start;
+    flex-wrap: wrap;
+		.sub-item {
+      margin-top: 10px;
+			box-sizing: border-box;
+			flex: 0 0 25%;
+      height: 100px;
+      display: flex;
+      color: black;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      ion-button {
+        width: 60px !important;
+        height: 60px;
+        padding: 0 !important;
+        --background:green !important;
+        --border-radius:50% !important;
+        --padding-bottom:0;
+        --padding-end:0;
+        --padding-start:0;
+        --padding-top:0;
+        .button-inner {
+          --border-radius:40px !important;
+        }
+      }
+    }
+    .disabled {
+      color: #a8a8a8;
+    }
+	}
 }
 </#if>
 

@CONTROL/工具栏/CONTROL.vue.ftl

@@ -41,6 +41,24 @@
         }
         return toolBarVisable;
     }
+
+    /**
+     * 工具栏分组是否显示的条件
+     *
+     * @type {boolean}
+     * @memberof ${srfclassname('${view.name}')} 
+     */
+    public show：boolean = false;
+
+    /**
+     * 工具栏分组是否显示的方法
+     *
+     * @type {boolean}
+     * @memberof ${srfclassname('${view.name}')} 
+     */
+    public popup () {
+        this.show = !this.show;
+    }
 </#if>