新增研究文章添加功能，修改功能，删除功能，列表显示功能。

css/newsciresource.css

@@ -14,4 +14,5 @@
img.loading{position: absolute;left:50%;top:30%}
#consdcen .addworkbtn,#consdcen .addworkbtn-list{width:202px;height:258px;cursor:default;}	
#consdcen .addworkbtn-list h3 img{width:200px; height:200px}			
#consdcen .addworkbtn-list h3 img{width:200px; height:200px}	
.addworkbtn-list2 h2{text-overflow:inherit; white-space:inherit; line-height: 1.8;    height: 48px; margin-top: 0px; }		

js/news-list.js

@@ -0,0 +1,295 @@
$(function() {
	var userid = $.cookie("userid");
	var articleId;
	
	newslist();//科研新闻列表
	
	$("#workmysrc").on("click", ".newsadd", function() {
		newsBombBox();//插入弹框
		addDele();//编辑学术领域和应用行业	
		$("#inputb").on("click", function() {
			newsAdd();
		});
	});
	
	$("#workmysrc").on("click", ".resoumag", function() {
		articleId = $(this).attr("data-title");
		newsBombBox();//插入弹框
		addDele();//编辑学术领域和应用行业
		modifyDisplay();
		$("#inputb").on("click", function() {
			$.MsgBox.Confirm("消息", "确定修改文章信息吗？", newsModify)
		});
	});
	
    /*科研新闻列表*/
	function newslist() {
		$.ajax({
			"url": "/ajax/article/qaPro",
			"type": "get",
			"async": true,
			"data": {
				"professorId": userid
			},
			"beforeSend": function() {
				$("#newsbox").append('<img src="../images/loading.gif" class="loading" />');
			},
			"success": function(data) {
				console.log(data);
				if(data.success) {
					var add = '';
					$("#newsbox").html("");
					var addbut = ' <div class="addworkbtn newsadd" ></div>';
					$("#newsbox").append(addbut);
					for(var i = 0; i < data.data.length; i++) {
						var add = '<div class="addworkbtn-list addworkbtn-list2" > <div class="resoumag" data-title="">'
						add += '<div class="ResImgBox" style="max-width:226px;width:226px;height: 226px;"><img class="resImg headRadius resourceImg" src="" /></div>'
						add += '<h2>' + data.data[i].articleTitle + '</h2>'
						add += '</div></div>';
						$add = $(add);
						$("#newsbox").append($add);
						$add.find('.resoumag').attr("data-title", data.data[i].articleId);
						if(data.data[i].articleImg) {
							$add.find(".resourceImg").attr("src", "data/article/" + data.data[i].articleImg);
						} else {
							$add.find(".resourceImg").attr("src", "/images/default-resource.jpg");
						}
						$(".loading").remove();
					}
				} else {
					$.MsgBox.Alert('message', "系统异常!");
				}
			},
			"error": function() {
				$.MsgBox.Alert('message', 'failed')
			}
		});
	}
	
    /*科研新闻添加*/
	function newsAdd(){
	    var $data = {};
		$data.professorId = userid;
		$data.articleTitle = $("#newsName").val();
		$data.subject = captiureSubInd("SubjectList .deleteSubject");
		$data.industry = captiureSubInd("industryList .deleteIndustry");
		$data.articleContent = ue.getContent();
		if(cacheImageKey) {
			$data.articleImg = cacheImageKey;
		}
		$.ajax({
			"url" : "/ajax/article",
			"type" :  "post" ,
			"dataType" : "json",
			"data" :$data,
			"success" : function(data) {
				console.log(data);
				if (data.success){
					newsname = data.data;
					console.log(newsname);
					$.MsgBox.Alert("消息","文章发表成功！");	
					newslist();
					$(".blackcover").remove();
					UE.delEditor('editor');
				} else {
					$.MsgBox.Alert("消息","文章发表失败！");
				}
			},
			"error":function(){
				$.MsgBox.Alert('消息','链接服务器超时')
			}
		});
	}
	
	/*科研新闻修改回显内容*/
	function modifyDisplay(){
	    $.ajax({
			"url" : "/ajax/article/query",
			"type" : "GET",
			"dataType" : "json",
			"data": {
				"articleId": articleId
			},
			"success" : function($data) {	
				console.log($data);
				if ($data.success) {
					$("#newsName").val($data.data.articleTitle);	
					industryShow($data.data.subject,"SubjectList","deleteSubject");
		            industryShow($data.data.industry,"industryList","deleteIndustry");
		            ue.ready(function() {
				    	if($data.data.articleContent==undefined){
				    		var datadescp ="";
				    	}else{
				    		var datadescp = $data.data.articleContent;
				    	}
				        ue.setContent(datadescp);
				    });
				    if($data.data.articleImg) {
						var $liMages = $(
								 '<div id="WU_FILE" class="file-item thumbnail ResImgBox" style="max-width:226px;width:226px;height: 226px;">'+
						 			'<img class="resImg headRadius resourceImg" style="display: inline;" src="data/article/'+$data.data.articleImg+'">'+								 			
						 		'</div>'
						            )
					}else{
						var $liMages = $(
								 '<div id="WU_FILE" class="file-item thumbnail ResImgBox" style="max-width:226px;width:226px;height: 226px;">'+
						 			'<img class="resImg headRadius resourceImg" style="display: inline;" src="/images/default-resource.jpg">'+								 			
						 			'</div>'
						            )
					}
					
					$("#fileList").append($liMages);   
				} 
			},
			"error":function(){
				$.MsgBox.Alert('消息','链接服务器超时')
			}
		})
	    
		$("#deletedResource").show();
		//$.MsgBox.Confirm("消息", "确定修改文章信息吗？", newsAdd())
		$("#deletedResource").on("click", function() {
			$.MsgBox.Confirm("消息", "执行删除后文章信息将无法恢复，确定继续吗？",newsDelet)		
		});
	}
	/*科研新闻修改*/
	function newsModify() {
		var $data = {};
		$data.articleId = articleId;
		$data.articleTitle = $("#newsName").val();
		$data.subject = captiureSubInd("SubjectList .deleteSubject");
		$data.industry = captiureSubInd("industryList .deleteIndustry");
		$data.articleContent = ue.getContent();
		if(cacheImageKey) {
			$data.articleImg = cacheImageKey;
		}
		console.log($data);
	    $.ajax({
			"url" : "/ajax/article/updateArt",
			"type" : "POST",
			"dataType" : "json",
			"data" :$data,
			"success" : function($data) {	
				console.log($data);
				if ($data.success) {
					newslist();
					$(".blackcover").remove();
					UE.delEditor('editor');
				} 
			},
			"error":function(){
				$.MsgBox.Alert('消息','链接服务器超时')
			}
		})
	    
		$("#deletedResource").show();
		//$.MsgBox.Confirm("消息", "确定修改文章信息吗？", newsAdd())
		$("#deletedResource").on("click", function() {
			$.MsgBox.Confirm("消息", "执行删除后文章信息将无法恢复，确定继续吗？",newsDelet)		
		});
	}
	
	/*科研新闻删除*/
    function newsDelet() {
    	$.ajax({
			"url" : "/ajax/article/delete",
			"type" : "POST",
			"dataType" : "json",
			"data": {
				"articleId": articleId
			},
			"success" : function($data) {							
				if ($data.success) {
					$(".blackcover").remove();
					UE.delEditor('editor');
					newslist();	
				} 
			},
			"error":function(){
				$.MsgBox.Alert('消息','链接服务器超时')
			}
		})
	}
    
	//组合应用行业及学术领域
	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;
	}
	
	//拆解应用行业及学术领域
	function industryShow(data,industryList,deleteIndustry){
		if(data != undefined && data.length != 0 ){
			var subs = new Array();
			if(data.indexOf(',')){
				subs = data.split(',');
			}else{
				subs[0] = data;
			}
			if(subs.length>0){
				for (var i = 0; i < subs.length; i++) 
				{
					$("#"+industryList+"").append("<div class='"+deleteIndustry+"'>"+ subs[i] +"<span class='removeNu'><img src='images/move.png'></span></div>");																
				};
			}	
		}			
	}
	//添加或者删除应用行业及学术领域
	function addDele() {
		$("#industryList").on("click", ".removeNu", function() {
			$(this).parent().remove();
		});
		$("#industryAdd").click(function() {
			var val = $("#industry").val();
			if(val==""){
				$(".workmsg4").text("请填写应用行业");
				return;
			}
			var vallist = $("#industryList .deleteIndustry em");
			for(var i=0;i<vallist.length;i++){
				if(vallist[i].innerText==val){
					$(".workmsg4").text("不能添加重复内容");
					return;
				}
			}
			$("#industryList").append("<div class='deleteIndustry'><em>" + val + "</em><span class='removeNu'><img src='images/move.png'></span></div>")
			$("#industry").val("");
			$(".workmsg4").text("");
		});
		
		$("#SubjectList").on("click", ".removeNu", function() {
			$(this).parent().remove();
		});
		
		$("#subjectAdd").click(function() {
			var val = $("#subject").val();
			if(val==""){
				$(".workmsg3").text("请填写学术领域");
				return;
			}
			var vallist = $("#SubjectList .deleteSubject em");
			for(var i=0;i<vallist.length;i++){
				if(vallist[i].innerText==val){
					$(".workmsg3").text("不能添加重复内容");
					return;
				}
			}
			$("#SubjectList").append("<div class='deleteSubject'><em>" + val + "</em><span class='removeNu'><img src='images/move.png'></span></div>")
			$("#subject").val("");
			$(".workmsg3").text("");
		});
	}
});

