定制门户样式

@CONTROL/门户部件/CONTROL-BASE.template.ftl

@@ -37,8 +37,6 @@
                 </#if>
             </#if>
         </ion-list>
-        <ion-select ref="select" v-show="false"  @ionChange="actionBarClick" interface="action-sheet" :cancel-text="$t('app.button.cancel')">
-            <ion-select-option  v-for="option of actionBarModelData" :key="option.viewlogicname"  :value="option.viewlogicname">{{option.actionName}}</ion-select-option>
-        </ion-select>
+        <van-action-sheet v-model="selectStatus" get-container="#app" :actions="actionBarModelData" cancel-text="取消" close-on-click-action @select="actionBarClick" @cancel="onCancel" />
     </ion-row>
 </template>
\ No newline at end of file

@CONTROL/门户部件/CONTROL-BASE.vue.ftl

@@ -57,10 +57,26 @@ import  ${srfclassname('${appCounter.getCodeName()}')}CounterService  from '@/ap
      * 定制标题
      *
      * @type {string}
-     * @memberof MOBMyFavoriteStory
+     * @memberof ${srfclassname('${ctrl.codeName}')}
      */
     @Prop() protected customizeTitle?: string;
 
+    
+    /**
+     * 选择器状态
+     *
+     * @type {boolean}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public selectStatus:boolean = false
+
+    /**
+     * 选择器状态取消事件
+     */
+    public onCancel() {
+        this.selectStatus = false;
+    }
+
     /**
      * 操作栏模型数据
      *
@@ -72,7 +88,7 @@ import  ${srfclassname('${appCounter.getCodeName()}')}CounterService  from '@/ap
     <#if  ctrl.getPSAppViewLogics?? && ctrl.getPSAppViewLogics()??>
         <#list ctrl.getPSAppViewLogics() as appViewLogic>
         {
-            viewlogicname: "${appViewLogic.name}",
+            name: "${appViewLogic.name}",
             <#if appViewLogic.getPSAppViewUIAction?? && appViewLogic.getPSAppViewUIAction()??>
             <#assign viewUIAction = appViewLogic.getPSAppViewUIAction()/>
             <#if viewUIAction.getPSUIAction?? && viewUIAction.getPSUIAction()??>
@@ -188,9 +204,9 @@ import  ${srfclassname('${appCounter.getCodeName()}')}CounterService  from '@/ap
     /**
      * 内置门户行为组
      *
-     * @memberof MyTaskMob
+     * @memberof ${srfclassname('${ctrl.codeName}')}
      */
-    public builtinItemS = [{actionName:'重命名',viewlogicname:'rename'},{actionName:"删除",viewlogicname:"delete"}]
+    public builtinItemS = [{name:'重命名',viewlogicname:'rename'},{name:"删除",viewlogicname:"delete"}]
 
     /**
      * 门户点击行为菜单
@@ -198,12 +214,7 @@ import  ${srfclassname('${appCounter.getCodeName()}')}CounterService  from '@/ap
      * @memberof ${srfclassname('${ctrl.codeName}')}
      */
     public open() {
-        let select :any= this.$refs['select'];
-        if(select){
-            setTimeout(() => {
-                select.open();
-            }, 1);
-        }
+        this.selectStatus = true;
     }
 
     get edit_title_btn(){
@@ -215,20 +226,16 @@ import  ${srfclassname('${appCounter.getCodeName()}')}CounterService  from '@/ap
      *
      * @memberof ${srfclassname('${ctrl.codeName}')}
      */
-    public actionBarClick(value:any) {
-        if(value.detail.value){
-            if(value.detail.value == 'rename' ){
+    public actionBarClick(data:any) {
+        if(data.viewlogicname){
+            if(data.viewlogicname == 'rename' ){
                 this.isEditTitle = true;
-            }else if(value.detail.value == 'delete' ){
+            }else if(data.viewlogicname == 'delete' ){
                 this.$emit("enableCustomizedEvent",'delete',this.item)
             }
             else{
-                this.handleItemClick(value.detail.value);
-            }
+                this.handleItemClick(data.viewlogicname);
             }
-        let select :any = this.$refs['select'];
-        if (select) {
-            select.value = null;
         }
     }