yingjiekeji
/
sfter_service


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<title>通用配置信息</title>
	<link rel="stylesheet" href="/content/lib/layui-v2.9.18/css/layui.css" media="all">
    <link rel="stylesheet" href="/content/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="/content/css/public.css" media="all">
</head>
<body>
	<div class="layuimini-container">
		<div class="layuimini-main">

			<blockquote class="layui-elem-quote p10">
				<form class="layui-form layui-form-pane" action="">
					<div class="layui-form-item" style="margin-bottom:0px;">
						<div class="layui-inline">
							<label class="layui-form-label">KEY：</label>
							<div class="layui-input-inline">
								<input type="text" name="key" placeholder="请输入KEY" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">启用：</label>
							<div class="layui-input-inline">
								<select name='enable'>
									<option value=''></option>
									<option value='true'> 启用 </option>
									<option value='false'> 禁用 </option>
								</select>
							</div>
						</div>
						<div class="layui-inline">
							<button type="submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="data-search-btn"><i class="fa fa-search"></i> 搜 索&nbsp;&nbsp;</button>
						</div>
					</div>
				</form>
			</blockquote>
			<div style="display: none;" id="zyupload" class="zyupload"></div>
			<div class="layui-field-box" style="padding:0;">
				<script type="text/html" id="toolbarDemo">
					<div class="layui-btn-container">
						<button class="layui-btn layui-btn-sm" lay-event="add" title="添加"><i class="fa fa-plus"> 添加</i></button>
						<button class="layui-btn layui-btn-sm" lay-event="sync" title="同步"><i class="fa fa-cloud-download"> 同步</i></button>
					</div>
				</script>
				<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
			</div>
		</div>
	</div>
	<!-- 操作列 -->
	<script type="text/html" id="currentTableBar">
		<a class="layui-btn layui-btn		 layui-btn-xs" lay-event="update"><i class="fa fa-cloud-download"></i> 更新</a>
		<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="fa fa-edit"></i> 编辑</a>
		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="fa fa-times"></i> 删除</a>
	</script>

	<script src="/content/lib/layui-v2.9.18/layui.js" charset="utf-8"></script>
	<script src="/content/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
	<script src="/content/lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
	<script>
		layui.use(['table', 'form', 'jquery'], function () {
			var $ = layui.jquery,
				table = layui.table,
                form = layui.form,
				laydate = layui.laydate;

			//表格
			table.render({
				elem: '#currentTableId',
				height: 'full-140', //高度最大化减去差值
                url: '/general/load',  //数据接口
				toolbar: '#toolbarDemo',
				where: {
                    key :'',
                    enable: ''
				},
				cols: [[ //表头
					{ field: 'id', title: 'Id', width: 80, fixed: 'left' },
					{
                        field: 'modify_time', title: '创建时间', width: 180, templet: function (res) {
                            var arr = res.modify_time.split('.');
							if (arr.length == 2)
								return arr[0];
                            return res.modify_time;
						}
					},
					{ field: 'key', title: 'KEY', width: 130 },
                    { field: 'value', title: 'VALUE', width: 300 },
					{
						field: 'enable', title: '状态', width: 80, templet: function (res) {
							return res.enable ? '启用' : '禁用';
						}
					},
					{ field: 'remarks', title: '备注', width: 300 },
					{ toolbar: '#currentTableBar', width: 300, align: 'center',fixed: 'right'}
				]],
				limits: [50, 100],
				limit: 50,
				page: true
			});
			//搜索
			form.on('submit(data-search-btn)', function (data) {
				//执行搜索重载
				table.reload('currentTableId', {
					page: {
						curr: 1
					},
					where: {
                        key: data.field.key,
                        enable: data.field.enable
					}
				}, 'data');
				return false;
			});
			//监听工具条
			table.on('tool(currentTableFilter)', function (obj) {
				var data = obj.data;
				var layEvent = obj.event;
				if (layEvent === 'edit') {
					//多窗口模式，层叠置顶
					layer.open({
						type: 2
						, title: '编辑'
                        , area: ['680px', '410px']
						, maxmin: true
                        , content: '/general/edit_view?id=' + data.id
					});
				}
				else if (layEvent === 'del') {
					layer.confirm('确定要删除吗?', {
						title: "询问",
					}, function (index) {
						$.ajax({
							type: "POST",
                            url: "/general/remove",
							data: 'id=' + data.id,
							async: false,
							success: function (result) {
								if (result.success) {
									obj.del();//删除这一行
									layer.close(index); //关闭弹框
									layer.msg(result.message, {
										icon: 1  //1:勾 6：笑脸
									});
								}
								else {
									layer.msg(result.message, {
										icon: 5  //1:勾 6：笑脸
									});
								}
							},
							error: function (msg) {
								layer.msg(result.message, {
									icon: 5  //1:勾 6：笑脸
								});
							}
						});
						return false;
					});
				}
                else if (obj.event === 'update') {
                    layer.confirm('请谨慎使用!,确定要同步么?', {
                        title: "询问",
                    }, function (index) {
                        $.ajax({
                            type: "POST",
							url: "/general/sync",
							data: 'key=' + data.key,
                            async: false,
                            success: function (result) {
                                if (result.success) {
                                    layer.close(index); //关闭弹框
                                    layer.msg(result.message, {
                                        icon: 1  //1:勾 6：笑脸
									});
                                    
                                }
                                else {
                                    layer.msg(result.message, {
                                        icon: 5  //1:勾 6：笑脸
                                    });
                                }
                            },
                            error: function (result) {
                                layer.msg(result.message, {
                                    icon: 5  //1:勾 6：笑脸
                                });
                            }
                        });
                        return false;
                    });
                }
			});
			//toolbar监听事件
			table.on('toolbar(currentTableFilter)', function (obj) {
				if (obj.event === 'add') {  // 监听添加操作
					//多窗口模式，层叠置顶
					layer.open({
						type: 2
						, title: '添加'
						, area: ['680px', '410px']
						, maxmin: false
                        , content: '/general/add_view'
					});
				}
                else if (obj.event === 'sync') {
                    layer.confirm('请谨慎使用!,确定要同步么?', {
                        title: "询问",
                    }, function (index) {
                        $.ajax({
                            type: "POST",
                            url: "/general/sync",
                            data: 'key=0',
                            async: false,
                            success: function (result) {
                                if (result.success) {
                                    layer.close(index); //关闭弹框
                                    layer.msg(result.message, {
                                        icon: 1  //1:勾 6：笑脸
									});
                                    //执行搜索重载
                                    table.reload('currentTableId', {
                                        page: {
                                            curr: 1
                                        },
                                        where: {
                                            key: '',
                                            enable: ''
                                        }
                                    }, 'data');
                                }
                                else {
                                    layer.msg(result.message, {
                                        icon: 5  //1:勾 6：笑脸
                                    });
                                }
                            },
                            error: function (result) {
                                layer.msg(result.message, {
                                    icon: 5  //1:勾 6：笑脸
                                });
                            }
                        });
                        return false;
                    });
				}
			});
		});
	</script>
</body>
</html>