dd/dist/inside.html

1393 lines
57 KiB
HTML
Raw Permalink 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 content-pd-50">
<div class="content-auto" data-id="2">
<div class="con-tit font-20 pc-block">
内部文件
</div>
<!---->
<div class="con-search bg-w top20 phone-top-0">
<form class="layui-form" id="search-form">
<div class="layui-form-item">
<label class="layui-form-label">文件类型:</label>
<div class="layui-input-block">
<select name="type">
<option value="">全部类型</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">拟稿人:</label>
<div class="layui-input-block">
<input type="text" name="drafter" class="layui-input" placeholder="请输入拟稿人">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">发布人:</label>
<div class="layui-input-block">
<input type="text" name="createUser" class="layui-input" placeholder="请输入发布人">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">时间段:</label>
<div class="layui-input-block">
<input type="text" name="times" class="layui-input layui-time-time" placeholder="请选择时间段">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">文件号:</label>
<div class="layui-input-block">
<input type="text" name="fileNum" class="layui-input" placeholder="请输入文件号">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">文件名:</label>
<div class="layui-input-block">
<input type="text" name="name" class="layui-input" placeholder="请输入文件名">
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn" id="formDemo" lay-submit lay-filter="formDemo">搜索</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</form>
</div>
<!--内容-->
<div class="con-list bg-w top20 phone-bg-none phone-top-0 pr">
<!--手机-->
<div class="nameMake">
<div class="nameMake-con">
<p class="tit-name">修改文件夹名称</p>
<div class="nameMake-cona">
<p>
<span>文件1</span>
<input type="text">
</p>
</div>
<div class="nameMake-btn">
<button onclick="nameMakeConfirm()">确定修改</button><button>取消修改</button>
</div>
</div>
</div>
<div class="phone-tit phone-block">
<div class="name" id="phone-menu">
<!-- <a href=" index.html">公共文件</a>
<a href="javascript:;" class="active">内部文件</a> -->
</div>
<ul class="con-list-mero con-list-none" role="tablist">
<li role="presentation" class="active">
<a class="img-list" href="#Chart" aria-controls="Chart" role="tab" data-toggle="tab">&nbsp;</a>
</li>
<li role="presentation">
<a href="#tab" aria-controls="tab" role="tab" data-toggle="tab" class="tab-list">&nbsp;</a>
</li>
</ul>
<div class="toolbox">
<ul class="con-list-mero filter-icon" style="display:none">
<li role="presentation">
<a href="javascript:void(0);" id="toggle-filter">&nbsp;</a>
</li>
</ul>
</div>
</div>
<!---->
<div class="name">
<span class="font-14" id="folder-navigation"><i class="icon-back"></i><a href="inside.html" data-id="0">全部文件</a></span>
<input type="hidden" id="navigation" value="">
<div>
<div class="listBtn">
<button type="button" onclick="moveFiles()">移动文件</button>
<button type="button" onclick="editorName()">修改名字</button>
<button type="button" onclick="hgiddenFiles()">隐藏文件</button>
<button type="button " onclick="editorButton(this)">编辑文件</button>
</div>
<ul class="con-list-mero pc-block" role="tablist">
<li role="presentation" class="active">
<a class="img-list" href="#Chart" aria-controls="Chart" role="tab" data-toggle="tab">&nbsp;</a>
</li>
<li role="presentation">
<a href="#tab" aria-controls="tab" role="tab" data-toggle="tab" class="tab-list">&nbsp;</a>
</li>
</ul>
</div>
</div>
<div class="con-list-cn tab-content">
<div class="list-content active tab-pane" role="tabpanel" id="Chart">
<ul></ul>
</div>
<div class="list-content tab-pane" role="tabpanel" id="tab">
<table class="table">
<thead>
<tr>
<th>文件名称</th>
<th>文件号</th>
<th>拟稿人</th>
<th>发布人</th>
<th>文件类型</th>
<th>修改时间</th>
<th>操作</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
<!-- 无内容 -->
<div class="no-con-list">
<img src="image/img_02.jpg">
</div>
</div>
</div>
</div>
<!--点击弹出下载-->
<div class="download">
<div class="center-center download-hight">
<div class="download-content bg-w t-c">
<a href="javascript:;" class="close">&nbsp;</a>
<div class="text">
<img src="">
<h3>文件名称</h3>
<p></p>
<a href="#" class="btn1" id="preview-button" onclick="previewBtn(this)">预览</a>
<a onclick="downloadfile(this)" id="download" class="btn2" download="">下载</a>
</div>
</div>
</div>
</div>
<!--点击弹出历史记录-->
<div class="history">
<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>
<div class="p-25">
<table class="table">
<thead>
<tr>
<th>文件名称</th>
<th>文件类型</th>
<th>修改时间</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="history upload">
<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="p-25 layui-form">
<!--文件夹-->
<div class="con-list bg-w top20 add-border">
<div class="namea">
<span class="font-14" id="folder-navigationa"><i class="icon-back"></i><a data-id="0" data-name="全部文件">文件可选择路径</a></span>
<input type="hidden" id="navigationa" value="0">
</div>
<div class="con-list-cna">
<div class="list-content" id="movefiles">
<ul></ul>
</div>
</div>
<!-- 无内容 -->
<div class="no-con-lista" style="display: none;">
<img src="image/img_02.jpg">
</div>
</div>
<!--保存-->
<div class="upload-form t-r">
<button class="flie-btn" type="button" onclick="determineMobileGroup()">移动</button>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript">
var ajaxData = {
createUser: '',
drafter: '',
fileNum: '',
isPublic: 0,
name: '',
parentFolderId: 0,
endTime: '',
startTime: '',
type: ''
}
let dataEditor = {
editorIf: true,
editorData: [],
rows: []
}
var fileAjaxData = {
current: '',
isPublic: 1,
parentFolderId: 0,
size: '',
isUpload: 1
}
function editorButton(obj) {
if (dataEditor.editorIf) {
$(obj).html("取消编辑")
} else {
$(obj).html("编辑文件")
$(".onClickListOne").attr("data-click", "1")
$(".onClickListOne").children(".list-img").css("display", "none")
$(".onClickListOne").parent(".tr").css("background", "rgba(0,0,0,0)")
$(".onClickListOne").css("background", "rgba(0,0,0,0)")
$(".onClickListTwo").parent().css("background", "rgba(0,0,0,0)")
$(".onClickListTwo").parent().parent(".tr").css("background", "rgba(0,0,0,0)")
$(".onClickListTwo").attr("data-click", "1")
$(".onClickListTwo").prev().css("display", "none")
}
dataEditor.editorIf = !dataEditor.editorIf
}
var serch_flag = false;
$(function () {
var insideIntervalScript = setInterval(function () {
var tmpHaveLogin = localStorage['haveLogin'] || false;
if (tmpHaveLogin) {
clearInterval(insideIntervalScript);
getFileList(ajaxData);
}
}, 500);
layui.use(['form', 'upload', 'element', 'layer'], function () {
var form = layui.form;
var upload = layui.upload;
var element = layui.element;
var layer = layui.layer;
var fileTypeIntervalScript = setInterval(function () {
var tmpHaveLogin = localStorage['haveLogin'] || false;
if (tmpHaveLogin) {
clearInterval(fileTypeIntervalScript);
getFileType();
}
}, 500);
$('#toggle-filter').on('click', function () {
layer.open({
type: 1,
title: ['文件过滤', 'font-size:18px;padding:0;text-align:center'],
content: $('#search-form'),
offset: [0, 0],
area: ['100%', '100%'],
closeBtn: 1,
skin: 'file-filter-layer',
success: function (dom, index) {
dom.find('.layui-btn[lay-submit]').on('click', function () {
layer.close(index);
});
}
})
});
//文件类型
function getFileType() {
$.ajax({
url: host + '/ding/file/getFileType' + '?timetmp=' + Date.parse(new Date()).toString().substr(0, 10),
headers: {
'Blade-Auth': 'bearer ' + accessToken,
},
data: {},
type: "get",
dataType: "json",
success: function (data) {
if (data.code == 200) {
if (data.data.length > 0) {
data.data.forEach(function (item) {
$('.con-search select[name=type]').append(
'<option value="' + item + '">' + item +
'</option>')
})
form.render()
}
// else {
// layer.msg('暂无记录')
// }
} else {
layer.msg(data.msg)
}
},
error: function (data) {
console.log(data);
}
});
}
//搜索
form.on('submit(formDemo)', function (data) {
ajaxData = {
createUser: data.field.createUser,
drafter: data.field.drafter,
fileNum: data.field.fileNum,
isPublic: 0,
name: data.field.name,
//parentFolderId: $("#navigation").val(),
parentFolderId: '',
startTime: data.field.times.split(' - ')[0] || '',
endTime: data.field.times.split(' - ')[1] || '',
type: data.field.type
}
//console.log($("#navigation").val(), 'navigation');
//console.log(ajaxData, 'ajaxData');
// $("#navigation").val(0)
// $('.con-list .name span a').next().remove()
getFileList(ajaxData);
serch_flag = true;
return false;
});
});
})
function inita() {
//返回事件
$('.con-list .namea span .icon-back').off("click").click(function () {
var that = $(this)
if ($("#navigationa").val() != 0) {
fileAjaxData.parentFolderId = $('.con-list .namea span a').eq(-2).attr('data-id')
$("#navigationa").val($('.con-list .namea span a').eq(-2).attr('data-id'))
$('.con-list .namea span a').eq(-1).remove()
getmovefiles(fileAjaxData)
}
});
//路由事件
$('#folder-navigationa a').off("click").click(function () {
var that = $(this)
fileAjaxData.parentFolderId = that.attr('data-id')
$('.con-list .namea span a').each(function () {
if ($(this).index() >= that.index()) {
$('.con-list .namea span a').eq($(this).index()).remove()
}
})
$("#navigationa").val(that.attr('data-id'))
getmovefiles(fileAjaxData)
})
}
function init() {
//返回事件
$('.con-list .name span .icon-back').off("click").click(function () {
var that = $(this)
if (serch_flag) {
$("#search-form")[0].reset();
layui.use(['form'], function () {
var form = layui.form;
form.render();
})
$("#navigation").val($('.con-list .name span a').last().attr('data-id'))
var ajaxData = {
createUser: '',
drafter: '',
fileNum: '',
isPublic: 0,
name: '',
parentFolderId: parseInt($('.con-list .name span a').last().attr('data-id')),
endTime: '',
startTime: '',
type: ''
}
getFileList(ajaxData);
} else {
if ($("#navigation").val() != 0) {
var ajaxData = {
createUser: '',
drafter: '',
fileNum: '',
isPublic: 0,
name: '',
parentFolderId: parseInt($('.con-list .name span a').eq(-2).attr('data-id')),
endTime: '',
startTime: '',
type: ''
}
$("#navigation").val($('.con-list .name span a').eq(-2).attr('data-id'))
$('.con-list .name span a').eq(-1).remove();
getFileList(ajaxData)
}
}
serch_flag = false;
});
//路由事件
$('#folder-navigation a').off("click").click(function () {
var that = $(this)
ajaxData.parentFolderId = that.attr('data-id')
ajaxData.name = '';
$('.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);
serch_flag = false;
})
}
//历史记录
function getHistory(obj) {
$.ajax({
url: host + '/ding/file/getHistory' + '?timetmp=' + Date.parse(new Date()).toString().substr(0, 10),
headers: {
'Blade-Auth': 'bearer ' + accessToken,
},
data: {
groupId: $(obj).attr('data-groupid')
},
type: "get",
dataType: "json",
success: function (data) {
if (data.code == 200) {
if (data.data.length > 0) {
var html = '';
data.data.forEach(function (item) {
html += '<tr>' +
'<td><div class="list-img click-download" onclick="openFile(this)" data-id="' +
item.id + '" data-name="' + item.name + '" data-type="' + item
.type + '" data-url="' + item.url + '" data-time="' + item
.createTime + '" data-dingid="' + item.dingFileId +
'" data-dingname="' + item.dingFileName + '" data-dingsize="' + item
.dingFileSize + '" data-spaceid="' + item.dingSpaceId +
'"><img src="image/icon_22.png"><span>' + item.name +
'</span></div></td>'
html += '<td>';
if (item.isPublic) {
html += '公共文件类型';
} else {
html += '内部文件类型';
}
html += '</td>';
html += '<td>' + item.updateTime + '</td>' +
'</tr>';
})
$(".history .table tbody").html(html)
$(".history").show();
}
// else {
// layer.msg('暂无记录')
// }
} else {
layer.msg(data.msg)
}
},
error: function (data) {
console.log(data);
}
});
}
function moveFiles(params) {
if (dataEditor.editorIf) {
layer.msg("请先获取编辑权限")
return
}
if (!dataEditor.editorData.length >= 1) {
layer.msg("请先选择你要移动的文件")
return
}
var arr2 = dataEditor.editorData.some(function (v) {
return v.folder == true;
});
if (arr2) {
layer.msg("不能移动文件夹")
return
}
$('.upload').show()
getmovefiles(fileAjaxData)
}
function onClickImg(obj) {
$(".onClickImg img").css("display", "none")
event.stopPropagation()
$(obj).children().show()
dataEditor.id = $(obj).attr("data-id")
}
function determineMobileGroup(params) {
// let contentType = "application/json"
let arrData = {
fileIds: [],
fromFolderId: dataEditor.thisId,
toFolderId: dataEditor.id
}
for (let index = 0; index < dataEditor.editorData.length; index++) {
arrData.fileIds.push(dataEditor.editorData[index].id)
}
let url = host + '/ding/file/moveFiles'
let contentType = "application/json"
dxtcRequest('post', url, JSON.stringify(arrData), function name(data) {
if (data.code == 200) {
console.log(data);
getFileList(ajaxData)
} else {
layer.msg(data.msg)
}
}, contentType)
$('.upload').toggle()
}
//预览文件
function openFile(obj) {
var id = $(obj).attr('data-id');
var name = $(obj).attr('data-name');
var type = $(obj).attr('data-type');
var url = $(obj).attr('data-url');
var time = $(obj).attr('data-time');
var dingFileId = $(obj).data('dingid');
var dingFileName = $(obj).data('dingname');
var dingFileSize = $(obj).data('dingsize');
var dingSpaceId = $(obj).data('spaceid');
$('.download .download-content .text h3').text(name)
$('.download .download-content .text p').text(time)
$('.download .download-content .text a.btn2').attr('download', name)
$('.download-content .text img').attr('src', 'image/icon-file/icon_' + type + '.png')
$('#download').data('fileid', id);
var previewButton = $('#preview-button');
previewButton.attr('dingfileid', dingFileId);
previewButton.attr('dingfilename', dingFileName);
previewButton.attr('dingfilesize', dingFileSize);
previewButton.attr('dingspaceid', dingSpaceId);
previewButton.attr('filetype', type);
$('.download').show()
}
function openIf(data) {
if (dataEditor.editorIf) {
if ($(data).attr("data-if") == 1) {
dataEditor.thisId = $(data).attr("data-id")
openFolder(data)
} else {
openFile(data)
}
} else {
if ($(data).attr("data-click") == "1") {//判断去选取还是取消
if ($(data).attr("data-if") == 1) {//判断是文件还是文件夹
$(data).children(".list-img").css("display", "block")
if ($(data).parent(".tr").length >= 1) {
$(data).parent(".tr").css("background", "#f5f6ff")
} else {
$(data).css("background", "#f5f6ff")
}
dataEditor.editorData.push({
id: $(data).attr("data-id"),
folder: true
})
} else {
$(data).prev().css("display", "block")
console.log($(data).parent().parent());
if ($(data).parent().parent(".tr").length >= 1) {
$(data).parent().parent(".tr").css("background", "#f5f6ff")
} else {
$(data).parent().css("background", "#f5f6ff")
}
dataEditor.editorData.push({
id: $(data).attr("data-id"),
folder: false
})
}
$(data).attr("data-click", "0")
} else {
if ($(data).attr("data-if") == 1) {
$(data).children(".list-img").css("display", "none")
if ($(data).parent(".tr").length >= 1) {
$(data).parent(".tr").css("background", "#fff")
} else {
$(data).css("background", "#fff")
}
let ina = screening(dataEditor.editorData, $(data).attr("data-id"))
dataEditor.editorData.splice(ina, 1)
} else {
$(data).prev().css("display", "none")
if ($(data).parent().parent(".tr").length >= 1) {
$(data).parent().parent(".tr").css("background", "#fff")
} else {
$(data).css("background", "#fff")
}
let ina = screening(dataEditor.editorData, $(data).attr("data-id"))
dataEditor.editorData.splice(ina, 1)
}
$(data).attr("data-click", "1")
}
console.log(dataEditor.editorData);
}
}
function openFolder(obj) {
dataEditor.editorData = []
dataEditor.editorIf = true
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).text() + '</a>');
serch_flag = false;
}
function openFoldera(obj) {
dataEditor.editorIf = true
fileAjaxData.parentFolderId = $(obj).attr('data-id')
getmovefiles(fileAjaxData)
$("#navigationa").val($(obj).attr('data-id'));
$('#folder-navigationa').append('<a data-id="' + $(obj).attr('data-id') + '"> > ' + $(obj).text() + '</a>');
serch_flag = false;
}
// 文件夹重命名
function editorName() {
if (dataEditor.editorIf) {
layer.msg("请先获取编辑权限")
return
}
if (!dataEditor.editorData.length >= 1) {
layer.msg("请先选择你要重命名的文件")
return
}
var arr2 = dataEditor.editorData.some(function (v) {
return v.folder == true;
});
if (arr2) {
layer.msg("不能重命名文件夹")
return
}
let editorNameData = []
for (let index = 0; index < dataEditor.editorData.length; index++) {
for (let k = 0; k < dataEditor.rows.files.length; k++) {
if (dataEditor.editorData[index].id == dataEditor.rows.files[k].id) {
editorNameData.push(dataEditor.rows.files[k])
}
}
}
$(".nameMake").css("display", "flex")
let str = editorNameData.map((v, i) => ` <p>
<span>文件${i + 1}</span>
<input value='${v.name}' data-id="${v.id}" type="text">
</p>`).join("")
$(".nameMake-cona").html(str)
}
function modifyName(data) {
let contentType = "application/json"
let url = host + '/ding/file/updateFile'
dxtcRequest('post', url, JSON.stringify(data), function name(data) {
if (data.code == 200) {
console.log(data);
} else {
layer.msg(data.msg)
}
}, contentType)
}
function nameMakeConfirm(params) {
layer.confirm('确认隐藏这个文件吗?', {
btn: ['确认', '取消'] //可以无限个按钮
,
}, function (index, layero) {
let arr = []
for (let index = 0; index < $(".nameMake-cona input").length; index++) {
arr.push({
name: $($(".nameMake-cona input")[index]).val(),
id: $($(".nameMake-cona input")[index]).attr("data-id")
})
}
for (let index = 0; index < arr.length; index++) {
modifyName(arr[index])
}
getFileList(ajaxData)
$(".nameMake").css("display", "none")
layer.closeAll();
}, function (index) {
layer.closeAll();
});
}
//文件下载
function downloadfile(obj) {
var id = $(obj).data('fileid');
console.log(id)
$.ajax({
url: host + '/ding/file/downLoadFile' + '?timetmp=' + Date.parse(new Date()).toString().substr(0, 10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: {
fileId: id
},
type: "get",
contentType: "application/json",
dataType: "json",
success: function (data) {
if (data.code == 200) {
// $(obj).attr('data', data.data);
console.log(data.data);
window.open(data.data);
} else {
layer.msg(data.msg)
}
},
error: function (data) {
console.log(data);
}
});
}
//隐藏文件
function hideFile(obj) {
layer.confirm('确认隐藏这个文件吗?', {
btn: ['确认', '取消'] //可以无限个按钮
,
}, function (index, layero) {
//按钮【按钮一】的回调
$.ajax({
url: host + '/ding/file/disPlayFile' + '?timetmp=' + Date.parse(new Date()).toString().substr(0, 10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: {
fileId: $(obj).attr("data-id"),
isShow: 0
},
type: "get",
contentType: "application/x-www-form-urlencoded",
dataType: "json",
success: function (data) {
if (data.code == 200) {
layer.msg('隐藏成功')
getFileList(ajaxData)
} else {
layer.msg(data.msg)
}
},
error: function (data) {
console.log(data);
layer.msg(data.responseJSON.msg)
}
})
}, function (index) {
//按钮【按钮二】的回调
layer.closeAll();
});
return false;
}
function hgiddenFiles(obj) {
if (dataEditor.editorIf) {
layer.msg("请先获取编辑权限")
return
}
if (!dataEditor.editorData.length >= 1) {
layer.msg("请先选择你要隐藏的文件")
return
}
var arr2 = dataEditor.editorData.some(function (v) {
return v.folder == true;
});
if (arr2) {
layer.msg("不能隐藏文件夹")
return
}
layer.confirm('确认隐藏这个文件吗?', {
btn: ['确认', '取消'] //可以无限个按钮
,
}, function (index, layero) {
let objD = {
fileIds: [],
isShow: 1
}
for (let index = 0; index < dataEditor.editorData.length; index++) {
objD.fileIds.push(dataEditor.editorData[index].id)
}
let contentType = "application/json"
let url = host + '/ding/file/disPlayFiles'
dxtcRequest('post', url, JSON.stringify(objD), function name(data) {
if (data.code == 200) {
console.log(data);
layer.msg('隐藏成功')
getFileList(ajaxData)
} else {
layer.msg(data.msg)
}
}, contentType)
layer.closeAll();
}, function (index) {
//按钮【按钮二】的回调
layer.closeAll();
});
return false;
}
//点击 显示按钮
function showBtn(obj) {
$(obj).next(".more-edit").toggle();
}
//文件列表
function getFileList(ajaxData) {
$('.list-content#Chart ul').empty()
$('.list-content#tab tbody').empty()
$.ajax({
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) {
dataEditor.rows = data.data
if (data.code == 200) {
init()
if (data.data.folders.length > 0) {
data.data.folders.forEach(function (item) {
console.log("======" + item.id + '=====');
var html1 =
'<li class="list onClickListOne onClickList" data-if="1" data-click="1" onclick="openIf(this)" ondblclick="openIf(this)" data-id="' + item.id + '">' +
'<img class="list-img" src="./image/icon_30.png">' +
'<div class="img"><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#Chart ul').append(html1)
var html2 = '<tr class="tr">' +
'<td class="onClickLista onClickListOne" data-if="1" data-click="1" onclick="openIf(this)" ondblclick ="openIf(this)" data-id="' +
item.id + '"><img class="list-img"src="./image/icon_30.png"><div class="list-imga"><img src="image/' + (item.folderType == "0" ?
"icon_11.png" : "icon_11_2.png") + '"><span>' + item.name +
'</span></div></td>' +
'<td></td>' +
'<td></td>' +
'<td></td>' +
'<td>公共文件</td>' +
'<td>' + item.createTime + '</td>' +
'<td></td>'
//+'<td><a href="javascript:;" class="news-red" data-groupid="'+item.groupId+'" onclick="getHistory(this)">历史记录</a></td>'
+
'</tr>'
$('.list-content#tab tbody').append(html2)
})
}
if (data.data.files.length > 0) {
data.data.files.forEach(function (item) {
var html1 =
'<li class="list click-download ps onClickList" >'
+
'<img class="list-img" src="./image/icon_30.png">' +
'<div class="img onClickListTwo" data-if="2" data-click="1" onclick="openIf(this)" data-id="' + item.id +
'" data-name="' + item.name + '" data-type="' + item
.type + '" data-url="' + item.url + '" data-time="' + item
.createTime + '" data-dingid="' + item.dingFileId +
'" data-dingname="' + item.dingFileName + '" data-dingsize="' + item
.dingFileSize + '" data-spaceid="' + item.dingSpaceId +
'"><img src="image/icon-file/icon_' + item.type +
'.png"></div>' +
'<div class="text-two-hide list-hight">' + item.name + '</div>' +
'</li>'
$('.list-content#Chart ul').append(html1)
var html2 = '<tr class="tr">' +
'<td class="more onClickImga">' +
'<img class="list-img" src="./image/icon_30.png">' +
'<div class="list-imga onClickListTwo" data-if="2" data-click="1" onclick="openIf(this)" data-id="' +
item.id + '" data-name="' + item.name + '" data-type="' + item
.type + '" data-url="' + item.url + '" data-time="' + item
.createTime + '" ><img src="image/icon-file/icon_' + item.type +
'.png"><span>' + item.name + '</span></td>' +
'<td>' + item.number + '</td>' +
'<td><div class="list-imga"><span>' + item.drafter +
'</span></div></td>' +
'<td><div class="list-imga"><span>' + item.createUser +
'</span></div></td>' +
'<td>' + item.type + '</td>' +
'<td>' + item.createTime + '</td>'
html2 += '<td>';
if (item.isHistory == 1) {
html2 += '<a href="javascript:;" class="news-red" data-groupid="' +
item.groupId + '" onclick="getHistory(this)">历史记录</a>';
}
html2 += '</td>';
html2 += '</tr>';
$('.list-content#tab tbody').append(html2)
})
}
if (data.data.folders.length == 0 && data.data.files.length == 0) {
$('.no-con-list').show()
} else {
$('.no-con-list').hide()
}
} else {
layer.msg(data.msg)
}
},
error: function (data) {
console.log(data);
}
});
}
function getmovefiles(fileAjaxData) {
$('.list-content#movefiles ul').empty()
$.ajax({
url: host + '/ding/file/getFileList' + '?timetmp=' + Date.parse(new Date()).toString().substr(0,
10),
headers: {
'Blade-Auth': 'bearer ' + localStorage.accessToken
},
data: fileAjaxData,
type: "get",
contentType: "application/x-www-form-urlencoded",
dataType: "json",
success: function (data) {
if (data.code == 200) {
inita()
if (data.data.folders.length > 0) {
data.data.folders.forEach(function (item) {
var html1 =
'<li class="list pr" onclick="openFoldera(this)" ondblclick="openFoldera(this)" data-id="' +
item.id + '" data-name="' + item.name + '">' +
'<div class="onClickImg" data-id="' + item.id + '" onclick="onClickImg(this)"><img src="image/icon_30.png"></div>' +
'<div class="img"><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>'
console.log($('#movefiles ul'));
$('#movefiles ul').append(html1)
})
}
if (data.data.folders.length == 0 && data.data.files.length == 0) {
$('.no-con-lista').show()
$('.con-list-cna').hide()
} else {
$('.no-con-lista').hide()
$('.con-list-cna').show()
}
} 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>
<!--appfooter-->
<div class="height84 poflexfoot">
<div class="height50 display disLeftRihgt aligncneter">
<div class=" widthb50" id="1">
<a href="index.html" class="flexcolumn">
<img src="image/icon-app/inco_app03.png" class="wh20">
<div class="displayCenter fontS12 margitt7" >文件夹</div>
</a>
</div>
<div class=" widthb50" id="2">
<a href="appHome.html" class="flexcolumn">
<img src="image/icon-app/inco_app04.png" class="wh20">
<div class="displayCenter fontS12 margitt7" >功能区</div>
</a>
</div>
</div>
</div>
<script type="text/javascript">
$('#1').click(function(){
localStorage.setItem('pubilc','公共文件')
})
$('#2').click(function(){
localStorage.setItem('pubilc','功能区')
})
</script>