初始化
This commit is contained in:
liut
@@ -0,0 +1,417 @@
|
||||
.child-view {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
|
||||
transition: all .5s cubic-bezier(.55, 0, .1, 1)
|
||||
}
|
||||
|
||||
.slide-left-enter,
|
||||
.slide-right-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate(30px);
|
||||
transform: translate(30px)
|
||||
}
|
||||
|
||||
.slide-left-leave-active,
|
||||
.slide-right-enter {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate(-30px);
|
||||
transform: translate(-30px)
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 1100px;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex
|
||||
}
|
||||
|
||||
.flex-box {
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.align-center,
|
||||
.flex-box,
|
||||
.space-between {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.space-between {
|
||||
-webkit-box-pack: justify;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.text-overflow {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
input:focus {
|
||||
outline: none
|
||||
}
|
||||
|
||||
.dis-btn1 {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
html {
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: .67em 0
|
||||
}
|
||||
|
||||
hr {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none;
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em
|
||||
}
|
||||
|
||||
img {
|
||||
border-style: none
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
line-height: 1.15;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none
|
||||
}
|
||||
|
||||
[type=button],
|
||||
[type=reset],
|
||||
[type=submit],
|
||||
button {
|
||||
-webkit-appearance: button
|
||||
}
|
||||
|
||||
[type=button]::-moz-focus-inner,
|
||||
[type=reset]::-moz-focus-inner,
|
||||
[type=submit]::-moz-focus-inner,
|
||||
button::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
[type=button]:-moz-focusring,
|
||||
[type=reset]:-moz-focusring,
|
||||
[type=submit]:-moz-focusring,
|
||||
button:-moz-focusring {
|
||||
outline: 1px dotted ButtonText
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: .35em .75em .625em
|
||||
}
|
||||
|
||||
legend {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
display: table;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
white-space: normal
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
[type=checkbox],
|
||||
[type=radio] {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
[type=number]::-webkit-inner-spin-button,
|
||||
[type=number]::-webkit-outer-spin-button {
|
||||
height: auto
|
||||
}
|
||||
|
||||
[type=search] {
|
||||
-webkit-appearance: textfield;
|
||||
outline-offset: -2px
|
||||
}
|
||||
|
||||
[type=search]::-webkit-search-decoration {
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
font: inherit
|
||||
}
|
||||
|
||||
details {
|
||||
display: block
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item
|
||||
}
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none
|
||||
}
|
||||
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
applet,
|
||||
article,
|
||||
aside,
|
||||
audio,
|
||||
b,
|
||||
big,
|
||||
blockquote,
|
||||
body,
|
||||
canvas,
|
||||
caption,
|
||||
center,
|
||||
cite,
|
||||
code,
|
||||
dd,
|
||||
del,
|
||||
details,
|
||||
dfn,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
em,
|
||||
embed,
|
||||
fieldset,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
header,
|
||||
html,
|
||||
i,
|
||||
iframe,
|
||||
img,
|
||||
input,
|
||||
ins,
|
||||
kbd,
|
||||
label,
|
||||
legend,
|
||||
li,
|
||||
mark,
|
||||
menu,
|
||||
nav,
|
||||
object,
|
||||
ol,
|
||||
output,
|
||||
p,
|
||||
pre,
|
||||
q,
|
||||
ruby,
|
||||
s,
|
||||
samp,
|
||||
section,
|
||||
small,
|
||||
span,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
summary,
|
||||
sup,
|
||||
table,
|
||||
tbody,
|
||||
td,
|
||||
tfoot,
|
||||
th,
|
||||
thead,
|
||||
time,
|
||||
tr,
|
||||
tt,
|
||||
u,
|
||||
ul,
|
||||
var,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font-weight: 400;
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1
|
||||
}
|
||||
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none
|
||||
}
|
||||
|
||||
blockquote:after,
|
||||
blockquote:before,
|
||||
q:after,
|
||||
q:before {
|
||||
content: none
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0
|
||||
}
|
||||
|
||||
a {
|
||||
color: #7e8c8d;
|
||||
-webkit-backface-visibility: hidden;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-text-size-adjust: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif, Droid Sans Fallback;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
.app,
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background: #fff
|
||||
}
|
||||
@@ -0,0 +1,280 @@
|
||||
/**
|
||||
* 回收站和文件管理通用函数
|
||||
*/
|
||||
|
||||
if (!!window.ActiveXObject || "ActiveXObject" in window){
|
||||
alert("您的浏览器版本太过久了，可能无法正常访问，请使用360极速浏览器或者Chrome浏览器再来~");
|
||||
}
|
||||
|
||||
//弹框
|
||||
function noty_msg(type,msg,url,time){
|
||||
var msg = msg || "";
|
||||
var time = time || 800;
|
||||
if(type){
|
||||
type = "success";
|
||||
}else{
|
||||
type = "error";
|
||||
}
|
||||
if(url){
|
||||
var modal = true;
|
||||
}else{
|
||||
var modal = false;
|
||||
}
|
||||
Wind.use('noty', function () {
|
||||
noty({
|
||||
text: msg,
|
||||
type: type,
|
||||
layout: 'topCenter',
|
||||
modal: modal,
|
||||
timeout: time,
|
||||
callback: {
|
||||
afterClose: function () {
|
||||
if(url){
|
||||
window.location.href = url;
|
||||
}
|
||||
}
|
||||
}
|
||||
}).show();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
//阻止事件 冒泡传播
|
||||
function stopBubbling(e) {
|
||||
e = window.event || e;
|
||||
if (e.stopPropagation) {
|
||||
e.stopPropagation(); //阻止事件 冒泡传播
|
||||
} else {
|
||||
e.cancelBubble = true; //ie兼容
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 右键菜单 -------开始 */
|
||||
|
||||
|
||||
//点击悬浮更多按钮打开右键菜单
|
||||
function clickGengduo(e,id) {
|
||||
//清空事件 防止冲突
|
||||
window.onclick=function(e){
|
||||
}
|
||||
openList(1,$("#t"+id),e.pageX,e.pageY);
|
||||
}
|
||||
|
||||
//鼠标悬浮显示更多按钮
|
||||
function HoverGengduo()
|
||||
{
|
||||
//悬浮事件
|
||||
$('#table tbody tr').hover(function(){
|
||||
$(this).find(".gengduo").show(); //第一个div显示
|
||||
},function(){
|
||||
$(this).find(".gengduo").hide();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
//清空右键菜单数据
|
||||
function openListEmpty(obj)
|
||||
{
|
||||
obj.attr("data-id",""); //清空
|
||||
obj.attr("data-filename",""); //清空
|
||||
obj.attr("data-folder",""); //清空
|
||||
}
|
||||
|
||||
//打开右键菜单
|
||||
function openList(isFile,obj,x,y)
|
||||
{
|
||||
//判断是不是空白处右键
|
||||
if(isFile){
|
||||
var _jq = "#list1";
|
||||
var _jq2 = "#list2";
|
||||
|
||||
openListEmpty($(_jq)); //清空以前的设置
|
||||
|
||||
$(_jq).attr("data-id", obj.attr("data-id")); //设置ID
|
||||
$(_jq).attr("data-filename",obj.attr("data-filename")); //设置文件名
|
||||
$(_jq).attr("data-folder",obj.attr("data-folder")); //设置是不是文件夹
|
||||
|
||||
}else{
|
||||
var _jq = "#list2";
|
||||
var _jq2 = "#list1";
|
||||
}
|
||||
|
||||
$(_jq2).hide();
|
||||
$(_jq).show();
|
||||
//改变菜单的位置到事件发生的位置
|
||||
$(_jq).css('left', x);
|
||||
$(_jq).css('top', y);
|
||||
|
||||
//延迟安装 防止更多按钮的点击冲突
|
||||
setTimeout(
|
||||
function(){
|
||||
window.onclick=function(e){
|
||||
//用户触发click事件就可以关闭了，因为绑定在window上，按事件冒泡处理，不会影响菜单的功能
|
||||
$(_jq).hide();
|
||||
|
||||
if(isFile){
|
||||
openListEmpty($(_jq));
|
||||
}
|
||||
}
|
||||
}
|
||||
, 1);
|
||||
}
|
||||
|
||||
//安装右键事件
|
||||
function clickList()
|
||||
{
|
||||
var name = $("#menubar .select").attr("data");
|
||||
if(name == "shouyi")
|
||||
{
|
||||
$('.el-main').unbind("mousedown");
|
||||
$('.el-main').unbind("contextmenu");
|
||||
return;
|
||||
}
|
||||
|
||||
//禁用默认右键事件
|
||||
$('.el-main').on('contextmenu', function () {
|
||||
if(!window.getSelection().toString()) { //判断用户是否选中了文字
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
//右键菜单
|
||||
$('#table tbody tr').mousedown(function(e){
|
||||
if(window.getSelection().toString()) //判断用户是否选中了文字
|
||||
{
|
||||
return;
|
||||
}
|
||||
if(3 == e.which){ //鼠标右键
|
||||
openList(1,$(this).find('text'),e.pageX,e.pageY);
|
||||
}
|
||||
stopBubbling(e); //防止重叠
|
||||
});
|
||||
|
||||
//右键菜单
|
||||
$('.el-main').mousedown(function(e){
|
||||
if(window.getSelection().toString()) //判断用户是否选中了文字
|
||||
{
|
||||
return;
|
||||
}
|
||||
if(3 == e.which){ //鼠标右键
|
||||
openList(0,$(this).find('text'),e.pageX,e.pageY);
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
/* 右键菜单 -------结束 */
|
||||
|
||||
|
||||
|
||||
//复选框批量操作
|
||||
function CilckCheck()
|
||||
{
|
||||
var data = $('#table').bootstrapTable('getSelections');
|
||||
if(data.length)
|
||||
{
|
||||
$('th[data-field="file_name"] div:first').html("已选中 "+data.length+" 个文件(夹)");
|
||||
$("#CilckCheck").show();
|
||||
$("#CilckCheck2").hide();
|
||||
}else{
|
||||
$('th[data-field="file_name"] div:first').html("文件名");
|
||||
$("#CilckCheck").hide();
|
||||
$("#CilckCheck2").show();
|
||||
}
|
||||
}
|
||||
//获取复选框选中的ID
|
||||
function getCheckIds(ids,idFs)
|
||||
{
|
||||
var ids = ids || "";
|
||||
var idFs = idFs || "";
|
||||
|
||||
var data = $('#table').bootstrapTable('getSelections');
|
||||
for(var i=0;i<data.length;i++)
|
||||
{
|
||||
$("#CheckTmp").html(data[i]['file_name']);
|
||||
var obj = $("#CheckTmp").find("text");
|
||||
var id = obj.attr("data-id");
|
||||
var isFolder = obj.attr("data-folder");
|
||||
|
||||
if(isFolder=="1"){
|
||||
idFs += id+",";
|
||||
}else{
|
||||
ids += id+",";
|
||||
}
|
||||
}
|
||||
ids = ids.replace(new RegExp('\\,+$', 'g'), ''); //去掉某位ids
|
||||
idFs = idFs.replace(new RegExp('\\,+$', 'g'), '');
|
||||
return {'ids':ids,idFs:idFs};
|
||||
}
|
||||
|
||||
/**
|
||||
* 操控剪切板
|
||||
*/
|
||||
function CopyText(text,msg)
|
||||
{
|
||||
var oInput = document.createElement('textarea');
|
||||
oInput.value = text;
|
||||
document.body.appendChild(oInput);
|
||||
oInput.select(); // 选择对象
|
||||
document.execCommand("Copy"); // 执行浏览器复制命令
|
||||
oInput.className = 'oInput';
|
||||
oInput.style.display='none';
|
||||
if(window.screen.width < 768){
|
||||
layer.msg(msg, {time:1200});
|
||||
}
|
||||
else{
|
||||
layer.msg(msg, {time:1200, icon:1, shift:4});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 修改文件路径导航
|
||||
* @param {路径导航数据} data
|
||||
* @param {数据总数} total
|
||||
* @param {是否搜索} sousuo
|
||||
*/
|
||||
function daohang(data,total,sousuo)
|
||||
{
|
||||
$(".daohang-count").html(total);
|
||||
if(sousuo == ""){
|
||||
if(data)
|
||||
{
|
||||
var html = "";
|
||||
for(var i=0;i<data.length;i++)
|
||||
{
|
||||
info = data[i];
|
||||
if(info['isMy']){
|
||||
//当前文件夹
|
||||
html += '<span style="cursor:pointer;" onclick="getTable(\'当前文件夹\')">'+info['folder_name']+'</span>';
|
||||
|
||||
if(i != 0){
|
||||
var shangyji = data[i-1]['id'];
|
||||
$("#daohang-shangyiji").attr("onclick","getTable("+shangyji+")");
|
||||
}else{
|
||||
$("#daohang-shangyiji").attr("onclick","getTable()");
|
||||
}
|
||||
}else{
|
||||
html += '<a href="javascript:;" onclick="getTable('+info['id']+')">'+info['folder_name']+'</a>';
|
||||
html += '<span class="fuhao">></span>';
|
||||
}
|
||||
}
|
||||
$("#daohang").html(html);
|
||||
|
||||
$(".daohang-path").show();
|
||||
$(".daohang-all").hide();
|
||||
}else{
|
||||
$(".daohang-all").show();
|
||||
$(".daohang-path").hide();
|
||||
}
|
||||
}else{
|
||||
var html = "";
|
||||
html += '<span">搜索 "'+sousuo+'"</span>';
|
||||
|
||||
$("#daohang").html(html);
|
||||
|
||||
$(".daohang-path").show();
|
||||
$(".daohang-all").hide();
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,262 @@
|
||||
/* 文件列表图标 关于母猪的产后护养研究 */
|
||||
.file-icon{
|
||||
cursor: default;
|
||||
display: inline-block; /* 一行显示 */
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
left: 43px;
|
||||
top: 10px;
|
||||
margin-right: 5px;
|
||||
vertical-align:middle; /* 对齐 */
|
||||
}
|
||||
|
||||
.filename{
|
||||
vertical-align:middle;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
|
||||
.viewer{
|
||||
|
||||
cursor:pointer; /* 鼠标样式 */
|
||||
}
|
||||
|
||||
.folder{
|
||||
cursor:pointer; /* 鼠标样式 */
|
||||
}
|
||||
|
||||
.icon-search:hover{
|
||||
color: #09AAFF;
|
||||
}
|
||||
|
||||
/* 鼠标悬浮显示更多按钮 */
|
||||
.gengduo {
|
||||
z-index: 3;
|
||||
float:right;
|
||||
margin-top: 5px;
|
||||
cursor:pointer;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* 图标 */
|
||||
.icon-color {
|
||||
color: #09AAFF;
|
||||
}
|
||||
|
||||
|
||||
/* 路劲导航 */
|
||||
.daohang {
|
||||
background-color: #fff;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
margin-bottom: 15px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
display: block;
|
||||
padding: 15px 0 7px 9px;
|
||||
margin-top: 0px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.daohang-path {
|
||||
line-height: 16px;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.daohang-path li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.daohang-path a {
|
||||
color: #09aaff;
|
||||
}
|
||||
|
||||
.daohang-path .fuhao {
|
||||
padding: 0 5px;
|
||||
color: #c5d8f3;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 空文件样式 */
|
||||
.emptyFile {
|
||||
top: 20px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.emptyFile p {
|
||||
color: #424e67;
|
||||
margin: 20px 0;
|
||||
font-weight: 200;
|
||||
display: block;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 0px;
|
||||
margin-inline-end: 0px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.emptyFile2 {
|
||||
margin: 0;
|
||||
display: block;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
min-height: 400px;
|
||||
}
|
||||
.emptyFile2 .img {
|
||||
background: url(img/emptyfile.png) no-repeat scroll center 0 transparent;
|
||||
padding-top: 150px;
|
||||
width: 488px;
|
||||
position: absolute;
|
||||
left: 50%; /* 左边距实现居中 */
|
||||
top: 90%;
|
||||
text-align: center;
|
||||
margin: -190px 0 0 -244px;
|
||||
}
|
||||
|
||||
/* 空回收站样式 */
|
||||
.emptyRecyclebin .img {
|
||||
background: url(img/emptyRecyclebin.png) no-repeat scroll center 0 transparent;
|
||||
padding-top: 80px;
|
||||
}
|
||||
|
||||
.emptyRecyclebin-p {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #03081a;
|
||||
}
|
||||
|
||||
/* 搜索未找到时 */
|
||||
.emptySousuo .img {
|
||||
background: url(img/emptySousuo.png) no-repeat scroll center 0 transparent;
|
||||
padding-top: 110px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 开关按钮 */
|
||||
.switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 60px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.switch input {display:none;}
|
||||
|
||||
.slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
left: 4px;
|
||||
bottom: 4px;
|
||||
background-color: white;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
input:checked + .slider {
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
input:focus + .slider {
|
||||
box-shadow: 0 0 1px #2196F3;
|
||||
}
|
||||
|
||||
input:checked + .slider:before {
|
||||
-webkit-transform: translateX(26px);
|
||||
-ms-transform: translateX(26px);
|
||||
transform: translateX(26px);
|
||||
}
|
||||
|
||||
/* Rounded sliders */
|
||||
.slider.round {
|
||||
border-radius: 34px;
|
||||
}
|
||||
|
||||
.slider.round:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
/* 右键菜单 */
|
||||
.context-menu .list {
|
||||
border: 1px solid #dde0e4;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 8px #ccc;
|
||||
}
|
||||
|
||||
.context-menu .list {
|
||||
min-height: 23px;
|
||||
padding: 2px 0;
|
||||
position: absolute;
|
||||
background-color: #FFF;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.context-menu .list li {
|
||||
display: list-item;
|
||||
cursor: default;
|
||||
width: 110px;
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
box-sizing: border-box;
|
||||
padding: 0 27px 0 20px;
|
||||
}
|
||||
@media (max-width:767px) {
|
||||
.context-menu .list li {
|
||||
width: 120px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.context-menu .list .separate,
|
||||
.context-menu .list .separate.list-hover {
|
||||
padding: 0;
|
||||
margin: 5px 0;
|
||||
height: 1px;
|
||||
line-height: 0;
|
||||
font-size: 0 !important;
|
||||
background-color: #e9e9e9;
|
||||
cursor: default;
|
||||
}
|
||||
.context-menu .list li:hover {
|
||||
background-color: #4281F4;
|
||||
color: #FFF!important;
|
||||
}
|
||||
|
||||
.context-menu ul, .context-menu li {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 13px!important;
|
||||
color: #5b667b!important;
|
||||
}
|
||||
@@ -0,0 +1,465 @@
|
||||
//获取文件图标 《关于母猪的产后护养研究》
|
||||
function getIcon(ext){
|
||||
|
||||
ext = ext.toLowerCase();
|
||||
|
||||
var d = new Array();
|
||||
d['video'] = ['mp4','avi','mov','rmvb','rm','asf','divx','mpg','mpeg','mpe','wmv','mp4','mkv','vob','swf','flv'];
|
||||
d['music'] = ['cd','mp3','flac','ape','wma','mid','midi','mmf','ncm','wav','dts','dsf'];
|
||||
d['code'] = ['c','php','py','py3','cpp','h','jar','html','hta','chm','css','js','htm','asp','aspx','jsp','dll','cs','go','sql',
|
||||
'xml','vb','java','lib','e','ec','db','bat','vbs','cmd','json','vbe','ocx','conf','sh','dat'];
|
||||
d['zip'] = ['zip','tar','gz','rar','7z','arj','z','iso','gho'];
|
||||
d['ps'] = ['ps','psd','pdd','eps','iff','tdi','pcx','raw'];
|
||||
d['img'] = ['png','bmp','rle','dib','gif','ico','jpeg','jpe','jff','jps','jpg','psb','svg','pbm','mp0'];
|
||||
d['fonts'] = ['ttf','eot','woff','otf','woff2'];
|
||||
d['text'] = ['txt','md','rtf','ini'];
|
||||
d['word'] = ['doc','docx','docm'];
|
||||
d['excel'] = ['xls','xlsx','xlsm'];
|
||||
d['ppt'] = ['ppt','pptx'];
|
||||
d['links'] = ['url','lnk'];
|
||||
d['pdf'] = ['pdf','pdp'];
|
||||
d['exe'] = ['exe','msi'];
|
||||
d['ipa'] = ['ipa'];
|
||||
d['apk'] = ['apk'];
|
||||
|
||||
var extName = "file";
|
||||
var extName2 = extName;
|
||||
for (var index in d){
|
||||
//console.log("d["+index+"] " + d[index]);
|
||||
|
||||
for(var i=0;i<d[index].length;i++){
|
||||
|
||||
if(d[index][i] == ext){
|
||||
extName = index;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if(extName != extName2){
|
||||
break;
|
||||
}
|
||||
}
|
||||
return extName;
|
||||
}
|
||||
|
||||
|
||||
//打开上传窗口
|
||||
function upload(){
|
||||
|
||||
if(window.screen.width < 768){
|
||||
var area = ['99.5%','413px'];
|
||||
var offset = '';
|
||||
}
|
||||
else{
|
||||
var area = ['520px','413px'];
|
||||
var offset = ['15%','13%'];
|
||||
}
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '文件上传',
|
||||
area: area,
|
||||
offset: offset,
|
||||
// shadeClose: true, // 是否点击遮罩关闭
|
||||
content: '/user/upload.html',
|
||||
end:function () {
|
||||
getTable('当前文件夹'); //刷新数据
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
//打开移动到
|
||||
function moveFiles(ids="",idFs=""){
|
||||
|
||||
if(ids =="" && idFs==""){
|
||||
var data = getCheckIds();
|
||||
ids = data['ids'];
|
||||
idFs = data['idFs'];
|
||||
}
|
||||
if(window.screen.width < 768){
|
||||
var area = ['99.5%','355px'];
|
||||
var offset = '';
|
||||
}
|
||||
else{
|
||||
var area = ['520px','355px'];
|
||||
var offset = ['15%','13%'];
|
||||
}
|
||||
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '移动到',
|
||||
area: area,
|
||||
offset: offset,
|
||||
shadeClose: true, // 是否点击遮罩关闭
|
||||
content: '/user/files/moveFiles.html?ids='+ids+"&idFs="+idFs,
|
||||
end:function () {
|
||||
//getTable(); //刷新数据
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
//重命名编辑框
|
||||
function rename(){
|
||||
$(".filename").editable({
|
||||
toggle: 'manual',
|
||||
validate: function (v) {
|
||||
if (!v) return '文件名不能为空';
|
||||
|
||||
var obj = $(this);
|
||||
var id = obj.attr("data-id");
|
||||
var filename = obj.attr("data-filename");
|
||||
var is_folder = obj.attr("data-folder");
|
||||
|
||||
if (filename != v) {
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: '/user/files/toReanme.html?id=' + id + "&file_name=" + v + "&is_folder="+is_folder,
|
||||
dataType: "json",
|
||||
success: function (data) {
|
||||
|
||||
if(data.status)
|
||||
{
|
||||
obj.attr("data-filename", v);
|
||||
layer.msg(data.msg, {time:1000, icon:1, shift:4});
|
||||
}else{
|
||||
layer.alert(data.msg,{icon:2});
|
||||
}
|
||||
|
||||
},
|
||||
error: function (error) {
|
||||
layer.alert("API请求失败，请联系客服",{icon:2});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
mode: "inline", //编辑框的模式：支持popup和inline两种模式，默认是popup
|
||||
type: 'tel'
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/* 新建文件夹 -------开始 */
|
||||
var setPassHtml = $("#setPass").html();
|
||||
$("#setPass").html("");
|
||||
|
||||
//新建文件夹窗口
|
||||
function mkdir() {
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '新建文件夹',
|
||||
area: ['342px', '350px'],
|
||||
fixed: false, //不固定
|
||||
shadeClose: true, //遮罩层关闭
|
||||
content: '/user/folder/addFolder.html',
|
||||
end:function () {
|
||||
//location.reload()
|
||||
}
|
||||
});
|
||||
}
|
||||
/* 新建文件夹 -------end */
|
||||
|
||||
|
||||
//菜单栏删除批量删除
|
||||
function CheckDelete()
|
||||
{
|
||||
var data = $('#table').bootstrapTable('getSelections');
|
||||
layer.confirm('确定要删除所选的 '+data.length+' 个文件(夹)吗？',
|
||||
{
|
||||
shadeClose: true,
|
||||
icon: 3,
|
||||
btn: ['确定','取消'] //按钮
|
||||
},
|
||||
function(index){
|
||||
var data = getCheckIds();
|
||||
var ids = data['ids'];
|
||||
var idFs = data['idFs'];
|
||||
|
||||
//console.log(ids,idFs);
|
||||
|
||||
|
||||
var url = "/user/files/toDeleteAll.html?ids="+ids+"&idFs="+idFs;
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: url,
|
||||
dataType: "json",
|
||||
success: function (data2) {
|
||||
if(data2.status)
|
||||
{
|
||||
data = data2.data;
|
||||
for(var i=0;i<data.length;i++)
|
||||
{
|
||||
$("text[data-id='"+data[i]+"']").parent().parent().remove();
|
||||
}
|
||||
|
||||
layer.msg(data2.msg, {time:1500, icon:1, shift:4});
|
||||
}else{
|
||||
layer.alert(data2.msg,{icon:2});
|
||||
}
|
||||
},
|
||||
error: function (error) {
|
||||
layer.alert("API请求失败，请联系客服",{icon:2});
|
||||
}
|
||||
});
|
||||
},
|
||||
function(){
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
//设置提取码窗口
|
||||
function setPass(id,filename)
|
||||
{
|
||||
var idU = "#"+id+"-url";
|
||||
var idP = "#"+id+"-pass";
|
||||
var Url2= $(idU).html();
|
||||
var urlId= $(idU).attr("data-id");
|
||||
var Pass = $(idU).attr("data-pass");
|
||||
var PassStatus = $(idU).attr("data-pass-status");
|
||||
|
||||
var Url = "链接："+Url2;
|
||||
|
||||
if(window.screen.width < 768){
|
||||
var area = ['342px','380px'];
|
||||
}
|
||||
else{
|
||||
var area = ['325px','270px'];
|
||||
}
|
||||
|
||||
layer.open({
|
||||
title: "分享设置："+filename,
|
||||
area: area,
|
||||
type: 1,
|
||||
shift: 7,
|
||||
resize: false, // 是否允许拉伸
|
||||
shadeClose: true, //遮罩层关闭
|
||||
content: setPassHtml,
|
||||
});
|
||||
|
||||
var data = Url;
|
||||
if(PassStatus == "1") //密码开关
|
||||
{
|
||||
data = Url+"\n提取码："+Pass;
|
||||
$("#setPassClick").attr("checked","");
|
||||
}else{
|
||||
$("#setPassPass").attr("disabled","disabled");
|
||||
|
||||
}
|
||||
|
||||
$("#setPassUrl").val(data);
|
||||
$("#setPassPass").val(Pass);
|
||||
|
||||
//密码开关冒泡
|
||||
$("#setPassClick").click(function(){
|
||||
if($("#setPassPass").attr("disabled")) //是否禁用
|
||||
{
|
||||
var tmp = Url+"\n提取码："+$("#setPassPass").val();
|
||||
$("#setPassUrl").val(tmp);
|
||||
$("#setPassPass").removeAttr("disabled");
|
||||
}else{
|
||||
$("#setPassUrl").val(Url);
|
||||
$("#setPassPass").attr("disabled","disabled");
|
||||
}
|
||||
});
|
||||
|
||||
//密码修改冒泡
|
||||
$("#setPassPass").bind("input propertychange", function() {
|
||||
var data = "链接："+Url2+"\n提取码："+$("#setPassPass").val();
|
||||
$("#setPassUrl").val(data);
|
||||
});
|
||||
|
||||
if(window.screen.width < 768){
|
||||
//文本框击冒泡
|
||||
$('#setPassUrl').click(function () {
|
||||
CopyText($('#setPassUrl').val(),"复制分享链接成功~");
|
||||
});
|
||||
}
|
||||
else{
|
||||
//文本框双击冒泡
|
||||
$('#setPassUrl').dblclick(function () {
|
||||
CopyText($('#setPassUrl').val(),"复制分享链接成功~");
|
||||
});
|
||||
}
|
||||
|
||||
//保存密码
|
||||
$("#setPassBtn").click(function(){
|
||||
var pass = $("#setPassPass").val();
|
||||
if(pass.length == 0)
|
||||
{
|
||||
$('#setPassPass').focus();
|
||||
return layer.msg('请填写提取码！', {time: 700});
|
||||
}
|
||||
if(pass.length < 2 || pass.length > 6)
|
||||
{
|
||||
return layer.alert("提取码长度最短为2，最长为6，请重新填写",{icon:2});
|
||||
}
|
||||
|
||||
var passStatus = $("#setPassPass").attr("disabled") ? 0 : 1;
|
||||
var url = "/user/files/toSetPass.html?id="+urlId+"&pass="+pass+"&pass_status="+passStatus;
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: url,
|
||||
dataType: "json",
|
||||
success: function (data2) {
|
||||
if(data2.status)
|
||||
{
|
||||
if(passStatus){
|
||||
$(idP).html(pass);
|
||||
}else{
|
||||
$(idP).html("-");
|
||||
}
|
||||
$(idU).attr("data-pass",pass);
|
||||
$(idU).attr("data-pass-status",passStatus);
|
||||
layer.closeAll();
|
||||
layer.msg(data2.msg, {time:1000, icon:1, shift:4});
|
||||
}else{
|
||||
layer.alert(data2.msg,{icon:2});
|
||||
}
|
||||
},
|
||||
error: function (error) {
|
||||
layer.alert("API请求失败，请联系客服",{icon:2});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* 右键菜单 -------开始 */
|
||||
$(".context-menu .list li").click(function(){
|
||||
var ac = $(this).html();
|
||||
var id = $('.context-menu .list').attr("data-id");
|
||||
var filename = $('.context-menu .list').attr("data-filename");
|
||||
var is_folder = $('.context-menu .list').attr("data-folder");
|
||||
|
||||
//if(!id){
|
||||
// return layer.msg('请选择文件~', {time: 700});;
|
||||
//}
|
||||
switch(ac) {
|
||||
case "刷新数据":{
|
||||
getTable("当前文件夹",$('#sousuo').val());
|
||||
break;
|
||||
}
|
||||
case "重新加载页面":{
|
||||
location.reload();
|
||||
break;
|
||||
}
|
||||
case "设置提取码":{
|
||||
setPass(id,filename);
|
||||
break;
|
||||
}
|
||||
case "新建文件夹":{
|
||||
mkdir();
|
||||
break;
|
||||
}
|
||||
case "移动到":{
|
||||
if(is_folder=="1"){
|
||||
moveFiles("",id);
|
||||
}else{
|
||||
moveFiles(id);
|
||||
}
|
||||
break;
|
||||
}
|
||||
case "下载":{
|
||||
if(is_folder=="1"){
|
||||
var Url2= $("#"+id+"-url").html();
|
||||
window.open(Url2);
|
||||
}
|
||||
window.open("/user/file/toDown.html?id="+id);
|
||||
break;
|
||||
}
|
||||
case "重命名":{
|
||||
setTimeout(function (){
|
||||
$("text[data-id='"+id+"'][data-folder="+is_folder+"]").editable('toggle');
|
||||
},1);
|
||||
break;
|
||||
}
|
||||
case "复制链接":{
|
||||
var Url2= $("#"+id+"-url").html();
|
||||
var Pass = $("#"+id+"-url").attr("data-pass");
|
||||
var PassStatus = $("#"+id+"-url").attr("data-pass-status");
|
||||
|
||||
|
||||
if(PassStatus == "1") //密码开关
|
||||
{
|
||||
Url2 = "链接："+Url2+"\n提取码："+Pass;
|
||||
}
|
||||
|
||||
CopyText(Url2,"复制分享链接成功~");
|
||||
break;
|
||||
}
|
||||
case "编辑文件":{
|
||||
|
||||
|
||||
if(is_folder=="1"){
|
||||
var title = "编辑文件夹";
|
||||
var url = '/user/folder/editFolder.html?id='+id;
|
||||
var area = ['342px', '350px'];
|
||||
}else{
|
||||
|
||||
var title = "编辑文件";
|
||||
var url = '/user/file/editFile.html?id='+id;
|
||||
var area = ['450px', '460px'];
|
||||
}
|
||||
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: title,
|
||||
area: area,
|
||||
fixed: false, //不固定
|
||||
shadeClose: true, //遮罩层关闭
|
||||
content: url,
|
||||
end:function () {
|
||||
//location.reload()
|
||||
}
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "删除":{
|
||||
|
||||
var url = "/user/files/toDelete.html?id="+id+"&isFolder="+is_folder;
|
||||
layer.confirm('确定要删除（'+filename+"）吗？",
|
||||
{
|
||||
shadeClose: true,
|
||||
icon: 3,
|
||||
btn: ['确定','取消'] //按钮
|
||||
},
|
||||
function(index){
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: url,
|
||||
dataType: "json",
|
||||
success: function (data) {
|
||||
if(data.status)
|
||||
{
|
||||
$("text[data-id='"+id+"']").parent().parent().remove();
|
||||
layer.msg(data.msg, {time:1000, icon:1, shift:4});
|
||||
}else{
|
||||
layer.alert(data.msg,{icon:2});
|
||||
}
|
||||
},
|
||||
error: function (error) {
|
||||
layer.alert("API请求失败，请联系客服",{icon:2});
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
},
|
||||
function(){
|
||||
});
|
||||
break;
|
||||
}
|
||||
default:{
|
||||
break;
|
||||
}
|
||||
}
|
||||
});
|
||||
/* 右键菜单 -------结束 */
|
||||
|
||||
|
||||
//安装文件夹点击事件
|
||||
function clickFolder()
|
||||
{
|
||||
$(".folder").click(function(){
|
||||
getTable($(this).attr("data-id"));
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,291 @@
|
||||
|
||||
|
||||
.brdCom {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
-webkit-transform: scaleY(.5);
|
||||
transform: scaleY(.5)
|
||||
}
|
||||
|
||||
.header {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.pub-right {
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.pub-header {
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.pub-header .logo {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.pub-header .head-box {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.pub-header .head-box .head-img {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border-radius: 50%;
|
||||
margin-right: 8px
|
||||
}
|
||||
|
||||
.pub-header .head-box .text {
|
||||
font-size: 18px;
|
||||
color: #434343;
|
||||
margin-right: 14px
|
||||
}
|
||||
|
||||
.pub-header .head-box .down {
|
||||
width: 14px;
|
||||
height: 9px;
|
||||
margin-right: 30px
|
||||
}
|
||||
|
||||
.pub-header .head-box .line {
|
||||
width: 2px;
|
||||
height: 20px;
|
||||
background: #dcdcdc
|
||||
}
|
||||
|
||||
.pub-header .pub-header1 {
|
||||
margin-left: 30px;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.pub-header .pub-header1 .yq {
|
||||
width: 17px;
|
||||
height: 17px
|
||||
}
|
||||
|
||||
.pub-header .pub-header1 .xgmm {
|
||||
width: 13px;
|
||||
height: 17px
|
||||
}
|
||||
|
||||
.pub-header .pub-header1 .tc {
|
||||
width: 15px;
|
||||
height: 16px
|
||||
}
|
||||
|
||||
.pub-header .pub-header1 .text {
|
||||
font-size: 14px;
|
||||
color: #313131;
|
||||
margin-left: 8px
|
||||
}
|
||||
|
||||
.pop-box {
|
||||
padding-bottom: 20px
|
||||
}
|
||||
|
||||
.pop-box .pop-top {
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
background-image: -webkit-gradient(linear, right top, left top, from(#5a84f0), to(#6aafef));
|
||||
background-image: -webkit-linear-gradient(right, #5a84f0, #6aafef);
|
||||
background-image: linear-gradient(-90deg, #5a84f0, #6aafef);
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
padding: 20px 15px 0 15px
|
||||
}
|
||||
|
||||
.pop-box .pop-top .text {
|
||||
font-size: 12px;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.pop-box .pop-top .pro {
|
||||
width: 230px;
|
||||
height: 6px;
|
||||
background-color: #fff;
|
||||
border-radius: 3px;
|
||||
margin: 15px 0
|
||||
}
|
||||
|
||||
.pop-box .pop-top .pro p {
|
||||
height: 100%;
|
||||
width: 65px;
|
||||
border-radius: 3px;
|
||||
background-color: #fdd30d
|
||||
}
|
||||
|
||||
.pop-box .pop-bottom {
|
||||
padding: 0 14px
|
||||
}
|
||||
|
||||
.pop-box .pop-bottom .text-box {
|
||||
margin-top: 20px;
|
||||
font-size: 14px;
|
||||
color: #313131
|
||||
}
|
||||
|
||||
.pop-box .pop-bottom .text-box .text {
|
||||
font-size: 14px;
|
||||
color: #313131
|
||||
}
|
||||
|
||||
.pop-box .pop-bottom .text-box .btn {
|
||||
border-radius: 3px;
|
||||
width: 47px;
|
||||
height: 22px;
|
||||
background-color: #bcbcbc;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.yq-box {
|
||||
margin-top: 14px
|
||||
}
|
||||
|
||||
.yq-box .text {
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.yq-box .text1 {
|
||||
width: 214px;
|
||||
height: 22px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #dcdcdc;
|
||||
margin-left: 8px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
padding: 0 5px
|
||||
}
|
||||
|
||||
.yq-box .text1 .text2 {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.yq-box .btn {
|
||||
width: 47px;
|
||||
height: 22px;
|
||||
background-color: #fdd30d;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.el-dialog__header {
|
||||
background: #f6f6f6;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px
|
||||
}
|
||||
|
||||
.el-header {
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
|
||||
box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
|
||||
padding: 0 42px 0 25px
|
||||
}
|
||||
|
||||
.el-aside {
|
||||
background: #f7f7f7;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.el-col {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.el-dialog {
|
||||
border-radius: 4px
|
||||
}
|
||||
|
||||
.el-popover {
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
|
||||
box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
|
||||
border-radius: 10px
|
||||
}
|
||||
|
||||
.el-popper .popper__arrow,
|
||||
.el-popper .popper__arrow:after {
|
||||
border-color: transparent transparent #5c89f0 transparent
|
||||
}
|
||||
|
||||
.el-popper[x-placement^=bottom] .popper__arrow:after {
|
||||
border-bottom-color: #5c89f0
|
||||
}
|
||||
|
||||
.el-dialog .text {
|
||||
font-size: 12px;
|
||||
color: #4f7cec;
|
||||
text-align: center;
|
||||
padding-bottom: 10px
|
||||
}
|
||||
|
||||
.el-dialog .input {
|
||||
width: 322px;
|
||||
height: 32px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #dcdcdc;
|
||||
padding-left: 12px;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
margin: 20px auto 0 auto
|
||||
}
|
||||
|
||||
.el-dialog .dis-btn {
|
||||
width: 322px;
|
||||
height: 34px;
|
||||
background-color: #4f7cec;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
margin: 40px auto 0 auto;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.el-dialog .code-box {
|
||||
margin-top: 20px;
|
||||
margin-left: 21px
|
||||
}
|
||||
|
||||
.el-dialog .code-box .input1 {
|
||||
width: 222px;
|
||||
height: 32px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #dcdcdc;
|
||||
padding-left: 12px;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.el-dialog .code-box .dis-btn1 {
|
||||
width: 86px;
|
||||
height: 32px;
|
||||
background-color: #4f7cec;
|
||||
border-radius: 2px;
|
||||
margin-left: 14px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.el-aside {
|
||||
width: 195px;
|
||||
}
|
||||
@media (max-width:576px) {
|
||||
.el-aside {
|
||||
width: 100px;
|
||||
}
|
||||
.el-menu-item{
|
||||
padding: 0 0px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
@@ -0,0 +1,298 @@
|
||||
/* 滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
height: 10px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
height: 30px;
|
||||
background-color: #999;
|
||||
-webkit-border-radius: 7px;
|
||||
outline: 2px solid #fff;
|
||||
outline-offset: -2px;
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
::-webkit-scrollbar-track-piece {
|
||||
background-color: #fff;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
.g-button-right {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.select {
|
||||
color: #09AAFF;
|
||||
background: rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
.brdCom{
|
||||
content: " ";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
-webkit-transform: scaleY(.5);
|
||||
transform: scaleY(.5)
|
||||
}
|
||||
|
||||
.top-item{
|
||||
color: #409eff;
|
||||
height: 34px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #C3EAFF;
|
||||
padding: 0 18px 0 15px;
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
position: relative
|
||||
}
|
||||
|
||||
|
||||
.top-item .text{
|
||||
color: #409eff;
|
||||
font-size: 14px;
|
||||
margin-left: 10px
|
||||
}
|
||||
|
||||
.top-item:hover .text {
|
||||
border: none;
|
||||
color: #2f6aff
|
||||
}
|
||||
|
||||
.icon-box{
|
||||
border: 1px solid #4f7cec;
|
||||
border-radius: 4px
|
||||
}
|
||||
|
||||
.icon-box .top-item{
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
margin-right: 0;
|
||||
border-right: 1px solid #4f7cec
|
||||
}
|
||||
|
||||
.icon-box .top-item:last-child {
|
||||
border-right: none
|
||||
}
|
||||
|
||||
.top-right{
|
||||
width: 316px;
|
||||
height: 32px;
|
||||
background-color: #f1f2f4;
|
||||
border-radius: 16px;
|
||||
padding: 0 15px
|
||||
}
|
||||
|
||||
.top-right input{
|
||||
font-size: 14px;
|
||||
background: none;
|
||||
border: none;
|
||||
width: 250px
|
||||
}
|
||||
|
||||
.top-right .icon{
|
||||
color: #434343;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.all-box1{
|
||||
margin-top: 14px
|
||||
}
|
||||
|
||||
.all-box1 .text{
|
||||
font-size: 12px;
|
||||
color: #535353
|
||||
}
|
||||
|
||||
.all-box1 .text1{
|
||||
font-size: 12px;
|
||||
color: #626262
|
||||
}
|
||||
|
||||
.cz-box .icon,.cz-box img{
|
||||
cursor: pointer;
|
||||
margin-right: 15px
|
||||
}
|
||||
|
||||
.cz-box .icon{
|
||||
color: #4f7cec
|
||||
}
|
||||
|
||||
.scop-text{
|
||||
cursor: pointer;
|
||||
color: #313131;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.dis-form{
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
padding-left: 20px;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.dis-form.from1{
|
||||
margin-top: 35px
|
||||
}
|
||||
|
||||
.dis-form .text1{
|
||||
width: 85px;
|
||||
font-size: 14px;
|
||||
color: #a0a0a0
|
||||
}
|
||||
|
||||
.dis-form .text2{
|
||||
font-size: 14px;
|
||||
color: #b5b5b5;
|
||||
margin-left: 15px
|
||||
}
|
||||
|
||||
.lj{
|
||||
width: 370px;
|
||||
height: 40px;
|
||||
border: 1px solid #dcdcdc;
|
||||
font-size: 14px;
|
||||
color: #b5b5b5;
|
||||
margin: 30px auto 0 auto;
|
||||
border-radius: 4px
|
||||
}
|
||||
|
||||
.share-img{
|
||||
width: 151px;
|
||||
margin: 30px auto 0 auto
|
||||
}
|
||||
|
||||
.dis-btn1{
|
||||
width: 115px;
|
||||
height: 34px;
|
||||
background-color: #4f7cec;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
margin: 30px auto 0 auto
|
||||
}
|
||||
|
||||
.tqm{
|
||||
width: 257px;
|
||||
height: 34px;
|
||||
background-color: #eee;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #dcdcdc;
|
||||
font-size: 14px;
|
||||
color: #707070;
|
||||
margin-top: 10px;
|
||||
margin-left: 130px
|
||||
}
|
||||
|
||||
.file-box{
|
||||
max-height: 400px;
|
||||
overflow-y: auto
|
||||
}
|
||||
|
||||
.code-text{
|
||||
position: absolute;
|
||||
bottom: 68px;
|
||||
left: 200px;
|
||||
color: #000
|
||||
}
|
||||
|
||||
.el-pagination {
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
.el-dialog__title {
|
||||
width: 370px;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.el-select {
|
||||
width: 110px
|
||||
}
|
||||
|
||||
.el-upload-dragger {
|
||||
width: 83px;
|
||||
height: 34px
|
||||
}
|
||||
|
||||
.file-box .el-radio {
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
.url-box {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.url-box .url {
|
||||
width: 350px;
|
||||
margin-right: 20px
|
||||
}
|
||||
|
||||
.url-box .url,.url-box .url1 {
|
||||
height: 42px;
|
||||
border: 1px solid #dcdcdc
|
||||
}
|
||||
|
||||
.url-box .url1 {
|
||||
width: 130px;
|
||||
text-align: center;
|
||||
line-height: 42px
|
||||
}
|
||||
|
||||
.code-img {
|
||||
width: 300px;
|
||||
display: block;
|
||||
margin: 20px auto
|
||||
}
|
||||
|
||||
.shareimg-box {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.shareimg-box .code-box {
|
||||
position: absolute;
|
||||
bottom: 93px;
|
||||
left: 149px;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.top-right .el-input__inner {
|
||||
background: none;
|
||||
border: none
|
||||
}
|
||||
|
||||
/* 上传按钮 */
|
||||
.upload {
|
||||
color: #fff;
|
||||
background-color:#09AAFF;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.upload:hover {
|
||||
background-color:#09a0f1;
|
||||
}
|
||||
|
||||
.upload .text {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.upload:hover .text {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,142 @@
|
||||
|
||||
/**
|
||||
* 删除/还原 回收站的文件
|
||||
*/
|
||||
function Recyclebin(ids,idFs,action)
|
||||
{
|
||||
var url = "/user/recyclebin/to"+action+"All.html?ids="+ids+"&idFs="+idFs;
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: url,
|
||||
dataType: "json",
|
||||
success: function (data2) {
|
||||
if(data2.status)
|
||||
{
|
||||
data = data2.data;
|
||||
for(var i=0;i<data.length;i++)
|
||||
{
|
||||
$("text[data-id='"+data[i]+"']").parent().parent().remove();
|
||||
}
|
||||
|
||||
layer.msg(data2.msg, {time:1500, icon:1, shift:4});
|
||||
}else{
|
||||
layer.alert(data2.msg,{icon:2});
|
||||
}
|
||||
},
|
||||
error: function (error) {
|
||||
layer.alert("API请求失败，请联系客服",{icon:2});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
//菜单栏删除批量删除
|
||||
function CheckDelete()
|
||||
{
|
||||
var data = $('#table').bootstrapTable('getSelections');
|
||||
|
||||
layer.confirm('确定要彻底删除所选的 '+data.length+' 个文件(夹)吗？',
|
||||
{
|
||||
title: "一旦删除无法找回！",
|
||||
shadeClose: true,
|
||||
icon: 3,
|
||||
btn: ['确定','取消'] //按钮
|
||||
},
|
||||
function(index){
|
||||
var data = getCheckIds();
|
||||
var ids = data['ids'];
|
||||
var idFs = data['idFs'];
|
||||
Recyclebin(ids,idFs,"Delete");
|
||||
},
|
||||
function(){
|
||||
});
|
||||
}
|
||||
|
||||
//菜单栏还原
|
||||
function CheckBack()
|
||||
{
|
||||
var data = getCheckIds();
|
||||
var ids = data['ids'];
|
||||
var idFs = data['idFs'];
|
||||
Recyclebin(ids,idFs,"Back");
|
||||
}
|
||||
|
||||
|
||||
//菜单栏清空回收站
|
||||
function CheckEmpty()
|
||||
{
|
||||
layer.confirm('确定要清空回收站吗？',
|
||||
{
|
||||
title: "一旦删除无法找回！",
|
||||
shadeClose: true,
|
||||
icon: 3,
|
||||
btn: ['确定','取消'] //按钮
|
||||
},
|
||||
function(index){
|
||||
var url = "/user/recyclebin/toEmpay.html";
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: url,
|
||||
dataType: "json",
|
||||
success: function (data2) {
|
||||
if(data2.status)
|
||||
{
|
||||
getTable();
|
||||
layer.msg(data2.msg, {time:1500, icon:1, shift:4});
|
||||
}else{
|
||||
layer.alert(data2.msg,{icon:2});
|
||||
}
|
||||
},
|
||||
error: function (error) {
|
||||
layer.alert("API请求失败，请联系客服",{icon:2});
|
||||
}
|
||||
});
|
||||
},
|
||||
function(){
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/* 右键菜单 -------开始 */
|
||||
$(".context-menu .list li").click(function(){
|
||||
var ac = $(this).html();
|
||||
var id = $('.context-menu .list').attr("data-id");
|
||||
var filename = $('.context-menu .list').attr("data-filename");
|
||||
var is_folder = $('.context-menu .list').attr("data-folder");
|
||||
var ids = is_folder == "1" ? "" : id;
|
||||
var idFs = is_folder == "1" ? id : "";
|
||||
|
||||
switch(ac) {
|
||||
case "刷新":{
|
||||
getTable($('#sousuo').val());
|
||||
break;
|
||||
}
|
||||
case "重新加载页面":{
|
||||
location.reload();
|
||||
break;
|
||||
}
|
||||
case "彻底删除":{
|
||||
layer.confirm('确定要彻底删除（'+filename+"）吗？",
|
||||
{
|
||||
title: "一旦删除无法找回！",
|
||||
shadeClose: true,
|
||||
icon: 3,
|
||||
btn: ['确定','取消'] //按钮
|
||||
},
|
||||
function(index){
|
||||
Recyclebin(ids,idFs,"Delete");
|
||||
},
|
||||
function(){
|
||||
});
|
||||
break;
|
||||
}
|
||||
case "还原":{
|
||||
Recyclebin(ids,idFs,"Back");
|
||||
}
|
||||
default:{
|
||||
break;
|
||||
}
|
||||
}
|
||||
});
|
||||
/* 右键菜单 -------结束 */
|
||||
+357
@@ -0,0 +1,357 @@
|
||||
/*!
|
||||
* Viewer.js v0.3.1
|
||||
* https://github.com/fengyuanchen/viewerjs
|
||||
*
|
||||
* Copyright (c) 2015-2016 Fengyuan Chen
|
||||
* Released under the MIT license
|
||||
*
|
||||
* Date: 2016-02-02T11:35:36.273Z
|
||||
*/
|
||||
.viewer-container, .viewer-navbar {
|
||||
background-color: #000;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.viewer-canvas, .viewer-container, .viewer-footer, .viewer-player {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0
|
||||
}
|
||||
|
||||
.viewer-button, .viewer-canvas, .viewer-container, .viewer-footer, .viewer-list, .viewer-navbar, .viewer-open, .viewer-title, .viewer-toolbar, .viewer-toolbar > li {
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before,/* .viewer-play:before,*/ .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: transparent;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
|
||||
background-repeat: no-repeat
|
||||
}
|
||||
|
||||
.viewer-zoom-in:before {
|
||||
content: 'Zoom In';
|
||||
background-position: 0 0
|
||||
}
|
||||
|
||||
.viewer-zoom-out:before {
|
||||
content: 'Zoom Out';
|
||||
background-position: -20px 0
|
||||
}
|
||||
|
||||
.viewer-one-to-one:before {
|
||||
content: 'One to One';
|
||||
background-position: -40px 0
|
||||
}
|
||||
|
||||
.viewer-reset:before {
|
||||
content: 'Reset';
|
||||
background-position: -60px 0
|
||||
}
|
||||
|
||||
.viewer-prev:before {
|
||||
content: 'Previous';
|
||||
background-position: -80px 0
|
||||
}
|
||||
|
||||
/*.viewer-play:before {*/
|
||||
/*content: 'Play';*/
|
||||
/*background-position: -100px 0*/
|
||||
/*}*/
|
||||
|
||||
.viewer-next:before {
|
||||
content: 'Next';
|
||||
background-position: -120px 0
|
||||
}
|
||||
|
||||
.viewer-rotate-left:before {
|
||||
content: 'Rotate Left';
|
||||
background-position: -140px 0
|
||||
}
|
||||
|
||||
.viewer-rotate-right:before {
|
||||
content: 'Rotate Right';
|
||||
background-position: -160px 0
|
||||
}
|
||||
|
||||
.viewer-flip-horizontal:before {
|
||||
content: 'Flip Horizontal';
|
||||
background-position: -180px 0
|
||||
}
|
||||
|
||||
.viewer-flip-vertical:before {
|
||||
content: 'Flip Vertical';
|
||||
background-position: -200px 0
|
||||
}
|
||||
|
||||
.viewer-fullscreen:before {
|
||||
content: 'Enter Full Screen';
|
||||
background-position: -220px 0
|
||||
}
|
||||
|
||||
.viewer-fullscreen-exit:before {
|
||||
content: 'Exit Full Screen';
|
||||
background-position: -240px 0
|
||||
}
|
||||
|
||||
.viewer-close:before {
|
||||
content: 'Close';
|
||||
background-position: -260px 0
|
||||
}
|
||||
|
||||
.viewer-container {
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
direction: ltr !important;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none
|
||||
}
|
||||
|
||||
.viewer-container ::-moz-selection, .viewer-container::-moz-selection {
|
||||
background-color: transparent
|
||||
}
|
||||
|
||||
.viewer-container ::selection, .viewer-container::selection {
|
||||
background-color: transparent
|
||||
}
|
||||
|
||||
.viewer-container img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 0 !important;
|
||||
max-width: none !important;
|
||||
height: auto;
|
||||
min-height: 0 !important;
|
||||
max-height: none !important
|
||||
}
|
||||
|
||||
/*. , .viewer-tooltip {*/
|
||||
/*display: block;*/
|
||||
/*position: absolute*/
|
||||
/*}*/
|
||||
|
||||
.viewer-canvas {
|
||||
position: absolute;
|
||||
top: 0
|
||||
}
|
||||
|
||||
.viewer-canvas > img {
|
||||
width: auto;
|
||||
max-width: 90% !important;
|
||||
height: auto;
|
||||
margin: 15px auto
|
||||
}
|
||||
|
||||
.viewer-footer {
|
||||
position: absolute;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.viewer-navbar {
|
||||
background-color: rgba(0, 0, 0, .5)
|
||||
}
|
||||
|
||||
.viewer-list {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
padding: 1px 0
|
||||
}
|
||||
|
||||
.viewer-list > li {
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
width: 30px;
|
||||
height: 50px;
|
||||
cursor: pointer;
|
||||
opacity: .5;
|
||||
color: transparent;
|
||||
filter: alpha(opacity=50)
|
||||
}
|
||||
|
||||
.viewer-list > li + li {
|
||||
margin-left: 1px
|
||||
}
|
||||
|
||||
.viewer-list > .viewer-active {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100)
|
||||
}
|
||||
|
||||
.viewer-player {
|
||||
top: 0;
|
||||
cursor: none;
|
||||
background-color: #000
|
||||
}
|
||||
|
||||
.viewer-player > img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0
|
||||
}
|
||||
|
||||
.viewer-toolbar {
|
||||
width: 280px;
|
||||
margin: 0 auto 5px;
|
||||
padding: 3px 0
|
||||
}
|
||||
|
||||
.viewer-toolbar > li {
|
||||
float: left;
|
||||
/*width: 24px;*/
|
||||
height: 24px;
|
||||
cursor: pointer;
|
||||
border-radius: 50%;
|
||||
background-color: #000;
|
||||
background-color: rgba(0, 0, 0, .5)
|
||||
}
|
||||
|
||||
.viewer-toolbar > li:hover {
|
||||
background-color: #000;
|
||||
background-color: rgba(0, 0, 0, .8)
|
||||
}
|
||||
|
||||
.viewer-toolbar > li:before {
|
||||
margin: 2px
|
||||
}
|
||||
|
||||
.viewer-toolbar > li + li {
|
||||
margin-left: 1px
|
||||
}
|
||||
|
||||
/*.viewer-toolbar > .viewer-play {*/
|
||||
/*width: 30px;*/
|
||||
/*height: 30px;*/
|
||||
/*margin-top: -3px;*/
|
||||
/*margin-bottom: -3px*/
|
||||
/*}*/
|
||||
|
||||
/*.viewer-toolbar > .viewer-play:before {*/
|
||||
/*margin: 5px*/
|
||||
/*}*/
|
||||
|
||||
/*.viewer-tooltip {*/
|
||||
/*font-size: 12px;*/
|
||||
/*line-height: 20px;*/
|
||||
/*top: 50%;*/
|
||||
/*left: 50%;*/
|
||||
/*width: 50px;*/
|
||||
/*height: 20px;*/
|
||||
/*margin-top: -10px;*/
|
||||
/*margin-left: -25px;*/
|
||||
/*text-align: center;*/
|
||||
/*color: #fff;*/
|
||||
/*border-radius: 10px;*/
|
||||
/*background-color: #000;*/
|
||||
/*background-color: rgba(0, 0, 0, .8)*/
|
||||
/*}*/
|
||||
|
||||
.viewer-title {
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
max-width: 90%;
|
||||
margin: 0 5% 5px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
opacity: .8;
|
||||
color: #ccc;
|
||||
filter: alpha(opacity=80)
|
||||
}
|
||||
|
||||
.viewer-title:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100)
|
||||
}
|
||||
|
||||
.viewer-button {
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
right: -40px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
cursor: pointer;
|
||||
border-radius: 50%;
|
||||
background-color: #000;
|
||||
background-color: rgba(0, 0, 0, .5)
|
||||
}
|
||||
|
||||
.viewer-button:before {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
left: 15px
|
||||
}
|
||||
|
||||
.viewer-fixed {
|
||||
position: fixed
|
||||
}
|
||||
|
||||
.viewer-show {
|
||||
display: block
|
||||
}
|
||||
|
||||
.viewer-hide {
|
||||
display: none
|
||||
}
|
||||
|
||||
.viewer-invisible {
|
||||
visibility: hidden
|
||||
}
|
||||
|
||||
.viewer-move {
|
||||
cursor: move;
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: grab
|
||||
}
|
||||
|
||||
.viewer-fade {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0)
|
||||
}
|
||||
|
||||
.viewer-in {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100)
|
||||
}
|
||||
|
||||
.viewer-transition {
|
||||
-webkit-transition: all .3s ease-out;
|
||||
-o-transition: all .3s ease-out;
|
||||
transition: all .3s ease-out
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.viewer-hide-xs-down {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.viewer-hide-sm-down {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.viewer-hide-md-down {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
+10
File diff suppressed because one or more lines are too long
@@ -0,0 +1,248 @@
|
||||
.child-view {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
|
||||
transition: all .5s cubic-bezier(.55, 0, .1, 1)
|
||||
}
|
||||
|
||||
.slide-left-enter,
|
||||
.slide-right-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate(30px);
|
||||
transform: translate(30px)
|
||||
}
|
||||
|
||||
.slide-left-leave-active,
|
||||
.slide-right-enter {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate(-30px);
|
||||
transform: translate(-30px)
|
||||
}
|
||||
|
||||
.el-message {
|
||||
width: 14rem !important
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex
|
||||
}
|
||||
|
||||
.flex-box {
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.align-center,
|
||||
.flex-box,
|
||||
.space-between {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.space-between {
|
||||
-webkit-box-pack: justify;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.text-overflow {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
input:focus {
|
||||
outline: none
|
||||
}
|
||||
|
||||
.dis-btn1 {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
applet,
|
||||
article,
|
||||
aside,
|
||||
audio,
|
||||
b,
|
||||
big,
|
||||
blockquote,
|
||||
body,
|
||||
canvas,
|
||||
caption,
|
||||
center,
|
||||
cite,
|
||||
code,
|
||||
dd,
|
||||
del,
|
||||
details,
|
||||
dfn,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
em,
|
||||
embed,
|
||||
fieldset,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
header,
|
||||
html,
|
||||
i,
|
||||
iframe,
|
||||
img,
|
||||
input,
|
||||
ins,
|
||||
kbd,
|
||||
label,
|
||||
legend,
|
||||
li,
|
||||
mark,
|
||||
menu,
|
||||
nav,
|
||||
object,
|
||||
ol,
|
||||
output,
|
||||
p,
|
||||
pre,
|
||||
q,
|
||||
ruby,
|
||||
s,
|
||||
samp,
|
||||
section,
|
||||
small,
|
||||
span,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
summary,
|
||||
sup,
|
||||
table,
|
||||
tbody,
|
||||
td,
|
||||
tfoot,
|
||||
th,
|
||||
thead,
|
||||
time,
|
||||
tr,
|
||||
tt,
|
||||
u,
|
||||
ul,
|
||||
var,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-weight: 400;
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1
|
||||
}
|
||||
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none
|
||||
}
|
||||
|
||||
blockquote:after,
|
||||
blockquote:before,
|
||||
q:after,
|
||||
q:before {
|
||||
content: none
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0
|
||||
}
|
||||
|
||||
a {
|
||||
color: #7e8c8d;
|
||||
-webkit-backface-visibility: hidden;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-text-size-adjust: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
.el-message {
|
||||
width: 14rem !important;
|
||||
min-width: 14rem !important;
|
||||
max-width: 14rem !important
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif, Droid Sans Fallback;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
.app,
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background: #fff
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,53 @@
|
||||
@font-face {font-family: "icon";
|
||||
src: url('//at.alicdn.com/t/font_1759253_iet3rjq0pbo.eot?t=1587022338418'); /* IE9 */
|
||||
src: url('//at.alicdn.com/t/font_1759253_iet3rjq0pbo.eot?t=1587022338418#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
|
||||
url('//at.alicdn.com/t/font_1759253_iet3rjq0pbo.woff?t=1587022338418') format('woff'),
|
||||
url('//at.alicdn.com/t/font_1759253_iet3rjq0pbo.ttf?t=1587022338418') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
|
||||
url('//at.alicdn.com/t/font_1759253_iet3rjq0pbo.svg?t=1587022338418#icon') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-family: "icon" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-yidongwenjianjia:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
|
||||
.icon-sousuo:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
||||
.icon-yidong:before {
|
||||
content: "\e6f4";
|
||||
}
|
||||
|
||||
.icon-shanchu:before {
|
||||
content: "\e652";
|
||||
}
|
||||
|
||||
.icon-fenxiang:before {
|
||||
content: "\e687";
|
||||
}
|
||||
|
||||
.icon-Download:before {
|
||||
content: "\e83d";
|
||||
}
|
||||
|
||||
.icon-fuzhi:before {
|
||||
content: "\e689";
|
||||
}
|
||||
|
||||
.icon-xinjianwenjianjia:before {
|
||||
content: "\e656";
|
||||
}
|
||||
|
||||
.icon-icon_shangchuan-:before {
|
||||
content: "\e642";
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user