提交 372bf6da 编写于 作者: KK's avatar KK

动态工作流编辑样式

上级 bda2c5e9
<#ibizinclude> <#ibizinclude>
../@MACRO/DEFAULT.less.ftl ../@MACRO/DEFAULT.less.ftl
</#ibizinclude> </#ibizinclude>
.wf_btn{ .fab_container {
width: 60px;
position: absolute;
bottom: 4px;
right: 16px;
.wf_btns{
--border-radius: 50%;
width: 60px;
height: 60px;
}
.container {
display: flex; display: flex;
justify-content: center; padding: 10px 0;
flex-wrap: wrap;
.sub-item {
width: 50vw;
text-align: center;
}
}
} }
\ No newline at end of file
...@@ -26,11 +26,18 @@ ...@@ -26,11 +26,18 @@
</component> </component>
</#assign> </#assign>
<#assign view_footer> <#assign view_footer>
<div class="wf_btn"> <div class="fab_container">
<ion-button v-for="(linkItem,index) in linkModel" :key="index" @click="dynamic_toolbar_click(linkItem, $event)" class="wf_btn_item"> <ion-button @click="popUpGroup(true)" v-if="linkModel.length > 0" :style="button_style" class="app-view-toolbar-button wf_btns"><ion-icon name="chevron-up-circle-outline"></ion-icon></ion-button>
<van-popup class="popup" v-model="showGrop" round position="bottom">
<div class="container">
<div class='sub-item' v-for="(linkItem,index) in linkModel" :key="index" >
<ion-button @click="dynamic_toolbar_click(linkItem, $event)" class="wf_btn_item">
{{linkItem.sequenceFlowName}} {{linkItem.sequenceFlowName}}
</ion-button> </ion-button>
</div> </div>
</div>
</van-popup>
</div>
</#assign> </#assign>
</#if> </#if>
......
...@@ -93,7 +93,7 @@ import { toastController, alertController } from '@ionic/core'; ...@@ -93,7 +93,7 @@ import { toastController, alertController } from '@ionic/core';
const { data: _data } = response; const { data: _data } = response;
if (this.viewparams) { if (this.viewparams) {
this.$emit('viewdataschange', [{ ..._data }]); this.$emit('viewdataschange', [{ ..._data }]);
this.$emit('close'); this.closeView(_data);
} else if (this.$tabPageExp) { } else if (this.$tabPageExp) {
this.$tabPageExp.onClose(this.$route.fullPath); this.$tabPageExp.onClose(this.$route.fullPath);
} }
...@@ -159,6 +159,29 @@ import { toastController, alertController } from '@ionic/core'; ...@@ -159,6 +159,29 @@ import { toastController, alertController } from '@ionic/core';
} }
} }
/**
* 工具栏分组是否显示的条件
*
* @type {boolean}
* @memberof ${srfclassname('${view.codeName}')}Base
*/
public showGrop = false;
/**
* 工具栏分组是否显示的方法
*
* @memberof ${srfclassname('${view.codeName}')}Base
*/
public popUpGroup (falg:boolean = false) {
this.showGrop = falg;
}
/**
* 底部按钮样式
*
* @memberof ${srfclassname('${view.codeName}')}Base
*/
public button_style = "";
</#assign> </#assign>
<#ibizinclude> <#ibizinclude>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册