|
|
<!DOCTYPE html>
|
|
|
<html lang="en" xmlns:th=http://www.thymeleaf.org>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=0,maximum-scale=0,user-scalable=yes,shrink-to-fit=no">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
<title>表单设计器</title>
|
|
|
<link rel="stylesheet" href="./layui/css/layui.css" />
|
|
|
<link rel="stylesheet" href="./ayq/modules/cron.css" />
|
|
|
<link rel="stylesheet" href="./ayq/modules/labelGeneration.css" />
|
|
|
<link rel="stylesheet" href="./ayq/modules/formDesigner.css" />
|
|
|
</head>
|
|
|
|
|
|
<body class="layui-layout-body">
|
|
|
<input type="hidden" th:value="${formId}" id="fromId">
|
|
|
<div style="height: 100%; width: 100%;" id="formdesigner">
|
|
|
|
|
|
</div>
|
|
|
<script type="text/javascript" src="./layui/layui.js"></script>
|
|
|
<script type="text/javascript" src="./ayq/js/config.js"></script>
|
|
|
<script type="text/javascript" src="./ayq/modules/Sortable/Sortable.js"> </script>
|
|
|
<!--htmlformat 为js-beautify代码-->
|
|
|
<script type="text/javascript" src="./ayq/js/htmlformat.js"></script>
|
|
|
<script type="text/javascript" src="./ayq/js/jsformat.js"></script>
|
|
|
<script type="text/javascript" src="./ayq/modules/iceEditor/iceEditor.js"></script>
|
|
|
|
|
|
<!--引用新版本Jquery-->
|
|
|
<script type="text/javascript" src="../../js/jquery-3.6.0.min.js"></script>
|
|
|
<script type="text/javascript" src="../../js/jquery_Extend.js"></script>
|
|
|
|
|
|
<script>
|
|
|
layui.config({base: './ayq/modules/'}).use(['layer', 'formDesigner'], function () {
|
|
|
var formDesigner = layui.formDesigner;
|
|
|
var data = [];
|
|
|
//需要获取当前的url中参数module_id和page
|
|
|
let module_id = $.getUrlParam('module_id');
|
|
|
let page = $.getUrlParam('page');
|
|
|
//调用Ajax，将已经存储好的JSON数据导入进来
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
dataType: "json",
|
|
|
url: "/FengHuang/zjb/getModulePage",
|
|
|
data: {
|
|
|
"module_id": module_id,
|
|
|
"page": page
|
|
|
},
|
|
|
async: false,
|
|
|
success: function (result) {
|
|
|
data=result;
|
|
|
var render = formDesigner.render({
|
|
|
data:data,
|
|
|
elem:'#formdesigner'
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
//阻止body的drag冒泡问题
|
|
|
document.body.ondrop = function (event) {
|
|
|
event.preventDefault();
|
|
|
event.stopPropagation();
|
|
|
};
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
