| | |
| | | <title>弹窗实例</title> |
| | | <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> |
| | | <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all"> |
| | | |
| | | <link rel="stylesheet" href="../../static/layui/lay/modules/formDesigner/cron.css" /> |
| | | <link rel="stylesheet" href="../../static/layui/lay/modules/formDesigner/labelGeneration.css" /> |
| | | <link rel="stylesheet" href="../../static/layui/lay/modules/formDesigner/formDesigner.css" /> |
| | | <!--[if lt IE 9]> |
| | | <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> |
| | | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
| | |
| | | <script type="text/html" id="formEditDialog"> |
| | | <div class="layui-fluid" style="height: 100%;padding: 0"> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-header" style="padding: 10px 20px; font-size: 1.1rem"> |
| | | 表单设计 |
| | | </div> |
| | | <div class="layui-card-body"> |
| | | <div class="layui-card-body" style="height: 800px"> |
| | | <div style="height: 100%; width: 100%;" id="formDesigner"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> |
| | | <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> |
| | | <script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script> |
| | | <script type="text/javascript" src="../../static/layui/lay/modules/formDesigner/Sortable/Sortable.js"> </script> |
| | | <script> |
| | | layui.config({ |
| | | base: baseUrl + "/static/layui/lay/modules/" |
| | | }).use(['table','laydate', 'form', 'util', 'admin'], function(){ |
| | | }).use(['table','laydate', 'form', 'util', 'admin', 'formDesigner'], function(){ |
| | | var $ = layui.jquery; |
| | | var layer = layui.layer; |
| | | var admin = layui.admin; |
| | | var form = layui.form; |
| | | var table = layui.table; |
| | | var laydate = layui.laydate; |
| | | var formDesigner = layui.formDesigner; |
| | | |
| | | // 添加 |
| | | $('#eDialogAddBtn').click(function () { |
| | |
| | | // btnAlign: 'c', |
| | | content: $('#formEditDialog').html(), |
| | | success: function (layero, dIndex) { |
| | | |
| | | let formDesIdx = formDesigner.render({ |
| | | data: [], |
| | | elem:'#formDesigner' |
| | | }); |
| | | } |
| | | }) |
| | | } else if (obj.event === 'delete') { |