From 4e5923a763d7cf81a4d2359cc48580830e8a90a8 Mon Sep 17 00:00:00 2001
From: Ricky <11748854@qq.com>
Date: Tue, 15 Sep 2020 16:55:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E8=A1=A8=E5=8D=95=E5=90=91?=
 =?UTF-8?q?=E5=AF=BC=E6=8F=92=E4=BB=B6=E4=B8=BAjquery-smartwizard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../smartwizard/jquery.smartWizard.min.js     |   13 +
 .../libs/smartwizard/smart_wizard_all.min.css |   11 +
 .../static/ajax/libs/staps/jquery.steps.css   |  381 ---
 .../static/ajax/libs/staps/jquery.steps.js    | 2042 -----------------
 .../ajax/libs/staps/jquery.steps.min.js       |    6 -
 .../resources/templates/demo/form/wizard.html |  498 ++--
 .../src/main/resources/templates/include.html |   10 +-
 7 files changed, 348 insertions(+), 2613 deletions(-)
 create mode 100644 ruoyi-admin/src/main/resources/static/ajax/libs/smartwizard/jquery.smartWizard.min.js
 create mode 100644 ruoyi-admin/src/main/resources/static/ajax/libs/smartwizard/smart_wizard_all.min.css
 delete mode 100644 ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.css
 delete mode 100644 ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.js
 delete mode 100644 ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.min.js

