调整状态向导面板样式

@CONTROL/状态向导面板/CONTROL-BASE.vue.ftl

@@ -16,7 +16,7 @@
 <#if ctrl.render??>
     ${ctrl.render.code}
 <#else>
-    <layout class="app-wizard<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>">
+    <layout class="app-state-wizard<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>">
         <#if ctrl.getPSDEWizard?? && ctrl.getPSDEWizard()?? && ctrl.getPSDEWizard().getPSDEWizardSteps?? && ctrl.getPSDEWizard().getPSDEWizardSteps()??>
         <div class="view-steps">
             <div class="background-box"></div>
@@ -37,16 +37,16 @@
         <#if ctrl.getPSDEEditForms()??>
         <#list ctrl.getPSDEEditForms() as form>
         <#assign handler = form.getPSAjaxControlHandler() />
-        <el-popover v-model="stepVisiable['${form.getName()}']" ref="${form.getName()}_popover" popper-class="app-wizard-popover-container" placement="bottom-<#if form_has_next>start<#else>end</#if>" trigger="click">
-            <div class="app-wizard-container">
-                <div class="app-wizard-header">
-                    <div class="app-wizard-header-extra">
+        <el-popover v-model="stepVisiable['${form.getName()}']" ref="${form.getName()}_popover" popper-class="app-state-wizard-popover-container" placement="bottom-<#if form_has_next>start<#else>end</#if>" trigger="click">
+            <div class="app-state-wizard-container">
+                <div class="app-state-wizard-header">
+                    <div class="app-state-wizard-header-extra">
                         <Icon type="md-open" size="18" @click="handleOPen('${form.getName()}')"/>
                         <Icon type="md-close" size="18" @click="handleClose('${form.getName()}')"/>
                     </div>
                 </div>
                 <div class="popover-title">${form.getLogicName()}</div>
-                <div class="app-wizard-content">
+                <div class="app-state-wizard-content">
                     <view_${form.getName()}
                     :key="'${form.name}'" 
                     :viewState='wizardState'
@@ -64,14 +64,14 @@
                     ref='${form.name}'>
                     </view_${form.getName()}>
                 </div>
-                <div class="app-wizard-footer">
+                <div class="app-state-wizard-footer">
                     <i-button  v-if="isVisiable('${form.name}','PREV')" @click="onClickPrev('${form.name}')" ><Icon type="ios-arrow-back"></Icon></i-button>
                     <i-button  v-if="isVisiable('${form.name}','NEXT')" @click="onClickNext('${form.name}')" type="primary" long>{{$t('app.wizardPanel.next')}}</i-button>
                     <i-button  v-if="isVisiable('${form.name}','FINISH')" @click="onClickFinish('${form.name}')" type="primary" long>{{$t('app.wizardPanel.complete')}}</i-button>
                 </div>
             </div>
         </el-popover>
-        <drawer class="app-wizard-drawer" :closable="false"  :value="drawerOpenStatus.isOpen && drawerOpenStatus.formName == '${form.name}'"
+        <drawer class="app-state-wizard-drawer" :closable="false"  :value="drawerOpenStatus.isOpen && drawerOpenStatus.formName == '${form.name}'"
         :width="600"  title="${form.getLogicName()}" @on-visible-change="onVisibleChange($event)">
             <view_${form.getName()}
             :key="'${form.name}'" 

@CONTROL/状态向导面板/CONTROL.less.ftl

-.app-wizard {
+.app-state-wizard {
     background: #fff;
     .view-steps{
       display: flex;
@@ -72,30 +72,30 @@
       border-top: 2px solid rgb(225, 225, 225);
     }
 }
-.app-wizard-popover-container{
-  .app-wizard-container{
+.app-state-wizard-popover-container{
+  .app-state-wizard-container{
     width: 100%;
     .popover-title{
       position: absolute;
       top: 14px;
       left: 13px;
     }
-    .app-wizard-header{
+    .app-state-wizard-header{
       width: 100%;
       height: 30px;
       line-height: 22px;
       padding: 2px;
       border-bottom: 1px solid #ccc;
       margin-bottom: 10px;
-      .app-wizard-header-extra{
+      .app-state-wizard-header-extra{
         float: right;
       }
     }
-    .app-wizard-content{
+    .app-state-wizard-content{
       width: 100%;
       padding: 4px 0px;
     }
-    .app-wizard-footer{
+    .app-state-wizard-footer{
       display: flex;
     }
   }
@@ -103,7 +103,7 @@
 .el-popper[x-placement^=bottom] {
   margin-top: 0px;
 }
-.app-wizard-drawer{
+.app-state-wizard-drawer{
   .app-form {
     height: calc(100% - 51px);
   }