root
/
Pear-Admin-Layui
mirror of https://gitee.com/zhang_1334717033/Pear-Admin-Layui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

修复 drawer 示例

develop
就眠仪式 2021-02-01 08:33:46 +08:00
parent a90651db7c
commit ff9f5622b3
3 changed files with 290 additions and 251 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
component/pear/modules/tab.js
View File

@ -471,7 +471,6 @@ layui.define(['jquery', 'element'], function(exports) {
}else{ }else{
layer.msg("当前页面不允许关闭",{icon:3,time:800}) layer.msg("当前页面不允许关闭",{icon:3,time:800})
} }
}) })
$("body .layui-tab[lay-filter='" + option.elem + "']").on("click", "#closeOther", function() { $("body .layui-tab[lay-filter='" + option.elem + "']").on("click", "#closeOther", function() {

37
view/document/area.html
View File

@ -60,6 +60,35 @@
</div> </div>
</div> </div>
</div> </div>
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header">
基本使用
</div>
<div class="layui-card-body">
<div class="layui-form">
<div class="layui-form-item" id="area-picker-copy">
<div class="layui-form-label">网点地址</div>
<div class="layui-input-inline" style="width: 200px;">
<select name="province" class="province-selector" data-value="广东省" lay-filter="province-1">
<option value="">请选择省</option>
</select>
</div>
<div class="layui-input-inline" style="width: 200px;">
<select name="city" class="city-selector" data-value="深圳市" lay-filter="city-1">
<option value="">请选择市</option>
</select>
</div>
<div class="layui-input-inline" style="width: 200px;">
<select name="county" class="county-selector" data-value="龙岗区" lay-filter="county-1">
<option value="">请选择区</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md12"> <div class="layui-col-md12">
<div class="layui-collapse"> <div class="layui-collapse">
<div class="layui-colla-item"> <div class="layui-colla-item">
@ -99,6 +128,14 @@
console.log(res); console.log(res);
} }
}); });
area.render({
elem: '#area-picker-copy',
change: function(res) {
//选择结果
console.log(res);
}
});
}); });
</script> </script>
</body> </body>

19
view/document/table.html
View File

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title></title> <title></title>
<link rel="stylesheet" href="../../component/pear/css/pear.css" /> <link rel="stylesheet" href="../../component/pear/css/pear.css" />
</head> </head>
<body class="pear-container"> <body class="pear-container">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<form class="layui-form" action=""> <form class="layui-form" action="">
@ -86,15 +86,18 @@
] ]
</script> </script>
<div class="layer-top"">
<div style="display: none;">
<div class="layer-top">
<br /> <br />
<h3>上侧弹层内容...</h3> <h3>上侧弹层内容...</h3>
</div> </div>
</div>
<script src="../../component/layui/layui.js"></script> <script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script> <script src="../../component/pear/pear.js"></script>
<script> <script>
layui.use(['table', 'form', 'jquery','drawer','dropdown'], function() { layui.use(['table', 'form', 'jquery', 'drawer', 'dropdown'], function() {
let table = layui.table; let table = layui.table;
let form = layui.form; let form = layui.form;
let $ = layui.jquery; let $ = layui.jquery;
@ -168,7 +171,7 @@
layEvent: 'refresh', layEvent: 'refresh',
icon: 'layui-icon-refresh', icon: 'layui-icon-refresh',
}, 'filter', 'print', 'exports'], }, 'filter', 'print', 'exports'],
done: function (res) { done: function(res) {
for (var i = 0; i < res.data.length; i++) { for (var i = 0; i < res.data.length; i++) {
if (res.data[i].userId == "5" || res.data[i].userId == "8") { if (res.data[i].userId == "5" || res.data[i].userId == "8") {
$("#more" + res.data[i].userId).hide(); $("#more" + res.data[i].userId).hide();
@ -176,7 +179,7 @@
} }
dropdown.suite("#more" + res.data[i].userId, { dropdown.suite("#more" + res.data[i].userId, {
align:'left', align: 'left',
data: res.data[i], data: res.data[i],
templateMenu: "moreTool", templateMenu: "moreTool",
}); });
@ -313,5 +316,5 @@
} }
}) })
</script> </script>
</body> </body>
</html> </html>