js/popup.js

@@ -927,4 +927,147 @@ function finish() {
	});
}		
/*科研文章*/
function newsBombBox() {
	
		var PopHtml="";
		PopHtml += '<div class="blackcover">';
		PopHtml += '<div class="resouinfo"><form class="resoufrm">';
		PopHtml += '<div class="resoutit">科研文章<div class="stateinfor"><em></em><span>文章发布中</span></div></div>';
		PopHtml += '<div class="resoubox">';
		PopHtml += '<div><table class="resoutab floatL"><tr>';
		PopHtml += '<th class="resouinfotype" scope="row">文章标题</th>';
		PopHtml += '<td><div class="resouinforcon"><input type="text" class="frmtype" id="newsName" ><span class="requiredcon">*</span></div></td>';
		PopHtml += '</tr>';
		PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg1"></div></div></td></tr>  ';
		PopHtml += '<tr><th class="resouinfotype"  scope="row">涉及学术领域</th><td><div class="resouinforcon"><input type="text" class="frmtype subCla" id="subject"><input type="button" value="添加" class="addIndusry" id="subjectAdd"></div></td></tr>';
		PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg3"></div></div></td></tr>  ';
		PopHtml += '<tr><th></th><td><div class="addlist" id="SubjectList"></div></td></tr>'
		PopHtml += '<tr><th class="resouinfotype"  scope="row">涉及应用行业</th><td><div class="resouinforcon" id="resouinforcon"><input type="text" class="frmtype" id="industry"><input type="button" value="添加" class="addIndusry" id="industryAdd"></div></td></tr>'; 	
		PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg4"></div></div></td></tr>  ';
		PopHtml += '<tr><th></th><td><div class="addlist" id="industryList"></div></td></tr>';
		PopHtml +='</table>';
		/////////////文章图片上传////////////////////
		PopHtml +='<div class="resouimgbox resouimgboxadd floatL">';
		PopHtml += '<div class="resouinforcon">';
		PopHtml += '<div class="upbox" style="margin-top:15px"><div id="uploader" style="border-radius: 6px;">';
		PopHtml += '<div id="fileList" class="uploader-list"></div>';
		PopHtml += '<div id="filePicker">选择图片</div></div>';
		PopHtml += '<span class="resouimgmsg">建议尺寸640*640，大小在5M以内，<br/>JPG、PNG格式</span>';
		PopHtml += '</div></div></div></div>';
		PopHtml +='<div class="baimg" style="clear: both;padding:15px 0 10px 0;overflow: hidden;"><span class="resouinfotype" style="display: block;float: left;">详细描述</span><script id="editor" name="content" type="text/plain" style="width:550px; height:200px;float: left;margin-left: 30px;"></script></div>';
		/////////////文章图片上传 结束////////////////////
		//按钮盒子
		PopHtml +='<table class="btntab clearfix"><tr><td>';
		PopHtml += '<div class="addrebtn" style="text-align:center;"><input type="button" value="保存" class="frmtype frmbtn" id="inputb"><input type="button" value="删除资源" class="frmtype frmbtn frmrbtn" id="deletedResource" style="display: none;"></div>';
		PopHtml += '</td></tr></table>';
		PopHtml += '</div></form>';
		//关闭按钮
		PopHtml += '<span class="workclose"></span>';
		PopHtml += '</div></div>';
		//必须先将html添加到body，再设置Css样式
		$("body").prepend(PopHtml);
        $("body").css("position","fixed");
        //初始引用编辑器
        ue = UE.getEditor('editor', {
		  // lang:"zh-cn"
		});
		         
        //让提示框居中
        var _widht = $(".blackcover").width();
        var _height = $(".blackcover").height();
		var boxWidth = $(".resouinfo").width();
		var boxHeight = $(".resouinfo").height();
		$(".resouinfo").css({ top:"40px", left: (_widht - boxWidth) / 2 + "px" });
		//关闭按钮
		$(".workclose").click(function(){
			$(".blackcover").remove();
			$("body").css("position","static");
			UE.delEditor('editor');
 		});
		
		//判断文章标题不能为空
		function newsName()
		{
			var code = $("#newsName").val();
			if(code.length==0||code==" "){
				$(".workmsg1").text("发布文章名称不能为空");
				resourceNamePass = false;
			}else{
				$(".workmsg1").text("");
				resourceNamePass= true;
			}
		}
		
		//失去焦点判断	
		$("#newsName").blur(function(){
			newsName();
		});
		// 初始化Web Uploader
		var uploader = WebUploader.create({
			// 选完文件后，是否自动上传。
		    auto: true,
		    // 添加的文件数量
		    //fileNumLimit: 1,
		    // swf文件路径
		    swf: '../js/webuploader/Uploader.swf',
		    // 文件接收服务端。
		    server: '../ajax/cachedFileUpload',
		    // 选择文件的按钮。可选。
		    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
	
		    pick : {
		    	id : "#filePicker",
		    	multiple: false
		    	},
		    // 只允许选择图片文件。
		    accept: {
		        title: 'Images',
		        extensions: 'gif,jpg,jpeg,bmp,png',
		        mimeTypes: 'image/*'
		    }
		   
		});
	
		// 当有文件添加进来的时候
		uploader.on( 'fileQueued', function( file ) {
		    var $li = $(
		            '<div id="' + file.id + '" class="file-item thumbnail ResImgBox beforMargin" style="max-width:226px;width:226px;height: 226px;">' +
			           '<img class="resImg headRadius resourceImg" style="display: inline;" >' +
		            '</div>'
		            )
		            
		    $img = $li.find('img');
		    // $list为容器jQuery实例
		    var $list = $('#fileList');
		    $list.empty("");
		    $list.append( $li );
		    $(".upbox").css({"marginTop":"0px"});
		    // 创建缩略图
		    // 如果为非图片文件，可以不用调用此方法。
		    // 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 );
		    
		});
    
		// 文件上传成功，给item添加成功class, 用样式标记上传成功。
		cacheImageKey=null;
		uploader.on( 'uploadSuccess', function(file,data) {
			cacheImageKey =data.data[0].cacheKey;
			console.log(cacheImageKey);
		});
	
}
/*科研文章 end*/

