portal html css js resource

resourceIssue.js 14KB

    $(document).ready(function() { var resourceId=GetQueryString("resourceId"); if(resourceId) { $("#deleteResource").removeClass("disableLi").addClass("deleteResource"); getRecourceMe(); } loginStatus(); //判断个人是否登录 var userid = $.cookie("userid"); var temp = []; var array=[]; ue = UE.getEditor('editor', {}); /*获取资源信息*/ function getRecourceMe() { $.ajax({ "url": "/ajax/resource/queryOne", "type": "GET", "success": function(data) { console.log(data); if(data.success) { resourceHtml(data.data); } }, "data": { "resourceId":resourceId }, dataType: "json", 'error':function() { $.MsgBox.Alert('提示', '服务器连接超时!'); } }); } /*处理资源html代码*/ function resourceHtml($da) { $("#resourceName").val($da.resourceName);//名字 $("#application").val($da.supportedServices);//应用用途 if($da.editProfessor.orgName) {//所属机构 $("#organizationName").val($da.editProfessor.orgName); } if($da.spec) {//厂商型号 $("#modelNumber").val($da.spec); } if($da.parameter) {//性能参数 $("#performancePa").val($da.parameter); } if($da.cooperationNotes) {//合作备注 $("#remarkContent").val($da.cooperationNotes); } if($da.subject) { var oSub=$da.subject.split(","); var oSt=""; for(var i=0;i<oSub.length;i++){ oSt+='<li><p class="h2Font">'+oSub[i]+'</p><div class="closeThis"></div></li>' } $("#keywordList").html(oSt); }else{ $("#keywordList").html(""); } if($da.descp) {//编辑器 ue.ready(function() { ue.setContent($da.descp); }); } if($da.images.length) { var arr=[]; for(var i=0;i<$da.images.length;i++) { var oString='<dd>' + '<div class="imgItem">'+ '<img src="'+"/data/resource/"+$da.images[i].imageSrc+'"/>' + '</div>'+ '<div class="file-panel">' + '<span class="cancel" flag=1></span>' + '</div>' + '</dd>' arr[i]=oString; array[i]=$da.images[i].imageId; } $("#fileList dd").eq(2).remove(); if($da.images.length==1) { $("#fileList").prepend(arr[0]); }else if($da.images.length==2) { $("#fileList dd").eq(1).remove(); $("#fileList").prepend(arr[1]); $("#fileList").prepend(arr[0]); }else if($da.images.length==3) { $("#fileList dd").eq(1).remove(); $("#fileList").prepend(arr[2]); $("#fileList").prepend(arr[1]); $("#fileList").prepend(arr[0]); } } } var uploader = WebUploader.create({ auto: true, fileNumLimit: 3, swf: '../js/webuploader/Uploader.swf', server: '../ajax/cachedFileUpload', fileSingleSizeLimit: 2 * 1024 * 1024, pick: { id: "#filePicker", multiple: false }, accept: { title: 'Images', extensions: 'jpg,jpeg,png', mimeTypes: 'image/jpg,image/png' } }); // 当有文件添加进来的时候 uploader.on('fileQueued', function(file) { fileId = file.id; var $len = $("#fileList").find("img").length; if($len == 0 || $len == 1) { var oRemove = $("#fileList").find("dd"); oRemove.eq(oRemove.length - 1).remove(); } var $li = $( '<dd>' + '<div class="imgItem" id="' + file.id + '">'+ '<img />' + '</div>'+ //'<div class="info">' + file.name + '</div>' + '</dd>' ), $btns = $('<div class="file-panel">' + '<span class="cancel"></span>' + '</div>').appendTo($li), $img = $li.find('img'); var $list = $("#fileList"); if($len == 1) { $list.find("dd").eq(0).after($li) } else if($len == 2) { $list.find("dd").eq(1).after($li) } else { $list.prepend($li); } // 创建缩略图 // 如果为非图片文件,可以不用调用此方法。 // thumbnailWidth x thumbnailHeight 为 100 x 100 uploader.makeThumb(file, function(error, src) { if(error) { $img.replaceWith('<span>不能预览</span>'); return; } $img.attr('src', src); }, 1, 1); /*$li.on('mouseenter', function() { $btns.stop().animate({ height: 30 }); }); $li.on('mouseleave', function() { $btns.stop().animate({ height: 0 }); });*/ }); uploader.onError = function(code) { console.log(code) $.MsgBox.Alert('提示', '请上传jpg、png格式的图片,大小不超过2M') }; uploader.on('uploadSuccess', function(file, data) { uploader.removeFile(fileId); var cacheImageKey = temp.push(data.data[0].cacheKey); }); /*删除图片*/ $("#fileList").on("click", ".cancel", function() { var flag=$(this).attr("flag"); var oNum=$(this).parents("dd").index(); if(flag==1) { array.splice(oNum,1); }else{ temp.splice(oNum,1); } $(this).parent().parent().remove(); var $len = $("#fileList").find("img").length; if($len != 2) { $("#fileList").append("<dd></dd>") } }); /*资源名称*/ $("#resourceName").bind({ focus: function() { $("#resourceNamePrompt").show(); }, blur: function() { $("#resourceNamePrompt").hide(); }, keyup: function() { if($(this).val().length > 30) { $(this).val($(this).val().substr(0, 30)); } } }) /*关键词*/ $("#keywordName").bind({ focus: function() { $("#keywordPrompt").show(); $("#keyList").show(); }, blur: function() { $("#keywordPrompt").hide(); setTimeout(function(){ $("#keyList").show(); },200) }, keyup: function() { if($(this).val().length > 10) { $(this).val($(this).val().substr(0, 10)); } else if(0 < $(this).val().length < 10) { $.ajax({ "url": "/ajax/dataDict/qaHotKey", "type": "GET", "success": function(data) { console.log(data); if(data.success) { if(data.data==null) { $("#keyList ul").html(""); }else{ var oSr=""; for(var i=0;i<data.data.length;i++) { oSr+='<li><p class="h2Font">'+data.data[i].name+'</p></li>' } $("#department ul").html(oSr); } } }, "data": { "key":$(this).val(), rows: 3 }, dataType: "json", 'error':function() { $.MsgBox.Alert('提示', '服务器连接超时!'); } }); } } }) /*添加关键词*/ $("#addKeyword").click(function() { var oKeywordName = $("#keywordName").val(); var keywordListLength = $("#keywordList").find("li"); if(oKeywordName.length == 0) { $.MsgBox.Alert('提示', '关键词输入不能为空'); return; } for(var i = 0; i < keywordListLength.length; i++) { if(oKeywordName == keywordListLength.find("p").eq(i).text()) { $.MsgBox.Alert('提示', '该关键词已存在'); return; } } var oStr = '<li><p class="h2Font">' + oKeywordName + '</p><div class="closeThis"></div></li>' $("#keywordList").append(oStr); $("#keywordName").val(""); if((keywordListLength.length + 1) == 5) { $("#keywordHide").hide(); } }) /*删除关键词*/ $("#keywordList").on("click", ".closeThis", function() { $(this).parent().remove(); var keywordListLength = $("#keywordList").find("li"); if(keywordListLength.length < 5) { $("#keywordHide").show(); } }); /*应用用途*/ $("#application").bind({ focus: function() { $("#applicationPrompt").show(); }, blur: function() { $("#applicationPrompt").hide(); }, keyup: function() { if($(this).val().length > 50) { $(this).val($(this).val().substr(0, 50)); } } }) /*所属机构*/ $("#organizationName").bind({ focus: function() { $("#organization").show(); $("#department").show(); }, blur: function() { $("#organization").hide(); setTimeout(function(){ $("#department").hide(); },100) }, keyup: function() { if($(this).val().length > 50) { $(this).val($(this).val().substr(0, 50)); } else if(0 < $(this).val().length < 50) { $.ajax({ "url": "/ajax/org/querylimit", "type": "GET", "success": function(data) { console.log(data); if(data.success) { if(data.data==null) { $("#department ul").html(""); }else{ addHtml(data.data); } } }, "data": { name:$(this).val(), rows: 3 }, dataType: "json", 'error':function() { $.MsgBox.Alert('提示', '服务器连接超时!'); } }); } } }) function addHtml($html) { var i=0; var oSum=""; for( i in $html) { var oImg=""; console.log($html[i].hasOrgLogo) if($html[i].hasOrgLogo) { oImg="/images/org/" + $html[i].id + ".jpg" }else{ oImg="../images/default-icon.jpg" } oSum+='<li class="orgList"><img src="'+oImg+'" class="floatL" /><p class="h2Font floatL">'+$html[i].name+'</p></li>' } $("#department ul").html(oSum); } $("#department ul").on("click","li",function(){ $("#organizationName").val($(this).find("p").text()); $("#department ul").html(""); }) /*厂商型号*/ $("#modelNumber").bind({ focus: function() { $("#model").show(); }, blur: function() { $("#model").hide(); }, keyup: function() { if($(this).val().length > 50) { $(this).val($(this).val().substr(0, 50)); } } }); function para(sel1, sel2, sel3) { $(sel1).bind({ focus: function() { $(sel2).show(); }, blur: function() { $(sel2).hide(); }, keyup: function(e) { if($(this).val().length > 200) { $(this).val($(this).val().substring(0, 200)); e.preventDefault(); } setTimeout(function() { $(sel3).text($(sel1).val().length); }, 1); } }); } /*性能参数*/ para("#performancePa", "#performance", "#entry1"); /*合作备注*/ para('#remarkContent', '#remark', '#entry2'); /*发布*/ $(".goFabu").click(function(){ var oYes=term(); if(oYes==0) { return; } $.MsgBox.Confirm("提示", "确认发布该资源?",ajsPost); }) /*预览*/ $("#oPreview").click(function(){ var oYes=term(); if(oYes==0) { return; } ajsPost("/ajax/resource/draft",1); }) /*存草稿*/ $("#oDraft").click(function(){ var oYes=term(); if(oYes==0) { return; } ajsPost("/ajax/resource/draft",2); }) /*删除*/ $("#operateBlocko").on("click",".deleteResource",function(){ $.MsgBox.Confirm("提示", "确认删除该资源?",deleResource); }) /*删除函数*/ function deleResource() { $.ajax({ "url": "/ajax/resource/delete", "type": "POST", "success": function(data) { console.log(data) if(data.success) { location.href="resourceList.html" } }, "data": {"resourceId":resourceId}, "beforeSend": function() { /*console.log(this.data)*/ }, "contentType": "application/x-www-form-urlencoded", dataType: "json" }); } /*条件是否匹配*/ function term(){ var $len = $("#fileList").find("img").length; var reName=$("#resourceName").val(); var oIndustry=$("#application").val(); if($len==0) { $.MsgBox.Alert('提示', '请上传资源图片。'); return 0; } if(reName=="") { $.MsgBox.Alert('提示', '请输入资源名称。'); return 0; } if(oIndustry=="") { $.MsgBox.Alert('提示', '请输入应用用途。'); return 0; } } /*发布函数*/ function ajsPost(pa1,pa2) { var oUrl="/ajax/resource/save"; if(pa1) { oUrl=pa1 } var $data = {}; if(resourceId) { $data.resourceId=resourceId; } $data.professorId=userid; $data.resourceName = $("#resourceName").val();//资源名字 $data.cooperationNotes = $("#remarkContent").val();//合作备注 $data.subject = captiureSubInd("keywordList p"); console.log($data.subject); $data.supportedServices=$("#application").val(); $data.orgName=$("#organizationName").val(); $data.spec=$("#modelNumber").val(); $data.parameter=$("#performancePa").val(); $data.descp=ue.getContent(); $data.fns=temp; $data.imageIds=array; //$data.imageIds:资源图片ID NULL 字符串数组 console.log(temp); $.ajax({ "url": oUrl, "type": "POST", "success": function(data) { console.log(data) if(data.success) { if(pa2==1) { resourceId=data.data; $("#deleteResource").removeClass("disableLi").addClass("deleteResource"); window.open("resourcePreview.html?resourceId="+data.data); //弹出预览 }else if(pa2==2) { $("#deleteResource").removeClass("disableLi").addClass("deleteResource"); resourceId=data.data; $.MsgBox.Alert('提示', '资源已保存草稿。'); $("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain'); }else{ $.MsgBox.Alert('提示', '资源发布成功!'); $("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain'); location.href="resourceList.html" } } }, "data": $data, "beforeSend": function() { /*console.log(this.data)*/ }, "contentType": "application/x-www-form-urlencoded", "traditional":true, dataType: "json" }); } function captiureSubInd(subIndu) { var industrys = $("#" + subIndu + ""); var industryAll = ""; if(industrys.size() > 0) { for(var i = 0; i < industrys.size(); i++) { industryAll += industrys[i].innerText; industryAll += ','; }; industryAll = industryAll.substring(0, industryAll.length - 1); } return industryAll; } })