提交 2ccfd14a 编写于 作者: KK's avatar KK

update 工作流动态多数据视图

上级 61df87bf
......@@ -41,15 +41,9 @@
</#if>
<#assign view_content>
<#if view.getViewType?? && view.getViewType() ?? && view.getViewType()=='DEMOBWFDYNAEXPMDVIEW'>
<ion-tabs class="app-ctrl-tabs">
<ion-tab-bar slot="top">
<ion-tab-button v-for="item in wfStepModel" :key="item.processDefinitionKey" >
<ion-label class="caption">
{{item.userTaskName}}
</ion-label>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
<div class="app-ctrl-tabs ion-tabs">
<div class="tab-item" :class="selectTabId==item.userTaskId? 'tab-item-select' : '' " v-for="(item,index) in wfStepModel" :key="index+'tabbtn'" @click="tab_click(item)"> {{item.userTaskName}} </div>
</div>
</#if>
${P.getCtrlCode('mdctrl', 'CONTROL.html').code}
</#assign>
......
......@@ -2,15 +2,18 @@
../@MACRO/DEFAULT.less.ftl
</#ibizinclude>
.${view.getViewType()?lower_case}{
.app-ctrl-tabs{
.app-ctrl-tabs {
z-index: 1;
}
ion-tabs{
height: 50px;
position: fixed;
top: 88px;
.ion-tabs {
display: flex;
justify-content: space-around;
border-bottom: 0.5px solid #ccc;
}
.app-mob-mdctrl{
margin-top: 50px;
.tab-item {
padding: 20px 0;
}
.tab-item-select {
color: #3880ff;
}
}
\ No newline at end of file
......@@ -9,6 +9,27 @@
<#ibizinclude>
../@MACRO/VIEW_CONTENT-BASE.vue.ftl
</#ibizinclude>
/**
* 当前选中tab
*
* @type {string}
* @memberof ${srfclassname('${view.codeName}')}Base
*/
public selectTabId: string= "";
/**
* tab切换
*
* @memberof ${srfclassname('${view.codeName}')}Base
*/
public tab_click(item:any){
this.curSelectedNode = item;
this.setTreeNodeHighLight(this.curSelectedNode);
Object.assign(this.viewparams,{'userTaskId':item['userTaskId'],'processDefinitionKey':item['processDefinitionKey']});
(this.$refs.mdctrl as any).load(this.viewparams);
this.selectTabId = item.userTaskId;
}
/**
* 分割宽度
*
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册