多数据视图——输出搜索表单（初版）

@CONTROL/视图布局面板/@MACRO/VIEW_LAYOUT_BASE.ftl

@@ -10,6 +10,7 @@
 <#assign isStyleName = false/>
 </#if>
 <ion-page :className="{ 'view-container': true<#if !isStyleName>, 'default-mode-view': true</#if>, '${view.getViewType()?lower_case}': true, '${srffilepath2(view.getCodeName())}': true<#if view.getPSSysCss?? && view.getPSSysCss()??>, '${view.getPSSysCss().getCssName()}': true</#if> }">
+    
     <ion-header>
         <ion-toolbar class="ionoc-view-header">
             <ion-buttons slot="start">
@@ -78,6 +79,28 @@
     </#if>
     <#--  自定义头部按钮：END  -->
     </ion-header>
+
+    <#--  搜索表单：BEGIN   -->
+    <#if view.hasPSControl('searchform')>
+    <ion-menu side="start" content-id="main-content" ref='menu'>
+        <ion-header>
+            <ion-toolbar translucent>
+            <ion-title>条件搜索</ion-title>
+            </ion-toolbar>
+        </ion-header>
+        <ion-content>
+            ${P.getCtrlCode('searchform', 'CONTROL.html').code}
+        </ion-content>
+        <div>
+            <ion-button  shape="round" size="small" expand="full" color="light">重置</ion-button>
+        </div>
+        <div>
+            <ion-button  shape="round" size="small" expand="full">搜索</ion-button>
+        </div>
+    </ion-menu>
+    </#if>
+    <#--  搜索表单：END   -->
+
     <ion-content>
     <#--  视图是否支持下拉刷新：BEGIN  -->
     <#if view.isEnablePullDownRefresh?? && view.isEnablePullDownRefresh()>

@CONTROL/视图布局面板/实体移动端多数据视图/VIEW.vue.ftl

@@ -25,8 +25,8 @@
             </#if>
         </#list>
         </div>
-        <div class="view-tool-searchform">
-            <!-- <span>过滤<ion-icon name="filter-outline"></ion-icon></span>  -->
+        <div class="view-tool-searchform" @click="openSearchform">
+            <span>过滤<ion-icon name="filter-outline"></ion-icon></span>
         </div>
     </div>
     <div class="code-box" style="display:flex; overflow: auto;">

@VIEW/@MACRO/MOBMDVIEW.vue.ftl

@@ -187,6 +187,18 @@
         }
     }
 
+    /**
+     * 打开搜索表单
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public openSearchform() {
+      let xData :any = this.$refs.menu;
+      if(xData){
+          xData.open();
+      }
+    }
+
 <#ibizinclude>
 ../@MACRO/VIEW_BOTTOM-BASE.vue.ftl
 </#ibizinclude>