113 lines
3.8 KiB
HTML
113 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>工资考勤核对文件库</title>
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../../css/bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../../css/dataTables.bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../../layui/css/layui.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../../css/work/basic/proManager.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../../js/jquery/jquery-confirm.css">
|
|
<style>
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.layui-form input[type=checkbox], .layui-form input[type=radio], .layui-form select {
|
|
display: none !important;
|
|
}
|
|
|
|
#folder {
|
|
width: 100%;
|
|
height: 666px;
|
|
overflow: auto;
|
|
}
|
|
|
|
#folder > div {
|
|
float: left;
|
|
}
|
|
|
|
.layui-breadcrumb {
|
|
float: left;
|
|
margin-top: 1%;
|
|
margin-bottom: 1%;
|
|
}
|
|
|
|
.navigation {
|
|
text-indent: 15px;
|
|
cursor: pointer;
|
|
color: #333333;
|
|
padding-top: 14px;
|
|
padding-bottom: 14px
|
|
}
|
|
|
|
.navigation:hover {
|
|
color: #409EFF;
|
|
}
|
|
|
|
.navigation_click {
|
|
background: #E7F0FA;
|
|
border-right: 4px solid #409EFF;
|
|
font-weight: 600;
|
|
color: #409EFF;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="height: 100%;width: 100%;display: flex">
|
|
<div style="width: 17%;background-color: #F9F9F9;border-right:1px solid #E9E9E9;padding: 20px; ">
|
|
<div><img src="../../../img/fileIcon/folderIcon.png" width="18"/> 文件库</div>
|
|
<div class="navigation navigation_click" value="0" style="margin-top: 2%;">
|
|
<img src="../../../img/cube.png" width="18"/>
|
|
<span>全部</span>
|
|
</div>
|
|
|
|
<div class="navigation" value="1">
|
|
<img src="../../../img/user.png" width="18"/>
|
|
<span>我上传的</span>
|
|
</div>
|
|
|
|
<div class="navigation" value="2">
|
|
<img src="../../../img/star.png" width="18"/>
|
|
<span>星标文件</span>
|
|
</div>
|
|
|
|
<div class="navigation" value="3">
|
|
<img src="../../../img/time.png" width="18"/>
|
|
<span>最近浏览</span>
|
|
</div>
|
|
|
|
</div>
|
|
<div style="width: 83%;">
|
|
<iframe id="myIframe" src="proLibrary.html" width="100%" height="100%" frameborder="0"></iframe>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
// 监听来自子页面的消息
|
|
window.addEventListener('message', function(event) {
|
|
if (event.data.action === 'changeSrc') {
|
|
var iframe = document.getElementById('myIframe');
|
|
iframe.src = event.data.newUrl;
|
|
}
|
|
}, false);
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
<script type="text/javascript" src="../../../js/libs/jquery-3.6.0.js"></script>
|
|
<script type="text/javascript" src="../../../js/jq.js"></script>
|
|
<script type="text/javascript" src="../../../js/plugin/datatables/jquery.dataTables.min.js"></script>
|
|
<script type="text/javascript" src="../../../js/plugin/datatables/dataTables.bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="../../../js/my/permission.js"></script>
|
|
<script type="text/javascript" src="../../../layui/layui.js"></script>
|
|
<script type="text/javascript" src="../../../../public/public.js"></script>
|
|
<script type="text/javascript" src="../../../js/publicJs.js"></script>
|
|
<script type="text/javascript" src="../../../js/dict.js"></script>
|
|
<script type="text/javascript" src="../../../js/work/fileLibrary/fileLibrary.js"></script>
|
|
<script type="text/javascript">
|
|
</script> |