修复 drawer 示例
parent
a90651db7c
commit
ff9f5622b3
|
|
@ -471,7 +471,6 @@ layui.define(['jquery', 'element'], function(exports) {
|
|||
}else{
|
||||
layer.msg("当前页面不允许关闭",{icon:3,time:800})
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
$("body .layui-tab[lay-filter='" + option.elem + "']").on("click", "#closeOther", function() {
|
||||
|
|
|
|||
|
|
@ -60,6 +60,35 @@
|
|||
</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-collapse">
|
||||
<div class="layui-colla-item">
|
||||
|
|
@ -99,6 +128,14 @@
|
|||
console.log(res);
|
||||
}
|
||||
});
|
||||
|
||||
area.render({
|
||||
elem: '#area-picker-copy',
|
||||
change: function(res) {
|
||||
//选择结果
|
||||
console.log(res);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<link rel="stylesheet" href="../../component/pear/css/pear.css" />
|
||||
</head>
|
||||
<body class="pear-container">
|
||||
</head>
|
||||
<body class="pear-container">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form" action="">
|
||||
|
|
@ -86,15 +86,18 @@
|
|||
]
|
||||
</script>
|
||||
|
||||
<div class="layer-top"">
|
||||
|
||||
<div style="display: none;">
|
||||
<div class="layer-top">
|
||||
<br />
|
||||
<h3>上侧弹层内容...</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../../component/layui/layui.js"></script>
|
||||
<script src="../../component/pear/pear.js"></script>
|
||||
<script>
|
||||
layui.use(['table', 'form', 'jquery','drawer','dropdown'], function() {
|
||||
layui.use(['table', 'form', 'jquery', 'drawer', 'dropdown'], function() {
|
||||
let table = layui.table;
|
||||
let form = layui.form;
|
||||
let $ = layui.jquery;
|
||||
|
|
@ -168,7 +171,7 @@
|
|||
layEvent: 'refresh',
|
||||
icon: 'layui-icon-refresh',
|
||||
}, 'filter', 'print', 'exports'],
|
||||
done: function (res) {
|
||||
done: function(res) {
|
||||
for (var i = 0; i < res.data.length; i++) {
|
||||
if (res.data[i].userId == "5" || res.data[i].userId == "8") {
|
||||
$("#more" + res.data[i].userId).hide();
|
||||
|
|
@ -176,7 +179,7 @@
|
|||
}
|
||||
|
||||
dropdown.suite("#more" + res.data[i].userId, {
|
||||
align:'left',
|
||||
align: 'left',
|
||||
data: res.data[i],
|
||||
templateMenu: "moreTool",
|
||||
});
|
||||
|
|
@ -313,5 +316,5 @@
|
|||
}
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue