index.ftl

最新推荐文章于 2023-07-11 08:21:07 发布

chichunjian6120

最新推荐文章于 2023-07-11 08:21:07 发布

阅读量253

点赞数

原文链接：https://my.oschina.net/venju/blog/1940621

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>模型列表</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
#include("/common/resources.inc.ftl")
</head>
<body>

<div class="layui-fluid">
    <div class="layui-card">
    	<div class="layui-form layui-card-header layuiadmin-card-header-auto">
    		<div class="layui-btn-group">
                <button class="layui-btn" data-type="add"><i class="layui-icon">&#xe654;</i>添加</button>
            </div>
            
            <div class="layui-inline">
                <label class="layui-form-label"></label>
                <div class="layui-input-block">
                    <input type="text" name="keyword" placeholder="模型代码、名称、包名" autocomplete="off" class="layui-input" lay-filter="search">
                </div>
            </div>
   			<div class="layui-inline">
                 <button class="layui-btn" lay-submit="" lay-filter="search">
                     <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                 </button>
             </div>
    	</div>
        <div class="layui-card-body">
			<table id="tb" class="layui-table" 
				lay-data="{url:'#(JL_PATH)/codegen/model/dgModel',page:true,cellMinWidth:80,height:'full-80',limit:25,limits:[25,50,100]}" 
				lay-filter="tb" >
				<thead>
					<tr>
						<th lay-data="{field:'modelCode', sort: true, edit:'text'}">模型代码</th>
						<th lay-data="{field:'modelName', edit:'text'}">模型名称</th>
						<th lay-data="{field:'modelPackage', sort:true, edit:'text'}">包名</th>
						<th lay-data="{field:'action', toolbar:'#toolbar'}">操作</th>
					</tr>
				</thead>
			</table>
			
        </div>
    </div>
</div>

</body>
</html>

<script type="text/html" id="toolbar">
	<a class="layui-btn layui-btn-xs" lay-event="edit">模型</a>
	<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="ddl">DDL</a>
	<a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="sourceCode">源码</a>
	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
</script>

<script>
	layui.config({
	    base: '#(JL_PATH)/assets/layuiadmin/'
	}).extend({
	    index: 'lib/index'
	}).use(['index', 'useradmin', 'table','form'], function () {
	    var table = layui.table, form = layui.form;

		//监听搜索
        form.on('submit(search)', function (data) {
            table.reload('tb', {
                where: data.field
            });
        });
	    
		//监听工具条
		table.on('tool(tb)', function(obj) {
			var data = obj.data;
			var layEvent = obj.event;

			if(layEvent === 'edit') {
				//dialog({title:"模型-"+data.modelCode, content:"#(JL_PATH)/codegen/model/edit/"+data.modelCode}, function(){console.log(1);})
				openTab("模型-"+data.modelCode, "#(JL_PATH)/codegen/model/edit/"+data.modelCode);
			} else if(layEvent === 'ddl') {
				
			} else if(layEvent === 'sourceCode') {
				
			} else if(layEvent === 'delete') {
				layer.confirm('确定删除吗？', function (index) {
					
					
                    table.reload('LAY-user-manage');
                    layer.msg('已删除');
                });
			}
		});
		
      	//监听按钮的点击事件
        $('.layui-btn').on('click', function () {
            var type = $(this).data('type');
            
            if(type=="add") {
            	dialog({content:"/codegen/model/modelDialog", area: ['450px', '300px'], }, doSave);
            }
        });
		
      	function doSave(index, layero) {
            var iframeWindow = window['layui-layer-iframe' + index]
            , submitID = 'fm-submit'
            , submit = layero.find('iframe').contents().find('#' + submitID);
      		
      		//监听提交
            iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
                var field = data.field;

                $.post("#(JL_PATH)/codegen/model/saveModel", field, function(response) {
                	if(response.code == 0) {
            			layer.msg(response.msg);
            			table.reload('tb');
            			layer.close(index);
            		} else {
            			layer.msg(response.msg);
    		        }
            	});
            });

            submit.trigger('click');
      	}
      	
      	//监听单元格编辑
		table.on('edit(tb)', function(obj){
			var value = obj.value //得到修改后的值
			,data = obj.data //得到所在行所有键值
			,field = obj.field; //得到字段
			
			$.post("#(JL_PATH)/codegen/model/updateField", {id:data.id,field:field,value:value}, function(response) {
				layer.msg(response.msg);
			});
		});
      	
	});
</script>

转载于:https://my.oschina.net/venju/blog/1940621