master
yangsai@163.com
9 months ago
parent
91a08176d4
commit
737fdbf25f
@ -0,0 +1,224 @@ |
||||
<!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"> |
||||
<link rel="stylesheet" href="/public/layui/css/layui.css" media="all"> |
||||
<link rel="stylesheet" href="/public/style/edit.css" media="all"> |
||||
<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 --> |
||||
</head> |
||||
<body> |
||||
<style> |
||||
#editor—wrapper { |
||||
border: 1px solid #ccc; |
||||
z-index: 100; /* 按需定义 */ |
||||
} |
||||
#toolbar-container { border-bottom: 1px solid #ccc; } |
||||
#editor-container { height: 400px; } |
||||
</style> |
||||
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"> |
||||
<ul class="layui-tab-title"> |
||||
<li class="layui-this">用户设置信息</li> |
||||
</ul> |
||||
<div class="layui-tab-content" style="height: 100px;"> |
||||
<div class="layui-tab-item layui-show"><table class="layui-hide" id="classClass" style="padding:25px;" lay-filter="classClass"></table></div> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="/public/layui/layui.js" charset="utf-8"></script> |
||||
<script src="/public/style/edit.js" charset="utf-8"></script> |
||||
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 --> |
||||
<script type="text/html" id="imgshow"> |
||||
<!-- 这里的 checked 的状态只是演示 --> |
||||
<img src="/{{d.img}}"> |
||||
</script> |
||||
<script type="text/html" id="tool"> |
||||
<!-- 这里的 checked 的状态只是演示 --> |
||||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> |
||||
</script> |
||||
<script> |
||||
const { createEditor, createToolbar } = window.wangEditor |
||||
|
||||
const editorConfig = { |
||||
placeholder: '请编辑公司介绍', |
||||
onChange(editor) { |
||||
const html = editor.getHtml() |
||||
console.log('editor content', html) |
||||
// 也可以同步到 <textarea> |
||||
} |
||||
} |
||||
|
||||
|
||||
const toolbarConfig = {} |
||||
|
||||
|
||||
layui.use(['layedit','table','upload','element','form','layer'], function(){ |
||||
var layedit = layui.layedit |
||||
,table = layui.table |
||||
,form = layui.form |
||||
,layer = layui.layer |
||||
,upload = layui.upload |
||||
,element = layui.element |
||||
,$ = layui.jquery; |
||||
|
||||
table.render({ |
||||
elem: '#classClass' |
||||
,url: '/admin_user/getlist' |
||||
,toolbar: '#toolbarDemo' |
||||
,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增 |
||||
,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可 |
||||
title: '提示' |
||||
,layEvent: 'LAYTABLE_TIPS' |
||||
,icon: 'layui-icon-tips' |
||||
}] |
||||
,page: true |
||||
,cols: [[ |
||||
{field:'id', width:80, title: '序号'} |
||||
,{field:'username',width:180, title: '用户名'} |
||||
,{field:'realname', title: '真实姓名'} |
||||
,{field:'cageSet', title: '笼位设置'} |
||||
,{field:'squirrelSet', title: '鼠设置'} |
||||
,{field:'excelSet', title: 'EXCEL'} |
||||
,{field:'phone', title: '手机号'} |
||||
,{field:'status', title: '审核状态'} |
||||
,{field:'is_delete', title: '是否删除'} |
||||
,{field:'created',width:180, title: '添加时间'} |
||||
,{toolbar: '#tool',width:200, title: '操作'} |
||||
]] |
||||
}); |
||||
table.on('tool(classClass)', function(obj){ |
||||
console.log(obj) |
||||
var data = obj.data; |
||||
if(obj.event === 'del'){ |
||||
layer.confirm('确定要删除数据嘛', function(index){ |
||||
$.post('/admin_index/delete',{tablename:'company',id:data.id},function(obj){ |
||||
if(obj.status != 1){ |
||||
return layer.msg(obj.msg); |
||||
}else{ |
||||
//示范一个公告层 |
||||
layer.open({ |
||||
type: 1 |
||||
,title: false //不显示标题栏 |
||||
,closeBtn: false |
||||
,area: '300px;' |
||||
,shade: 0.8 |
||||
,id: 'LAY_layuipro' //设定一个id，防止重复弹出 |
||||
,btn: '返回列表' |
||||
,btnAlign: 'c' |
||||
,moveType: 1 //拖拽模式，0或者1 |
||||
,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: bold;font-size: 20px;text-align: center;">删除成功</div>' |
||||
,yes: function(){ |
||||
history.go(0) |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
$('.site-demo-layedit').on('click', function(){ |
||||
var type = $(this).data('type'); |
||||
active[type] ? active[type].call(this) : ''; |
||||
}); |
||||
//监听提交 |
||||
form.on('submit(subdata)', function(data){ |
||||
var datas = data.field |
||||
datas.content = editor.getHtml() |
||||
$.post('/admin_index/companysave',datas,function(obj){ |
||||
if(obj.status != 1){ |
||||
return layer.msg(obj.msg); |
||||
}else{ |
||||
//示范一个公告层 |
||||
layer.open({ |
||||
type: 1 |
||||
,title: false //不显示标题栏 |
||||
,closeBtn: false |
||||
,area: '300px;' |
||||
,shade: 0.8 |
||||
,id: 'LAY_layuipro' //设定一个id，防止重复弹出 |
||||
,btn: '返回列表' |
||||
,btnAlign: 'c' |
||||
,moveType: 1 //拖拽模式，0或者1 |
||||
,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: bold;font-size: 20px;text-align: center;">添加成功</div>' |
||||
,yes: function(){ |
||||
history.go(0) |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
return false; |
||||
}); |
||||
//常规使用 - 普通图片上传 |
||||
var uploadInst = upload.render({ |
||||
elem: '#test1' |
||||
,url: '/admin_index/upload' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。 |
||||
,before: function(obj){ |
||||
//预读本地文件示例，不支持ie8 |
||||
obj.preview(function(index, file, result){ |
||||
$('#demo1').attr('src', result); //图片链接（base64） |
||||
}); |
||||
|
||||
element.progress('demo', '0%'); //进度条复位 |
||||
layer.msg('上传中', {icon: 16, time: 0}); |
||||
} |
||||
,done: function(res){ |
||||
//如果上传失败 |
||||
if(res.status != 1){ |
||||
return layer.msg('上传失败'); |
||||
} |
||||
$('#img').val(res.data); //置空上传失败的状态 |
||||
//上传成功的一些操作 |
||||
//…… |
||||
$('#demoText').html(''); //置空上传失败的状态 |
||||
} |
||||
,error: function(){ |
||||
//演示失败状态，并实现重传 |
||||
var demoText = $('#demoText'); |
||||
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'); |
||||
demoText.find('.demo-reload').on('click', function(){ |
||||
uploadInst.upload(); |
||||
}); |
||||
} |
||||
//进度条 |
||||
,progress: function(n, elem, e){ |
||||
element.progress('demo', n + '%'); //可配合 layui 进度条元素使用 |
||||
if(n == 100){ |
||||
layer.msg('上传完毕', {icon: 1}); |
||||
} |
||||
} |
||||
}); |
||||
// function deletet(tablename,id){ |
||||
// $.post('/admin_index/delete',{tablename:tablename,id:id},function(obj){ |
||||
// if(obj.status != 1){ |
||||
// return layer.msg(obj.msg); |
||||
// }else{ |
||||
// //示范一个公告层 |
||||
// layer.open({ |
||||
// type: 1 |
||||
// ,title: false //不显示标题栏 |
||||
// ,closeBtn: false |
||||
// ,area: '300px;' |
||||
// ,shade: 0.8 |
||||
// ,id: 'LAY_layuipro' //设定一个id，防止重复弹出 |
||||
// ,btn: '返回列表' |
||||
// ,btnAlign: 'c' |
||||
// ,moveType: 1 //拖拽模式，0或者1 |
||||
// ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: bold;font-size: 20px;text-align: center;">添加成功</div>' |
||||
// ,yes: function(){ |
||||
// history.go(0) |
||||
// } |
||||
// }); |
||||
// } |
||||
// }); |
||||
// } |
||||
|
||||
}); |
||||
|
||||
</script> |
||||
|
||||
</body> |
||||
</html> |
||||
|
|
Loading…
Reference in new issue