门户部件调整

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

@@ -2,7 +2,8 @@
     <ion-row>
         <ion-list class='app-mob-portlet <#if appde??>${appde.getCodeName()?lower_case}-${ctrl.name}</#if> <#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>'>
             <#if ctrl.isShowTitleBar()>
-            <ion-list-header class='app-mob-portlet__header'>${ctrl.getTitle()} </ion-list-header>
+            <ion-list-header class='app-mob-portlet__header'><ion-input v-if="isEditTitle" value="${ctrl.getTitle()}">${ctrl.getTitle()} <div class="portlet__header_right"><ion-icon v-if="!isEditTitle" name="ellipsis-horizontal-outline" @click="open"></ion-icon></div></ion-list-header>
+            <div class="edit_title_btn" v-if="isEditTitle"><ion-button>确认</ion-button><ion-button>取消</ion-button></div>
             </#if><#t> 
             <#if ctrl.getPortletType?? && ctrl.getPortletType()??>
                 <#if ctrl.getPortletType() == 'VIEW' && ctrl.getPortletPSAppView?? && ctrl.getPortletPSAppView()??><#t>
@@ -30,5 +31,8 @@
                 </#if>
             </#if>
         </ion-list>
+        <ion-select ref="select" v-show="false"  @ionChange="change" interface="action-sheet" :cancel-text="$t('app.button.cancel')">
+            <ion-select-option  v-for="option of items" :key="option.value"  :value="option.value">{{option.text}}</ion-select-option>
+        </ion-select>
     </ion-row>
 </template>
\ No newline at end of file

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

@@ -164,6 +164,53 @@ import  ${srfclassname('${appCounter.getCodeName()}')}CounterService  from '@/ap
         </#if>
     }
 
+    /**
+     * 门户名称编辑状态
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public isEditTitle = false;
+
+    /**
+     * 门户行为组
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public items = [{text:'重命名',value:'rename'},{text:"删除",value:"delete",style:"color: red;"}]
+
+    /**
+     * 门户点击行为菜单
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public open() {
+        let select :any= this.$refs['select'];
+        if(select){
+            setTimeout(() => {
+                select.open();
+            }, 1);
+        }
+    }
+
+    /**
+     * 门户点击行为
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public change(value:any) {
+        if(value.detail.value){
+            if(value.detail.value == 'rename' ){
+                this.isEditTitle = true;
+            }
+        }
+        setTimeout(() => {
+                let select :any = this.$refs['select'];
+            if (select) {
+                select.value = null;
+            }
+        }, 1);
+    }
+
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
 </#ibizinclude>

@CONTROL/门户部件/CONTROL.less.ftl

@@ -12,6 +12,32 @@
         margin: 0 !important;
         border-bottom: 1px solid #e8e8e8;
     }
+    .portlet__header_right{
+        position: absolute;
+        right: 15px;
+        line-height: 30px;
+        ion-icon{
+            font-size: 23px;
+            color: #5d5a5a;
+        }
+    }
+    .app-mob-portlet__header{
+        ion-input{
+            height: 40px;
+        }
+    }
+    .edit_title_btn{
+        text-align: right;
+        ion-button{
+            width: 50px;
+            height: 25px;
+            --border-radius: 0;
+            font-size: 12px;
+        }
+        ion-button:nth-child(2){
+            --background: #bbb;
+        }
+    }
 }
 <#if appde??>
 .${appde.getCodeName()?lower_case}-${ctrl.name}{}