提交 09f94d20 编写于 作者: KK's avatar KK

zk——状态向导左右切换

上级 09981b15
......@@ -15,6 +15,8 @@
<template>
<layout class="app-wizard">
<#if ctrl.getPSDEWizard?? && ctrl.getPSDEWizard()?? && ctrl.getPSDEWizard().getPSDEWizardSteps?? && ctrl.getPSDEWizard().getPSDEWizardSteps()??>
<div class="view-steps">
<div class="steps_icon" @click="onClickPrev(activeForm)"><i class="el-icon-arrow-left"></i></div>
<el-steps class="wizard-steps" :active="(wizardForms.indexOf(activeForm) + 1)" finish-status="success">
<#list ctrl.getPSDEWizard().getPSDEWizardSteps() as step>
<el-step :class="{'app-active-step':activeForm==='<@getStepForm ctrlmodel=ctrl step=step />'?true:false}">
......@@ -24,6 +26,8 @@
</el-step>
</#list>
</el-steps>
<div class="steps_icon" @click="onClickNext(activeForm)"><i class="el-icon-arrow-right"></i></div>
</div>
<#if ctrl.getPSDEEditForms()??>
<#list ctrl.getPSDEEditForms() as form>
<#assign handler = form.getPSAjaxControlHandler() />
......
.app-wizard {
background: #fff;
height: 100%;
.view-steps{
display: flex;
padding: 0 20px;
.steps_icon{
font-size: 20px;
background: #409eff;
color: #fff;
line-height: 50px;
height: 50px;
border-radius: 4px;
}
.steps_icon:hover{
cursor: pointer;
}
}
.wizard-steps{
padding: 10px 50px;
padding: 10px 20px;
margin-bottom: 10px;
width: 100%;
.el-step__head.is-process{
border-color: #7e8187;
color: #7e8187;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册