dd/dist/field.html

922 lines
41 KiB
HTML
Raw Permalink Normal View History

2021-12-07 09:36:53 +00:00
<!doctype html>
<html lang="en">
2021-12-10 10:01:35 +00:00
2021-12-07 09:36:53 +00:00
<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>
2021-12-12 14:50:28 +00:00
<script src="js/jquery-ui.min.js"></script>
2021-12-07 09:36:53 +00:00
<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>
2021-12-12 14:50:28 +00:00
<script src="js/layui/layui.js" type="text/javascript" charset="utf-8"></script>
2021-12-07 09:36:53 +00:00
<script src="js/script.js?v=2" type="text/javascript" charset="utf-8"></script>
</head>
2021-12-10 10:01:35 +00:00
2021-12-07 09:36:53 +00:00
<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>
2021-12-10 10:01:35 +00:00
<div class="xr">
2021-12-12 14:50:28 +00:00
2021-12-10 10:01:35 +00:00
</div>
2021-12-07 09:36:53 +00:00
</div>
</div>
</div>
2021-12-10 10:01:35 +00:00
<script type="text/javascript">
2021-12-12 14:50:28 +00:00
$(".xr").html(`
<div class="qh">
<p onclick="changeUser(3)"> 管理员</p>
<p onclick="changeUser(6)">员工</p>
</div>
`)
2021-12-10 10:01:35 +00:00
window.onload = function () {
2021-12-07 09:36:53 +00:00
// alert(localStorage.getItem('pubilc')+'2')
2021-12-10 10:01:35 +00:00
let title = localStorage.getItem('pubilc')
$('#title').html(title)
2021-12-12 14:50:28 +00:00
2021-12-07 09:36:53 +00:00
}
</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="3">
<div class="con-tit font-20 pc-block ">
设置
</div>
<div class="con-seclevel font-18 bg-w top20 phone-top-0 con-seclevel-padding">
<span class=" pc-inline ">自定义字段</span>
<ul class="field-tab-title" role="tablist">
<!-- <li data-id="1" class="active" role="presentation">-->
<!-- <a href="#public" aria-controls="public" role="tab" data-toggle="tab">公共文件</a>-->
<!-- </li>-->
<!-- <li data-id="0" role="presentation">-->
<!-- <a href="#inside" aria-controls="inside" role="tab" data-toggle="tab">内部文件</a>-->
<!-- </li>-->
</ul>
</div>
<div class="con-content top20 con-content-none">
<div class="con-text bg-w tab-content phone-bg-none phone-padding-0">
<!--管理-->
<!-- <div role="tabpanel" class="tab-pane active" id="public">-->
<!-- <div class="org-list">-->
<!-- <div class="org-con top20 pc-block">-->
<!-- <div class="org-remarks">-->
<!-- <p>公共文件:通过进入不同文件夹路径,创建对应目录下的公共文件自定义字段 </p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div role="tabpanel" class="tab-pane" id="inside">-->
<!-- <div class="org-list">-->
<!-- <div class="org-con top20 pc-block">-->
<!-- <div class="org-remarks">-->
<!-- <p>内部文件:通过进入不同文件夹路径,创建对应目录下的内部文件自定义字段</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="con-list org-list list-content top20 phone-top-0">
<div class="name">
<span class="font-14" id="folder-navigation"><i class="icon-back"></i><a
data-id="0">全部文件</a></span>
<input type="hidden" id="navigation" value="0">
</div>
<div class=" field">
<div class="list-content">
<ul>
<li class="list establish" data-type="inside">
<a href="javascript:;">
<div class="img"><img src="image/icon_36.png"></div>
<div class="text-two-hide list-hight">创建字段</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 内部文件-->
<div class="history small inside-add">
<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="" lay-filter="example3">
<div class="p-25">
<!--文件夹-->
<div class="con-list bg-w top20 ">
<div class="layui-form-item">
<label class="layui-form-label">文件分类</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="required" lay-reqtext="请填写自定义字段名称"
placeholder="请填写自定义字段名称" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="con-list bg-w top20 ">
<div class="layui-form-item">
<label class="layui-form-label">管理员</label>
<div class="layui-input-block">
<input type="text" name="adminUsers" lay-verify="required" onclick="choosePeople(this,1)" placeholder="请选择管理员"
lay-reqtext="请选择管理员"
autocomplete="on" class="layui-input clickinput">
</div>
</div>
</div>
<div class="con-list bg-w top20">
<div class="layui-form-item">
<label class="layui-form-label">操作员</label>
<div class="layui-input-block">
<input type="text" lay-verify="required" name="operatorUsers" onclick="choosePeople(this,2)"
lay-reqtext="请选择操作员"
placeholder="请选择操作员" autocomplete="on" class="layui-input">
</div>
</div>
</div>
<!-- <div class="con-list bg-w top20">-->
<!-- <div class="layui-form-item">-->
<!-- <label class="layui-form-label">查看人员</label>-->
<!-- <div class="layui-input-block">-->
<!-- <input type="text" name="viewUsers" onclick="choosePeople(this,3)" placeholder="请选择查看人员" autocomplete="on" class="layui-input">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--保存-->
<div class="upload-form t-r">
<button class="flie-btn" lay-submit lay-filter="formDemoset">保存</button>
<button type="reset" class="flie-btn flie-btn-primary field-btn">取消</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!--点击编辑/创建文件-->
<div class="history small field-add">
<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">
<input type="text" name="title" lay-verify="required" lay-reqtext="请填写文件名称"
placeholder="请填写文件名称" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<!--保存-->
<div class="upload-form t-r">
<button class="flie-btn" lay-submit lay-filter="formDemo">保存</button>
<button type="reset" class="flie-btn flie-btn-primary field-btn">取消</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!--
<div class="history small field-edit">
<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">
<input type="text" name="title" lay-verify="required" lay-reqtext="请填写文件名称"
placeholder="请填写文件名称" autocomplete="off" class="layui-input">
<input type="hidden" name="id" value=""/>
</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>
-->
<!-- 内部文件-->
<div class="history small field-edit">
<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="" lay-filter="example3">
<div class="p-25">
<!--文件夹-->
<div class="con-list bg-w top20 ">
<div class="layui-form-item">
<label class="layui-form-label">文件分类</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="required" lay-reqtext="请填写自定义字段名称"
placeholder="请填写自定义字段名称" autocomplete="off" class="layui-input">
<input type="hidden" name="id" value=""/>
</div>
</div>
</div>
<div class="con-list bg-w top20 ">
<div class="layui-form-item">
<label class="layui-form-label">管理员</label>
<div class="layui-input-block">
<input type="text" name="adminUsers" onclick="choosePeople(this,1)" placeholder="请选择管理员"
autocomplete="on" class="layui-input clickinput">
</div>
</div>
</div>
<div class="con-list bg-w top20">
<div class="layui-form-item">
<label class="layui-form-label">操作员</label>
<div class="layui-input-block">
<input type="text" name="operatorUsers" onclick="choosePeople(this,2)"
placeholder="请选择操作员" autocomplete="on" class="layui-input">
</div>
</div>
</div>
<!-- <div class="con-list bg-w top20">-->
<!-- <div class="layui-form-item">-->
<!-- <label class="layui-form-label">查看人员</label>-->
<!-- <div class="layui-input-block">-->
<!-- <input type="text" name="viewUsers" onclick="choosePeople(this,3)" placeholder="请选择查看人员" autocomplete="on" class="layui-input">-->
<!-- </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>
<script>
var ajaxData = {
current: '',
size: '',
isPublic: 1,
parentFolderId: 0
},
adminUsersArr = [],
operatorUsersArr = [],
viewUsersArr = [];
var fieldIntervalScript = setInterval(function(){
var tmpHaveLogin = localStorage['haveLogin'] || false;
if(tmpHaveLogin){
clearInterval(fieldIntervalScript);
getFileList(ajaxData)
}
}, 500);
$('.field-tab-title li').click(function () {
ajaxData.isPublic = $(this).attr('data-id')
ajaxData.parentFolderId = 0
$("#navigation").val(0)
$('.con-list .name span a').next().remove()
var type = $(this).children('a:first').attr('aria-controls');
console.log(type);
$('.establish').attr('data-type', type);
getFileList(ajaxData)
})
$(".establish").click(function () {
var type = $(this).attr('data-type');
console.log(type);
if (type == 'public') {
console.log('public===')
$(".field-add").show();
} else {
console.log('inside===')
$(".inside-add").show();
}
});
//表单取值
// layui.$('.').on('click', function(){
// var data = form.val('example');
// alert(JSON.stringify(data));
// });
//添加人员
function choosePeople(obj, type) {
var that = $(obj);
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) {
console.log(result)
var departmentsName = [], userIds = [];
result.departments.forEach(function (item) {
departmentsName.push(item.name);
userIds.push(item.id);
});
result.users.forEach(function (item) {
userIds.push(item.emplId);
departmentsName.push(item.name);
})
that.val(departmentsName.toString());
if (type == 1) {
adminUsersArr = userIds;
} else if (type == 2) {
operatorUsersArr = userIds;
} else if (type == 3) {
viewUsersArr = userIds;
}
},
onFail: function (err) {
}
});
}
layui.use(['form', 'upload', 'element', 'layer'], function () {
var form = layui.form;
var upload = layui.upload;
var element = layui.element;
var layer = layui.layer;
//创建
form.on('submit(formDemo)', function (data) {
var addFolderData = {
"adminUsers": [],
"createTime": "",
"id": '',
"isPublic": ajaxData.isPublic,
"name": data.field.title,
"operatorUsers": [],
"parentFolderId": $("#navigation").val(),
"viewUsers": []
}
$.ajax({
url: host + '/ding/folder/addFolder'+'?timetmp='+ Date.parse( new Date() ).toString().substr(0,10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: JSON.stringify(addFolderData),
type: "post",
contentType: "application/json",
dataType: "json",
success: function (data) {
if (data.code == 200) {
$('.field-add').hide()
$('.field-add .con-list input[name=title]').val('')
getFileList(ajaxData)
} else {
layer.msg(data.msg)
}
},
error: function (data) {
console.log(data);
}
});
return false;
});
//保存
form.on('submit(formDemoset)', function (data) {
var addFolderData = {
"createTime": "",
"adminUsers": adminUsersArr,//管理员
"operatorUsers": operatorUsersArr,//操作员
"viewUsers": viewUsersArr,//查看
"id": data.field.id,
"isPublic": ajaxData.isPublic,
"name": data.field.title,
"parentFolderId": $("#navigation").val()
}
$.ajax({
url: host + '/ding/folder/addFolder'+'?timetmp='+ Date.parse( new Date() ).toString().substr(0,10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: JSON.stringify(addFolderData),
type: "post",
contentType: "application/json",
dataType: "json",
success: function (data) {
if (data.code == 200) {
$('.inside-add').hide()
getFileList(ajaxData)
} else {
layer.msg(data.msg)
}
},
error: function (data) {
console.log(data);
}
});
return false;
});
//修改
form.on('submit(formDemo2)', function (data) {
console.log($("#navigation").val())
var addFolderData = {
"createTime": "",
"id": data.field.id,
"isPublic": ajaxData.isPublic,
"name": data.field.title,
"adminUsers": adminUsersArr,//管理员
"operatorUsers": operatorUsersArr,//操作员
"parentFolderId": $("#navigation").val()
}
$.ajax({
url: host + '/ding/folder/updFolder'+'?timetmp='+ Date.parse( new Date() ).toString().substr(0,10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: JSON.stringify(addFolderData),
type: "post",
contentType: "application/json",
dataType: "json",
success: function (data) {
if (data.code == 200) {
$('.field-edit').hide();
console.log(ajaxData);
getFileList(ajaxData)
} else {
layer.msg(data.msg)
}
},
error: function (data) {
console.log(data);
}
});
return false;
});
});
function editFile(obj) {
$.ajax({
url: host + '/ding/folder/getFolderRoleUser'+'?timetmp='+ Date.parse( new Date() ).toString().substr(0,10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: {
folderId:$(obj).attr('data-id')
},
type: "post",
contentType: "application/x-www-form-urlencoded",
dataType: "json",
success: function (data) {
if (data.code == 200) {
$('.field-edit').show()
$('.field-edit .con-list input[name=title]').val($(obj).attr('data-name'))
$('.field-edit .con-list input[name=id]').val($(obj).attr('data-id'));
var adminUsers="";
var operatorUsers="";
for (var aa=0;aa<data.data.adminUsers.length;aa++){
adminUsers+=(data.data.adminUsers[aa].name+" ")
}
for (var bb=0;bb<data.data.operatorUsers.length;bb++){
operatorUsers+=(data.data.operatorUsers[bb].name+" ")
}
$('.field-edit .con-list input[name=adminUsers]').val(adminUsers);
$('.field-edit .con-list input[name=operatorUsers]').val(operatorUsers);
} else {
layer.msg(data.msg)
}
},
error: function (data) {
console.log(data);
}
});
return false;
}
function init() {
//返回事件
$('.con-list .name span .icon-back').off("click").click(function () {
var that = $(this)
if ($("#navigation").val() != 0) {
ajaxData.parentFolderId = $('.con-list .name span a').eq(-2).attr('data-id')
$("#navigation").val($('.con-list .name span a').eq(-2).attr('data-id'))
$('.con-list .name span a').eq(-1).remove()
getFileList(ajaxData)
}
});
//路由事件
$('#folder-navigation a').off("click").click(function () {
var that = $(this)
ajaxData.parentFolderId = that.attr('data-id')
$('.con-list .name span a').each(function () {
if ($(this).index() >= that.index()) {
$('.con-list .name span a').eq($(this).index()).remove()
}
})
$("#navigation").val(that.attr('data-id'))
getFileList(ajaxData)
})
}
//打开文件夹
function openFolder(obj) {
ajaxData.parentFolderId = $(obj).attr('data-id')
getFileList(ajaxData)
$("#navigation").val($(obj).attr('data-id'))
$('#folder-navigation').append('<a data-id="' + $(obj).attr('data-id') + '"> > ' + $(obj).attr('data-name') + '</a>')
}
//点击 显示按钮
function showBtn(obj){
$(obj).next(".more-edit").toggle();
}
//文件列表
function getFileList(ajaxData) {
$('.list-content ul li').next().remove()
$.ajax({
//ding/file/getFileList
//ding/folder/getFolderList
url: host + '/ding/file/getFileList'+'?timetmp='+ Date.parse( new Date() ).toString().substr(0,10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: ajaxData,
type: "get",
contentType: "application/x-www-form-urlencoded",
dataType: "json",
success: function (data) {
if (data.code == 200) {
init()
if (data.data.folders.length > 0) {
data.data.folders.forEach(function (item) {
var html1 = '<li class="list field-list" ondblclick="openFolder(this)" >'
+ '<div class="more">'
+ '<span onclick="showBtn(this)">...</span>'
+ '<div class="more-edit" onclick="editFile(this)" data-id="' + item.id + '" data-name="' + item.name + '">编辑</div>'
+ '</div>'
+ '<div class="img" onclick="openFolder(this)" data-id="' + item.id + '" data-name="' + item.name + '" ><img src="image/' + (item.folderType == "0" ? "icon_11.png" : "icon_11_2.png") + '"></div>'
+ '<div class="text-two-hide list-hight">' + item.name + '</div>'
+ '</li>'
$('.list-content ul').append(html1)
})
}
} else {
layer.msg(data.msg)
}
},
error: function (data) {
console.log(data);
}
});
}
</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>