js/workindex.js

@@ -1,7 +1,6 @@
$(function(){
	var userid = $.cookie("userid");
	var lookall;
	
	//获取专家的数据
	function getProfessorData(professorId){		
		$.ajax({	
@@ -9,6 +8,7 @@ $(function(){
		"type":"get",		
		"async": true,
		"success":function(data) {
			//console.log(data.data);
			if(data.success)
			{					
			$("#nameS").text(data.data.name);

js/workspace.js

@@ -160,10 +160,19 @@ if(num==1){
			"dataType":"html",
			"success":function(result){
				//console.log(data);
								
			$(".workcon").html(result);
			 
			
				$(".workcon").html(result);
			}
		})
	})
	
	/*科研新闻*/
	$(".workmenu").on("click","#newslist",function(){
		$.ajax({
			"url":"news-list.html",
			"dataType":"html",
			"success":function(result){
				//console.log(data);
				$(".workcon").html(result);
			}
		})
	})

news-list.html

@@ -0,0 +1,12 @@
<!--科研文章-->
<div class="workconitem">
	<div class="workcontit">科研文章</div>
	<div class="worksubcon">
		<div class="workmysrc workmysrc1 clearfix" id="workmysrc">
			<div id="newsbox">
				
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="js/news-list.js"></script>

workspaces.html

@@ -65,6 +65,7 @@
            <!-- <div class="worksubmenu" id="sciresourcebtn">研发资源</div> -->
            <div class="worksubmenu" id="newsciresourcebtn">研发资源</div>
           <!--  <div class="worksubmenu" id="sciprojectbtn">科研项目</div> -->
            <div class="worksubmenu" id="newslist">科研文章</div>
        </div>
        
        <div class="workcon">