dd/dist/Administration.html

804 lines
35 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title id="title"></title>
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta name="Keywords" content="">
<meta name="description" content="">
<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link href="js/layui/css/layui.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/style.css?v=4" />
<link rel="stylesheet" type="text/css" media="screen and (max-width: 768px)" href="css/mobile.css?v=5" />
<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/dx_bootstrap.js" type="text/javascript" charset="utf-8"></script>
<script src="js/dingtalk.open.js" type="text/javascript" charset="utf-8"></script>
<script src="js/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="js/script.js?v=2" type="text/javascript" charset="utf-8"></script>
</head>
<body class="w-100 p-40">
<div class="head p-25">
<div class="head-tit f-l">
<span class="color-w font-18">文件池管理</span>
</div>
<div class="head-other f-r">
<div class="head-news f-l">
<!-- <div class="head-news-icon">
<img src="image/icon_02.png">
<span class="color-w"></span>
</div> -->
<div class="head-drop-down">
<ul class="down-ul">
<li data-id="1">系统通知(<i>0</i></li>
<li data-id="2">下载告警(<i>0</i></li>
</ul>
<div class="down-con">
<div>
<ul class="down-list list1">
</ul>
<ul class="down-list">
<li class="down-list-center">
<a href="notice.html" class="color-g6 font-14 t-c">查看全部</a>
</li>
</ul>
</div>
<div>
<ul class="down-list list2">
</ul>
<ul class="down-list">
<li class="down-list-center">
<a href="notice.html" class="color-g6 font-14 t-c">查看全部</a>
</li>
</ul>
</div>
</div>
<div class="operation font-14">
<div class="f-l operation-list operation-icon">全部已读</div>
<div class="f-r operation-list"><a href="#" class="color-b">历史通知</a></div>
</div>
</div>
</div>
<div class="head-name f-r">
<div class="img f-l">
<img src="image/img_01.png">
</div>
<div class="name color-w f-l">钉钉用户名称</div>
<div class="xr">
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(".xr").html(`
<div class="qh">
<p onclick="changeUser(3)"> 管理员</p>
<p onclick="changeUser(6)">员工</p>
</div>
`)
window.onload = function () {
// alert(localStorage.getItem('pubilc')+'2')
let title = localStorage.getItem('pubilc')
$('#title').html(title)
}
</script>
<div class="f-l nav">
<ul class="layui-nav layui-nav-tree" lay-filter="test" id="forMenu">
<!-- <li class="layui-nav-item" data-id="1">
<a href="index.html" class="nav-icon-public">公共文件</a>
</li>
<li class="layui-nav-item" data-id="2"><a href="inside.html" class="nav-icon-inside">内部文件</a></li>
<li class="layui-nav-item" data-id="3"><a href="upload.html" class="nav-icon-upload">文件上传</a></li>
<li class="layui-nav-item" data-id="4"><a href="renew.html" class="nav-icon-renew">文件更新</a></li>
<li class="layui-nav-item" data-id="5">
<a href="javascript:;" class="nav-icon-set">设置</a>
<dl class="layui-nav-child">
<dd><a href="organization.html">组织设置</a></dd>
<dd><a href="Administration.html">主管理设置</a></dd>
<dd><a href="field.html">自定义字段</a></dd>
<dd><a href="record.html">操作记录</a></dd>
</dl>
</li>
<li class="layui-nav-item" data-id="6"><a href="notice.html" class="nav-icon-notice">通知</a></li> -->
</ul>
</div>
<script type="text/javascript">
layui.use(['element', 'layer'], function () {
var element = layui.element;
// $(window).on("load", function() {
$('.nav .layui-nav-tree .layui-nav-item').each(function (i) {
var that = $(this)
var newNum = $('.content-auto').attr('data-id')
if (newNum == that.attr('data-id')) {
$('.nav .layui-nav-tree .layui-nav-item').removeClass('layui-nav-itemed').eq(i).addClass('layui-nav-itemed')
$('.nav .layui-nav-tree .layui-nav-item .layui-nav-child dd').each(function () {
if ($(this).index() + 1 == $('.content-auto').attr('data-two')) {
$(this).find('a').addClass('active')
}
})
}
});
var menuUrl = {};
menuUrl['menu1'] = 'index.html';
menuUrl['menu2'] = 'inside.html';
menuUrl['menu3'] = 'upload.html';
menuUrl['menu4'] = 'renew.html';
menuUrl['menu5'] = 'index.html';
menuUrl['menu6'] = 'notice.html';
menuUrl['menu7'] = 'organization.html';
menuUrl['menu8'] = 'Administration.html';
menuUrl['menu9'] = 'field.html';
menuUrl['menu10'] = 'record.html';
menuUrl['menu11'] = 'hidefile.html';
menuUrl['menu12'] = 'file.html';
var menuClass = {};
menuClass['menu1'] = 'nav-icon-public';
menuClass['menu2'] = 'nav-icon-inside';
menuClass['menu3'] = 'nav-icon-upload';
menuClass['menu4'] = 'nav-icon-renew';
menuClass['menu5'] = 'nav-icon-set';
menuClass['menu6'] = 'nav-icon-notice';
menuClass['menu11'] = 'nav-icon-public';
var menuIcon = {};
menuIcon['menu1'] = 'inco_app08';
menuIcon['menu2'] = 'inco_app08';
menuIcon['menu3'] = 'inco_app07';
menuIcon['menu4'] = 'inco_app06';
menuIcon['menu5'] = 'inco_app08';
menuIcon['menu6'] = 'inco_app12';
menuIcon['menu7'] = 'inco_app08';
menuIcon['menu8'] = 'inco_app09';
menuIcon['menu9'] = 'inco_app11';
menuIcon['menu10'] = 'inco_app10';
menuIcon['menu11'] = 'inco_app08';
var haveLogin = localStorage['haveLogin'] || false;
var loginIntervalLefter = setInterval(function () {
var tmpHaveLogin = localStorage['haveLogin'] || false;
if (tmpHaveLogin) {
clearInterval(loginIntervalLefter);
getMenu();
}
}, 500);
// if(haveLogin){
// getMenu();
// }else{
// var loginIntervalLefter = setInterval(function(){
// var tmpHaveLogin = localStorage['haveLogin'] || false;
// if(tmpHaveLogin){
// clearInterval(loginIntervalLefter);
// getMenu();
// }
// }, 500);
// }
function getMenu() {
var url = host + '/ding/menu/getMenuList';
dxtcRequest('get', url, {}, function (data) {
console.log(data)
var newNum = $('.content-auto').attr('data-id');
if (data.code == 200) {
if (data.data.length > 0) {
var html = '';
var phoneHtml = '';
var funcSectionBase = '';
var funcSectionConfig = '';
var funcSectionNotice = '';
var extHtml = '<div class="wh76"></div>';
data.data.forEach(function (item) {
var classStr = '';
if (item.id == newNum) {
classStr = 'layui-nav-itemed';
}
html += '<li class="layui-nav-item ' + classStr + '" data-id="' + item.id + '">';
if (item.hasChildren) {
var childMenuId = $('.content-auto').attr('data-two')
html += '<a href="javascript:;" class="' + menuClass['menu' + item.id] + '" >' + item.name + '</a>';
html += '<dl class="layui-nav-child">';
item.children.forEach(function (child) {
var activeClass = '';
if (child.sort == childMenuId) {
activeClass = 'active';
}
html += '<dd><a href="' + menuUrl['menu' + child.id] + '" data-id="' + child.name + '" onclick="secondary(this)" class="' + activeClass + '">' + child.name + '</a></dd>';
});
html += '</dl>';
} else {
//var title=item.id`
//html += '<a href="'+menuUrl['menu'+item.id]+'" class="'+menuClass['menu'+item.id]+'" onclick="a('+item.name+')">'+item.name+'</a>';
html += '<a href="' + menuUrl['menu' + item.id] + '" class="' + menuClass['menu' + item.id] + '" data-id="' + item.name + '" onclick="sidebar(this)">' + item.name + '</a>';
}
html += '</li>';
// 手机版文件夹 只取id<=2
if (item.id <= 2 || item.id == 11) {
let activeStr = '';
let urlStr = `${menuUrl['menu' + item.id]}`;
if (item.id == newNum) {
classStr = 'active';
urlStr = 'javascript:;';
}
phoneHtml += `<a href="${urlStr}" class="${classStr}">${item.name}</a>`;
}
// 手机版功能区 基本区域
if ($.inArray(item.id, [3, 4]) >= 0) {
funcSectionBase += `<div class="wh76 ">
<a href="${menuUrl['menu' + item.id]}" class="flexcolumn">
<img src="image/icon-app/${menuIcon['menu' + item.id]}.png" class="wh50" alt="">
<div class="displayCenter fontS12 margitt7">${item.name}</div>
</a>
</div>`;
}
// 手机版功能区 设置区域
if (item.id === 5) {
item.children.forEach(function (it) {
funcSectionConfig += `<div class="wh76 ">
<a href="${menuUrl['menu' + it.id]}" class="flexcolumn">
<img src="image/icon-app/${menuIcon['menu' + it.id]}.png" class="wh50" alt="">
<div class="displayCenter fontS12 margitt7">${it.name}</div>
</a>
</div>`;
});
}
// 手机版功能区 通知区域
if (item.id === 6) {
funcSectionNotice += `<div class="wh76 ">
<a href="${menuUrl['menu' + item.id]}" class="flexcolumn">
<img src="image/icon-app/${menuIcon['menu' + item.id]}.png" class="wh50" alt="">
<div class="displayCenter fontS12 margitt7">${item.name}</div>
</a>
</div>`;
}
});
let baseCount = $(funcSectionBase).find('a').length;
let configCount = $(funcSectionConfig).find('a').length;
let noticeCount = $(funcSectionNotice).find('a').length;
funcSectionBase += baseCount > 0 ? extHtml.repeat(4 - baseCount) : '';
funcSectionConfig += configCount > 0 ? extHtml.repeat(4 - configCount) : '';
funcSectionNotice += noticeCount > 0 ? extHtml.repeat(4 - noticeCount) : '';
$('#forMenu').html(html);
$('#phone-menu').html(phoneHtml);
$('#func-section').find('.base').html(funcSectionBase);
$('#func-section').find('.config').html(funcSectionConfig);
$('#func-section').find('.notice').html(funcSectionNotice);
element.init();
}
} else {
layer.msg(data.msg)
}
});
}
})
function sidebar(obj) {
localStorage.setItem('pubilc', $(obj).data('id'))
}
function secondary(data) {
localStorage.setItem('pubilc', $(data).data('id'))
}
</script>
<!--内容-->
<div class="f-r content">
<div class="content-auto" data-id="5" data-two="2">
<div class="con-tit font-20 pc-block">
设置
</div>
<div class="con-seclevel font-18 bg-w top20 phone-top-0 ">
<span class="pc-block">主管理设置</span>
<a href="javascript:;" class="add2" onclick="choosePeopleAddoperator()">+添加主操作员</a>
<a href="javascript:;" class="add" onclick="choosePeople()">+添加主管理员</a>
</div>
<div class="con-content top20 con-content-none">
<div class="con-text bg-w pc-block">
<!--管理-->
<div class="org-list">
<div class="org-con top20">
<div>
<div class="org-remarks">
<p>主管理员权限:</p>
<p>1. 查看、下载所有文件; </p>
<p>2. 添加组织、组织设置、创建公共文件分类和创建主操作员; </p>
</div>
<div class="org-list list-content top20">
<table class="table">
<thead>
<tr>
<th>姓名</th>
<th>职位</th>
<th>组织</th>
<th>联系电话</th>
<th>操作</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<!--page-->
<div class="page t-r" id="page"></div>
</div>
</div>
</div>
</div>
<!--手机版-->
<div class="org-phone-list phone-block"></div>
</div>
</div>
</div>
<div class="history small">
<div class="center-center download-hight">
<div class="history-content bg-w">
<div class="on-name">
<h3 class="font-14">移交总管理员</h3>
</div>
<a href="javascript:;" class="close">&nbsp;</a>
<form class="layui-form" action="">
<div class="p-25">
<!--文件夹-->
<div class="con-list bg-w top20 add-border">
<div class="layui-form-item">
<label class="layui-form-label">请选择</label>
<div class="layui-input-block">
<select name="toBossUserId" class="toBossUserId" lay-verify="required" lay-reqtext="请选择">
<option value="">请选择</option>
</select>
</div>
</div>
</div>
<!--保存-->
<div class="upload-form t-r">
<button class="flie-btn" lay-submit lay-filter="formDemo2">保存</button>
<button type="reset" class="flie-btn flie-btn-primary field-btn">取消</button>
</div>
</div>
</form>
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="js/orgTree/orgTree.css"/>
<script src="js/orgTree/orgTree.js" type="text/javascript" charset="utf-8"></script>
<script type="text/html" id="list-item-tpl">
{{# layui.each(d.items, function(idx, item) { }}
<div class="list bg-w">
<div class="img"><img src="image/img_01.png"/></div>
<div class="text">
<h3>{{item.name}}</h3>
<p>{{item.phone}}</p>
<div class="last">
<span>{{item.deptName}}</span>
<span>{{item.deptName}}</span>
</div>
</div>
{{# if (idx === 0) { }}
<a href="javascript:;" onclick="transfer(this)" data-id="{{item.userId}}" class="btn-transfer del transfer">&nbsp;</a>
{{# } else { }}
<a href="javascript:;" onclick="removeUser(this)" data-id="{{item.userId}}" class="btn-del del">&nbsp;</a>
{{# } }}
</div>
{{# }); }}
</script>
<script>
var tckd = ['620px','542px'];
if($(window).width() <= 425){
tckd = ['90%','90%'];
}
var itemTpl = $('#list-item-tpl').html(), $items = $('.org-phone-list');
function renderList(items) {
if (MobileLib.isMobile()) {
$items.html(layui.laytpl(itemTpl).render({ items: items }))
return true
}
return false
}
layui.use(['element', 'form', 'laydate', 'laypage', 'laytpl'], function() {
var laypage = layui.laypage;
var element = layui.element;
var form = layui.form;
var laydate = layui.laydate;
var mainUserListIntervalScript = setInterval(function(){
var tmpHaveLogin = localStorage['haveLogin'] || false;
if(tmpHaveLogin){
clearInterval(mainUserListIntervalScript);
initMainUserList();
}
}, 500);
//获取管理员列表
function initMainUserList(){
$.ajax({
url: host + '/ding/dept/getMainUserList'+'?timetmp='+ Date.parse( new Date() ).toString().substr(0,10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: {
current:1,
size:10
},
type: "get",
contentType:"application/json",
dataType: "json",
success: function(data) {
if (data.code == 200) {
if (renderList(data.data.records || [])) {
return
}
$('.list-content .table tbody').empty()
if(data.data.records.length > 0){
data.data.records.forEach(function(item){
var html = '<tr>'
+'<td><div class="list-img"><img src="image/img_01.png"><span>'+item.name+'</span></div></td>'
+'<td>'+item.deptName+'</td>'
+'<td>'+item.deptName+'</td>'
+'<td>'+item.phone+'</td>'
+'<td>'
if(item.roleId == 1){
html += '<a href="javascript:;" class="color-org" data-id="'+item.userId+'" onclick="transfer(this)">移交</a>'
}else{
html +='<a href="javascript:;" class="color-r" data-roleId="'+item.roleId+'" data-id="'+item.userId+'" onclick="removeUser(this)">删除</a>'
}
+'</td>'
+'</tr>'
$('.list-content .table tbody').append(html)
})
laypage.render({
elem: 'page',
limit: data.data.size,
count: data.data.total,
layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
jump: function(obj,first) {
if(!first){
getMainUserList(obj.curr,obj.limit)
}
}
});
}
} else {
layer.msg(data.msg)
}
},
error: function(data) {
console.log(data);
}
});
}
form.on('submit(formDemo2)', function(data){
var data = {
toBossUserId: data.field.toBossUserId
}
$.ajax({
url: host + '/ding/dept/moveBossUser',
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: JSON.stringify(data),
type: "post",
contentType:"application/json",
dataType: "json",
success: function(data) {
if (data.code == 200) {
getMainUserList('','')
} else {
layer.msg(data.msg)
}
},
error: function(data) {
layer.msg(data.responseJSON.msg)
}
});
return false;
});
});
//获取列表
function getMainUserList(obj1,obj2){
$.ajax({
url: host + '/ding/dept/getMainUserList'+'?timetmp='+ Date.parse( new Date() ).toString().substr(0,10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: {
current:obj1,
size:obj2
},
type: "get",
contentType:"application/json",
dataType: "json",
success: function(data) {
if (data.code == 200) {
if (renderList(data.data.records || [])) {
return
}
$('.list-content .table tbody').empty()
if(data.data.records.length > 0){
data.data.records.forEach(function(item){
var html = '<tr>'
+'<td><div class="list-img"><img src="image/img_01.png"><span>'+item.name+'</span></div></td>'
+'<td>'+item.deptName+'</td>'
+'<td>'+item.deptName+'</td>'
+'<td>'+item.phone+'</td>'
+'<td>'
if(item.roleId == 1){
html += '<a href="javascript:;" class="color-org" data-id="'+item.userId+'" onclick="transfer(this)">移交</a>'
}else{
html +='<a href="javascript:;" class="color-r" data-roleId="'+item.roleId+'" data-id="'+item.userId+'" onclick="removeUser(this)">删除</a>'
}
+'</td>'
+'</tr>'
$('.list-content .table tbody').append(html)
})
}
} else {
layer.msg(data.msg)
}
},
error: function(data) {
console.log(data);
}
});
}
//移交
function transfer(obj){
$('.history').show()
$.ajax({
url: host + '/ding/dept/getMainUserList'+'?timetmp='+ Date.parse( new Date() ).toString().substr(0,10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: {
current:'',
size:100
},
type: "get",
contentType:"application/json",
dataType: "json",
success: function(data) {
if (data.code == 200) {
$('.toBossUserId option').next().empty()
if(data.data.records.length > 0){
data.data.records.forEach(function(item){
if(item.userId != localStorage.userId){
}
$('.toBossUserId').append('<option value="'+item.userId+'">'+item.name+'</option>')
})
layui.use(['element', 'form', 'laydate', 'laypage'], function() {
var form = layui.form
form.render()
})
}
} else {
layer.msg(data.msg)
}
},
error: function(data) {
console.log(data);
}
});
}
//删除
function removeUser(obj){
layer.confirm('是否删除?', {icon: 3, title:'提示'}, function(index){
var ajaxdata = {
"folderId": 0,
"roleId":$(obj).attr('data-roleId'),
"toBossUserId": "",
"userIds": [$(obj).attr('data-id')]
}
$.ajax({
url: host + '/ding/dept/delUser'+'?timetmp='+ Date.parse( new Date() ).toString().substr(0,10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: JSON.stringify(ajaxdata),
type: "post",
contentType:"application/json",
dataType: "json",
success: function(data) {
if (data.code == 200) {
getMainUserList('','')
layer.close(index);
} else {
layer.msg(data.msg)
}
},
error: function(data) {
console.log(data);
}
});
});
return false
}
//添加主管理员人员
function choosePeople(){
dd.biz.contact.complexPicker({
title:"添加主管理人员", //标题
corpId:corpId, //企业的corpId
multiple:true, //是否多选
limitTips:"超出了", //超过限定人数返回提示
maxUsers:1000, //最大可选人数
pickedUsers:[], //已选用户
pickedDepartments:[], //已选部门
disabledUsers:[], //不可选用户
disabledDepartments:[], //不可选部门
requiredUsers:[], //必选用户(不可取消选中状态)
requiredDepartments:[], //必选部门(不可取消选中状态)
appId:agentId, //微应用Id企业内部应用查看AgentId
permissionType:"GLOBAL", //可添加权限校验选人权限目前只有GLOBAL这个参数
responseUserOnly:false, //返回人,或者返回人和部门
startWithDepartmentId:0 , //仅支持0和-1
onSuccess: function(result) {
/**
{
selectedCount:1, //选择人数
users:[{"name":"","avatar":"","userid":""}]//返回选人的列表列表中的对象包含name用户名avatar用户头像emplId用户工号三个字段
departments:[{"id":,"name":"","number":}]//返回已选部门列表列表中每个对象包含id部门id、name部门名称、number部门人数
}
*/
console.log(result)
var arr = []
result.users.forEach(function(item){
arr.push(item.emplId)
})
var ajaxdata = {
"folderId": 0,
"roleId": 2,
"toBossUserId": "",
"userIds": arr
}
$.ajax({
url: host + '/ding/dept/addUser'+'?timetmp='+ Date.parse( new Date() ).toString().substr(0,10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: JSON.stringify(ajaxdata),
type: "post",
contentType:"application/json",
dataType: "json",
success: function(data) {
if (data.code == 200) {
getMainUserList('','')
} else {
layer.msg(data.msg)
}
},
error: function(data) {
console.log(data);
}
});
},
onFail : function(err) {}
});
}
//添加主操作人员
function choosePeopleAddoperator(){
dd.biz.contact.complexPicker({
title:"添加主操作人员", //标题
corpId:corpId, //企业的corpId
multiple:true, //是否多选
limitTips:"超出了", //超过限定人数返回提示
maxUsers:1000, //最大可选人数
pickedUsers:[], //已选用户
pickedDepartments:[], //已选部门
disabledUsers:[], //不可选用户
disabledDepartments:[], //不可选部门
requiredUsers:[], //必选用户(不可取消选中状态)
requiredDepartments:[], //必选部门(不可取消选中状态)
appId:agentId, //微应用Id企业内部应用查看AgentId
permissionType:"GLOBAL", //可添加权限校验选人权限目前只有GLOBAL这个参数
responseUserOnly:false, //返回人,或者返回人和部门
startWithDepartmentId:0 , //仅支持0和-1
onSuccess: function(result) {
/**
{
selectedCount:1, //选择人数
users:[{"name":"","avatar":"","userid":""}]//返回选人的列表列表中的对象包含name用户名avatar用户头像emplId用户工号三个字段
departments:[{"id":,"name":"","number":}]//返回已选部门列表列表中每个对象包含id部门id、name部门名称、number部门人数
}
*/
var arr = []
result.users.forEach(function(item){
arr.push(item.emplId)
})
var ajaxdata = {
"folderId": 0,
"roleId": 4,
"toBossUserId": "",
"userIds": arr
}
$.ajax({
url: host + '/ding/dept/addUser'+'?timetmp='+ Date.parse( new Date() ).toString().substr(0,10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: JSON.stringify(ajaxdata),
type: "post",
contentType:"application/json",
dataType: "json",
success: function(data) {
if (data.code == 200) {
getMainUserList('','')
} else {
layer.msg(data.msg)
}
},
error: function(data) {
console.log(data);
}
});
},
onFail : function(err) {}
});
}
</script>
<script>
layui.use(['element','form','laydate','layer'],function(){
var element = layui.element;
var form = layui.form;
var laydate = layui.laydate;
var layer = layui.layer;
//单时间
laydate.render({
elem: '.layui-time',
theme: '#3e5afa',
type:'date',
format: 'yyyy-MM-dd',
max: 0
});
//时间段
laydate.render({
elem: '.layui-time-time',
range: true,
theme: '#3e5afa'
});
});
</script>
</body>
</html>