| | |
| | | <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> |
| | |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label">类型标识</label> |
| | | <div class="layui-input-block"> |
| | | <input class="layui-input" name="memo" placeholder="请输入标识"/> |
| | | <input class="layui-input" name="flag" placeholder="请输入标识"/> |
| | | </div> |
| | | </div> |
| | | <div class="layui-form-item"> |
| | |
| | | |
| | | <!-- 表格操作列 --> |
| | | <script type="text/html" id="eDialogTbBar"> |
| | | <a class="layui-btn layui-btn-sm" lay-event="form"><i class="layui-icon"></i>表单</a> |
| | | <a class="layui-btn layui-btn-sm layui-btn-primary" lay-event="edit"><i class="layui-icon"></i>修改</a> |
| | | <a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="delete"><i class="layui-icon"></i>删除</a> |
| | | </script> |
| | | |
| | | <!-- 表单弹窗 --> |
| | | <script type="text/html" id="formEditDialog"> |
| | | <div class="layui-fluid" style="height: 100%;padding: 0"> |
| | | <div class="layui-card"> |
| | | <div class="layui-card-body" style="height: 800px"> |
| | | <div style="height: 100%; width: 100%;" id="formDesigner"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </script> |
| | | |
| | | <!-- js部分 --> |
| | | <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> |
| | | <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 () { |
| | |
| | | // 工具条点击事件 |
| | | table.on('tool(planTypeTable)', function (obj) { |
| | | var data = obj.data; |
| | | if (obj.event === 'delete') { |
| | | if (obj.event === 'form') { |
| | | admin.open({ |
| | | type: 1, |
| | | area: ['95%', '95%'], |
| | | title: false, |
| | | closeBtn: true, |
| | | offset: 'auto', |
| | | // btn: ['确认', '关闭'], |
| | | // btnAlign: 'c', |
| | | content: $('#formEditDialog').html(), |
| | | success: function (layero, dIndex) { |
| | | let formDesIdx = formDesigner.render({ |
| | | data: [], |
| | | elem:'#formDesigner' |
| | | }); |
| | | } |
| | | }) |
| | | } else if (obj.event === 'delete') { |
| | | var ids = [data.id]; |
| | | doDel({ids: ids}); |
| | | } else if (obj.event === 'edit') { |