Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
I
iBiz4jVue
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
ibiz4jteam
iBiz4jVue
提交
687f915e
提交
687f915e
编写于
7月 01, 2020
作者:
KK
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
zk——向导抽屉
上级
d75fcee7
变更
2
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
63 行增加
和
3 行删除
+63
-3
CONTROL-BASE.vue.ftl
@CONTROL/状态向导面板/CONTROL-BASE.vue.ftl
+53
-3
CONTROL.less.ftl
@CONTROL/状态向导面板/CONTROL.less.ftl
+10
-0
未找到文件。
@CONTROL/状态向导面板/CONTROL-BASE.vue.ftl
浏览文件 @
687f915e
...
@@ -35,7 +35,7 @@
...
@@ -35,7 +35,7 @@
<div class="app-wizard-container">
<div class="app-wizard-container">
<div class="app-wizard-header">
<div class="app-wizard-header">
<div class="app-wizard-header-extra">
<div class="app-wizard-header-extra">
<Icon type="md-open" size="18" @click="handleOPen"/>
<Icon type="md-open" size="18" @click="handleOPen
('${form.getName()}')
"/>
<Icon type="md-close" size="18" @click="handleClose('${form.getName()}')"/>
<Icon type="md-close" size="18" @click="handleClose('${form.getName()}')"/>
</div>
</div>
</div>
</div>
...
@@ -64,6 +64,34 @@
...
@@ -64,6 +64,34 @@
</div>
</div>
</div>
</div>
</el-popover>
</el-popover>
<drawer
class="app-wizard-drawer"
:closable="false"
:value="drawerOpenStatus.isOpen && drawerOpenStatus.formName == '${form.name}'"
:width="1000"
title="${form.getLogicName()}"
@on-visible-change="onVisibleChange($event)">
<view_${form.getName()}
:key="'${form.name}'"
:viewState='wizardState'
:context="context"
:viewparams="viewparams"
updateAction="<#if form.getUpdatePSControlAction()?? && form.getUpdatePSControlAction().getPSAppDEMethod()??>${form.getUpdatePSControlAction().getPSAppDEMethod().getCodeName()}</#if>"
removeAction="<#if form.getRemovePSControlAction()?? && form.getRemovePSControlAction().getPSAppDEMethod()??>${form.getRemovePSControlAction().getPSAppDEMethod().getCodeName()}</#if>"
loadAction="<#if form.getGetPSControlAction()?? && form.getGetPSControlAction().getPSAppDEMethod()??>${form.getGetPSControlAction().getPSAppDEMethod().getCodeName()}</#if>"
<#if form.getHookEventNames()??>
<#list form.getHookEventNames() as eventName>
@${eventName?lower_case}="${form.name}_${eventName?lower_case}"
</#list>
</#if>
name='${form.name}'
ref='${form.name}'>
</view_${form.getName()}>
<div class="drawer-button">
<i-button style="margin-right:10px" type="primary">确认</i-button>
<i-button>取消</i-button>
</div>
</drawer>
</#list>
</#list>
</#if>
</#if>
</#if>
</#if>
...
@@ -206,6 +234,16 @@
...
@@ -206,6 +234,16 @@
*/
*/
public curState = '';
public curState = '';
/**
* 抽屉状态
*
* @memberof ${srfclassname('${ctrl.codeName}')}Base
*/
public drawerOpenStatus:any = {
isOpen:false,
formName:""
}
/**
/**
* Vue声明周期(处理组件的输入属性)
* Vue声明周期(处理组件的输入属性)
*
*
...
@@ -405,8 +443,10 @@
...
@@ -405,8 +443,10 @@
*
*
* @memberof ${srfclassname('${ctrl.codeName}')}Base
* @memberof ${srfclassname('${ctrl.codeName}')}Base
*/
*/
public handleOPen(){
public handleOPen(formName:string){
console.log("open");
this.handleClose(formName);
this.drawerOpenStatus.isOpen = true;
this.drawerOpenStatus.formName = formName;
}
}
/**
/**
...
@@ -533,6 +573,16 @@
...
@@ -533,6 +573,16 @@
return false;
return false;
}
}
}
}
/**
* 抽屉状态改变
*
* @memberof ${srfclassname('${ctrl.codeName}')}Base
*/
public onVisibleChange(value:any){
if(!value){
this.drawerOpenStatus.isOpen = false;
}
}
<#ibizinclude>
<#ibizinclude>
../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
...
...
@CONTROL/状态向导面板/CONTROL.less.ftl
浏览文件 @
687f915e
...
@@ -75,4 +75,13 @@
...
@@ -75,4 +75,13 @@
}
}
.el-popper[x-placement^=bottom] {
.el-popper[x-placement^=bottom] {
margin-top: 0px;
margin-top: 0px;
}
.app-wizard-drawer{
.app-form {
height: calc(100% - 51px);
}
.drawer-button{
display: flex;
justify-content: flex-end;
}
}
}
\ No newline at end of file
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录