<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:layout="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" layout:decorator="MasterPage/Layout.Empty">
|
<head>
|
<meta charset="UTF-8">
|
<title th:text="${systemName}"></title>
|
<link rel="stylesheet" type="text/css" th:href="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/jquery.steps/demo/css/jquery.steps.css'}">
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/portlet/css/portlet.css'}" />
|
<style>
|
.wizard > .steps > ul > li {
|
width: 20%;
|
}
|
|
.row {
|
margin-left: 0;
|
margin-right: 0;
|
}
|
|
.wizard > .content > .body {
|
width: 100%;
|
height: 100%;
|
padding: 0;
|
overflow-y: auto;
|
overflow-x: hidden;
|
}
|
|
.wizard > .content {
|
padding: 0px;
|
}
|
</style>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/tabPages.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/jquery.steps/build/jquery.steps.min.js'}" type="text/javascript"></script>
|
<script>
|
var f_project_def = function () {
|
this.onTab = function (actionJ, params) { //切换页签
|
var resMainInfoId = $("#resMainInfoId").val();
|
var myaction = actionJ.action;
|
var url = myaction + "?resMainInfoId=" + resMainInfoId + "&random=" + Math.random();
|
FTabPages.onTab({
|
container: "#div_" + myaction,
|
isErase: actionJ.isErase,
|
url: url,
|
params: {},
|
callback: function () {
|
if (actionJ.callback != null) {
|
actionJ.callback();
|
}
|
}
|
});
|
};
|
|
FTabPages.init({
|
container: "#div_MainInfo",
|
isErase: false
|
});
|
|
return {
|
onTab: function (actionJ, path) {
|
onTab(actionJ, path);
|
}
|
};
|
}();
|
|
$(function () {
|
f_project_def.onTab({action: "first", isErase: false});
|
});
|
</script>
|
</head>
|
<body>
|
<div layout:fragment="content">
|
<div class="row">
|
<div class="col-xs-12">
|
<div class="card-box">
|
<div class="row">
|
<div class="col-sm-12 col-xs-12">
|
<form id="basic-form" action="#">
|
<div>
|
<h3>资源类型</h3>
|
<section>
|
<div id="div_first"></div>
|
</section>
|
<h3>服务信息</h3>
|
<section>
|
<div id="div_ExtDataBase"></div>
|
</section>
|
<h3>选择范围</h3>
|
<section>
|
<div id="div_third">
|
</div>
|
</section>
|
<h3>基本信息</h3>
|
<section>
|
<div id="div_BaseInfo"></div>
|
</section>
|
<h3>ESB代理</h3>
|
<section>
|
<div id="div_EsbProxy"></div>
|
</section>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script src="../../js/jquery.wizard-init.js" ></script>
|
</div>
|
</body>
|
</html>
|
