提交 65849bfd 编写于 作者: Skyeye云's avatar Skyeye云

删除多余文件

上级 cc936577
layui.config({
base: '../../assets/lib/' //指定 lib 路径
, version: '1.0.0-beta'
}).extend({
echarts: 'echarts/echarts',
echartsTheme: 'echarts/echartsTheme',
winui: 'winui/winui'
}).define(['winui', 'echarts'], function (exports) {
winui.renderColor();
var $ = layui.jquery,
echartDom = [$('#bar')[0], $('#line')[0], $('#area')[0], $('#pie')[0]],
echartInstance = [];
var echartsOption = [{
title: {
text: 'ECharts入门示例',
textStyle: {
fontSize: 14
}
},
tooltip: {},
legend: {
data: ['销量']
},
xAxis: {
data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
}, {
title: {
text: 'ECharts入门示例',
x: 'center',
textStyle: {
fontSize: 14
}
},
tooltip: {},
legend: {
orient: 'vertical',
left: 'left',
data: ['销量']
},
xAxis: {
data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'line',
data: [5, 20, 36, 10, 10, 20]
}]
}, {
title: {
text: '今日流量趋势',
x: 'center',
textStyle: {
fontSize: 14
}
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['', '']
},
xAxis: [{
type: 'category',
boundaryGap: false,
data: ['06:00', '06:30', '07:00', '07:30', '08:00', '08:30', '09:00', '09:30', '10:00', '11:30', '12:00', '12:30', '13:00', '13:30', '14:00', '14:30', '15:00', '15:30', '16:00', '16:30', '17:00', '17:30', '18:00', '18:30', '19:00', '19:30', '20:00', '20:30', '21:00', '21:30', '22:00', '22:30', '23:00', '23:30']
}],
yAxis: [{
type: 'value'
}],
series: [{
name: 'PV',
type: 'line',
smooth: true,
itemStyle: { normal: { areaStyle: { type: 'default' } } },
data: [111, 222, 333, 444, 555, 666, 3333, 33333, 55555, 66666, 33333, 3333, 6666, 11888, 26666, 38888, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 5555, 3333, 2222, 3111, 6999, 5888, 2777, 1666, 999, 888, 777]
}, {
name: 'UV',
type: 'line',
smooth: true,
itemStyle: { normal: { areaStyle: { type: 'default' } } },
data: [11, 22, 33, 44, 55, 66, 333, 3333, 5555, 12666, 3333, 333, 666, 1188, 2666, 3888, 6666, 4222, 3999, 2888, 1777, 966, 655, 555, 333, 222, 311, 699, 588, 277, 166, 99, 88, 77]
}]
}, {
title: {
text: '用户访问来源',
x: 'center'
},
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
},
series: [
{
name: '访问来源',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: [
{ value: 335, name: '直接访问' },
{ value: 310, name: '邮件营销' },
{ value: 234, name: '联盟广告' },
{ value: 135, name: '视频广告' },
{ value: 1548, name: '搜索引擎' }
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
}];
loadECharts(0);
//监听Winui的左右Tab切换
winui.tab.on('tabchange(winuitab)', function (data) {
loadECharts(data.index);
});
function loadECharts(i) {
echartInstance[i] = echarts.init(echartDom[i], layui.echartsTheme);
echartInstance[i].clear();
echartInstance[i].resize();
echartInstance[i].setOption(echartsOption[i]);
window.onresize = echartInstance[i].resize;
}
exports('echartsdemo', {});
});
//@ sourceURL=menulist.js
layui.config({
base: '../../assets/lib/' //指定 winui 路径
, version: '1.0.0-beta'
}).extend({
winui: 'winui/winui',
window: 'winui/js/winui.window'
}).define(['table', 'jquery', 'winui', 'window', 'layer'], function (exports) {
winui.renderColor();
var table = layui.table,
$ = layui.$, tableId = 'tableid';
//桌面显示提示消息的函数
var msg = top.winui.window.msg;
//表格渲染
table.render({
id: tableId,
elem: '#menu',
url: '../../assets/json/menulist.json',
//height: 'full-65', //自适应高度
//size: '', //表格尺寸,可选值sm lg
//skin: '', //边框风格,可选值line row nob
//even:true, //隔行变色
page: true,
limits: [10, 20, 30, 40, 50, 60, 70, 100],
limit: 10,
cols: [[
{ field: 'id', type: 'checkbox' },
{ field: 'icon', title: '图标', width: 120 },
{ field: 'name', title: '名称', width: 150 },
{ field: 'title', title: '标题', width: 150 },
{ field: 'pageURL', title: '页面地址', width: 200 },
{ field: 'openType', title: '页面类型', width: 120, templet: '#openTypeTpl' },
{ field: 'isNecessary', title: '系统菜单', width: 100, templet: '#isNecessary' },
{ field: 'order', title: '排序', width: 80, edit: 'text' },
{ title: '操作', fixed: 'right', align: 'center', toolbar: '#barMenu', width: 200 }
]]
});
//监听工具条
table.on('tool(menutable)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
var data = obj.data; //获得当前行数据
var layEvent = obj.event; //获得 lay-event 对应的值
var tr = obj.tr; //获得当前行 tr 的DOM对象
var ids = ''; //选中的Id
$(data).each(function (index, item) {
ids += item.id + ',';
});
if (layEvent === 'del') { //删除
deleteMenu(ids, obj);
} else if (layEvent === 'edit') { //编辑
openEditWindow(data.id);
} else if (layEvent === 'setting') { //功能设置
$.ajax({
type: 'get',
url: 'setting.html?menuId=' + data.id,
async: false,
success: function (data) {
content = data;
//从桌面打开
top.winui.window.open({
id: 'settingMenu',
type: 1,
title: '权限设置',
content: content,
area: ['55vw', '70vh'],
offset: ['15vh', '25vw'],
});
},
error: function (xml) {
msg("获取页面失败", {
icon: 2,
time: 2000
});
console.log(xml.responseText);
}
});
}
});
//监听单元格编辑
table.on('edit(menutable)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
if (/^[0-9]+$/.test(obj.value)) {
var index = layer.load(1);
$.ajax({
type: 'post',
url: 'views/menu/updatemenuorder',
data: { "id": obj.data.id, "order": obj.value },
success: function (json) {
layer.close(index);
if (!json.isSucceed) {
msg(json.message);
}
},
error: function (xml) {
layer.close(index);
msg("修改失败", {
icon: 2,
time: 2000
});
console.log(xml.responseText);
}
});
}
});
//打开编辑窗口
function openEditWindow(id) {
if (!id) return;
var content;
var index = layer.load(1);
$.ajax({
type: 'get',
url: 'edit.html?id=' + id,
success: function (data) {
layer.close(index);
content = data;
//从桌面打开
top.winui.window.open({
id: 'editMenu',
type: 1,
title: '编辑菜单',
content: content,
area: ['50vw', '70vh'],
offset: ['15vh', '25vw'],
});
},
error: function (xml) {
layer.close(index);
msg("获取页面失败", {
icon: 2,
time: 2000
});
console.log(xml.responseText);
}
});
}
//删除菜单
function deleteMenu(ids, obj) {
var message = obj ? '确认删除菜单【' + obj.data.name + '】吗?' : '确认删除选中数据吗?';
top.winui.window.confirm(message, { icon: 3, title: '删除系统菜单' }, function (index) {
layer.close(index);
msg('删除成功', {
icon: 1,
time: 2000
});
//刷新表格
if (obj) {
obj.del(); //删除对应行(tr)的DOM结构
} else {
reloadTable(); //直接刷新表格
}
});
}
//表格刷新
function reloadTable() {
table.reload(tableId, {});
}
//绑定工具栏添加按钮事件
$('#addMenu').on('click', function () {
var content;
var index = layer.load(1);
$.ajax({
type: 'get',
url: 'add.html',
success: function (data) {
layer.close(index);
content = data;
//从桌面打开
top.winui.window.open({
id: 'addMenu',
type: 1,
title: '新增菜单',
content: content,
area: ['50vw', '70vh'],
offset: ['15vh', '25vw']
});
},
error: function (xml) {
layer.close(load);
msg('操作失败', {
icon: 2,
time: 2000
});
console.error(xml.responseText);
}
});
});
//绑定工具栏编辑按钮事件
$('#editMenu').on('click', function () {
var checkStatus = table.checkStatus(tableId);
var checkCount = checkStatus.data.length;
if (checkCount < 1) {
msg('请选择一条数据', {
time: 2000
});
return false;
}
if (checkCount > 1) {
msg('只能选择一条数据', {
time: 2000
});
return false;
}
openEditWindow(checkStatus.data[0].id);
});
//绑定工具栏删除按钮事件
$('#deleteMenu').on('click', function () {
var checkStatus = table.checkStatus(tableId);
var checkCount = checkStatus.data.length;
if (checkCount < 1) {
msg('请选择一条数据', {
time: 2000
});
return false;
}
var ids = '';
$(checkStatus.data).each(function (index, item) {
ids += item.id + ',';
});
deleteMenu(ids);
});
//绑定工具栏刷新按钮事件
$('#reloadTable').on('click', reloadTable);
exports('menulist', {});
});
layui.config({
base: '../../assets/lib/winui/' //指定 winui 路径
, version: '1.0.0-beta'
}).define(['table', 'jquery', 'winui'], function (exports) {
winui.renderColor();
var table = layui.table,
$ = layui.$,
tableId = 'tableid';
//表格渲染
table.render({
id: tableId,
elem: '#role',
url: '../../assets/json/rolelist.json',
//height: 'full-65', //自适应高度
//size: '', //表格尺寸,可选值sm lg
//skin: '', //边框风格,可选值line row nob
//even:true, //隔行变色
page: true,
limits: [8, 16, 24, 32, 40, 48, 56],
limit: 8,
cols: [[
{ field: 'id', type: 'checkbox' },
{ field: 'roleName', title: '名称', width: 120 },
{ field: 'description', title: '描述', width: 582 },
{ field: 'dataState', title: '状态', width: 60, templet: '#stateTpl' },
{ title: '操作', fixed: 'right', align: 'center', toolbar: '#barRole', width: 120 }
]]
});
//监听工具条
table.on('tool(roletable)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
var data = obj.data; //获得当前行数据
var layEvent = obj.event; //获得 lay-event 对应的值
var tr = obj.tr; //获得当前行 tr 的DOM对象
var ids = ''; //选中的Id
$(data).each(function (index, item) {
ids += item.id + ',';
});
if (layEvent === 'del') { //删除
deleteRole(ids, obj);
} else if (layEvent === 'edit') { //编辑
if (!data.id) return;
var content;
var index = layer.load(1);
$.ajax({
type: 'get',
url: '../../tpl/role/edit.html?id=' + data.id,
async: true,
success: function (data) {
layer.close(index);
content = data;
//从桌面打开
top.winui.window.open({
id: 'editRole',
type: 1,
title: '编辑角色',
content: content,
area: ['60vw', '70vh'],
offset: ['15vh', '20vw'],
});
top.winui.window.msg("选择框带联动的,尽情享用", {
time: 2000
});
},
error: function (xml) {
layer.close(index);
top.winui.window.msg("获取页面失败", {
icon: 2,
time: 2000
});
console.log(xml.responseText);
}
});
}
});
//表格重载
function reloadTable() {
table.reload(tableId, {});
}
//打开添加页面
function addRole() {
top.winui.window.msg("自行脑补画面", {
icon: 2,
time: 2000
});
}
//删除角色
function deleteRole(ids, obj) {
var msg = obj ? '确认删除角色【' + obj.data.roleName + '】吗?' : '确认删除选中数据吗?'
top.winui.window.confirm(msg, { icon: 3, title: '删除系统角色' }, function (index) {
layer.close(index);
//向服务端发送删除指令
//刷新表格
if (obj) {
top.winui.window.msg('删除成功', {
icon: 1,
time: 2000
});
obj.del(); //删除对应行(tr)的DOM结构
} else {
top.winui.window.msg('向服务端发送删除指令后刷新表格即可', {
time: 2000
});
reloadTable(); //直接刷新表格
}
});
}
//绑定按钮事件
$('#addRole').on('click', addRole);
$('#deleteRole').on('click', function () {
var checkStatus = table.checkStatus(tableId);
var checkCount = checkStatus.data.length;
if (checkCount < 1) {
top.winui.window.msg('请选择一条数据', {
time: 2000
});
return false;
}
var ids = '';
$(checkStatus.data).each(function (index, item) {
ids += item.id + ',';
});
deleteRole(ids);
});
$('#reloadTable').on('click', reloadTable);
exports('rolelist', {});
});
<style>
dl.menulist dd {
margin-left: 26px;
}
dl.menulist dd,
dl.menulist dt {
height: 30px;
line-height: 30px;
}
dl.menulist dd .layui-form-checkbox,
dl.menulist dt .layui-form-checkbox {
margin-right: 8px;
}
dl.menulist .functions {
margin-left: 200px;
float: right;
}
dl.menulist .functions > span {
padding: 0 5px;
}
dl.menulist .layui-form-checkbox[lay-skin="primary"] {
margin-top: 2px;
}
</style>
<div style="width:860px;margin:0 auto;padding-top:20px;">
<form class="layui-form layui-form-pane" action="">
<input type="hidden" name="id" value="3" />
<div class="layui-form-item">
<label class="layui-form-label">角色名称</label>
<div class="layui-input-block">
<input type="text" name="roleName" win-verify="required" placeholder="请输入角色名称" autocomplete="off" class="layui-input" value="&#x8D85;&#x7EA7;&#x7BA1;&#x7406;&#x5458;" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">角色描述</label>
<div class="layui-input-block">
<input type="text" name="description" win-verify="required" placeholder="请输入角色描述" autocomplete="off" class="layui-input" value="&#x53EF;&#x67E5;&#x770B;&#x6240;&#x6709;&#x83DC;&#x5355;&#xFF0C;&#x53EF;&#x4F7F;&#x7528;&#x6240;&#x6709;&#x529F;&#x80FD;&#x3002;" />
</div>
</div>
<div class="layui-form-item">
<input id="hidMenus" type="hidden" name="menus" value="" />
<input id="hidFuctions" type="hidden" name="functions" value="" />
<hr class="layui-bg-blue">
<dl class="menulist layui-form">
<dt>
<input type="checkbox" class="cbxmenu" value="1" lay-skin="primary" lay-filter="cbxmenu" checked />&#x4E2A;&#x6027;&#x5316;
<span class="functions">
</span>
</dt>
<dt>
<input type="checkbox" class="cbxmenu" value="3" lay-skin="primary" lay-filter="cbxmenu" checked />&#x6253;&#x8D4F;&#x4F5C;&#x8005;
<span class="functions">
</span>
</dt>
<dt>
<input type="checkbox" class="cbxmenu" value="4" lay-skin="primary" lay-filter="cbxmenu" checked />&#x57FA;&#x672C;&#x8BF4;&#x660E;
<span class="functions">
</span>
</dt>
<!-- 有子列表的 且带权限选择 -->
<dt>
<input type="checkbox" class="cbxmenu" value="23" lay-skin="primary" lay-filter="cbxmenu" checked />&#x7CFB;&#x7EDF;&#x8BBE;&#x7F6E;
<span class="functions">
</span>
</dt>
<dd>
<input type="checkbox" class="cbxmenu" value="2" lay-skin="primary" lay-filter="cbxmenu" checked />&#x83DC;&#x5355;&#x8BBE;&#x7F6E;
<span class="functions">
<span><input type="checkbox" class="cbxfunction" value="3" lay-skin="primary" lay-filter="cbxfunction" checked />&#x65B0;&#x589E;&#x83DC;&#x5355;</span>
<span><input type="checkbox" class="cbxfunction" value="4" lay-skin="primary" lay-filter="cbxfunction" checked />&#x7F16;&#x8F91;&#x83DC;&#x5355;</span>
<span><input type="checkbox" class="cbxfunction" value="5" lay-skin="primary" lay-filter="cbxfunction" checked />&#x5220;&#x9664;&#x83DC;&#x5355;</span>
<span><input type="checkbox" class="cbxfunction" value="17" lay-skin="primary" lay-filter="cbxfunction" checked />&#x589E;&#x6539;&#x529F;&#x80FD;</span>
<span><input type="checkbox" class="cbxfunction" value="18" lay-skin="primary" lay-filter="cbxfunction" checked />&#x5220;&#x9664;&#x529F;&#x80FD;</span>
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="19" lay-skin="primary" lay-filter="cbxmenu" checked />&#x64CD;&#x4F5C;&#x5458;&#x7BA1;&#x7406;
<span class="functions">
<span><input type="checkbox" class="cbxfunction" value="11" lay-skin="primary" lay-filter="cbxfunction" checked />&#x65B0;&#x589E;&#x64CD;&#x4F5C;&#x5458;</span>
<span><input type="checkbox" class="cbxfunction" value="12" lay-skin="primary" lay-filter="cbxfunction" checked />&#x4FEE;&#x6539;&#x64CD;&#x4F5C;&#x5458;</span>
<span><input type="checkbox" class="cbxfunction" value="13" lay-skin="primary" lay-filter="cbxfunction" checked />&#x5220;&#x9664;&#x64CD;&#x4F5C;&#x5458;</span>
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="22" lay-skin="primary" lay-filter="cbxmenu" checked />&#x89D2;&#x8272;&#x7BA1;&#x7406;
<span class="functions">
<span><input type="checkbox" class="cbxfunction" value="14" lay-skin="primary" lay-filter="cbxfunction" checked />&#x65B0;&#x589E;&#x89D2;&#x8272;</span>
<span><input type="checkbox" class="cbxfunction" value="15" lay-skin="primary" lay-filter="cbxfunction" checked />&#x7F16;&#x8F91;&#x89D2;&#x8272;</span>
<span><input type="checkbox" class="cbxfunction" value="16" lay-skin="primary" lay-filter="cbxfunction" checked />&#x5220;&#x9664;&#x89D2;&#x8272;</span>
</span>
</dd>
<!-- 有子列表的 且带权限选择 -->
<dt>
<input type="checkbox" class="cbxmenu" value="27" lay-skin="primary" lay-filter="cbxmenu" />Font Awesome&#x56FE;&#x6807;&#x5C55;&#x793A;
<span class="functions">
</span>
</dt>
<dd>
<input type="checkbox" class="cbxmenu" value="28" lay-skin="primary" lay-filter="cbxmenu" />&#x56FE;&#x7247;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="29" lay-skin="primary" lay-filter="cbxmenu" />&#x4E66;&#x7B7E;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="30" lay-skin="primary" lay-filter="cbxmenu" />&#x65E5;&#x5386;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="31" lay-skin="primary" lay-filter="cbxmenu" />&#x8BC4;&#x8BBA;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="32" lay-skin="primary" lay-filter="cbxmenu" />&#x90AE;&#x4EF6;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="33" lay-skin="primary" lay-filter="cbxmenu" />&#x684C;&#x9762;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="34" lay-skin="primary" lay-filter="cbxmenu" />&#x4E0B;&#x8F7D;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="35" lay-skin="primary" lay-filter="cbxmenu" />&#x8BBE;&#x7F6E;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="36" lay-skin="primary" lay-filter="cbxmenu" />&#x4FE1;&#x606F;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="37" lay-skin="primary" lay-filter="cbxmenu" />&#x56FE;&#x8868;1
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="38" lay-skin="primary" lay-filter="cbxmenu" />&#x56FE;&#x8868;2
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="39" lay-skin="primary" lay-filter="cbxmenu" />&#x56FE;&#x8868;3
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="40" lay-skin="primary" lay-filter="cbxmenu" />&#x6807;&#x7B7E;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="41" lay-skin="primary" lay-filter="cbxmenu" />&#x5783;&#x573E;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="42" lay-skin="primary" lay-filter="cbxmenu" />&#x533B;&#x7597;
<span class="functions">
</span>
</dd>
<dt>
<input type="checkbox" class="cbxmenu" value="43" lay-skin="primary" lay-filter="cbxmenu" />Font Awesome&#x7B2C;&#x4E09;&#x65B9;LOGO
<span class="functions">
</span>
</dt>
<dd>
<input type="checkbox" class="cbxmenu" value="44" lay-skin="primary" lay-filter="cbxmenu" />&#x82F9;&#x679C;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="45" lay-skin="primary" lay-filter="cbxmenu" />Google Chrome
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="46" lay-skin="primary" lay-filter="cbxmenu" />Microsoft Edge
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="47" lay-skin="primary" lay-filter="cbxmenu" />&#x817E;&#x8BAF;QQ
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="48" lay-skin="primary" lay-filter="cbxmenu" />&#x65B0;&#x6D6A;&#x5FAE;&#x535A;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="49" lay-skin="primary" lay-filter="cbxmenu" />Microsoft Windows
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="50" lay-skin="primary" lay-filter="cbxmenu" />&#x5FAE;&#x4FE1;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="51" lay-skin="primary" lay-filter="cbxmenu" />Skype
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="52" lay-skin="primary" lay-filter="cbxmenu" />Github
<span class="functions">
</span>
</dd>
<dt>
<input type="checkbox" class="cbxmenu" value="53" lay-skin="primary" lay-filter="cbxmenu" checked />&#x81EA;&#x5B9A;&#x4E49;&#x56FE;&#x7247;&#x83DC;&#x5355;
<span class="functions">
</span>
</dt>
<dd>
<input type="checkbox" class="cbxmenu" value="54" lay-skin="primary" lay-filter="cbxmenu" checked />&#x817E;&#x8BAF;QQ
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="55" lay-skin="primary" lay-filter="cbxmenu" checked />&#x65B0;&#x6D6A;&#x5FAE;&#x535A;
<span class="functions">
</span>
</dd>
<dd>
<input type="checkbox" class="cbxmenu" value="56" lay-skin="primary" lay-filter="cbxmenu" checked />QQ&#x7A7A;&#x95F4;
<span class="functions">
</span>
</dd>
<dt>
<input type="checkbox" class="cbxmenu" value="60" lay-skin="primary" lay-filter="cbxmenu" checked />&#x7CFB;&#x7EDF;&#x65E5;&#x5FD7;
<span class="functions">
</span>
</dt>
<dt>
<input type="checkbox" class="cbxmenu" value="62" lay-skin="primary" lay-filter="cbxmenu" checked />&#x70B9;&#x8D5E;
<span class="functions">
</span>
</dt>
<dt>
<input type="checkbox" class="cbxmenu" value="63" lay-skin="primary" lay-filter="cbxmenu" />123
<span class="functions">
</span>
</dt>
<dt>
<input type="checkbox" class="cbxmenu" value="66" lay-skin="primary" lay-filter="cbxmenu" checked />&#x4F5C;&#x8005;&#x535A;&#x5BA2;
<span class="functions">
</span>
</dt>
</dl>
<hr class="layui-bg-blue">
</div>
<div class="layui-form-item">
<div class="layui-input-block txtcenter" style="margin-left:0;">
<button class="winui-btn" lay-submit lay-filter="formEditRole" onclick="getMenuAndFunction()">确定</button>
<button class="winui-btn" onclick="winui.window.close('editRole'); return false;">取消</button>
</div>
</div>
</form>
</div>
<script>
var getMenuAndFunction;
layui.use(['form'], function (form) {
form.render();
form.on('submit(formEditRole)', function (data) {
//表单验证
try {
if (winui.verifyForm(data.elem)) {
layui.$.ajax({
type: 'POST',
url: '/api/role/update',
async: false,
data: data.field,
dataType: 'json',
success: function (json) {
if (json.isSucceed) {
winui.window.msg('修改成功');
} else {
winui.window.msg(json.message);
}
winui.window.close('editRole');
},
error: function (xml) {
winui.window.msg('修改失败');
console.log(xml.responseText);
}
});
}
} catch (e) {
console.log(e);
return false;
}
return false;
});
getMenuAndFunction = function () {
var $menu = layui.$('.cbxmenu:checked');
var $function = layui.$('.cbxfunction:checked');
var menus = '';
var functions = '';
layui.each($menu, function () {
menus += layui.$(this).val() + ',';
});
layui.each($function, function () {
functions += layui.$(this).val() + ',';
});
layui.$('#hidMenus').val(menus);
layui.$('#hidFuctions').val(functions);
}
layui.$(function () {
form.on('checkbox(cbxmenu)', function (data) {
layui.$(data.elem).parent('dt').nextUntil('dt').find('input[type=checkbox]').prop('checked', data.elem.checked);
if (data.elem.checked)
layui.$(data.elem).parent('dd').prevAll('dt').first().children('input[type=checkbox]').prop('checked', data.elem.checked);
layui.$(data.elem).siblings('.functions').find('input[type=checkbox]').prop('checked', data.elem.checked);
form.render('checkbox');
});
form.on('checkbox(cbxfunction)', function (data) {
if (data.elem.checked) {
layui.$(data.elem).parents('.functions').prevAll('input[type=checkbox]').prop('checked', data.elem.checked);
layui.$(data.elem).parents('.functions').prevAll('input[type=checkbox]').parent('dd').prevAll('dt').first().children('input[type=checkbox]').prop('checked', data.elem.checked);
}
form.render('checkbox');
});
});
});
</script>
\ No newline at end of file
<div class="winui-toolbar">
<div class="winui-tool">
<button id="reloadTable" class="winui-toolbtn"><i class="fa fa-refresh" aria-hidden="true"></i>刷新数据11s</button>
<button id="addRole" class="winui-toolbtn"><i class="fa fa-plus" aria-hidden="true"></i>新增角色</button>
<button id="deleteRole" class="winui-toolbtn"><i class="fa fa-trash" aria-hidden="true"></i>删除选中</button>
</div>
</div>
<div style="margin:auto 10px;">
<table id="role" lay-filter="roletable"></table>
<script type="text/html" id="barRole">
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/html" id="stateTpl">
{{# if(d.dataState == 1){ }}
正常
{{# } else if(d.dataState==2) { }}
作废
{{# }else{ }}
未知
{{# } }}
</script>
</div>
<script>
layui.config({
base: '../../js/role/'
}).use('list');
</script>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册