<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8">
|
<title>在线学习</title>
|
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<link rel="stylesheet" href="css/mui.min.css">
|
<style>
|
html,
|
body {
|
background-color: #efeff4;
|
}
|
p {
|
text-indent: 22px;
|
}
|
span.mui-icon {
|
font-size: 14px;
|
color: #007aff;
|
margin-left: -15px;
|
padding-right: 10px;
|
}
|
.mui-off-canvas-left {
|
color: #fff;
|
}
|
.title {
|
margin: 35px 15px 10px;
|
}
|
.title+.content {
|
margin: 10px 15px 35px;
|
color: #bbb;
|
text-indent: 1em;
|
font-size: 14px;
|
line-height: 24px;
|
}
|
input {
|
color: #000;
|
}
|
.mui-scroll-wrapper{
|
top:44px !important;
|
|
}
|
.mui-search{
|
position: absolute;
|
top:5px;
|
width: 90%;
|
left:1em;
|
}
|
.mui-bar{
|
background-color: #0d0d0d;
|
}
|
.mui-title{
|
color:#ffffff;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable" >
|
<!--侧滑菜单部分-->
|
<aside id="offCanvasSide" class="mui-off-canvas-left">
|
<div id="offCanvasSideScroll" class="mui-scroll-wrapper" style="top:43px !important;">
|
<div class="mui-scroll">
|
<div class="title" style="margin-bottom: 25px;">学习资料类型</div>
|
<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
|
<li class="mui-table-view-cell">
|
<a class="mui-navigate-right" data-type='all' href="#offCanvasSide">
|
全部
|
</a>
|
</li>
|
<li class="mui-table-view-cell">
|
<a class="mui-navigate-right" data-type='视频' href="#offCanvasSide">
|
视频
|
</a>
|
</li>
|
<li class="mui-table-view-cell">
|
<a class="mui-navigate-right" data-type='文档' href="#offCanvasSide">
|
文档
|
</a>
|
</li>
|
<li class="mui-table-view-cell">
|
<a class="mui-navigate-right" data-type='图片' href="#offCanvasSide">
|
图片
|
</a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</aside>
|
<!--主界面部分-->
|
<div class="mui-inner-wrap">
|
<header class="mui-bar mui-bar-nav">
|
<a href="#offCanvasSide" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left" style="color:#ffffff"></a>
|
<a class="mui-action-back mui-btn mui-btn-link mui-pull-right">关闭</a>
|
<h1 class="mui-title">资料中心</h1>
|
</header>
|
<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">
|
<div class="mui-input-row mui-search">
|
<input id="search" type="search" class="mui-input-clear" placeholder="上传单位/上传名称">
|
</div>
|
<!--下拉刷新容器-->
|
<div id="pullrefresh" class=" mui-scroll-wrapper">
|
|
<div class="mui-scroll">
|
<!--数据列表-->
|
<ul class="mui-table-view mui-table-view-chevron mui-table-view-zlzx">
|
|
</ul>
|
</div>
|
</div>
|
</div>
|
<!-- off-canvas backdrop -->
|
<div class="mui-off-canvas-backdrop"></div>
|
</div>
|
</div>
|
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
|
<script src="js/mui.min.js"></script>
|
<script src="js/common.js" ></script>
|
<script>
|
if(sessionCache.getSessionCashe("userToken")== null){
|
var code = getUrlParam("code");
|
mui.ajax({
|
type: "get",
|
url: serverUrl + 'login/getwxuserinfo.json',
|
data: {
|
CODE: code
|
},
|
async: false,
|
success: function(data) {
|
if(data.errcode == undefined) {
|
sessionCache.setSessionCashe("weixin_user", data, sessionCache.json_value);
|
} else {
|
WeixinJSBridge.call('closeWindow');
|
}
|
}
|
});
|
|
var openObj = sessionCache.getSessionCashe("weixin_user", sessionCache.json_value);
|
var openId;
|
if(openObj.UserId != undefined) {
|
openId = openObj.UserId;
|
} else if(openObj.OpenId != undefined) {
|
openId = openObj.OpenId;
|
}
|
mui.ajax({
|
type: "get",
|
url: serverUrl + 'login/loginWithOpenId.json',
|
data: {
|
openId: openId
|
},
|
async: false,
|
success: function(data) {
|
|
if(data.code == 000) {
|
sessionCache.setSessionCashe("userToken", data.data.token);
|
sessionCache.setSessionCashe("tiemTree", data.data.functionItemTree, sessionCache.json_value);
|
sessionCache.setSessionCashe("organizationTree", data.data.organizationTree, sessionCache.json_value);
|
sessionCache.setSessionCashe("userPosts", data.data.posts, sessionCache.json_value);
|
sessionCache.setSessionCashe("userInfo", data.data.sysUser, sessionCache.json_value);
|
} else {
|
location.href = "login.html?reuri=onlineLearningMaterials&co="+ new Date().getTime(); /*tpa=http://www.wolishi.com/safety/login.html*/
|
}
|
}
|
});
|
|
}
|
var allNum = 0;
|
var findType = "all";
|
mui_.init({
|
load:true,
|
pull:true,
|
callback:function(){
|
mui.ajax(
|
serverUrl + "/auth/exam/data/selectExData.json", {
|
data: JSON.stringify({
|
"size":allNum,
|
"page":0
|
}),
|
dataType:'json',
|
async : false,
|
type: 'post', //HTTP请求类型
|
headers: {
|
'Content-Type': 'application/json',
|
'Authorization': sessionCache.getSessionCashe("userToken")
|
},
|
success: function(data) {
|
if(data.code == 000){
|
allNum = data.data.totalElements;
|
}
|
}
|
});
|
loadAjax("all");
|
$("#offCanvasSideScroll .mui-table-view li a").bind("tap",function(){
|
typeClick($(this).attr("data-type"));
|
});
|
$("#search").bind("blur",function(){
|
seLoad(this);
|
});
|
}
|
});
|
var se = "";
|
function seLoad(obj){
|
se = $(obj).val();
|
loadAjax();
|
}
|
function typeClick(type){
|
findType = type;
|
loadAjax();
|
}
|
function loadAjax(){
|
mui.ajax(
|
serverUrl + "/auth/exam/data/selectExData.json", {
|
data: JSON.stringify({
|
"size":allNum,
|
"page":0
|
}),
|
dataType:'json',
|
async : false,
|
type: 'post', //HTTP请求类型
|
headers: {
|
'Content-Type': 'application/json',
|
'Authorization': sessionCache.getSessionCashe("userToken")
|
},
|
success: function(data) {
|
if(data.code == 000){
|
$('.mui-table-view-zlzx').children().remove();
|
mui_.loadMui.count = data.data.content.length;
|
$.each(data.data.content, function(index,entity) {
|
if(se == "" || (entity.orgName.indexOf(se) != -1 || entity.fileName.indexOf(se) != -1)){
|
if(findType == entity.fileType || findType == "all"){
|
var dateTime = new Date();
|
dateTime.setTime(entity.createTime);
|
var timeStr = ((dateTime.getMonth()+1) < 10 ? "0"+ (dateTime.getMonth()+1) : (dateTime.getMonth()+1)) + "-"+(dateTime.getDate() < 10 ? "0"+dateTime.getDate() : dateTime.getDate()) +" "+ (dateTime.getHours() < 10 ? "0"+dateTime.getHours() : dateTime.getHours()) + ":"+(dateTime.getMinutes() < 10 ? "0"+dateTime.getMinutes() : dateTime.getMinutes())
|
var contentElement = jQuery(entity.content);
|
var li = jQuery('<li class="mui-table-view-cell"><div class="mui-table"><div class="mui-table-cell mui-col-xs"><h4 class="mui-ellipsis">'+entity.fileName+'</h4>'+
|
'<span class="mui-ellipsis-2">'+entity.orgName+'</span>上传人：'+entity.createor+'</div><div class="mui-table-cell mui-col-xs-3 mui-text-right"><span class="mui-h5">'+timeStr+'</span></div></div></li>');
|
$('.mui-table-view-zlzx').append(li);
|
$(li).bind("tap",function(){
|
fileLook(entity.id);
|
});
|
}
|
$(".mui-scroll").css("transform","translate3d(0px, 0px, 0px) translateZ(0px)");
|
}
|
});
|
|
}
|
},
|
error: function(xhr, type, errorThrown) {
|
//异常处理；
|
console.log(type);
|
}
|
});
|
}
|
if (!mui.os.android) {
|
document.getElementById("move-togger").classList.remove('mui-hidden');
|
var spans = document.querySelectorAll('.android-only');
|
for (var i = 0, len = spans.length; i < len; i++) {
|
spans[i].style.display = "none";
|
}
|
}
|
//主界面和侧滑菜单界面均支持区域滚动；
|
mui('#offCanvasSideScroll').scroll();
|
mui('#offCanvasContentScroll').scroll();
|
|
function fileLook(id){
|
mui.ajax(serverUrl + "/auth/exam/data/searchById.json",{
|
data:{
|
id:id
|
},
|
dataType:'json',//服务器返回json格式数据
|
type:'get',//HTTP请求类型
|
headers: {
|
'Content-Type': 'application/json',
|
'Authorization': sessionCache.getSessionCashe("userToken")
|
},
|
timeout:10000,//超时时间设置为10秒；
|
success:function(data){
|
console.log(data);
|
if(data.code == 000){
|
location.href=serverUrl+data.data.filePath+"?time"+new Date().getTime();
|
}
|
},
|
error:function(xhr,type,errorThrown){
|
|
}
|
});
|
}
|
</script>
|
</body>
|
|
</html>
|
