<!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>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/jqgrid/ui.jqgrid-bootstrap.css'}" />
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/datepicker.css'}" />
|
<link rel="stylesheet" href="/css/tagsinput.css" />
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/portlet/css/portlet.css'}" />
|
<link rel="stylesheet" type="text/css" th:href="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/jquery.steps/demo/css/jquery.steps.css'}">
|
<link th:href="@{${pubzyWebRoot} + 'media/css/bootstrap-fileupload.css'}" />
|
<link th:href="@{${pubzyWebRoot} + 'media/css/uniform.default.css'}" />
|
<link href="/js/selectChosen/component-chosen.min.css" rel="stylesheet" />
|
<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;
|
background: #fff;
|
}
|
|
.wizard.vertical > .steps {
|
width: 250px;
|
}
|
|
.wizard.vertical > .content {
|
margin: 0 0 0 15px;
|
}
|
|
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
|
padding: 0.5em;
|
}
|
|
body {
|
background-color: white;
|
box-sizing: border-box;
|
overflow-x: hidden;
|
}
|
|
.form-control {
|
padding: 0.3rem 0.7rem;
|
height: 34px;
|
display: inline-block !important;
|
}
|
|
.control-label {
|
padding-top: 0 !important;
|
width: 160px;
|
float: left;
|
line-height: 30px;
|
padding-right: 1.5em;
|
margin-top: 0 !important;
|
}
|
|
.control-group {
|
margin-bottom: 1em;
|
}
|
|
.controls {
|
margin-left: 160px;
|
}
|
|
.col-sm-3, .col-sm-6, .col-sm-12 {
|
padding-left: 0;
|
padding-right: 0;
|
}
|
|
.fade {
|
display: none;
|
}
|
|
.in.fade {
|
display: block;
|
}
|
|
.control-group error {
|
border-color: #b94a48;
|
}
|
|
#button {
|
color: #fff !important;
|
background-color: #039cfd !important;
|
border-color: #039cfd !important;
|
}
|
|
img {
|
cursor: pointer;
|
}
|
|
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
|
color: #555;
|
cursor: default;
|
background-color: #fff;
|
border: 1px solid #ddd;
|
border-bottom-color: transparent;
|
}
|
|
. {
|
display: none;
|
}
|
|
.tags-wrapper {
|
width: 75%;
|
display: inline-block;
|
}
|
|
#tagInput {
|
width: 100%;
|
}
|
|
.layer-tags-wrapper {
|
z-index: 9;
|
}
|
|
#tbGKList td {
|
border: 1px solid #ccc;
|
}
|
|
#tbGKList input {
|
text-align: center;
|
width: 100%;
|
min-height: 30px;
|
}
|
|
/*富文本编辑器底部元素路径隐藏*/
|
.edui-default .edui-editor-breadcrumb {
|
display: none;
|
}
|
|
#contents {
|
margin-left: -0.6%;
|
}
|
|
#PhotoDiv1:hover {
|
-webkit-animation: blink 1s;
|
animation: blink 1s;
|
}
|
|
@-webkit-keyframes blink {
|
0% {
|
opacity: 1
|
}
|
|
50% {
|
opacity: .7
|
}
|
|
100% {
|
opacity: 1
|
}
|
}
|
|
@keyframes blink {
|
0% {
|
opacity: 1
|
}
|
|
50% {
|
opacity: .7
|
}
|
|
100% {
|
opacity: 1
|
}
|
}
|
|
.btn {
|
display: inline-block !important;
|
}
|
|
.card-box {
|
margin-bottom: 0;
|
}
|
|
.portlet.box.ltblue {
|
border-width: 0px;
|
}
|
</style>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/portlet/portlet.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/bootstrap-datepicker.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/bootstrap-datepicker.zh-CN.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/bootstrap-fileupload.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/tabPages.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/jquery.form-3.51.0.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/layer/layer.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/jquery.tagsinput.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/validation/jquery.validate.min.js'}" type="text/javascript"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/validation/messages_zh.js'}" type="text/javascript"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/validation/additional-methods.min.js'}" type="text/javascript"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/yanzhen.js'}" type="text/javascript"></script>
|
<link th:href="@{${pubzyWebRoot} + 'ext-4.2.1.883/resources/css/ext-all-neptune.css'}" rel="stylesheet" type="text/css" />
|
<script th:src="@{${pubzyWebRoot} + 'ext-4.2.1.883/ext-all.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'ext-4.2.1.883/locale/ext-lang-zh_CN.js'}"></script>
|
<script th:src="@{${jspwebroot}+'utf8-jsp/ueditor.config.js'}"></script>
|
<script th:src="@{${jspwebroot}+'utf8-jsp/ueditor.all.js'}"></script>
|
<script th:src="@{${jspwebroot}+'utf8-jsp/lang/zh-cn/zh-cn.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/winPro.js'}"></script>
|
<script src="../../../js/validator.js"></script>
|
<script src="../../../js/esbmanage.js"></script>
|
<script src="/js/selectChosen/chosen.jquery.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 myaction = actionJ.action;
|
var url = myaction + "?random=" + Math.random();
|
FTabPages.onTab({
|
container: "#div_" + myaction,
|
isErase: actionJ.isErase,
|
url: url,
|
params: {},
|
callback: function () {
|
|
}
|
});
|
};
|
|
FTabPages.init({
|
container: "#div_MainInfo",
|
isErase: false
|
});
|
|
return {
|
onTab: function (actionJ, path) {
|
onTab(actionJ, path);
|
}
|
};
|
}();
|
|
$(function () {
|
//设置高宽
|
var h = window.innerHeight;
|
var w = window.innerWidth;
|
$(".card-box").height(h - 40);
|
|
$("#basic-form").children("div").steps({
|
headerTag: "h3",//标头标签用于在声明的向导区域中查找步骤按钮文本。
|
bodyTag: "section",//body标签用于查找声明的向导区域中的步骤内容。
|
transitionEffect: "slideLeft",
|
stepsOrientation: "vertical",
|
onStepChanging: function (event, currentIndex, newIndex) {
|
return true;
|
},
|
onStepChanged: function (event, currentIndex, priorIndex) {
|
if (currentIndex == 0) {
|
//资源类型
|
f_project_def.onTab({action: 'MainInfo', isErase: false});
|
} else if (currentIndex == 1) {
|
f_project_def.onTab({action: 'DataBase', isErase: false});
|
}
|
return true;
|
},
|
onCanceled: function (event) {
|
//取消后触发
|
},
|
onFinishing: function (event, currentIndex) {
|
//在完成之前触发，可以通过返回“false”来防止完成。
|
return true;
|
},
|
onFinished: function (event, currentIndex) {
|
//完成后触发
|
},
|
labels: {
|
previous: "上一步",
|
next: "下一步",
|
finish: "保存"
|
}
|
});
|
$(".content.clearfix").height(h - 94);
|
$(".content.clearfix").width(w - 325);
|
|
f_project_def.onTab({action: "MainInfo", isErase: false});
|
});
|
</script>
|
</head>
|
<body>
|
<div layout:fragment="content">
|
<div class="row">
|
<div class="col-xs-12" style="padding-left: 0;padding-right: 0;">
|
<div class="card-box">
|
<div class="row">
|
<div class="col-sm-12 col-xs-12">
|
<form id="basic-form" class="form-horizontal" action="#">
|
<div>
|
<h3>资源信息</h3>
|
<section>
|
<div id="div_MainInfo"></div>
|
</section>
|
<h3>数据库表信息</h3>
|
<section>
|
<div id="div_DataBase"></div>
|
</section>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|