diff --git a/ruoyi-admin/src/main/resources/static/ajax/libs/smartwizard/jquery.smartWizard.min.js b/ruoyi-admin/src/main/resources/static/ajax/libs/smartwizard/jquery.smartWizard.min.js
new file mode 100644
index 00000000..bdbcf7e7
--- /dev/null
+++ b/ruoyi-admin/src/main/resources/static/ajax/libs/smartwizard/jquery.smartWizard.min.js
@@ -0,0 +1,13 @@
+"use strict";function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function _createClass(t,e,s){return e&&_defineProperties(t.prototype,e),s&&_defineProperties(t,s),t}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}
+/*!
+ * jQuery SmartWizard v5.1.1
+ * The awesome jQuery step wizard plugin
+ * http://www.techlaboratory.net/jquery-smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipu.me
+ *
+ * @license Licensed under the terms of the MIT License
+ * https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
+ */
+!function(s){"function"==typeof define&&define.amd?define(["jquery"],s):"object"===("undefined"==typeof module?"undefined":_typeof(module))&&module.exports?module.exports=function(t,e){return void 0===e&&(e="undefined"!=typeof window?require("jquery"):require("jquery")(t)),s(e),e}:s(jQuery)}(function(v){var i={selected:0,theme:"default",justified:!0,darkMode:!1,autoAdjustHeight:!0,cycleSteps:!1,backButtonSupport:!0,enableURLhash:!0,transition:{animation:"none",speed:"400",easing:""},toolbarSettings:{toolbarPosition:"bottom",toolbarButtonPosition:"right",showNextButton:!0,showPreviousButton:!0,toolbarExtraButtons:[]},anchorSettings:{anchorClickable:!0,enableAllAnchors:!1,markDoneStep:!0,markAllPreviousStepsAsDone:!0,removeDoneStepOnNavigateBack:!1,enableAnchorOnDoneStep:!0},keyboardSettings:{keyNavigation:!0,keyLeft:[37],keyRight:[39]},lang:{next:"Next",previous:"Previous"},disabledSteps:[],errorSteps:[],hiddenSteps:[]},s=function(){function s(t,e){_classCallCheck(this,s),this.options=v.extend(!0,{},i,e),this.main=v(t),this.nav=this._getFirstDescendant(".nav"),this.steps=this.nav.find(".nav-link"),this.container=this._getFirstDescendant(".tab-content"),this.pages=this.container.children(".tab-pane"),this._initOptions(),this._initLoad()}return _createClass(s,[{key:"_initLoad",value:function(){this.pages.hide(),this.steps.removeClass("done active"),this.current_index=null;var t=this._getStepIndex();this._setPreviousStepsDone(t),this._showStep(t)}},{key:"_initOptions",value:function(){this._setElements(),this._setToolbar(),this._setEvents()}},{key:"_getFirstDescendant",value:function(i){var n=this.main.children(i);return 0<n.length?n:(this.main.children().each(function(t,e){var s=v(e).children(i);if(0<s.length)return n=s,!1}),0<n.length?n:(this._showError("Element not found "+i),!1))}},{key:"_setElements",value:function(){this.main.addClass("sw"),this._setTheme(this.options.theme),this._setJustify(this.options.justified),this._setDarkMode(this.options.darkMode),!0===this.options.anchorSettings.enableAllAnchors&&!0===this.options.anchorSettings.anchorClickable||this.steps.addClass("inactive"),this._setCSSClass(this.options.disabledSteps,"disabled"),this._setCSSClass(this.options.errorSteps,"danger"),this._setCSSClass(this.options.hiddenSteps,"hidden")}},{key:"_setEvents",value:function(){var s=this;if(this.main.data("click-init"))return!0;this.main.data("click-init",!0),v(this.steps).on("click",function(t){if(t.preventDefault(),!1===s.options.anchorSettings.anchorClickable)return!0;var e=s.steps.index(t.currentTarget);return e===s.current_index||(!(!1!==s.options.anchorSettings.enableAnchorOnDoneStep||!s._isDone(e))||void(!1===s.options.anchorSettings.enableAllAnchors&&!s._isDone(e)||s._showStep(e)))}),this.main.find(".sw-btn-next").on("click",function(t){t.preventDefault(),s._showNext()}),this.main.find(".sw-btn-prev").on("click",function(t){t.preventDefault(),s._showPrevious()}),this.options.keyboardSettings.keyNavigation&&v(document).keyup(function(t){s._keyNav(t)}),this.options.backButtonSupport&&v(window).on("hashchange",function(t){var e=s._getURLHashIndex();!1!==e&&(t.preventDefault(),s._showStep(e))})}},{key:"_setToolbar",value:function(){if("none"===this.options.toolbarSettings.toolbarPosition)return!0;switch(this.options.toolbarSettings.toolbarPosition){case"top":this.container.before(this._createToolbar("top"));break;case"bottom":this.container.after(this._createToolbar("bottom"));break;case"both":this.container.before(this._createToolbar("top")),this.container.after(this._createToolbar("bottom"));break;default:this.container.after(this._createToolbar("bottom"))}}},{key:"_createToolbar",value:function(t){if(0<this.main.find(".toolbar-"+t).length)return null;var s=v("<div></div>").addClass("toolbar toolbar-"+t).attr("role","toolbar"),e=!1!==this.options.toolbarSettings.showNextButton?v("<button></button>").text(this.options.lang.next).addClass("btn sw-btn-next").attr("type","button"):null,i=!1!==this.options.toolbarSettings.showPreviousButton?v("<button></button>").text(this.options.lang.previous).addClass("btn sw-btn-prev").attr("type","button"):null;return s.append(i,e),this.options.toolbarSettings.toolbarExtraButtons&&0<this.options.toolbarSettings.toolbarExtraButtons.length&&v.each(this.options.toolbarSettings.toolbarExtraButtons,function(t,e){s.append(e.clone(!0))}),s.css("text-align",this.options.toolbarSettings.toolbarButtonPosition),s}},{key:"_showNext",value:function(){var t=this._getNextShowable(this.current_index);if(!1===t)return!1;this._showStep(t)}},{key:"_showPrevious",value:function(){var t=this._getPreviousShowable(this.current_index);if(!1===t)return!1;this._showStep(t)}},{key:"_showStep",value:function(t){return t!=this.current_index&&(!!this.steps.eq(t)&&(!!this._isShowable(t)&&void this._loadStep(t)))}},{key:"_getNextShowable",value:function(t){for(var e=!1,s=t+1;s<this.steps.length;s++)if(this._isShowable(s)){e=s;break}if(!1!==e&&this.steps.length<=e){if(!this.options.cycleSteps)return!1;e=0}return e}},{key:"_getPreviousShowable",value:function(t){for(var e=!1,s=t-1;0<=s;s--)if(this._isShowable(s)){e=s;break}if(!1!==e&&e<0){if(!this.options.cycleSteps)return!1;e=this.steps.length-1}return e}},{key:"_isShowable",value:function(t){var e=this.steps.eq(t);return!e.hasClass("disabled")&&!e.hasClass("hidden")}},{key:"_isDone",value:function(t){return!!this.steps.eq(t).hasClass("done")}},{key:"_setPreviousStepsDone",value:function(t){if(0<t&&this.options.anchorSettings.markDoneStep&&this.options.anchorSettings.markAllPreviousStepsAsDone)for(var e=t;0<=e;e--)this._setCSSClass(e,"done")}},{key:"_setCSSClass",value:function(t,e){var s=this;if(null===t)return!1;(v.isArray(t)?t:[t]).map(function(t){s.steps.eq(t).addClass(e)})}},{key:"_resetCSSClass",value:function(t,e){var s=this;(v.isArray(t)?t:[t]).map(function(t){s.steps.eq(t).removeClass(e)})}},{key:"_getStepDirection",value:function(t){return null==this.current_index?"":this.current_index<t?"forward":"backward"}},{key:"_getStepPosition",value:function(t){var e="middle";return 0===t?e="first":t===this.steps.length-1&&(e="last"),e}},{key:"_getStepAnchor",value:function(t){return null==t?null:this.steps.eq(t)}},{key:"_getStepPage",value:function(t){if(null==t)return null;var e=this._getStepAnchor(t);return 0<e.length?this.main.find(e.attr("href")):null}},{key:"_setStepContent",value:function(t,e){var s=this._getStepPage(t);s&&s.html(e)}},{key:"_loadStep",value:function(e){var s=this,t=this._getStepAnchor(this.current_index),i=this._getStepDirection(e);if(null!==this.current_index&&!1===this._triggerEvent("leaveStep",[t,this.current_index,e,i]))return!1;var n=this._getStepAnchor(e),o=this._triggerEvent("stepContent",[n,e,i]);o?"object"==_typeof(o)?o.then(function(t){s._setStepContent(e,t),s._transitStep(e)}).catch(function(t){console.error(t),s._setStepContent(e,t),s._transitStep(e)}):("string"==typeof o&&this._setStepContent(e,o),this._transitStep(e)):this._transitStep(e)}},{key:"_transitStep",value:function(t){var e=this,s=this._getStepAnchor(t);this._setURLHash(s.attr("href")),this._setAnchor(t);var i=this._getStepDirection(t),n=this._getStepPosition(t);this._doStepAnimation(t,function(){e._fixHeight(t),e._triggerEvent("showStep",[s,e.current_index,i,n])}),this.current_index=t,this._setButtons(t)}},{key:"_doStepAnimation",value:function(t,e){var s=this,i=this._getStepPage(this.current_index),n=this._getStepPage(t),o=this.options.transition.animation.toLowerCase();switch(this._stopAnimations(),o){case"slide-horizontal":case"slide-h":var a,r,h=this.container.width(),l=h,u=-2*h;t>this.current_index&&(l=-1*h,u=h),null==this.current_index&&this.container.height(n.outerHeight()),i&&(a=i.css("position"),r=i.css("left"),i.css("position","absolute").css("left",0).animate({left:l},this.options.transition.speed,this.options.transition.easing,function(){v(this).hide(),i.css("position",a).css("left",r)})),a=n.css("position"),r=n.css("left"),n.css("position","absolute").css("left",u).outerWidth(h).show().animate({left:0},this.options.transition.speed,this.options.transition.easing,function(){n.css("position",a).css("left",r),e()});break;case"slide-vertical":case"slide-v":var c,d,p=this.container.height(),f=p,_=-2*p;t>this.current_index&&(f=-1*p,_=p),i&&(c=i.css("position"),d=i.css("top"),i.css("position","absolute").css("top",0).animate({top:f},this.options.transition.speed,this.options.transition.easing,function(){v(this).hide(),i.css("position",c).css("top",d)})),c=n.css("position"),d=n.css("top"),n.css("position","absolute").css("top",_).show().animate({top:0},this.options.transition.speed,this.options.transition.easing,function(){n.css("position",c).css("top",d),e()});break;case"slide-swing":case"slide-s":i?i.slideUp("fast",this.options.transition.easing,function(){n.slideDown(s.options.transition.speed,s.options.transition.easing,function(){e()})}):n.slideDown(this.options.transition.speed,this.options.transition.easing,function(){e()});break;case"fade":i?i.fadeOut("fast",this.options.transition.easing,function(){n.fadeIn("fast",s.options.transition.easing,function(){e()})}):n.fadeIn(this.options.transition.speed,this.options.transition.easing,function(){e()});break;default:i&&i.hide(),n.show(),e()}}},{key:"_stopAnimations",value:function(){this.pages.finish(),this.container.finish()}},{key:"_setAnchor",value:function(t){this._resetCSSClass(this.current_index,"active"),!1!==this.options.anchorSettings.markDoneStep&&null!==this.current_index&&(this._setCSSClass(this.current_index,"done"),!1!==this.options.anchorSettings.removeDoneStepOnNavigateBack&&"backward"===this._getStepDirection(t)&&this._resetCSSClass(this.current_index,"done")),this._resetCSSClass(t,"done"),this._setCSSClass(t,"active")}},{key:"_setButtons",value:function(t){if(!this.options.cycleSteps)switch(this.main.find(".sw-btn-prev").removeClass("disabled"),this.main.find(".sw-btn-next").removeClass("disabled"),this._getStepPosition(t)){case"first":this.main.find(".sw-btn-prev").addClass("disabled");break;case"last":this.main.find(".sw-btn-next").addClass("disabled");break;default:!1===this._getNextShowable(t)&&this.main.find(".sw-btn-next").addClass("disabled"),!1===this._getPreviousShowable(t)&&this.main.find(".sw-btn-prev").addClass("disabled")}}},{key:"_getStepIndex",value:function(){var t=this._getURLHashIndex();return!1===t?this.options.selected:t}},{key:"_setTheme",value:function(t){this.main.removeClass(function(t,e){return(e.match(/(^|\s)sw-theme-\S+/g)||[]).join(" ")}).addClass("sw-theme-"+t)}},{key:"_setJustify",value:function(t){!0===t?this.main.addClass("sw-justified"):this.main.removeClass("sw-justified")}},{key:"_setDarkMode",value:function(t){!0===t?this.main.addClass("sw-dark"):this.main.removeClass("sw-dark")}},{key:"_keyNav",value:function(t){if(-1<v.inArray(t.which,this.options.keyboardSettings.keyLeft))this._showPrevious(),t.preventDefault();else{if(!(-1<v.inArray(t.which,this.options.keyboardSettings.keyRight)))return;this._showNext(),t.preventDefault()}}},{key:"_fixHeight",value:function(t){var e;this.options.autoAdjustHeight&&(e=this._getStepPage(t),this.container.finish().animate({height:e.outerHeight()},this.options.transition.speed))}},{key:"_triggerEvent",value:function(t,e){var s=v.Event(t);return this.main.trigger(s,e),!s.isDefaultPrevented()&&s.result}},{key:"_setURLHash",value:function(t){this.options.enableURLhash&&window.location.hash!==t&&history.pushState(null,null,t)}},{key:"_getURLHashIndex",value:function(){if(this.options.enableURLhash){var t=window.location.hash;if(0<t.length){var e=this.nav.find("a[href*='"+t+"']");if(0<e.length)return this.steps.index(e)}}return!1}},{key:"_loader",value:function(t){switch(t){case"show":this.main.addClass("sw-loading");break;case"hide":this.main.removeClass("sw-loading");break;default:this.main.toggleClass("sw-loading")}}},{key:"_showError",value:function(t){console.error(t)}},{key:"goToStep",value:function(t){this._showStep(t)}},{key:"next",value:function(){this._showNext()}},{key:"prev",value:function(){this._showPrevious()}},{key:"reset",value:function(){this._setURLHash("#"),this._initOptions(),this._initLoad()}},{key:"stepState",value:function(t,e){if(!t)return!1;switch(e){case"disable":this._setCSSClass(t,"disabled");break;case"enable":this._resetCSSClass(t,"disabled");break;case"hide":this._setCSSClass(t,"hidden");break;case"show":this._resetCSSClass(t,"hidden");break;case"error-on":this._setCSSClass(t,"danger");break;case"error-off":this._resetCSSClass(t,"danger")}}},{key:"setOptions",value:function(t){this.options=v.extend(!0,{},this.options,t),this._initOptions()}},{key:"getStepIndex",value:function(){return this.current_index}},{key:"loader",value:function(t){"show"===t?this.main.addClass("sw-loading"):this.main.removeClass("sw-loading")}}]),s}();v.fn.smartWizard=function(t){if(void 0===t||"object"===_typeof(t))return this.each(function(){v.data(this,"smartWizard")||v.data(this,"smartWizard",new s(this,t))});if("string"==typeof t&&"_"!==t[0]&&"init"!==t){var e=v.data(this[0],"smartWizard");return"destroy"===t&&v.data(this,"smartWizard",null),e instanceof s&&"function"==typeof e[t]?e[t].apply(e,Array.prototype.slice.call(arguments,1)):this}}});
\ No newline at end of file
diff --git a/ruoyi-admin/src/main/resources/static/ajax/libs/smartwizard/smart_wizard_all.min.css b/ruoyi-admin/src/main/resources/static/ajax/libs/smartwizard/smart_wizard_all.min.css
new file mode 100644
index 00000000..217d3aa6
--- /dev/null
+++ b/ruoyi-admin/src/main/resources/static/ajax/libs/smartwizard/smart_wizard_all.min.css
@@ -0,0 +1,11 @@
+/*!
+ * jQuery SmartWizard v5
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipu.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
+ */.sw{position:relative}.sw *,.sw ::after,.sw ::before{box-sizing:border-box}.sw>.tab-content{position:relative;overflow:hidden}.sw .toolbar{padding:.8rem}.sw .toolbar>.btn{display:inline-block;text-decoration:none;text-align:center;text-transform:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:.2rem;margin-right:.2rem;cursor:pointer}.sw .toolbar>.btn.disabled,.sw .toolbar>.btn:disabled{opacity:.65}.sw>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.sw>.nav{flex-direction:column!important;flex:1 auto}}.sw>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none}.sw>.nav .nav-link:active,.sw>.nav .nav-link:focus,.sw>.nav .nav-link:hover{text-decoration:none}.sw>.nav .nav-link::-moz-focus-inner{border:0!important}.sw>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.sw>.nav .nav-link.hidden{display:none!important}.sw.sw-justified>.nav .nav-link,.sw.sw-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.sw.sw-dark{color:rgba(255,255,255,.95);background:#000}.sw.sw-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sw.sw-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.sw.sw-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sw-theme-default{border:1px solid #eee}.sw-theme-default>.tab-content>.tab-pane{padding:10px}.sw-theme-default .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-default>.nav{box-shadow:0 .125rem .25rem rgba(0,0,0,.1)!important}.sw-theme-default>.nav .nav-link{position:relative;height:100%;min-height:100%}.sw-theme-default>.nav .nav-link::after{content:"";position:absolute;height:2px;width:0;left:0;bottom:-1px;background:#999;transition:all .35s ease .15s}.sw-theme-default>.nav .nav-link.inactive{color:#999;cursor:not-allowed}.sw-theme-default>.nav .nav-link.active{color:#17a2b8!important;cursor:pointer}.sw-theme-default>.nav .nav-link.active::after{background:#17a2b8!important;width:100%}.sw-theme-default>.nav .nav-link.done{color:#5cb85c!important;cursor:pointer}.sw-theme-default>.nav .nav-link.done::after{background:#5cb85c;width:100%}.sw-theme-default>.nav .nav-link.disabled{color:#ddd!important;cursor:not-allowed}.sw-theme-default>.nav .nav-link.disabled::after{background:#ddd;width:100%}.sw-theme-default>.nav .nav-link.danger{color:#d9534f!important;cursor:pointer}.sw-theme-default>.nav .nav-link.danger::after{background:#d9534f;width:100%}.sw-theme-arrows{border:1px solid #eee}.sw-theme-arrows>.tab-content>.tab-pane{padding:10px}.sw-theme-arrows .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-arrows>.nav{overflow:hidden;border-bottom:1px solid #eee}.sw-theme-arrows>.nav .nav-link{position:relative;height:100%;min-height:100%;margin-right:30px;margin-left:-30px;padding-left:40px}@media screen and (max-width:640px){.sw-theme-arrows>.nav .nav-link{overflow:hidden;margin-bottom:1px;margin-right:unset}}.sw-theme-arrows>.nav .nav-link::after{content:"";position:absolute;display:block;width:0;height:0;top:50%;left:100%;margin-top:-50px;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid #f8f8f8;z-index:2}.sw-theme-arrows>.nav .nav-link::before{content:" ";position:absolute;display:block;width:0;height:0;top:50%;left:100%;margin-top:-50px;margin-left:1px;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid #eee;z-index:1}.sw-theme-arrows>.nav .nav-link.inactive{color:#999;border-color:#f8f8f8;background:#f8f8f8;cursor:not-allowed}.sw-theme-arrows>.nav .nav-link.active{color:#fff;border-color:#5bc0de;background:#5bc0de;cursor:pointer}.sw-theme-arrows>.nav .nav-link.active::after{border-left-color:#5bc0de}.sw-theme-arrows>.nav .nav-link.done{color:#fff;border-color:#5cb85c;background:#5cb85c;cursor:pointer}.sw-theme-arrows>.nav .nav-link.done::after{border-left-color:#5cb85c}.sw-theme-arrows>.nav .nav-link.disabled{color:#eee;border-color:#f9f9f9;background:#f9f9f9;cursor:not-allowed}.sw-theme-arrows>.nav .nav-link.disabled::after{border-left-color:#f9f9f9}.sw-theme-arrows>.nav .nav-link.danger{color:#fff;border-color:#d9534f;background:#d9534f;cursor:pointer}.sw-theme-arrows>.nav .nav-link.danger::after{border-left-color:#d9534f}.sw-theme-arrows.sw-dark{color:rgba(255,255,255,.95);background:#000}.sw-theme-arrows.sw-dark>.nav{border-bottom:1px solid #555}.sw-theme-arrows.sw-dark>.nav .nav-link::after{border-left:30px solid #5f5f5f}.sw-theme-arrows.sw-dark>.nav .nav-link::before{border-left:30px solid #555}.sw-theme-arrows.sw-dark>.nav .nav-link.inactive{color:#fff;border-color:#5f5f5f;background:#5f5f5f}.sw-theme-arrows.sw-dark>.nav .nav-link.inactive::after{border-left-color:#5f5f5f}.sw-theme-arrows.sw-dark>.nav .nav-link.active{color:#fff;border-color:#010506;background:#0a2730}.sw-theme-arrows.sw-dark>.nav .nav-link.active::after{border-left-color:#0a2730}.sw-theme-arrows.sw-dark>.nav .nav-link.done{color:#fff;border-color:#000;background:#000}.sw-theme-arrows.sw-dark>.nav .nav-link.done::after{border-left-color:#000}.sw-theme-arrows.sw-dark>.nav .nav-link.disabled{color:#555!important;border-color:#f9f9f9;background:#474747}.sw-theme-arrows.sw-dark>.nav .nav-link.disabled::after{border-left-color:#474747}.sw-theme-arrows.sw-dark>.nav .nav-link.danger{color:#fff;border-color:#d9534f;background:#d9534f}.sw-theme-arrows.sw-dark>.nav .nav-link.danger::after{border-left-color:#d9534f}.sw-theme-dots>.tab-content>.tab-pane{padding:10px}.sw-theme-dots .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-dots>.nav{position:relative;margin-bottom:10px}.sw-theme-dots>.nav::before{content:" ";position:absolute;top:18px;left:0;width:100%;height:5px;background-color:#eee;border-radius:3px;z-index:1}.sw-theme-dots>.nav .nav-link{position:relative;margin-top:40px}.sw-theme-dots>.nav .nav-link::before{content:" ";position:absolute;display:block;top:-36px;left:0;right:0;margin-left:auto;margin-right:auto;width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#428bca;text-decoration:none;z-index:98}.sw-theme-dots>.nav .nav-link::after{content:" ";position:absolute;display:block;top:-28px;left:0;right:0;margin-left:auto;margin-right:auto;width:16px;height:16px;border-radius:50%;z-index:99}.sw-theme-dots>.nav .nav-link.inactive{color:#999;cursor:not-allowed}.sw-theme-dots>.nav .nav-link.inactive::after{background-color:#999}.sw-theme-dots>.nav .nav-link.active{color:#5bc0de!important;cursor:pointer}.sw-theme-dots>.nav .nav-link.active::after{background-color:#5bc0de!important}.sw-theme-dots>.nav .nav-link.done{color:#5cb85c;cursor:pointer}.sw-theme-dots>.nav .nav-link.done::after{background-color:#5cb85c}.sw-theme-dots>.nav .nav-link.disabled{color:#f9f9f9;cursor:not-allowed}.sw-theme-dots>.nav .nav-link.disabled::after{background-color:#f9f9f9}.sw-theme-dots>.nav .nav-link.danger{color:#d9534f;cursor:pointer}.sw-theme-dots>.nav .nav-link.danger::after{background-color:#d9534f}.sw-theme-dots.sw-dark{color:rgba(255,255,255,.95);background:#000}.sw-theme-dots.sw-dark>.nav::before{background-color:#3c3c3c}.sw-theme-dots.sw-dark>.nav .nav-link::before{background:#434343;color:#000}.sw-theme-progress{border:1px solid #eee}.sw-theme-progress>.tab-content>.tab-pane{padding:10px}.sw-theme-progress .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-progress>.nav{box-shadow:0 .125rem .25rem rgba(0,0,0,.1)!important}.sw-theme-progress>.nav .nav-link{position:relative;height:100%;min-height:100%;background:0 0;overflow:hidden;z-index:2}.sw-theme-progress>.nav .nav-link::after{content:"";position:absolute;height:150%;width:0;left:0;top:0;background:#fff;z-index:-1;transition:all .35s ease .1s}.sw-theme-progress>.nav .nav-link.inactive{color:#999;cursor:not-allowed}.sw-theme-progress>.nav .nav-link.active{color:#fff!important;cursor:pointer}.sw-theme-progress>.nav .nav-link.active::after{background-color:#5cb85c;width:100%}.sw-theme-progress>.nav .nav-link.done{color:#fff!important;cursor:pointer}.sw-theme-progress>.nav .nav-link.done::after{background:#5cb85c;width:100%}.sw-theme-progress>.nav .nav-link.disabled{color:#ddd!important;cursor:not-allowed}.sw-theme-progress>.nav .nav-link.disabled::after{background:#f9f9f9;width:100%}.sw-theme-progress>.nav .nav-link.danger{color:#fff!important;cursor:pointer}.sw-theme-progress>.nav .nav-link.danger::after{background:#d9534f;width:100%}.sw-theme-progress.sw-dark{color:rgba(255,255,255,.95)}.sw-theme-progress.sw-dark>.nav .nav-link.active{color:#fff}.sw-theme-progress.sw-dark>.nav .nav-link.active::after{background-color:#333}.sw-theme-progress.sw-dark>.nav .nav-link.done{color:#fff!important}.sw-theme-progress.sw-dark>.nav .nav-link.done::after{background:#333}.sw-theme-progress.sw-dark>.nav .nav-link.disabled{color:#2b2b2b!important}.sw-theme-progress.sw-dark>.nav .nav-link.disabled::after{background:#474747}.sw-theme-progress.sw-dark>.nav .nav-link.danger{color:#fff!important}.sw-theme-progress.sw-dark>.nav .nav-link.danger::after{background:#d9534f}
\ No newline at end of file
diff --git a/ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.css b/ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.css
deleted file mode 100644
index 35184c09..00000000
--- a/ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.css
+++ /dev/null
@@ -1,381 +0,0 @@
-/*
-    Common
-*/
-
-.wizard,
-.tabcontrol
-{
-    display: block;
-    width: 100%;
-    overflow: hidden;
-}
-
-.wizard a,
-.tabcontrol a
-{
-    outline: 0;
-}
-
-.wizard ul,
-.tabcontrol ul
-{
-    list-style: none !important;
-    padding: 0;
-    margin: 0;
-}
-
-.wizard ul > li,
-.tabcontrol ul > li
-{
-    display: block;
-    padding: 0;
-}
-
-/* Accessibility */
-.wizard > .steps .current-info,
-.tabcontrol > .steps .current-info
-{
-    position: absolute;
-    left: -999em;
-}
-
-.wizard > .content > .title,
-.tabcontrol > .content > .title
-{
-    position: absolute;
-    left: -999em;
-}
-
-
-
-/*
-    Wizard
-*/
-
-.wizard > .steps
-{
-    position: relative;
-    display: block;
-    width: 100%;
-}
-
-.wizard.vertical > .steps
-{
-    display: inline;
-    float: left;
-    width: 30%;
-}
-
-.wizard > .steps > ul > li
-{
-    width: 25%;
-}
-
-.wizard > .steps > ul > li,
-.wizard > .actions > ul > li
-{
-    float: left;
-}
-
-.wizard.vertical > .steps > ul > li
-{
-    float: none;
-    width: 100%;
-}
-
-.wizard > .steps a,
-.wizard > .steps a:hover,
-.wizard > .steps a:active
-{
-    display: block;
-    width: auto;
-    margin: 0 0.5em 0.5em;
-    padding: 8px;
-    text-decoration: none;
-
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-}
-
-.wizard > .steps .disabled a,
-.wizard > .steps .disabled a:hover,
-.wizard > .steps .disabled a:active
-{
-    background: #eee;
-    color: #aaa;
-    cursor: default;
-}
-
-.wizard > .steps .current a,
-.wizard > .steps .current a:hover,
-.wizard > .steps .current a:active
-{
-    background: #1AB394;
-    color: #fff;
-    cursor: default;
-}
-
-.wizard > .steps .done a,
-.wizard > .steps .done a:hover,
-.wizard > .steps .done a:active
-{
-    background: #6fd1bd;
-    color: #fff;
-}
-
-.wizard > .steps .error a,
-.wizard > .steps .error a:hover,
-.wizard > .steps .error a:active
-{
-    background: #ED5565 ;
-    color: #fff;
-}
-
-.wizard > .content
-{
-    background: #eee;
-    display: block;
-    margin: 5px 5px 10px 5px;
-    min-height: 120px;
-    overflow: hidden;
-    position: relative;
-    width: auto;
-
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-}
-
-.wizard-big.wizard > .content {
-    min-height: 320px;
-}
-.wizard.vertical > .content
-{
-    display: inline;
-    float: left;
-    margin: 0 2.5% 0.5em 2.5%;
-    width: 65%;
-}
-
-.wizard > .content > .body
-{
-    float: left;
-    position: absolute;
-    width: 95%;
-    height: 95%;
-    padding: 2.5%;
-}
-
-.wizard > .content > .body ul
-{
-    list-style: disc !important;
-}
-
-.wizard > .content > .body ul > li
-{
-    display: list-item;
-}
-
-.wizard > .content > .body > iframe
-{
-    border: 0 none;
-    width: 100%;
-    height: 100%;
-}
-
-.wizard > .content > .body input
-{
-    display: block;
-    border: 1px solid #ccc;
-}
-
-.wizard > .content > .body input[type="checkbox"]
-{
-    display: inline-block;
-}
-
-.wizard > .content > .body input.error
-{
-    background: rgb(251, 227, 228);
-    border: 1px solid #fbc2c4;
-    color: #8a1f11;
-}
-
-.wizard > .content > .body label
-{
-    display: inline-block;
-    margin-bottom: 0.5em;
-}
-
-.wizard > .content > .body label.error
-{
-    color: #8a1f11;
-    display: inline-block;
-    margin-left: 1.5em;
-}
-
-.wizard > .actions
-{
-    position: relative;
-    display: block;
-    text-align: right;
-    width: 100%;
-}
-
-.wizard.vertical > .actions
-{
-    display: inline;
-    float: right;
-    margin: 0 2.5%;
-    width: 95%;
-}
-
-.wizard > .actions > ul
-{
-    display: inline-block;
-    text-align: right;
-}
-
-.wizard > .actions > ul > li
-{
-    margin: 0 0.5em;
-}
-
-.wizard.vertical > .actions > ul > li
-{
-    margin: 0 0 0 1em;
-}
-
-.wizard > .actions a,
-.wizard > .actions a:hover,
-.wizard > .actions a:active
-{
-    background: #1AB394;
-    color: #fff;
-    display: block;
-    padding: 0.5em 1em;
-    text-decoration: none;
-
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-}
-
-.wizard > .actions .disabled a,
-.wizard > .actions .disabled a:hover,
-.wizard > .actions .disabled a:active
-{
-    background: #eee;
-    color: #aaa;
-}
-
-.wizard > .loading
-{
-}
-
-.wizard > .loading .spinner
-{
-}
-
-
-
-/*
-    Tabcontrol
-*/
-
-.tabcontrol > .steps
-{
-    position: relative;
-    display: block;
-    width: 100%;
-}
-
-.tabcontrol > .steps > ul
-{
-    position: relative;
-    margin: 6px 0 0 0;
-    top: 1px;
-    z-index: 1;
-}
-
-.tabcontrol > .steps > ul > li
-{
-    float: left;
-    margin: 5px 2px 0 0;
-    padding: 1px;
-
-    -webkit-border-top-left-radius: 5px;
-    -webkit-border-top-right-radius: 5px;
-    -moz-border-radius-topleft: 5px;
-    -moz-border-radius-topright: 5px;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-}
-
-.tabcontrol > .steps > ul > li:hover
-{
-    background: #edecec;
-    border: 1px solid #bbb;
-    padding: 0;
-}
-
-.tabcontrol > .steps > ul > li.current
-{
-    background: #fff;
-    border: 1px solid #bbb;
-    border-bottom: 0 none;
-    padding: 0 0 1px 0;
-    margin-top: 0;
-}
-
-.tabcontrol > .steps > ul > li > a
-{
-    color: #5f5f5f;
-    display: inline-block;
-    border: 0 none;
-    margin: 0;
-    padding: 10px 30px;
-    text-decoration: none;
-}
-
-.tabcontrol > .steps > ul > li > a:hover
-{
-    text-decoration: none;
-}
-
-.tabcontrol > .steps > ul > li.current > a
-{
-    padding: 15px 30px 10px 30px;
-}
-
-.tabcontrol > .content
-{
-    position: relative;
-    display: inline-block;
-    width: 100%;
-    height: 35em;
-    overflow: hidden;
-    border-top: 1px solid #bbb;
-    padding-top: 20px;
-}
-
-.tabcontrol > .content > .body
-{
-    float: left;
-    position: absolute;
-    width: 95%;
-    height: 95%;
-    padding: 2.5%;
-}
-
-.tabcontrol > .content > .body ul
-{
-    list-style: disc !important;
-}
-
-.tabcontrol > .content > .body ul > li
-{
-    display: list-item;
-}
-label.error { position:inherit;  }
diff --git a/ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.js b/ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.js
deleted file mode 100644
index 3ffcf50f..00000000
--- a/ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.js
+++ /dev/null
@@ -1,2042 +0,0 @@
-/*! 
- * jQuery Steps v1.1.0 - 09/04/2014
- * Copyright (c) 2014 Rafael Staib (http://www.jquery-steps.com)
- * Licensed under MIT http://www.opensource.org/licenses/MIT
- */
-;(function ($, undefined)
-{
-$.fn.extend({
-    _aria: function (name, value)
-    {
-        return this.attr("aria-" + name, value);
-    },
-
-    _removeAria: function (name)
-    {
-        return this.removeAttr("aria-" + name);
-    },
-
-    _enableAria: function (enable)
-    {
-        return (enable == null || enable) ? 
-            this.removeClass("disabled")._aria("disabled", "false") : 
-            this.addClass("disabled")._aria("disabled", "true");
-    },
-
-    _showAria: function (show)
-    {
-        return (show == null || show) ? 
-            this.show()._aria("hidden", "false") : 
-            this.hide()._aria("hidden", "true");
-    },
-
-    _selectAria: function (select)
-    {
-        return (select == null || select) ? 
-            this.addClass("current")._aria("selected", "true") : 
-            this.removeClass("current")._aria("selected", "false");
-    },
-
-    _id: function (id)
-    {
-        return (id) ? this.attr("id", id) : this.attr("id");
-    }
-});
-
-if (!String.prototype.format)
-{
-    String.prototype.format = function()
-    {
-        var args = (arguments.length === 1 && $.isArray(arguments[0])) ? arguments[0] : arguments;
-        var formattedString = this;
-        for (var i = 0; i < args.length; i++)
-        {
-            var pattern = new RegExp("\\{" + i + "\\}", "gm");
-            formattedString = formattedString.replace(pattern, args[i]);
-        }
-        return formattedString;
-    };
-}
-
-/**
- * A global unique id count.
- *
- * @static
- * @private
- * @property _uniqueId
- * @type Integer
- **/
-var _uniqueId = 0;
-
-/**
- * The plugin prefix for cookies.
- *
- * @final
- * @private
- * @property _cookiePrefix
- * @type String
- **/
-var _cookiePrefix = "jQu3ry_5teps_St@te_";
-
-/**
- * Suffix for the unique tab id.
- *
- * @final
- * @private
- * @property _tabSuffix
- * @type String
- * @since 0.9.7
- **/
-var _tabSuffix = "-t-";
-
-/**
- * Suffix for the unique tabpanel id.
- *
- * @final
- * @private
- * @property _tabpanelSuffix
- * @type String
- * @since 0.9.7
- **/
-var _tabpanelSuffix = "-p-";
-
-/**
- * Suffix for the unique title id.
- *
- * @final
- * @private
- * @property _titleSuffix
- * @type String
- * @since 0.9.7
- **/
-var _titleSuffix = "-h-";
-
-/**
- * An error message for an "index out of range" error.
- *
- * @final
- * @private
- * @property _indexOutOfRangeErrorMessage
- * @type String
- **/
-var _indexOutOfRangeErrorMessage = "Index out of range.";
-
-/**
- * An error message for an "missing corresponding element" error.
- *
- * @final
- * @private
- * @property _missingCorrespondingElementErrorMessage
- * @type String
- **/
-var _missingCorrespondingElementErrorMessage = "One or more corresponding step {0} are missing.";
-
-/**
- * Adds a step to the cache.
- *
- * @static
- * @private
- * @method addStepToCache
- * @param wizard {Object} A jQuery wizard object
- * @param step {Object} The step object to add
- **/
-function addStepToCache(wizard, step)
-{
-    getSteps(wizard).push(step);
-}
-
-function analyzeData(wizard, options, state)
-{
-    var stepTitles = wizard.children(options.headerTag),
-        stepContents = wizard.children(options.bodyTag);
-
-    // Validate content
-    if (stepTitles.length > stepContents.length)
-    {
-        throwError(_missingCorrespondingElementErrorMessage, "contents");
-    }
-    else if (stepTitles.length < stepContents.length)
-    {
-        throwError(_missingCorrespondingElementErrorMessage, "titles");
-    }
-        
-    var startIndex = options.startIndex;
-
-    state.stepCount = stepTitles.length;
-
-    // Tries to load the saved state (step position)
-    if (options.saveState && $.cookie)
-    {
-        var savedState = $.cookie(_cookiePrefix + getUniqueId(wizard));
-        // Sets the saved position to the start index if not undefined or out of range 
-        var savedIndex = parseInt(savedState, 0);
-        if (!isNaN(savedIndex) && savedIndex < state.stepCount)
-        {
-            startIndex = savedIndex;
-        }
-    }
-
-    state.currentIndex = startIndex;
-
-    stepTitles.each(function (index)
-    {
-        var item = $(this), // item == header
-            content = stepContents.eq(index),
-            modeData = content.data("mode"),
-            mode = (modeData == null) ? contentMode.html : getValidEnumValue(contentMode,
-                (/^\s*$/.test(modeData) || isNaN(modeData)) ? modeData : parseInt(modeData, 0)),
-            contentUrl = (mode === contentMode.html || content.data("url") === undefined) ?
-                "" : content.data("url"),
-            contentLoaded = (mode !== contentMode.html && content.data("loaded") === "1"),
-            step = $.extend({}, stepModel, {
-                title: item.html(),
-                content: (mode === contentMode.html) ? content.html() : "",
-                contentUrl: contentUrl,
-                contentMode: mode,
-                contentLoaded: contentLoaded
-            });
-
-        addStepToCache(wizard, step);
-    });
-}
-
-/**
- * Triggers the onCanceled event.
- *
- * @static
- * @private
- * @method cancel
- * @param wizard {Object} The jQuery wizard object
- **/
-function cancel(wizard)
-{
-    wizard.triggerHandler("canceled");
-}
-
-function decreaseCurrentIndexBy(state, decreaseBy)
-{
-    return state.currentIndex - decreaseBy;
-}
-
-/**
- * Removes the control functionality completely and transforms the current state to the initial HTML structure.
- *
- * @static
- * @private
- * @method destroy
- * @param wizard {Object} A jQuery wizard object
- **/
-function destroy(wizard, options)
-{
-    var eventNamespace = getEventNamespace(wizard);
-
-    // Remove virtual data objects from the wizard
-    wizard.unbind(eventNamespace).removeData("uid").removeData("options")
-        .removeData("state").removeData("steps").removeData("eventNamespace")
-        .find(".actions a").unbind(eventNamespace);
-
-    // Remove attributes and CSS classes from the wizard
-    wizard.removeClass(options.clearFixCssClass + " vertical");
-
-    var contents = wizard.find(".content > *");
-
-    // Remove virtual data objects from panels and their titles
-    contents.removeData("loaded").removeData("mode").removeData("url");
-
-    // Remove attributes, CSS classes and reset inline styles on all panels and their titles
-    contents.removeAttr("id").removeAttr("role").removeAttr("tabindex")
-        .removeAttr("class").removeAttr("style")._removeAria("labelledby")
-        ._removeAria("hidden");
-
-    // Empty panels if the mode is set to 'async' or 'iframe'
-    wizard.find(".content > [data-mode='async'],.content > [data-mode='iframe']").empty();
-
-    var wizardSubstitute = $("<{0} class=\"{1}\"></{0}>".format(wizard.get(0).tagName, wizard.attr("class")));
-
-    var wizardId = wizard._id();
-    if (wizardId != null && wizardId !== "")
-    {
-        wizardSubstitute._id(wizardId);
-    }
-
-    wizardSubstitute.html(wizard.find(".content").html());
-    wizard.after(wizardSubstitute);
-    wizard.remove();
-
-    return wizardSubstitute;
-}
-
-/**
- * Triggers the onFinishing and onFinished event.
- *
- * @static
- * @private
- * @method finishStep
- * @param wizard {Object} The jQuery wizard object
- * @param state {Object} The state container of the current wizard
- **/
-function finishStep(wizard, state)
-{
-    var currentStep = wizard.find(".steps li").eq(state.currentIndex);
-
-    if (wizard.triggerHandler("finishing", [state.currentIndex]))
-    {
-        currentStep.addClass("done").removeClass("error");
-        wizard.triggerHandler("finished", [state.currentIndex]);
-    }
-    else
-    {
-        currentStep.addClass("error");
-    }
-}
-
-/**
- * Gets or creates if not exist an unique event namespace for the given wizard instance.
- *
- * @static
- * @private
- * @method getEventNamespace
- * @param wizard {Object} A jQuery wizard object
- * @return {String} Returns the unique event namespace for the given wizard
- */
-function getEventNamespace(wizard)
-{
-    var eventNamespace = wizard.data("eventNamespace");
-
-    if (eventNamespace == null)
-    {
-        eventNamespace = "." + getUniqueId(wizard);
-        wizard.data("eventNamespace", eventNamespace);
-    }
-
-    return eventNamespace;
-}
-
-function getStepAnchor(wizard, index)
-{
-    var uniqueId = getUniqueId(wizard);
-
-    return wizard.find("#" + uniqueId + _tabSuffix + index);
-}
-
-function getStepPanel(wizard, index)
-{
-    var uniqueId = getUniqueId(wizard);
-
-    return wizard.find("#" + uniqueId + _tabpanelSuffix + index);
-}
-
-function getStepTitle(wizard, index)
-{
-    var uniqueId = getUniqueId(wizard);
-
-    return wizard.find("#" + uniqueId + _titleSuffix + index);
-}
-
-function getOptions(wizard)
-{
-    return wizard.data("options");
-}
-
-function getState(wizard)
-{
-    return wizard.data("state");
-}
-
-function getSteps(wizard)
-{
-    return wizard.data("steps");
-}
-
-/**
- * Gets a specific step object by index.
- *
- * @static
- * @private
- * @method getStep
- * @param index {Integer} An integer that belongs to the position of a step
- * @return {Object} A specific step object
- **/
-function getStep(wizard, index)
-{
-    var steps = getSteps(wizard);
-
-    if (index < 0 || index >= steps.length)
-    {
-        throwError(_indexOutOfRangeErrorMessage);
-    }
-
-    return steps[index];
-}
-
-/**
- * Gets or creates if not exist an unique id from the given wizard instance.
- *
- * @static
- * @private
- * @method getUniqueId
- * @param wizard {Object} A jQuery wizard object
- * @return {String} Returns the unique id for the given wizard
- */
-function getUniqueId(wizard)
-{
-    var uniqueId = wizard.data("uid");
-
-    if (uniqueId == null)
-    {
-        uniqueId = wizard._id();
-        if (uniqueId == null)
-        {
-            uniqueId = "steps-uid-".concat(_uniqueId);
-            wizard._id(uniqueId);
-        }
-
-        _uniqueId++;
-        wizard.data("uid", uniqueId);
-    }
-
-    return uniqueId;
-}
-
-/**
- * Gets a valid enum value by checking a specific enum key or value.
- * 
- * @static
- * @private
- * @method getValidEnumValue
- * @param enumType {Object} Type of enum
- * @param keyOrValue {Object} Key as `String` or value as `Integer` to check for
- */
-function getValidEnumValue(enumType, keyOrValue)
-{
-    validateArgument("enumType", enumType);
-    validateArgument("keyOrValue", keyOrValue);
-
-    // Is key
-    if (typeof keyOrValue === "string")
-    {
-        var value = enumType[keyOrValue];
-        if (value === undefined)
-        {
-            throwError("The enum key '{0}' does not exist.", keyOrValue);
-        }
-
-        return value;
-    }
-    // Is value
-    else if (typeof keyOrValue === "number")
-    {
-        for (var key in enumType)
-        {
-            if (enumType[key] === keyOrValue)
-            {
-                return keyOrValue;
-            }
-        }
-
-        throwError("Invalid enum value '{0}'.", keyOrValue);
-    }
-    // Type is not supported
-    else
-    {
-        throwError("Invalid key or value type.");
-    }
-}
-
-/**
- * Routes to the next step.
- *
- * @static
- * @private
- * @method goToNextStep
- * @param wizard {Object} The jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- * @return {Boolean} Indicates whether the action executed
- **/
-function goToNextStep(wizard, options, state)
-{
-    return paginationClick(wizard, options, state, increaseCurrentIndexBy(state, 1));
-}
-
-/**
- * Routes to the previous step.
- *
- * @static
- * @private
- * @method goToPreviousStep
- * @param wizard {Object} The jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- * @return {Boolean} Indicates whether the action executed
- **/
-function goToPreviousStep(wizard, options, state)
-{
-    return paginationClick(wizard, options, state, decreaseCurrentIndexBy(state, 1));
-}
-
-/**
- * Routes to a specific step by a given index.
- *
- * @static
- * @private
- * @method goToStep
- * @param wizard {Object} The jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- * @param index {Integer} The position (zero-based) to route to
- * @return {Boolean} Indicates whether the action succeeded or failed
- **/
-function goToStep(wizard, options, state, index)
-{
-    if (index < 0 || index >= state.stepCount)
-    {
-        throwError(_indexOutOfRangeErrorMessage);
-    }
-
-    if (options.forceMoveForward && index < state.currentIndex)
-    {
-        return;
-    }
-
-    var oldIndex = state.currentIndex;
-    if (wizard.triggerHandler("stepChanging", [state.currentIndex, index]))
-    {
-        // Save new state
-        state.currentIndex = index;
-        saveCurrentStateToCookie(wizard, options, state);
-
-        // Change visualisation
-        refreshStepNavigation(wizard, options, state, oldIndex);
-        refreshPagination(wizard, options, state);
-        loadAsyncContent(wizard, options, state);
-        startTransitionEffect(wizard, options, state, index, oldIndex, function()
-        {
-            wizard.triggerHandler("stepChanged", [index, oldIndex]);
-        });
-    }
-    else
-    {
-        wizard.find(".steps li").eq(oldIndex).addClass("error");
-    }
-
-    return true;
-}
-
-function increaseCurrentIndexBy(state, increaseBy)
-{
-    return state.currentIndex + increaseBy;
-}
-
-/**
- * Initializes the component.
- *
- * @static
- * @private
- * @method initialize
- * @param options {Object} The component settings
- **/
-function initialize(options)
-{
-    /*jshint -W040 */
-    var opts = $.extend(true, {}, defaults, options);
-
-    return this.each(function ()
-    {
-        var wizard = $(this);
-        var state = {
-            currentIndex: opts.startIndex,
-            currentStep: null,
-            stepCount: 0,
-            transitionElement: null
-        };
-
-        // Create data container
-        wizard.data("options", opts);
-        wizard.data("state", state);
-        wizard.data("steps", []);
-
-        analyzeData(wizard, opts, state);
-        render(wizard, opts, state);
-        registerEvents(wizard, opts);
-
-        // Trigger focus
-        if (opts.autoFocus && _uniqueId === 0)
-        {
-            getStepAnchor(wizard, opts.startIndex).focus();
-        }
-
-        wizard.triggerHandler("init", [opts.startIndex]);
-    });
-}
-
-/**
- * Inserts a new step to a specific position.
- *
- * @static
- * @private
- * @method insertStep
- * @param wizard {Object} The jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- * @param index {Integer} The position (zero-based) to add
- * @param step {Object} The step object to add
- * @example
- *     $("#wizard").steps().insert(0, {
- *         title: "Title",
- *         content: "", // optional
- *         contentMode: "async", // optional
- *         contentUrl: "/Content/Step/1" // optional
- *     });
- * @chainable
- **/
-function insertStep(wizard, options, state, index, step)
-{
-    if (index < 0 || index > state.stepCount)
-    {
-        throwError(_indexOutOfRangeErrorMessage);
-    }
-
-    // TODO: Validate step object
-
-    // Change data
-    step = $.extend({}, stepModel, step);
-    insertStepToCache(wizard, index, step);
-    if (state.currentIndex !== state.stepCount && state.currentIndex >= index)
-    {
-        state.currentIndex++;
-        saveCurrentStateToCookie(wizard, options, state);
-    }
-    state.stepCount++;
-
-    var contentContainer = wizard.find(".content"),
-        header = $("<{0}>{1}</{0}>".format(options.headerTag, step.title)),
-        body = $("<{0}></{0}>".format(options.bodyTag));
-
-    if (step.contentMode == null || step.contentMode === contentMode.html)
-    {
-        body.html(step.content);
-    }
-
-    if (index === 0)
-    {
-        contentContainer.prepend(body).prepend(header);
-    }
-    else
-    {
-        getStepPanel(wizard, (index - 1)).after(body).after(header);
-    }
-
-    renderBody(wizard, state, body, index);
-    renderTitle(wizard, options, state, header, index);
-    refreshSteps(wizard, options, state, index);
-    if (index === state.currentIndex)
-    {
-        refreshStepNavigation(wizard, options, state);
-    }
-    refreshPagination(wizard, options, state);
-
-    return wizard;
-}
-
-/**
- * Inserts a step object to the cache at a specific position.
- *
- * @static
- * @private
- * @method insertStepToCache
- * @param wizard {Object} A jQuery wizard object
- * @param index {Integer} The position (zero-based) to add
- * @param step {Object} The step object to add
- **/
-function insertStepToCache(wizard, index, step)
-{
-    getSteps(wizard).splice(index, 0, step);
-}
-
-/**
- * Handles the keyup DOM event for pagination.
- *
- * @static
- * @private
- * @event keyup
- * @param event {Object} An event object
- */
-function keyUpHandler(event)
-{
-    var wizard = $(this),
-        options = getOptions(wizard),
-        state = getState(wizard);
-
-    if (options.suppressPaginationOnFocus && wizard.find(":focus").is(":input"))
-    {
-        event.preventDefault();
-        return false;
-    }
-
-    var keyCodes = { left: 37, right: 39 };
-    if (event.keyCode === keyCodes.left)
-    {
-        event.preventDefault();
-        goToPreviousStep(wizard, options, state);
-    }
-    else if (event.keyCode === keyCodes.right)
-    {
-        event.preventDefault();
-        goToNextStep(wizard, options, state);
-    }
-}
-
-/**
- * Loads and includes async content.
- *
- * @static
- * @private
- * @method loadAsyncContent
- * @param wizard {Object} A jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- */
-function loadAsyncContent(wizard, options, state)
-{
-    if (state.stepCount > 0)
-    {
-        var currentIndex = state.currentIndex,
-            currentStep = getStep(wizard, currentIndex);
-
-        if (!options.enableContentCache || !currentStep.contentLoaded)
-        {
-            switch (getValidEnumValue(contentMode, currentStep.contentMode))
-            {
-                case contentMode.iframe:
-                    wizard.find(".content > .body").eq(state.currentIndex).empty()
-                        .html("<iframe src=\"" + currentStep.contentUrl + "\" frameborder=\"0\" scrolling=\"no\" />")
-                        .data("loaded", "1");
-                    break;
-
-                case contentMode.async:
-                    var currentStepContent = getStepPanel(wizard, currentIndex)._aria("busy", "true")
-                        .empty().append(renderTemplate(options.loadingTemplate, { text: options.labels.loading }));
-
-                    $.ajax({ url: currentStep.contentUrl, cache: false }).done(function (data)
-                    {
-                        currentStepContent.empty().html(data)._aria("busy", "false").data("loaded", "1");
-                        wizard.triggerHandler("contentLoaded", [currentIndex]);
-                    });
-                    break;
-            }
-        }
-    }
-}
-
-/**
- * Fires the action next or previous click event.
- *
- * @static
- * @private
- * @method paginationClick
- * @param wizard {Object} The jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- * @param index {Integer} The position (zero-based) to route to
- * @return {Boolean} Indicates whether the event fired successfully or not
- **/
-function paginationClick(wizard, options, state, index)
-{
-    var oldIndex = state.currentIndex;
-
-    if (index >= 0 && index < state.stepCount && !(options.forceMoveForward && index < state.currentIndex))
-    {
-        var anchor = getStepAnchor(wizard, index),
-            parent = anchor.parent(),
-            isDisabled = parent.hasClass("disabled");
-
-        // Enable the step to make the anchor clickable!
-        parent._enableAria();
-        anchor.click();
-
-        // An error occured
-        if (oldIndex === state.currentIndex && isDisabled)
-        {
-            // Disable the step again if current index has not changed; prevents click action.
-            parent._enableAria(false);
-            return false;
-        }
-
-        return true;
-    }
-
-    return false;
-}
-
-/**
- * Fires when a pagination click happens.
- *
- * @static
- * @private
- * @event click
- * @param event {Object} An event object
- */
-function paginationClickHandler(event)
-{
-    event.preventDefault();
-
-    var anchor = $(this),
-        wizard = anchor.parent().parent().parent().parent(),
-        options = getOptions(wizard),
-        state = getState(wizard),
-        href = anchor.attr("href");
-
-    switch (href.substring(href.lastIndexOf("#") + 1))
-    {
-        case "cancel":
-            cancel(wizard);
-            break;
-
-        case "finish":
-            finishStep(wizard, state);
-            break;
-
-        case "next":
-            goToNextStep(wizard, options, state);
-            break;
-
-        case "previous":
-            goToPreviousStep(wizard, options, state);
-            break;
-    }
-}
-
-/**
- * Refreshs the visualization state for the entire pagination.
- *
- * @static
- * @private
- * @method refreshPagination
- * @param wizard {Object} A jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- */
-function refreshPagination(wizard, options, state)
-{
-    if (options.enablePagination)
-    {
-        var finish = wizard.find(".actions a[href$='#finish']").parent(),
-            next = wizard.find(".actions a[href$='#next']").parent();
-
-        if (!options.forceMoveForward)
-        {
-            var previous = wizard.find(".actions a[href$='#previous']").parent();
-            previous._enableAria(state.currentIndex > 0);
-        }
-
-        if (options.enableFinishButton && options.showFinishButtonAlways)
-        {
-            finish._enableAria(state.stepCount > 0);
-            next._enableAria(state.stepCount > 1 && state.stepCount > (state.currentIndex + 1));
-        }
-        else
-        {
-            finish._showAria(options.enableFinishButton && state.stepCount === (state.currentIndex + 1));
-            next._showAria(state.stepCount === 0 || state.stepCount > (state.currentIndex + 1)).
-                _enableAria(state.stepCount > (state.currentIndex + 1) || !options.enableFinishButton);
-        }
-    }
-}
-
-/**
- * Refreshs the visualization state for the step navigation (tabs).
- *
- * @static
- * @private
- * @method refreshStepNavigation
- * @param wizard {Object} A jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- * @param [oldIndex] {Integer} The index of the prior step
- */
-function refreshStepNavigation(wizard, options, state, oldIndex)
-{
-    var currentOrNewStepAnchor = getStepAnchor(wizard, state.currentIndex),
-        currentInfo = $("<span class=\"current-info audible\">" + options.labels.current + " </span>"),
-        stepTitles = wizard.find(".content > .title");
-
-    if (oldIndex != null)
-    {
-        var oldStepAnchor = getStepAnchor(wizard, oldIndex);
-        oldStepAnchor.parent().addClass("done").removeClass("error")._selectAria(false);
-        stepTitles.eq(oldIndex).removeClass("current").next(".body").removeClass("current");
-        currentInfo = oldStepAnchor.find(".current-info");
-        currentOrNewStepAnchor.focus();
-    }
-
-    currentOrNewStepAnchor.prepend(currentInfo).parent()._selectAria().removeClass("done")._enableAria();
-    stepTitles.eq(state.currentIndex).addClass("current").next(".body").addClass("current");
-}
-
-/**
- * Refreshes step buttons and their related titles beyond a certain position.
- *
- * @static
- * @private
- * @method refreshSteps
- * @param wizard {Object} A jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- * @param index {Integer} The start point for refreshing ids
- */
-function refreshSteps(wizard, options, state, index)
-{
-    var uniqueId = getUniqueId(wizard);
-
-    for (var i = index; i < state.stepCount; i++)
-    {
-        var uniqueStepId = uniqueId + _tabSuffix + i,
-            uniqueBodyId = uniqueId + _tabpanelSuffix + i,
-            uniqueHeaderId = uniqueId + _titleSuffix + i,
-            title = wizard.find(".title").eq(i)._id(uniqueHeaderId);
-
-        wizard.find(".steps a").eq(i)._id(uniqueStepId)
-            ._aria("controls", uniqueBodyId).attr("href", "#" + uniqueHeaderId)
-            .html(renderTemplate(options.titleTemplate, { index: i + 1, title: title.html() }));
-        wizard.find(".body").eq(i)._id(uniqueBodyId)
-            ._aria("labelledby", uniqueHeaderId);
-    }
-}
-
-function registerEvents(wizard, options)
-{
-    var eventNamespace = getEventNamespace(wizard);
-
-    wizard.bind("canceled" + eventNamespace, options.onCanceled);
-    wizard.bind("contentLoaded" + eventNamespace, options.onContentLoaded);
-    wizard.bind("finishing" + eventNamespace, options.onFinishing);
-    wizard.bind("finished" + eventNamespace, options.onFinished);
-    wizard.bind("init" + eventNamespace, options.onInit);
-    wizard.bind("stepChanging" + eventNamespace, options.onStepChanging);
-    wizard.bind("stepChanged" + eventNamespace, options.onStepChanged);
-
-    if (options.enableKeyNavigation)
-    {
-        wizard.bind("keyup" + eventNamespace, keyUpHandler);
-    }
-
-    wizard.find(".actions a").bind("click" + eventNamespace, paginationClickHandler);
-}
-
-/**
- * Removes a specific step by an given index.
- *
- * @static
- * @private
- * @method removeStep
- * @param wizard {Object} A jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- * @param index {Integer} The position (zero-based) of the step to remove
- * @return Indecates whether the item is removed.
- **/
-function removeStep(wizard, options, state, index)
-{
-    // Index out of range and try deleting current item will return false.
-    if (index < 0 || index >= state.stepCount || state.currentIndex === index)
-    {
-        return false;
-    }
-
-    // Change data
-    removeStepFromCache(wizard, index);
-    if (state.currentIndex > index)
-    {
-        state.currentIndex--;
-        saveCurrentStateToCookie(wizard, options, state);
-    }
-    state.stepCount--;
-
-    getStepTitle(wizard, index).remove();
-    getStepPanel(wizard, index).remove();
-    getStepAnchor(wizard, index).parent().remove();
-
-    // Set the "first" class to the new first step button 
-    if (index === 0)
-    {
-        wizard.find(".steps li").first().addClass("first");
-    }
-
-    // Set the "last" class to the new last step button 
-    if (index === state.stepCount)
-    {
-        wizard.find(".steps li").eq(index).addClass("last");
-    }
-
-    refreshSteps(wizard, options, state, index);
-    refreshPagination(wizard, options, state);
-
-    return true;
-}
-
-function removeStepFromCache(wizard, index)
-{
-    getSteps(wizard).splice(index, 1);
-}
-
-/**
- * Transforms the base html structure to a more sensible html structure.
- *
- * @static
- * @private
- * @method render
- * @param wizard {Object} A jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- **/
-function render(wizard, options, state)
-{
-    // Create a content wrapper and copy HTML from the intial wizard structure
-    var wrapperTemplate = "<{0} class=\"{1}\">{2}</{0}>",
-        orientation = getValidEnumValue(stepsOrientation, options.stepsOrientation),
-        verticalCssClass = (orientation === stepsOrientation.vertical) ? " vertical" : "",
-        contentWrapper = $(wrapperTemplate.format(options.contentContainerTag, "content " + options.clearFixCssClass, wizard.html())),
-        stepsWrapper = $(wrapperTemplate.format(options.stepsContainerTag, "steps " + options.clearFixCssClass, "<ul role=\"tablist\"></ul>")),
-        stepTitles = contentWrapper.children(options.headerTag),
-        stepContents = contentWrapper.children(options.bodyTag);
-
-    // Transform the wizard wrapper and remove the inner HTML
-    wizard.attr("role", "application").empty().append(stepsWrapper).append(contentWrapper)
-        .addClass(options.cssClass + " " + options.clearFixCssClass + verticalCssClass);
-
-    // Add WIA-ARIA support
-    stepContents.each(function (index)
-    {
-        renderBody(wizard, state, $(this), index);
-    });
-
-    stepTitles.each(function (index)
-    {
-        renderTitle(wizard, options, state, $(this), index);
-    });
-
-    refreshStepNavigation(wizard, options, state);
-    renderPagination(wizard, options, state);
-}
-
-/**
- * Transforms the body to a proper tabpanel.
- *
- * @static
- * @private
- * @method renderBody
- * @param wizard {Object} A jQuery wizard object
- * @param body {Object} A jQuery body object
- * @param index {Integer} The position of the body
- */
-function renderBody(wizard, state, body, index)
-{
-    var uniqueId = getUniqueId(wizard),
-        uniqueBodyId = uniqueId + _tabpanelSuffix + index,
-        uniqueHeaderId = uniqueId + _titleSuffix + index;
-
-    body._id(uniqueBodyId).attr("role", "tabpanel")._aria("labelledby", uniqueHeaderId)
-        .addClass("body")._showAria(state.currentIndex === index);
-}
-
-/**
- * Renders a pagination if enabled.
- *
- * @static
- * @private
- * @method renderPagination
- * @param wizard {Object} A jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- */
-function renderPagination(wizard, options, state)
-{
-    if (options.enablePagination)
-    {
-        var pagination = "<{0} class=\"actions {1}\"><ul role=\"menu\" aria-label=\"{2}\">{3}</ul></{0}>",
-            buttonTemplate = "<li><a href=\"#{0}\" role=\"menuitem\">{1}</a></li>",
-            buttons = "";
-
-        if (!options.forceMoveForward)
-        {
-            buttons += buttonTemplate.format("previous", options.labels.previous);
-        }
-
-        buttons += buttonTemplate.format("next", options.labels.next);
-
-        if (options.enableFinishButton)
-        {
-            buttons += buttonTemplate.format("finish", options.labels.finish);
-        }
-
-        if (options.enableCancelButton)
-        {
-            buttons += buttonTemplate.format("cancel", options.labels.cancel);
-        }
-
-        wizard.append(pagination.format(options.actionContainerTag, options.clearFixCssClass,
-            options.labels.pagination, buttons));
-
-        refreshPagination(wizard, options, state);
-        loadAsyncContent(wizard, options, state);
-    }
-}
-
-/**
- * Renders a template and replaces all placeholder.
- *
- * @static
- * @private
- * @method renderTemplate
- * @param template {String} A template
- * @param substitutes {Object} A list of substitute
- * @return {String} The rendered template
- */
-function renderTemplate(template, substitutes)
-{
-    var matches = template.match(/#([a-z]*)#/gi);
-
-    for (var i = 0; i < matches.length; i++)
-    {
-        var match = matches[i], 
-            key = match.substring(1, match.length - 1);
-
-        if (substitutes[key] === undefined)
-        {
-            throwError("The key '{0}' does not exist in the substitute collection!", key);
-        }
-
-        template = template.replace(match, substitutes[key]);
-    }
-
-    return template;
-}
-
-/**
- * Transforms the title to a step item button.
- *
- * @static
- * @private
- * @method renderTitle
- * @param wizard {Object} A jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- * @param header {Object} A jQuery header object
- * @param index {Integer} The position of the header
- */
-function renderTitle(wizard, options, state, header, index)
-{
-    var uniqueId = getUniqueId(wizard),
-        uniqueStepId = uniqueId + _tabSuffix + index,
-        uniqueBodyId = uniqueId + _tabpanelSuffix + index,
-        uniqueHeaderId = uniqueId + _titleSuffix + index,
-        stepCollection = wizard.find(".steps > ul"),
-        title = renderTemplate(options.titleTemplate, {
-            index: index + 1,
-            title: header.html()
-        }),
-        stepItem = $("<li role=\"tab\"><a id=\"" + uniqueStepId + "\" href=\"#" + uniqueHeaderId + 
-            "\" aria-controls=\"" + uniqueBodyId + "\">" + title + "</a></li>");
-        
-    stepItem._enableAria(options.enableAllSteps || state.currentIndex > index);
-
-    if (state.currentIndex > index)
-    {
-        stepItem.addClass("done");
-    }
-
-    header._id(uniqueHeaderId).attr("tabindex", "-1").addClass("title");
-
-    if (index === 0)
-    {
-        stepCollection.prepend(stepItem);
-    }
-    else
-    {
-        stepCollection.find("li").eq(index - 1).after(stepItem);
-    }
-
-    // Set the "first" class to the new first step button
-    if (index === 0)
-    {
-        stepCollection.find("li").removeClass("first").eq(index).addClass("first");
-    }
-
-    // Set the "last" class to the new last step button
-    if (index === (state.stepCount - 1))
-    {
-        stepCollection.find("li").removeClass("last").eq(index).addClass("last");
-    }
-
-    // Register click event
-    stepItem.children("a").bind("click" + getEventNamespace(wizard), stepClickHandler);
-}
-
-/**
- * Saves the current state to a cookie.
- *
- * @static
- * @private
- * @method saveCurrentStateToCookie
- * @param wizard {Object} A jQuery wizard object
- * @param options {Object} Settings of the current wizard
- * @param state {Object} The state container of the current wizard
- */
-function saveCurrentStateToCookie(wizard, options, state)
-{
-    if (options.saveState && $.cookie)
-    {
-        $.cookie(_cookiePrefix + getUniqueId(wizard), state.currentIndex);
-    }
-}
-
-function startTransitionEffect(wizard, options, state, index, oldIndex, doneCallback)
-{
-    var stepContents = wizard.find(".content > .body"),
-        effect = getValidEnumValue(transitionEffect, options.transitionEffect),
-        effectSpeed = options.transitionEffectSpeed,
-        newStep = stepContents.eq(index),
-        currentStep = stepContents.eq(oldIndex);
-
-    switch (effect)
-    {
-        case transitionEffect.fade:
-        case transitionEffect.slide:
-            var hide = (effect === transitionEffect.fade) ? "fadeOut" : "slideUp",
-                show = (effect === transitionEffect.fade) ? "fadeIn" : "slideDown";
-
-            state.transitionElement = newStep;
-            currentStep[hide](effectSpeed, function ()
-            {
-                var wizard = $(this)._showAria(false).parent().parent(),
-                    state = getState(wizard);
-
-                if (state.transitionElement)
-                {
-                    state.transitionElement[show](effectSpeed, function ()
-                    {
-                        $(this)._showAria();
-                    }).promise().done(doneCallback);
-                    state.transitionElement = null;
-                }
-            });
-            break;
-
-        case transitionEffect.slideLeft:
-            var outerWidth = currentStep.outerWidth(true),
-                posFadeOut = (index > oldIndex) ? -(outerWidth) : outerWidth,
-                posFadeIn = (index > oldIndex) ? outerWidth : -(outerWidth);
-
-            $.when(currentStep.animate({ left: posFadeOut }, effectSpeed, 
-                    function () { $(this)._showAria(false); }),
-                newStep.css("left", posFadeIn + "px")._showAria()
-                    .animate({ left: 0 }, effectSpeed)).done(doneCallback);
-            break;
-
-        default:
-            $.when(currentStep._showAria(false), newStep._showAria())
-                .done(doneCallback);
-            break;
-    }
-}
-
-/**
- * Fires when a step click happens.
- *
- * @static
- * @private
- * @event click
- * @param event {Object} An event object
- */
-function stepClickHandler(event)
-{
-    event.preventDefault();
-
-    var anchor = $(this),
-        wizard = anchor.parent().parent().parent().parent(),
-        options = getOptions(wizard),
-        state = getState(wizard),
-        oldIndex = state.currentIndex;
-
-    if (anchor.parent().is(":not(.disabled):not(.current)"))
-    {
-        var href = anchor.attr("href"),
-            position = parseInt(href.substring(href.lastIndexOf("-") + 1), 0);
-
-        goToStep(wizard, options, state, position);
-    }
-
-    // If nothing has changed
-    if (oldIndex === state.currentIndex)
-    {
-        getStepAnchor(wizard, oldIndex).focus();
-        return false;
-    }
-}
-
-function throwError(message)
-{
-    if (arguments.length > 1)
-    {
-        message = message.format(Array.prototype.slice.call(arguments, 1));
-    }
-
-    throw new Error(message);
-}
-
-/**
- * Checks an argument for null or undefined and throws an error if one check applies.
- *
- * @static
- * @private
- * @method validateArgument
- * @param argumentName {String} The name of the given argument
- * @param argumentValue {Object} The argument itself
- */
-function validateArgument(argumentName, argumentValue)
-{
-    if (argumentValue == null)
-    {
-        throwError("The argument '{0}' is null or undefined.", argumentName);
-    }
-}
-
-/**
- * Represents a jQuery wizard plugin.
- *
- * @class steps
- * @constructor
- * @param [method={}] The name of the method as `String` or an JSON object for initialization
- * @param [params=]* {Array} Additional arguments for a method call
- * @chainable
- **/
-$.fn.steps = function (method)
-{
-    if ($.fn.steps[method])
-    {
-        return $.fn.steps[method].apply(this, Array.prototype.slice.call(arguments, 1));
-    }
-    else if (typeof method === "object" || !method)
-    {
-        return initialize.apply(this, arguments);
-    }
-    else
-    {
-        $.error("Method " + method + " does not exist on jQuery.steps");
-    }
-};
-
-/**
- * Adds a new step.
- *
- * @method add
- * @param step {Object} The step object to add
- * @chainable
- **/
-$.fn.steps.add = function (step)
-{
-    var state = getState(this);
-    return insertStep(this, getOptions(this), state, state.stepCount, step);
-};
-
-/**
- * Removes the control functionality completely and transforms the current state to the initial HTML structure.
- *
- * @method destroy
- * @chainable
- **/
-$.fn.steps.destroy = function ()
-{
-    return destroy(this, getOptions(this));
-};
-
-/**
- * Triggers the onFinishing and onFinished event.
- *
- * @method finish
- **/
-$.fn.steps.finish = function ()
-{
-    finishStep(this, getState(this));
-};
-
-/**
- * Gets the current step index.
- *
- * @method getCurrentIndex
- * @return {Integer} The actual step index (zero-based)
- * @for steps
- **/
-$.fn.steps.getCurrentIndex = function ()
-{
-    return getState(this).currentIndex;
-};
-
-/**
- * Gets the current step object.
- *
- * @method getCurrentStep
- * @return {Object} The actual step object
- **/
-$.fn.steps.getCurrentStep = function ()
-{
-    return getStep(this, getState(this).currentIndex);
-};
-
-/**
- * Gets a specific step object by index.
- *
- * @method getStep
- * @param index {Integer} An integer that belongs to the position of a step
- * @return {Object} A specific step object
- **/
-$.fn.steps.getStep = function (index)
-{
-    return getStep(this, index);
-};
-
-/**
- * Inserts a new step to a specific position.
- *
- * @method insert
- * @param index {Integer} The position (zero-based) to add
- * @param step {Object} The step object to add
- * @example
- *     $("#wizard").steps().insert(0, {
- *         title: "Title",
- *         content: "", // optional
- *         contentMode: "async", // optional
- *         contentUrl: "/Content/Step/1" // optional
- *     });
- * @chainable
- **/
-$.fn.steps.insert = function (index, step)
-{
-    return insertStep(this, getOptions(this), getState(this), index, step);
-};
-
-/**
- * Routes to the next step.
- *
- * @method next
- * @return {Boolean} Indicates whether the action executed
- **/
-$.fn.steps.next = function ()
-{
-    return goToNextStep(this, getOptions(this), getState(this));
-};
-
-/**
- * Routes to the previous step.
- *
- * @method previous
- * @return {Boolean} Indicates whether the action executed
- **/
-$.fn.steps.previous = function ()
-{
-    return goToPreviousStep(this, getOptions(this), getState(this));
-};
-
-/**
- * Removes a specific step by an given index.
- *
- * @method remove
- * @param index {Integer} The position (zero-based) of the step to remove
- * @return Indecates whether the item is removed.
- **/
-$.fn.steps.remove = function (index)
-{
-    return removeStep(this, getOptions(this), getState(this), index);
-};
-
-/**
- * Sets a specific step object by index.
- *
- * @method setStep
- * @param index {Integer} An integer that belongs to the position of a step
- * @param step {Object} The step object to change
- **/
-$.fn.steps.setStep = function (index, step)
-{
-    throw new Error("Not yet implemented!");
-};
-
-/**
- * Skips an certain amount of steps.
- *
- * @method skip
- * @param count {Integer} The amount of steps that should be skipped
- * @return {Boolean} Indicates whether the action executed
- **/
-$.fn.steps.skip = function (count)
-{
-    throw new Error("Not yet implemented!");
-};
-
-/**
- * An enum represents the different content types of a step and their loading mechanisms.
- *
- * @class contentMode
- * @for steps
- **/
-var contentMode = $.fn.steps.contentMode = {
-    /**
-     * HTML embedded content
-     *
-     * @readOnly
-     * @property html
-     * @type Integer
-     * @for contentMode
-     **/
-    html: 0,
-
-    /**
-     * IFrame embedded content
-     *
-     * @readOnly
-     * @property iframe
-     * @type Integer
-     * @for contentMode
-     **/
-    iframe: 1,
-
-    /**
-     * Async embedded content
-     *
-     * @readOnly
-     * @property async
-     * @type Integer
-     * @for contentMode
-     **/
-    async: 2
-};
-
-/**
- * An enum represents the orientation of the steps navigation.
- *
- * @class stepsOrientation
- * @for steps
- **/
-var stepsOrientation = $.fn.steps.stepsOrientation = {
-    /**
-     * Horizontal orientation
-     *
-     * @readOnly
-     * @property horizontal
-     * @type Integer
-     * @for stepsOrientation
-     **/
-    horizontal: 0,
-
-    /**
-     * Vertical orientation
-     *
-     * @readOnly
-     * @property vertical
-     * @type Integer
-     * @for stepsOrientation
-     **/
-    vertical: 1
-};
-
-/**
- * An enum that represents the various transition animations.
- *
- * @class transitionEffect
- * @for steps
- **/
-var transitionEffect = $.fn.steps.transitionEffect = {
-    /**
-     * No transition animation
-     *
-     * @readOnly
-     * @property none
-     * @type Integer
-     * @for transitionEffect
-     **/
-    none: 0,
-
-    /**
-     * Fade in transition
-     *
-     * @readOnly
-     * @property fade
-     * @type Integer
-     * @for transitionEffect
-     **/
-    fade: 1,
-
-    /**
-     * Slide up transition
-     *
-     * @readOnly
-     * @property slide
-     * @type Integer
-     * @for transitionEffect
-     **/
-    slide: 2,
-
-    /**
-     * Slide left transition
-     *
-     * @readOnly
-     * @property slideLeft
-     * @type Integer
-     * @for transitionEffect
-     **/
-    slideLeft: 3
-};
-
-var stepModel = $.fn.steps.stepModel = {
-    title: "",
-    content: "",
-    contentUrl: "",
-    contentMode: contentMode.html,
-    contentLoaded: false
-};
-
-/**
- * An object that represents the default settings.
- * There are two possibities to override the sub-properties.
- * Either by doing it generally (global) or on initialization.
- *
- * @static
- * @class defaults
- * @for steps
- * @example
- *   // Global approach
- *   $.steps.defaults.headerTag = "h3";
- * @example
- *   // Initialization approach
- *   $("#wizard").steps({ headerTag: "h3" });
- **/
-var defaults = $.fn.steps.defaults = {
-    /**
-     * The header tag is used to find the step button text within the declared wizard area.
-     *
-     * @property headerTag
-     * @type String
-     * @default "h1"
-     * @for defaults
-     **/
-    headerTag: "h1",
-
-    /**
-     * The body tag is used to find the step content within the declared wizard area.
-     *
-     * @property bodyTag
-     * @type String
-     * @default "div"
-     * @for defaults
-     **/
-    bodyTag: "div",
-
-    /**
-     * The content container tag which will be used to wrap all step contents.
-     *
-     * @property contentContainerTag
-     * @type String
-     * @default "div"
-     * @for defaults
-     **/
-    contentContainerTag: "div",
-
-    /**
-     * The action container tag which will be used to wrap the pagination navigation.
-     *
-     * @property actionContainerTag
-     * @type String
-     * @default "div"
-     * @for defaults
-     **/
-    actionContainerTag: "div",
-
-    /**
-     * The steps container tag which will be used to wrap the steps navigation.
-     *
-     * @property stepsContainerTag
-     * @type String
-     * @default "div"
-     * @for defaults
-     **/
-    stepsContainerTag: "div",
-
-    /**
-     * The css class which will be added to the outer component wrapper.
-     *
-     * @property cssClass
-     * @type String
-     * @default "wizard"
-     * @for defaults
-     * @example
-     *     <div class="wizard">
-     *         ...
-     *     </div>
-     **/
-    cssClass: "wizard",
-
-    /**
-     * The css class which will be used for floating scenarios.
-     *
-     * @property clearFixCssClass
-     * @type String
-     * @default "clearfix"
-     * @for defaults
-     **/
-    clearFixCssClass: "clearfix",
-
-    /**
-     * Determines whether the steps are vertically or horizontally oriented.
-     *
-     * @property stepsOrientation
-     * @type stepsOrientation
-     * @default horizontal
-     * @for defaults
-     * @since 1.0.0
-     **/
-    stepsOrientation: stepsOrientation.horizontal,
-
-    /*
-     * Tempplates
-     */
-
-    /**
-     * The title template which will be used to create a step button.
-     *
-     * @property titleTemplate
-     * @type String
-     * @default "<span class=\"number\">#index#.</span> #title#"
-     * @for defaults
-     **/
-    titleTemplate: "<span class=\"number\">#index#.</span> #title#",
-
-    /**
-     * The loading template which will be used to create the loading animation.
-     *
-     * @property loadingTemplate
-     * @type String
-     * @default "<span class=\"spinner\"></span> #text#"
-     * @for defaults
-     **/
-    loadingTemplate: "<span class=\"spinner\"></span> #text#",
-
-    /*
-     * Behaviour
-     */
-
-    /**
-     * Sets the focus to the first wizard instance in order to enable the key navigation from the begining if `true`. 
-     *
-     * @property autoFocus
-     * @type Boolean
-     * @default false
-     * @for defaults
-     * @since 0.9.4
-     **/
-    autoFocus: false,
-
-    /**
-     * Enables all steps from the begining if `true` (all steps are clickable).
-     *
-     * @property enableAllSteps
-     * @type Boolean
-     * @default false
-     * @for defaults
-     **/
-    enableAllSteps: false,
-
-    /**
-     * Enables keyboard navigation if `true` (arrow left and arrow right).
-     *
-     * @property enableKeyNavigation
-     * @type Boolean
-     * @default true
-     * @for defaults
-     **/
-    enableKeyNavigation: true,
-
-    /**
-     * Enables pagination if `true`.
-     *
-     * @property enablePagination
-     * @type Boolean
-     * @default true
-     * @for defaults
-     **/
-    enablePagination: true,
-
-    /**
-     * Suppresses pagination if a form field is focused.
-     *
-     * @property suppressPaginationOnFocus
-     * @type Boolean
-     * @default true
-     * @for defaults
-     **/
-    suppressPaginationOnFocus: true,
-
-    /**
-     * Enables cache for async loaded or iframe embedded content.
-     *
-     * @property enableContentCache
-     * @type Boolean
-     * @default true
-     * @for defaults
-     **/
-    enableContentCache: true,
-
-    /**
-     * Shows the cancel button if enabled.
-     *
-     * @property enableCancelButton
-     * @type Boolean
-     * @default false
-     * @for defaults
-     **/
-    enableCancelButton: false,
-
-    /**
-     * Shows the finish button if enabled.
-     *
-     * @property enableFinishButton
-     * @type Boolean
-     * @default true
-     * @for defaults
-     **/
-    enableFinishButton: true,
-
-    /**
-     * Not yet implemented.
-     *
-     * @property preloadContent
-     * @type Boolean
-     * @default false
-     * @for defaults
-     **/
-    preloadContent: false,
-
-    /**
-     * Shows the finish button always (on each step; right beside the next button) if `true`. 
-     * Otherwise the next button will be replaced by the finish button if the last step becomes active.
-     *
-     * @property showFinishButtonAlways
-     * @type Boolean
-     * @default false
-     * @for defaults
-     **/
-    showFinishButtonAlways: false,
-
-    /**
-     * Prevents jumping to a previous step.
-     *
-     * @property forceMoveForward
-     * @type Boolean
-     * @default false
-     * @for defaults
-     **/
-    forceMoveForward: false,
-
-    /**
-     * Saves the current state (step position) to a cookie.
-     * By coming next time the last active step becomes activated.
-     *
-     * @property saveState
-     * @type Boolean
-     * @default false
-     * @for defaults
-     **/
-    saveState: false,
-
-    /**
-     * The position to start on (zero-based).
-     *
-     * @property startIndex
-     * @type Integer
-     * @default 0
-     * @for defaults
-     **/
-    startIndex: 0,
-
-    /*
-     * Animation Effect Configuration
-     */
-
-    /**
-     * The animation effect which will be used for step transitions.
-     *
-     * @property transitionEffect
-     * @type transitionEffect
-     * @default none
-     * @for defaults
-     **/
-    transitionEffect: transitionEffect.none,
-
-    /**
-     * Animation speed for step transitions (in milliseconds).
-     *
-     * @property transitionEffectSpeed
-     * @type Integer
-     * @default 200
-     * @for defaults
-     **/
-    transitionEffectSpeed: 200,
-
-    /*
-     * Events
-     */
-
-    /**
-     * Fires before the step changes and can be used to prevent step changing by returning `false`. 
-     * Very useful for form validation. 
-     *
-     * @property onStepChanging
-     * @type Event
-     * @default function (event, currentIndex, newIndex) { return true; }
-     * @for defaults
-     **/
-    onStepChanging: function (event, currentIndex, newIndex) { return true; },
-
-    /**
-     * Fires after the step has change. 
-     *
-     * @property onStepChanged
-     * @type Event
-     * @default function (event, currentIndex, priorIndex) { }
-     * @for defaults
-     **/
-    onStepChanged: function (event, currentIndex, priorIndex) { },
-
-    /**
-     * Fires after cancelation. 
-     *
-     * @property onCanceled
-     * @type Event
-     * @default function (event) { }
-     * @for defaults
-     **/
-    onCanceled: function (event) { },
-
-    /**
-     * Fires before finishing and can be used to prevent completion by returning `false`. 
-     * Very useful for form validation. 
-     *
-     * @property onFinishing
-     * @type Event
-     * @default function (event, currentIndex) { return true; }
-     * @for defaults
-     **/
-    onFinishing: function (event, currentIndex) { return true; },
-
-    /**
-     * Fires after completion. 
-     *
-     * @property onFinished
-     * @type Event
-     * @default function (event, currentIndex) { }
-     * @for defaults
-     **/
-    onFinished: function (event, currentIndex) { },
-
-    /**
-     * Fires after async content is loaded. 
-     *
-     * @property onContentLoaded
-     * @type Event
-     * @default function (event, index) { }
-     * @for defaults
-     **/
-    onContentLoaded: function (event, currentIndex) { },
-
-    /**
-     * Fires when the wizard is initialized. 
-     *
-     * @property onInit
-     * @type Event
-     * @default function (event) { }
-     * @for defaults
-     **/
-    onInit: function (event, currentIndex) { },
-
-    /**
-     * Contains all labels. 
-     *
-     * @property labels
-     * @type Object
-     * @for defaults
-     **/
-    labels: {
-        /**
-         * Label for the cancel button.
-         *
-         * @property cancel
-         * @type String
-         * @default "Cancel"
-         * @for defaults
-         **/
-        cancel: "取消",
-
-        /**
-         * This label is important for accessability reasons.
-         * Indicates which step is activated.
-         *
-         * @property current
-         * @type String
-         * @default "current step:"
-         * @for defaults
-         **/
-        current: "当前步骤：:",
-
-        /**
-         * This label is important for accessability reasons and describes the kind of navigation.
-         *
-         * @property pagination
-         * @type String
-         * @default "Pagination"
-         * @for defaults
-         * @since 0.9.7
-         **/
-        pagination: "分页",
-
-        /**
-         * Label for the finish button.
-         *
-         * @property finish
-         * @type String
-         * @default "Finish"
-         * @for defaults
-         **/
-        finish: "完成",
-
-        /**
-         * Label for the next button.
-         *
-         * @property next
-         * @type String
-         * @default "Next"
-         * @for defaults
-         **/
-        next: "下一步",
-
-        /**
-         * Label for the previous button.
-         *
-         * @property previous
-         * @type String
-         * @default "Previous"
-         * @for defaults
-         **/
-        previous: "上一步",
-
-        /**
-         * Label for the loading animation.
-         *
-         * @property loading
-         * @type String
-         * @default "Loading ..."
-         * @for defaults
-         **/
-        loading: "加载中 ..."
-    }
-};
-})(jQuery);
\ No newline at end of file
diff --git a/ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.min.js b/ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.min.js
deleted file mode 100644
index 8e617bf9..00000000
--- a/ruoyi-admin/src/main/resources/static/ajax/libs/staps/jquery.steps.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/*! 
- * jQuery Steps v1.1.0 - 09/04/2014
- * Copyright (c) 2014 Rafael Staib (http://www.jquery-steps.com)
- * Licensed under MIT http://www.opensource.org/licenses/MIT
- */
-(function($,undefined){$.fn.extend({_aria:function(name,value){return this.attr("aria-"+name,value)},_removeAria:function(name){return this.removeAttr("aria-"+name)},_enableAria:function(enable){return(enable==null||enable)?this.removeClass("disabled")._aria("disabled","false"):this.addClass("disabled")._aria("disabled","true")},_showAria:function(show){return(show==null||show)?this.show()._aria("hidden","false"):this.hide()._aria("hidden","true")},_selectAria:function(select){return(select==null||select)?this.addClass("current")._aria("selected","true"):this.removeClass("current")._aria("selected","false")},_id:function(id){return(id)?this.attr("id",id):this.attr("id")}});if(!String.prototype.format){String.prototype.format=function(){var args=(arguments.length===1&&$.isArray(arguments[0]))?arguments[0]:arguments;var formattedString=this;for(var i=0;i<args.length;i++){var pattern=new RegExp("\\{"+i+"\\}","gm");formattedString=formattedString.replace(pattern,args[i])}return formattedString}}var _uniqueId=0;var _cookiePrefix="jQu3ry_5teps_St@te_";var _tabSuffix="-t-";var _tabpanelSuffix="-p-";var _titleSuffix="-h-";var _indexOutOfRangeErrorMessage="Index out of range.";var _missingCorrespondingElementErrorMessage="One or more corresponding step {0} are missing.";function addStepToCache(wizard,step){getSteps(wizard).push(step)}function analyzeData(wizard,options,state){var stepTitles=wizard.children(options.headerTag),stepContents=wizard.children(options.bodyTag);if(stepTitles.length>stepContents.length){throwError(_missingCorrespondingElementErrorMessage,"contents")}else{if(stepTitles.length<stepContents.length){throwError(_missingCorrespondingElementErrorMessage,"titles")}}var startIndex=options.startIndex;state.stepCount=stepTitles.length;if(options.saveState&&$.cookie){var savedState=$.cookie(_cookiePrefix+getUniqueId(wizard));var savedIndex=parseInt(savedState,0);if(!isNaN(savedIndex)&&savedIndex<state.stepCount){startIndex=savedIndex}}state.currentIndex=startIndex;stepTitles.each(function(index){var item=$(this),content=stepContents.eq(index),modeData=content.data("mode"),mode=(modeData==null)?contentMode.html:getValidEnumValue(contentMode,(/^\s*$/.test(modeData)||isNaN(modeData))?modeData:parseInt(modeData,0)),contentUrl=(mode===contentMode.html||content.data("url")===undefined)?"":content.data("url"),contentLoaded=(mode!==contentMode.html&&content.data("loaded")==="1"),step=$.extend({},stepModel,{title:item.html(),content:(mode===contentMode.html)?content.html():"",contentUrl:contentUrl,contentMode:mode,contentLoaded:contentLoaded});addStepToCache(wizard,step)})}function cancel(wizard){wizard.triggerHandler("canceled")}function decreaseCurrentIndexBy(state,decreaseBy){return state.currentIndex-decreaseBy}function destroy(wizard,options){var eventNamespace=getEventNamespace(wizard);wizard.unbind(eventNamespace).removeData("uid").removeData("options").removeData("state").removeData("steps").removeData("eventNamespace").find(".actions a").unbind(eventNamespace);wizard.removeClass(options.clearFixCssClass+" vertical");var contents=wizard.find(".content > *");contents.removeData("loaded").removeData("mode").removeData("url");contents.removeAttr("id").removeAttr("role").removeAttr("tabindex").removeAttr("class").removeAttr("style")._removeAria("labelledby")._removeAria("hidden");wizard.find(".content > [data-mode='async'],.content > [data-mode='iframe']").empty();var wizardSubstitute=$('<{0} class="{1}"></{0}>'.format(wizard.get(0).tagName,wizard.attr("class")));var wizardId=wizard._id();if(wizardId!=null&&wizardId!==""){wizardSubstitute._id(wizardId)}wizardSubstitute.html(wizard.find(".content").html());wizard.after(wizardSubstitute);wizard.remove();return wizardSubstitute}function finishStep(wizard,state){var currentStep=wizard.find(".steps li").eq(state.currentIndex);if(wizard.triggerHandler("finishing",[state.currentIndex])){currentStep.addClass("done").removeClass("error");wizard.triggerHandler("finished",[state.currentIndex])}else{currentStep.addClass("error")}}function getEventNamespace(wizard){var eventNamespace=wizard.data("eventNamespace");if(eventNamespace==null){eventNamespace="."+getUniqueId(wizard);wizard.data("eventNamespace",eventNamespace)}return eventNamespace}function getStepAnchor(wizard,index){var uniqueId=getUniqueId(wizard);return wizard.find("#"+uniqueId+_tabSuffix+index)}function getStepPanel(wizard,index){var uniqueId=getUniqueId(wizard);return wizard.find("#"+uniqueId+_tabpanelSuffix+index)}function getStepTitle(wizard,index){var uniqueId=getUniqueId(wizard);return wizard.find("#"+uniqueId+_titleSuffix+index)}function getOptions(wizard){return wizard.data("options")}function getState(wizard){return wizard.data("state")}function getSteps(wizard){return wizard.data("steps")}function getStep(wizard,index){var steps=getSteps(wizard);if(index<0||index>=steps.length){throwError(_indexOutOfRangeErrorMessage)}return steps[index]}function getUniqueId(wizard){var uniqueId=wizard.data("uid");if(uniqueId==null){uniqueId=wizard._id();if(uniqueId==null){uniqueId="steps-uid-".concat(_uniqueId);wizard._id(uniqueId)}_uniqueId++;wizard.data("uid",uniqueId)}return uniqueId}function getValidEnumValue(enumType,keyOrValue){validateArgument("enumType",enumType);validateArgument("keyOrValue",keyOrValue);if(typeof keyOrValue==="string"){var value=enumType[keyOrValue];if(value===undefined){throwError("The enum key '{0}' does not exist.",keyOrValue)}return value}else{if(typeof keyOrValue==="number"){for(var key in enumType){if(enumType[key]===keyOrValue){return keyOrValue}}throwError("Invalid enum value '{0}'.",keyOrValue)}else{throwError("Invalid key or value type.")}}}function goToNextStep(wizard,options,state){return paginationClick(wizard,options,state,increaseCurrentIndexBy(state,1))}function goToPreviousStep(wizard,options,state){return paginationClick(wizard,options,state,decreaseCurrentIndexBy(state,1))}function goToStep(wizard,options,state,index){if(index<0||index>=state.stepCount){throwError(_indexOutOfRangeErrorMessage)}if(options.forceMoveForward&&index<state.currentIndex){return}var oldIndex=state.currentIndex;if(wizard.triggerHandler("stepChanging",[state.currentIndex,index])){state.currentIndex=index;saveCurrentStateToCookie(wizard,options,state);refreshStepNavigation(wizard,options,state,oldIndex);refreshPagination(wizard,options,state);loadAsyncContent(wizard,options,state);startTransitionEffect(wizard,options,state,index,oldIndex,function(){wizard.triggerHandler("stepChanged",[index,oldIndex])})}else{wizard.find(".steps li").eq(oldIndex).addClass("error")}return true}function increaseCurrentIndexBy(state,increaseBy){return state.currentIndex+increaseBy}function initialize(options){var opts=$.extend(true,{},defaults,options);return this.each(function(){var wizard=$(this);var state={currentIndex:opts.startIndex,currentStep:null,stepCount:0,transitionElement:null};wizard.data("options",opts);wizard.data("state",state);wizard.data("steps",[]);analyzeData(wizard,opts,state);render(wizard,opts,state);registerEvents(wizard,opts);if(opts.autoFocus&&_uniqueId===0){getStepAnchor(wizard,opts.startIndex).focus()}wizard.triggerHandler("init",[opts.startIndex])})}function insertStep(wizard,options,state,index,step){if(index<0||index>state.stepCount){throwError(_indexOutOfRangeErrorMessage)}step=$.extend({},stepModel,step);insertStepToCache(wizard,index,step);if(state.currentIndex!==state.stepCount&&state.currentIndex>=index){state.currentIndex++;saveCurrentStateToCookie(wizard,options,state)}state.stepCount++;var contentContainer=wizard.find(".content"),header=$("<{0}>{1}</{0}>".format(options.headerTag,step.title)),body=$("<{0}></{0}>".format(options.bodyTag));if(step.contentMode==null||step.contentMode===contentMode.html){body.html(step.content)}if(index===0){contentContainer.prepend(body).prepend(header)}else{getStepPanel(wizard,(index-1)).after(body).after(header)}renderBody(wizard,state,body,index);renderTitle(wizard,options,state,header,index);refreshSteps(wizard,options,state,index);if(index===state.currentIndex){refreshStepNavigation(wizard,options,state)}refreshPagination(wizard,options,state);return wizard}function insertStepToCache(wizard,index,step){getSteps(wizard).splice(index,0,step)}function keyUpHandler(event){var wizard=$(this),options=getOptions(wizard),state=getState(wizard);if(options.suppressPaginationOnFocus&&wizard.find(":focus").is(":input")){event.preventDefault();return false}var keyCodes={left:37,right:39};if(event.keyCode===keyCodes.left){event.preventDefault();goToPreviousStep(wizard,options,state)}else{if(event.keyCode===keyCodes.right){event.preventDefault();goToNextStep(wizard,options,state)}}}function loadAsyncContent(wizard,options,state){if(state.stepCount>0){var currentIndex=state.currentIndex,currentStep=getStep(wizard,currentIndex);if(!options.enableContentCache||!currentStep.contentLoaded){switch(getValidEnumValue(contentMode,currentStep.contentMode)){case contentMode.iframe:wizard.find(".content > .body").eq(state.currentIndex).empty().html('<iframe src="'+currentStep.contentUrl+'" frameborder="0" scrolling="no" />').data("loaded","1");break;case contentMode.async:var currentStepContent=getStepPanel(wizard,currentIndex)._aria("busy","true").empty().append(renderTemplate(options.loadingTemplate,{text:options.labels.loading}));$.ajax({url:currentStep.contentUrl,cache:false}).done(function(data){currentStepContent.empty().html(data)._aria("busy","false").data("loaded","1");wizard.triggerHandler("contentLoaded",[currentIndex])});break}}}}function paginationClick(wizard,options,state,index){var oldIndex=state.currentIndex;if(index>=0&&index<state.stepCount&&!(options.forceMoveForward&&index<state.currentIndex)){var anchor=getStepAnchor(wizard,index),parent=anchor.parent(),isDisabled=parent.hasClass("disabled");parent._enableAria();anchor.click();if(oldIndex===state.currentIndex&&isDisabled){parent._enableAria(false);return false}return true}return false}function paginationClickHandler(event){event.preventDefault();var anchor=$(this),wizard=anchor.parent().parent().parent().parent(),options=getOptions(wizard),state=getState(wizard),href=anchor.attr("href");switch(href.substring(href.lastIndexOf("#")+1)){case"cancel":cancel(wizard);break;case"finish":finishStep(wizard,state);break;case"next":goToNextStep(wizard,options,state);break;case"previous":goToPreviousStep(wizard,options,state);break}}function refreshPagination(wizard,options,state){if(options.enablePagination){var finish=wizard.find(".actions a[href$='#finish']").parent(),next=wizard.find(".actions a[href$='#next']").parent();if(!options.forceMoveForward){var previous=wizard.find(".actions a[href$='#previous']").parent();previous._enableAria(state.currentIndex>0)}if(options.enableFinishButton&&options.showFinishButtonAlways){finish._enableAria(state.stepCount>0);next._enableAria(state.stepCount>1&&state.stepCount>(state.currentIndex+1))}else{finish._showAria(options.enableFinishButton&&state.stepCount===(state.currentIndex+1));next._showAria(state.stepCount===0||state.stepCount>(state.currentIndex+1))._enableAria(state.stepCount>(state.currentIndex+1)||!options.enableFinishButton)}}}function refreshStepNavigation(wizard,options,state,oldIndex){var currentOrNewStepAnchor=getStepAnchor(wizard,state.currentIndex),currentInfo=$('<span class="current-info audible">'+options.labels.current+" </span>"),stepTitles=wizard.find(".content > .title");if(oldIndex!=null){var oldStepAnchor=getStepAnchor(wizard,oldIndex);oldStepAnchor.parent().addClass("done").removeClass("error")._selectAria(false);stepTitles.eq(oldIndex).removeClass("current").next(".body").removeClass("current");currentInfo=oldStepAnchor.find(".current-info");currentOrNewStepAnchor.focus()}currentOrNewStepAnchor.prepend(currentInfo).parent()._selectAria().removeClass("done")._enableAria();stepTitles.eq(state.currentIndex).addClass("current").next(".body").addClass("current")}function refreshSteps(wizard,options,state,index){var uniqueId=getUniqueId(wizard);for(var i=index;i<state.stepCount;i++){var uniqueStepId=uniqueId+_tabSuffix+i,uniqueBodyId=uniqueId+_tabpanelSuffix+i,uniqueHeaderId=uniqueId+_titleSuffix+i,title=wizard.find(".title").eq(i)._id(uniqueHeaderId);wizard.find(".steps a").eq(i)._id(uniqueStepId)._aria("controls",uniqueBodyId).attr("href","#"+uniqueHeaderId).html(renderTemplate(options.titleTemplate,{index:i+1,title:title.html()}));wizard.find(".body").eq(i)._id(uniqueBodyId)._aria("labelledby",uniqueHeaderId)}}function registerEvents(wizard,options){var eventNamespace=getEventNamespace(wizard);wizard.bind("canceled"+eventNamespace,options.onCanceled);wizard.bind("contentLoaded"+eventNamespace,options.onContentLoaded);wizard.bind("finishing"+eventNamespace,options.onFinishing);wizard.bind("finished"+eventNamespace,options.onFinished);wizard.bind("init"+eventNamespace,options.onInit);wizard.bind("stepChanging"+eventNamespace,options.onStepChanging);wizard.bind("stepChanged"+eventNamespace,options.onStepChanged);if(options.enableKeyNavigation){wizard.bind("keyup"+eventNamespace,keyUpHandler)}wizard.find(".actions a").bind("click"+eventNamespace,paginationClickHandler)}function removeStep(wizard,options,state,index){if(index<0||index>=state.stepCount||state.currentIndex===index){return false}removeStepFromCache(wizard,index);if(state.currentIndex>index){state.currentIndex--;saveCurrentStateToCookie(wizard,options,state)}state.stepCount--;getStepTitle(wizard,index).remove();getStepPanel(wizard,index).remove();getStepAnchor(wizard,index).parent().remove();if(index===0){wizard.find(".steps li").first().addClass("first")}if(index===state.stepCount){wizard.find(".steps li").eq(index).addClass("last")}refreshSteps(wizard,options,state,index);refreshPagination(wizard,options,state);return true}function removeStepFromCache(wizard,index){getSteps(wizard).splice(index,1)}function render(wizard,options,state){var wrapperTemplate='<{0} class="{1}">{2}</{0}>',orientation=getValidEnumValue(stepsOrientation,options.stepsOrientation),verticalCssClass=(orientation===stepsOrientation.vertical)?" vertical":"",contentWrapper=$(wrapperTemplate.format(options.contentContainerTag,"content "+options.clearFixCssClass,wizard.html())),stepsWrapper=$(wrapperTemplate.format(options.stepsContainerTag,"steps "+options.clearFixCssClass,'<ul role="tablist"></ul>')),stepTitles=contentWrapper.children(options.headerTag),stepContents=contentWrapper.children(options.bodyTag);wizard.attr("role","application").empty().append(stepsWrapper).append(contentWrapper).addClass(options.cssClass+" "+options.clearFixCssClass+verticalCssClass);stepContents.each(function(index){renderBody(wizard,state,$(this),index)});stepTitles.each(function(index){renderTitle(wizard,options,state,$(this),index)});refreshStepNavigation(wizard,options,state);renderPagination(wizard,options,state)}function renderBody(wizard,state,body,index){var uniqueId=getUniqueId(wizard),uniqueBodyId=uniqueId+_tabpanelSuffix+index,uniqueHeaderId=uniqueId+_titleSuffix+index;body._id(uniqueBodyId).attr("role","tabpanel")._aria("labelledby",uniqueHeaderId).addClass("body")._showAria(state.currentIndex===index)}function renderPagination(wizard,options,state){if(options.enablePagination){var pagination='<{0} class="actions {1}"><ul role="menu" aria-label="{2}">{3}</ul></{0}>',buttonTemplate='<li><a href="#{0}" role="menuitem">{1}</a></li>',buttons="";if(!options.forceMoveForward){buttons+=buttonTemplate.format("previous",options.labels.previous)}buttons+=buttonTemplate.format("next",options.labels.next);if(options.enableFinishButton){buttons+=buttonTemplate.format("finish",options.labels.finish)}if(options.enableCancelButton){buttons+=buttonTemplate.format("cancel",options.labels.cancel)}wizard.append(pagination.format(options.actionContainerTag,options.clearFixCssClass,options.labels.pagination,buttons));refreshPagination(wizard,options,state);loadAsyncContent(wizard,options,state)}}function renderTemplate(template,substitutes){var matches=template.match(/#([a-z]*)#/gi);for(var i=0;i<matches.length;i++){var match=matches[i],key=match.substring(1,match.length-1);if(substitutes[key]===undefined){throwError("The key '{0}' does not exist in the substitute collection!",key)}template=template.replace(match,substitutes[key])}return template}function renderTitle(wizard,options,state,header,index){var uniqueId=getUniqueId(wizard),uniqueStepId=uniqueId+_tabSuffix+index,uniqueBodyId=uniqueId+_tabpanelSuffix+index,uniqueHeaderId=uniqueId+_titleSuffix+index,stepCollection=wizard.find(".steps > ul"),title=renderTemplate(options.titleTemplate,{index:index+1,title:header.html()}),stepItem=$('<li role="tab"><a id="'+uniqueStepId+'" href="#'+uniqueHeaderId+'" aria-controls="'+uniqueBodyId+'">'+title+"</a></li>");stepItem._enableAria(options.enableAllSteps||state.currentIndex>index);if(state.currentIndex>index){stepItem.addClass("done")}header._id(uniqueHeaderId).attr("tabindex","-1").addClass("title");if(index===0){stepCollection.prepend(stepItem)}else{stepCollection.find("li").eq(index-1).after(stepItem)}if(index===0){stepCollection.find("li").removeClass("first").eq(index).addClass("first")}if(index===(state.stepCount-1)){stepCollection.find("li").removeClass("last").eq(index).addClass("last")}stepItem.children("a").bind("click"+getEventNamespace(wizard),stepClickHandler)}function saveCurrentStateToCookie(wizard,options,state){if(options.saveState&&$.cookie){$.cookie(_cookiePrefix+getUniqueId(wizard),state.currentIndex)}}function startTransitionEffect(wizard,options,state,index,oldIndex,doneCallback){var stepContents=wizard.find(".content > .body"),effect=getValidEnumValue(transitionEffect,options.transitionEffect),effectSpeed=options.transitionEffectSpeed,newStep=stepContents.eq(index),currentStep=stepContents.eq(oldIndex);switch(effect){case transitionEffect.fade:case transitionEffect.slide:var hide=(effect===transitionEffect.fade)?"fadeOut":"slideUp",show=(effect===transitionEffect.fade)?"fadeIn":"slideDown";state.transitionElement=newStep;currentStep[hide](effectSpeed,function(){var wizard=$(this)._showAria(false).parent().parent(),state=getState(wizard);if(state.transitionElement){state.transitionElement[show](effectSpeed,function(){$(this)._showAria()}).promise().done(doneCallback);state.transitionElement=null}});break;case transitionEffect.slideLeft:var outerWidth=currentStep.outerWidth(true),posFadeOut=(index>oldIndex)?-(outerWidth):outerWidth,posFadeIn=(index>oldIndex)?outerWidth:-(outerWidth);$.when(currentStep.animate({left:posFadeOut},effectSpeed,function(){$(this)._showAria(false)}),newStep.css("left",posFadeIn+"px")._showAria().animate({left:0},effectSpeed)).done(doneCallback);break;default:$.when(currentStep._showAria(false),newStep._showAria()).done(doneCallback);break}}function stepClickHandler(event){event.preventDefault();var anchor=$(this),wizard=anchor.parent().parent().parent().parent(),options=getOptions(wizard),state=getState(wizard),oldIndex=state.currentIndex;if(anchor.parent().is(":not(.disabled):not(.current)")){var href=anchor.attr("href"),position=parseInt(href.substring(href.lastIndexOf("-")+1),0);goToStep(wizard,options,state,position)}if(oldIndex===state.currentIndex){getStepAnchor(wizard,oldIndex).focus();return false}}function throwError(message){if(arguments.length>1){message=message.format(Array.prototype.slice.call(arguments,1))}throw new Error(message)}function validateArgument(argumentName,argumentValue){if(argumentValue==null){throwError("The argument '{0}' is null or undefined.",argumentName)}}$.fn.steps=function(method){if($.fn.steps[method]){return $.fn.steps[method].apply(this,Array.prototype.slice.call(arguments,1))}else{if(typeof method==="object"||!method){return initialize.apply(this,arguments)}else{$.error("Method "+method+" does not exist on jQuery.steps")}}};$.fn.steps.add=function(step){var state=getState(this);return insertStep(this,getOptions(this),state,state.stepCount,step)};$.fn.steps.destroy=function(){return destroy(this,getOptions(this))};$.fn.steps.finish=function(){finishStep(this,getState(this))};$.fn.steps.getCurrentIndex=function(){return getState(this).currentIndex};$.fn.steps.getCurrentStep=function(){return getStep(this,getState(this).currentIndex)};$.fn.steps.getStep=function(index){return getStep(this,index)};$.fn.steps.insert=function(index,step){return insertStep(this,getOptions(this),getState(this),index,step)};$.fn.steps.next=function(){return goToNextStep(this,getOptions(this),getState(this))};$.fn.steps.previous=function(){return goToPreviousStep(this,getOptions(this),getState(this))};$.fn.steps.remove=function(index){return removeStep(this,getOptions(this),getState(this),index)};$.fn.steps.setStep=function(index,step){throw new Error("Not yet implemented!")};$.fn.steps.skip=function(count){throw new Error("Not yet implemented!")};var contentMode=$.fn.steps.contentMode={html:0,iframe:1,async:2};var stepsOrientation=$.fn.steps.stepsOrientation={horizontal:0,vertical:1};var transitionEffect=$.fn.steps.transitionEffect={none:0,fade:1,slide:2,slideLeft:3};var stepModel=$.fn.steps.stepModel={title:"",content:"",contentUrl:"",contentMode:contentMode.html,contentLoaded:false};var defaults=$.fn.steps.defaults={headerTag:"h1",bodyTag:"div",contentContainerTag:"div",actionContainerTag:"div",stepsContainerTag:"div",cssClass:"wizard",clearFixCssClass:"clearfix",stepsOrientation:stepsOrientation.horizontal,titleTemplate:'<span class="number">#index#.</span> #title#',loadingTemplate:'<span class="spinner"></span> #text#',autoFocus:false,enableAllSteps:false,enableKeyNavigation:true,enablePagination:true,suppressPaginationOnFocus:true,enableContentCache:true,enableCancelButton:false,enableFinishButton:true,preloadContent:false,showFinishButtonAlways:false,forceMoveForward:false,saveState:false,startIndex:0,transitionEffect:transitionEffect.none,transitionEffectSpeed:200,onStepChanging:function(event,currentIndex,newIndex){return true},onStepChanged:function(event,currentIndex,priorIndex){},onCanceled:function(event){},onFinishing:function(event,currentIndex){return true},onFinished:function(event,currentIndex){},onContentLoaded:function(event,currentIndex){},onInit:function(event,currentIndex){},labels:{cancel:"取消",current:"当前步骤：:",pagination:"分页",finish:"完成",next:"下一步",previous:"上一步",loading:"加载中 ..."}}})(jQuery);
\ No newline at end of file
diff --git a/ruoyi-admin/src/main/resources/templates/demo/form/wizard.html b/ruoyi-admin/src/main/resources/templates/demo/form/wizard.html
index 428f330e..beb1a360 100644
--- a/ruoyi-admin/src/main/resources/templates/demo/form/wizard.html
+++ b/ruoyi-admin/src/main/resources/templates/demo/form/wizard.html
@@ -1,192 +1,332 @@
 <!DOCTYPE html>
 <html lang="zh">
 <head>
-	<th:block th:include="include :: header('基本表单')" />
-	<th:block th:include="include :: jquery-steps-css" />
+<th:block th:include="include :: header('基本表单')" />
+<th:block th:include="include :: jquery-smartwizard-css" />
+<style type="text/css">
+/* 如果要让工具栏固定在页面底部,使用下面的样式,不需要的可以注释 */
+.sw>.toolbar-bottom{
+	z-index: 100;
+    bottom: 0px;
+    left: 0;
+    width: 100%;
+    position: fixed;
+    text-align: right;
+    background: #fff;
+    box-shadow: 0 -2px 6px 1px hsla(223,8%,83%,.5);
+    border-top: 1px solid #e3e4e8;
+}
+/* 如果设置了是否自动调节高度为false,需要加滚动条 */
+.sw>.tab-content{
+	overflow-x: hidden;
+    overflow-y: auto;
+}
+</style>
 </head>
 <body class="gray-bg">
-    <div class="wrapper wrapper-content animated fadeInRight">
-        <div class="row">
-            <div class="col-sm-5">
-                <div class="jumbotron">
-                    <h1>表单向导</h1>
-                    <p>Smart UI 部件允许您快速创建表单向导接口。</p>
-                    <p><a href="https://github.com/rstaib/jquery-steps" target="_blank" class="btn btn-primary btn-lg" role="button">了解 jQuery Steps</a>
-                    </p>
-                </div>
-            </div>
-            <div class="col-sm-7">
-                <div class="ibox float-e-margins">
-                    <div class="ibox-title">
-                        <h5>基础表单向导</h5>
-                    </div>
-                    <div class="ibox-content">
-                        <p>
-                                                                      这是一个简单的表单向导示例
-                        </p>
-                        <div id="wizard">
-                            <h1>第一步</h1>
-                            <div class="step-content">
-                                <div class="text-center m-t-md">
-                                    <h2>第一步</h2>
-                                    <p>
-                                                                                                       这是第一步的内容
-                                    </p>
-                                </div>
-                            </div>
+	<div class="wrapper wrapper-content animated fadeInRight" style="height: 100%;">
+		<div class="row">
+			<div class="col-sm-12">
+				<div class="ibox">
+					<div class="ibox-title">
+						<h5>
+							表单向导
+							<small>https://github.com/techlab/jquery-smartwizard</small>
+						</h5>
+					</div>
+					<div class="ibox-content">
+						<div class="row select-list" style="padding-left: 15px; margin-bottom: 10px;">
+							<ul>
+								<li>
+									选择样式：
+									<select id="theme-selector">
+										<option value="default">Default</option>
+										<option value="arrows" selected>Arrows</option>
+										<option value="dots">Dots</option>
+										<option value="progress">Progress</option>
+									</select>
+								</li>
+								<!-- 快速操作栏按钮 -->
+								<li>
+									<div class="btn-group-sm" role="group">
+										<a class="btn btn-info" id="prev-btn"> 上一步 </a>
+										<a class="btn btn-success" id="next-btn"> 下一步 </a>
+										<a class="btn btn-danger" id="reset-btn"> 重置 </a>
+									</div>
+								</li>
+							</ul>
 
-                            <h1>第二步</h1>
-                            <div class="step-content">
-                                <div class="text-center m-t-md">
-                                    <h2>第二步</h2>
-                                    <p>
-                                                                                                       这是第二步的内容
-                                    </p>
-                                </div>
-                            </div>
+						</div>
+						<div id="smartwizard">
+							<ul class="nav">
+								<li class="nav-item">
+									<a class="nav-link" href="#step-1"> 第一步 </a>
+								</li>
+								<li class="nav-item">
+									<a class="nav-link" href="#step-2"> 第二步 </a>
+								</li>
+								<li class="nav-item">
+									<a class="nav-link" href="#step-3"> 第三步 </a>
+								</li>
+								<li class="nav-item">
+									<a class="nav-link" href="#step-4"> 第四步 </a>
+								</li>
+							</ul>
+							<div class="tab-content">
+								<div id="step-1" class="tab-pane" role="tabpanel" aria-labelledby="step-1">
+									<div>
+										<form class="form form-horizontal m-t">
+											<div class="form-group">
+												<label class="col-sm-3 control-label">姓氏：</label>
+												<div class="col-sm-8">
+													<input id="firstname" name="firstname" class="form-control" type="text">
+													<span class="help-block m-b-none">
+														<i class="fa fa-info-circle"></i>
+														这里写点提示的内容
+													</span>
+												</div>
+											</div>
+											<div class="form-group">
+												<label class="col-sm-3 control-label is-required">名字：</label>
+												<div class="col-sm-8">
+													<input id="lastname" name="lastname" class="form-control" type="text" required>
+												</div>
+											</div>
+											<div class="form-group">
+												<label class="col-sm-3 control-label is-required">用户名：</label>
+												<div class="col-sm-8">
+													<input id="username" name="username" class="form-control" type="text" required>
+												</div>
+											</div>
+											<div class="form-group">
+												<label class="col-sm-3 control-label">密码：</label>
+												<div class="col-sm-8">
+													<input id="password" name="password" class="form-control" type="password">
+												</div>
+											</div>
+											<div class="form-group">
+												<label class="col-sm-3 control-label">确认密码：</label>
+												<div class="col-sm-8">
+													<input id="confirm_password" name="confirm_password" class="form-control" type="password">
+													<span class="help-block m-b-none">
+														<i class="fa fa-info-circle"></i>
+														请再次输入您的密码
+													</span>
+												</div>
+											</div>
+											<div class="form-group">
+												<label class="col-sm-3 control-label">E-mail：</label>
+												<div class="col-sm-8">
+													<input id="email" name="email" class="form-control" type="email">
+												</div>
+											</div>
+										</form>
+									</div>
+								</div>
+								<div id="step-2" class="tab-pane" role="tabpanel" aria-labelledby="step-2">
+									<div>
+										<form class="form form-horizontal m-t">
+											<div class="form-group">
+												<label class="col-sm-3 control-label">性别：</label>
+												<div class="col-sm-8">
+													<select name="sex" class="form-control m-b" th:with="type=${@dict.getType('sys_user_sex')}">
+				                						<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
+				            						</select>
+												</div>
+											</div>
+											<div class="form-group">
+												<label class="col-sm-3 control-label">时间：</label>
+												<div class="col-sm-8">
+													<input id="time" name="time" class="form-control time-input" type="text">
+												</div>
+											</div>
+											<div class="form-group">
+												<label class="col-sm-3 control-label">状态：</label>
+												<div class="col-sm-8">
+													<div class="radio-box" th:each="dict : ${@dict.getType('sys_normal_disable')}">
+														<input type="radio" th:id="${dict.dictCode}" name="status" th:value="${dict.dictValue}" th:checked="${dict.default}">
+														<label th:for="${dict.dictCode}" th:text="${dict.dictLabel}"></label>
+													</div>
+												</div>
+											</div>
+										</form>
+									</div>
+								</div>
+								<div id="step-3" class="tab-pane" role="tabpanel" aria-labelledby="step-3">
+									<div class="m-t-md">
+										<p>1、如果需要工具栏在页面底部显示, 将style中下面的部分取消注释<blockquote>.sw>.toolbar-bottom </blockquote></p>
+										<p>2、如果设置了自动调节高度为false, 将style中下面的部分取消注释<blockquote>.sw>.tab-content </blockquote></p>
+										<p>3、工具栏的按钮样式会被表单插件中.btn样式覆盖导致bootstrap中的按钮样式无效, 如果需要改变按钮样式可以自己定义并提高优先级</blockquote></p>
+									</div>
+								</div>
+								<div id="step-4" class="tab-pane" role="tabpanel" aria-labelledby="step-4">
+									<div class="m-t-md">
+										<h3>测试多行显示</h3>
+										<pre style="overflow-x: hidden;">
+$('#smartwizard').smartWizard({
+  selected: 0, // Initial selected step, 0 = first step
+  theme: 'default', // theme for the wizard, related css need to include for other than default theme
+  justified: true, // Nav menu justification. true/false
+  darkMode:false, // Enable/disable Dark Mode if the theme supports. true/false
+  autoAdjustHeight: true, // Automatically adjust content height
+  cycleSteps: false, // Allows to cycle the navigation of steps
+  backButtonSupport: true, // Enable the back button support
+  enableURLhash: true, // Enable selection of the step based on url hash
+  transition: {
+      animation: 'none', // Effect on navigation, none/fade/slide-horizontal/slide-vertical/slide-swing
+      speed: '400', // Transion animation speed
+      easing:'' // Transition animation easing. Not supported without a jQuery easing plugin
+  },
+  toolbarSettings: {
+      toolbarPosition: 'bottom', // none, top, bottom, both
+      toolbarButtonPosition: 'right', // left, right, center
+      showNextButton: true, // show/hide a Next button
+      showPreviousButton: true, // show/hide a Previous button
+      toolbarExtraButtons: [] // Extra buttons to show on toolbar, array of jQuery input/buttons elements
+  },
+  anchorSettings: {
+      anchorClickable: true, // Enable/Disable anchor navigation
+      enableAllAnchors: false, // Activates all anchors clickable all times
+      markDoneStep: true, // Add done state on navigation
+      markAllPreviousStepsAsDone: true, // When a step selected by url hash, all previous steps are marked done
+      removeDoneStepOnNavigateBack: false, // While navigate back done step after active step will be cleared
+      enableAnchorOnDoneStep: true // Enable/Disable the done steps navigation
+  },
+  keyboardSettings: {
+      keyNavigation: true, // Enable/Disable keyboard navigation(left and right keys are used if enabled)
+      keyLeft: [37], // Left key code
+      keyRight: [39] // Right key code
+  },
+  lang: { // Language variables for button
+      next: 'Next',
+      previous: 'Previous'
+  },
+  disabledSteps: [], // Array Steps disabled
+  errorSteps: [], // Highlight step with errors
+  hiddenSteps: [] // Hidden steps
+});
+										</pre>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
 
-                            <h1>第三步</h1>
-                            <div class="step-content">
-                                <div class="text-center m-t-md">
-                                    <h2>第三步</h2>
-                                    <p>
-                                                                                                      这是第三步的内容
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
+		</div>
+	</div>
+	<th:block th:include="include :: footer" />
+	<th:block th:include="include :: jquery-smartwizard-js" />
+	<script>
+		$(document).ready(function() {
+			// 工具栏按钮
+            var btnFinish = $('<a id="btn-finish"></a>').text('完成')
+                                             .addClass('btn btn-info')
+                                             .on('click', function(){ submit(); });
+            var btnCancel = $('<a id="btn-cancel"></a>').text('取消')
+                                             .addClass('btn btn-danger')
+                                             .on('click', function(){ $('#smartwizard').smartWizard("reset"); });
+           	// 下面两个按钮是为了因为插件默认的是botton,这里换成<a>,也可以选择用样式替换,或者不替换
+            var btnNext = $('<a id="btn-next"></a>').text('下一步')
+											 .addClass('btn btn-info')
+											 .on('click', function(){ $('#smartwizard').smartWizard("next");});
+			var btnPrev = $('<a id="btn-prev"></a>').text('上一步')
+											 .addClass('btn btn-success disabled')
+											 .on('click', function(){ $('#smartwizard').smartWizard("prev"); });
+            // 初始化表单向导组件
+            $('#smartwizard').smartWizard({
+                theme: 'arrows', // default, arrows, dots, progress
+                autoAdjustHeight : false, // 自动调整高度, 默认true
+                enableURLhash:false, //开启URL hash,开启后点击浏览器前进后退按钮会执行下一步和上一步操作
+                transition: {
+                    animation: 'slide-horizontal', // Effect on navigation, none/fade/slide-horizontal/slide-vertical/slide-swing
+                },
+                toolbarSettings: {
+                	showNextButton: false,// 因为上面自定义了下一步按钮, 所以隐藏掉插件自带的按钮, 如果不使用自定义按钮, 需要改为true或者去掉该属性
+    				showPreviousButton: false,// 因为上面自定义了上一步按钮, 所以隐藏掉插件自带的按钮, 如果不使用自定义按钮, 需要改为true或者去掉该属性
+                    toolbarExtraButtons: [btnCancel,btnPrev,btnNext,btnFinish]// 扩展的按钮集合
+                }
+            });
+		});
+		
+		function submit(){
+			var data = {};
+			$('.form').each(function (index, form){
+				// 这里可以使用$.common.formToJSON(formId);  需要在form上加id
+                $.each($(form).serializeArray(), function(i, field) {
+                 	 if(data[field.name]) {
+                 		data[field.name] += ("," + field.value);
+					 } else {
+						data[field.name] = field.value;
+                     }
+                });
+			});
+			alert(JSON.stringify(data))
+		}
+		// 显示步骤时将触发事件
+        $("#smartwizard").on("showStep", function(e, anchorObject, stepNumber, stepDirection, stepPosition) {
+        	// 下面按钮是快速操作栏的
+        	$("#prev-btn").removeClass('disabled');
+            $("#next-btn").removeClass('disabled');
+        	// 下面按钮是工具栏的
+        	$("#btn-prev").removeClass('disabled');
+            $("#btn-next").removeClass('disabled');
+            $("#btn-finish").removeClass('disabled');
+            if(stepPosition === 'first') {
+            	$("#prev-btn").addClass('disabled');// 快速操作栏（演示用）
+            	$("#btn-prev").addClass('disabled');
+				$("#btn-finish").addClass('disabled');
+            } else if(stepPosition === 'last') {
+            	$("#next-btn").addClass('disabled');// 快速操作栏（演示用）
+                $("#btn-next").addClass('disabled');
+            } else {
+            	$("#prev-btn").removeClass('disabled');// 快速操作栏（演示用）
+                $("#next-btn").removeClass('disabled');// 快速操作栏（演示用）
+                $("#btn-prev").removeClass('disabled');
+                $("#btn-next").removeClass('disabled');
+                $("#btn-finish").addClass('disabled');
+            }
+        });
+		
+		// 该事件在离开某个步骤之前触发
+		$("#smartwizard").on("leaveStep", function(e, anchorObject, currentStepNumber, nextStepNumber, stepDirection) {
+			if(stepDirection == 'forward'){
+				var form = $("#step-" + (currentStepNumber + 1)).find('.form');
+				if(form.length > 0){
+					return form.validate().form();
+				}
+				return true;
+			}
+			return true;
+		});
+		
+		$("#theme-selector").on("change", function() {
+			// Change theme
+			var options = {
+				theme : $(this).val()
+			};
+			$('#smartwizard').smartWizard("setOptions", options);
+			return true;
+		});
 
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-sm-12">
-                <div class="ibox">
-                    <div class="ibox-title">
-                        <h5>带验证的表单向导</h5>
-                    </div>
-                    <div class="ibox-content">
-                        <h2>
-                                                                               带验证的表单向导
-                            </h2>
-                        <p>
-                                                                              下面这个示例展示了如何在表单向导中使用 jQuery Validation 插件
-                        </p>
+		$("#reset-btn").on("click", function() {
+            // Reset wizard
+            $('#smartwizard').smartWizard("reset");
+            return true;
+        });
 
-                        <form id="form" action="" class="wizard-big">
-                            <h1>账户</h1>
-                            <fieldset>
-                                <h2>账户信息</h2>
-                                <div class="row">
-                                    <div class="col-sm-8">
-                                        <div class="form-group">
-                                            <label>用户名 *</label>
-                                            <input id="userName" name="userName" type="text" class="form-control required">
-                                        </div>
-                                        <div class="form-group">
-                                            <label>密码 *</label>
-                                            <input id="password" name="password" type="text" class="form-control required">
-                                        </div>
-                                        <div class="form-group">
-                                            <label>确认密码 *</label>
-                                            <input id="confirm" name="confirm" type="text" class="form-control required">
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center">
-                                            <div style="margin-top: 20px">
-                                                <i class="fa fa-sign-in" style="font-size: 180px;color: #e5e5e5 "></i>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
+        $("#prev-btn").on("click", function() {
+            // Navigate previous
+            $('#smartwizard').smartWizard("prev");
+            return true;
+        });
 
-                            </fieldset>
-                            <h1>个人资料</h1>
-                            <fieldset>
-                                <h2>个人资料信息</h2>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label>姓名 *</label>
-                                            <input id="name" name="name" type="text" class="form-control required">
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label>Email *</label>
-                                            <input id="email" name="email" type="text" class="form-control required email">
-                                        </div>
-                                        <div class="form-group">
-                                            <label>地址 *</label>
-                                            <input id="address" name="address" type="text" class="form-control">
-                                        </div>
-                                    </div>
-                                </div>
-                            </fieldset>
-
-                            <h1>警告</h1>
-                            <fieldset>
-                                <div class="text-center" style="margin-top: 120px">
-                                    <h2>你是火星人 :-)</h2>
-                                </div>
-                            </fieldset>
-
-                            <h1>完成</h1>
-                            <fieldset>
-                                <h2>条款</h2>
-                                <input id="acceptTerms" name="acceptTerms" type="checkbox" class="required">
-                                <label for="acceptTerms">我同意注册条款</label>
-                            </fieldset>
-                        </form>
-                    </div>
-                </div>
-            </div>
-
-        </div>
-    </div>
-    <th:block th:include="include :: footer" />
-    <th:block th:include="include :: jquery-steps-js" />
-    <script>
-	    $(document).ready(function () {
-	        $("#wizard").steps();
-	        $("#form").steps({
-	            bodyTag: "fieldset", onStepChanging: function (event, currentIndex, newIndex) {
-	                if (currentIndex > newIndex) {
-	                    return true
-	                }
-	                if (newIndex === 3 && Number($("#age").val()) < 18) {
-	                    return false
-	                }
-	                var form = $(this);
-	                if (currentIndex < newIndex) {
-	                    $(".body:eq(" + newIndex + ") label.error", form).remove();
-	                    $(".body:eq(" + newIndex + ") .error", form).removeClass("error")
-	                }
-	                form.validate().settings.ignore = ":disabled,:hidden";
-	                return form.valid()
-	            }, onStepChanged: function (event, currentIndex, priorIndex) {
-	                if (currentIndex === 2 && Number($("#age").val()) >= 18) {
-	                    $(this).steps("next")
-	                }
-	                if (currentIndex === 2 && priorIndex === 3) {
-	                    $(this).steps("previous")
-	                }
-	            }, onFinishing: function (event, currentIndex) {
-	                var form = $(this);
-	                form.validate().settings.ignore = ":disabled";
-	                return form.valid()
-	            }, onFinished: function (event, currentIndex) {
-	                var form = $(this);
-	                form.submit()
-	            }
-	        }).validate({
-	            errorPlacement: function (error, element) {
-	                element.before(error)
-	            }, rules: {confirm: {equalTo: "#password"}}
-	        })
-	    });
+        $("#next-btn").on("click", function() {
+            // Navigate next
+            $('#smartwizard').smartWizard("next");
+            return true;
+        });
 	</script>
 </body>
 </html>
diff --git a/ruoyi-admin/src/main/resources/templates/include.html b/ruoyi-admin/src/main/resources/templates/include.html
index 57fbe288..d39f7c79 100644
--- a/ruoyi-admin/src/main/resources/templates/include.html
+++ b/ruoyi-admin/src/main/resources/templates/include.html
@@ -147,12 +147,12 @@
     <script th:src="@{/ajax/libs/jsonview/jquery.jsonview.js}"></script>
 </div>
 
-<!-- jquery.steps表单向导插件 -->
-<div th:fragment="jquery-steps-css">
-    <link th:href="@{/ajax/libs/staps/jquery.steps.css}" rel="stylesheet"/>
+<!-- jquery.smartwizard表单向导插件 -->
+<div th:fragment="jquery-smartwizard-css">
+    <link th:href="@{/ajax/libs/smartwizard/smart_wizard_all.min.css}" rel="stylesheet"/>
 </div>
-<div th:fragment="jquery-steps-js">
-    <script th:src="@{/ajax/libs/staps/jquery.steps.min.js}"></script>
+<div th:fragment="jquery-smartwizard-js">
+    <script th:src="@{/ajax/libs/smartwizard/jquery.smartWizard.min.js}"></script>
 </div>
 
 <!-- ECharts百度统计图表插件 -->