资源发布

js/resourceIssue.js

@@ -0,0 +1,391 @@
$(document).ready(function() {
	var resourceId=GetQueryString("resourceId");
	console.log(resourceId);
	userid="91E3F49CE63B43EEBA0C68B6DD7F0A19";
	ue = UE.getEditor('editor', {});
	var temp = [];
	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[oRemove.length - 1].remove();
		} else if($len == 2) {
			$("#uploadDd").hide();
		}
		var $li = $(
				'<dd id="' + file.id + '"style="display: table-cell;text-align: center;vertical-align: middle;position:relative">' +
				'<img style="vertical-align: middle;max-width:224px;max-height:190px;">' +
				//'<div class="info">' + file.name + '</div>' +
				'</dd>'
			),
			$btns = $('<div class="file-panel"style="position:absolute;top:0px;text-align:center;overflow:hidden;height:0px;">' +
				'<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);
		}, 1000, 1000);
		$li.on('mouseenter', function() {
			$btns.stop().animate({
				height: 30
			});
		});
		$li.on('mouseleave', function() {
			$btns.stop().animate({
				height: 0
			});
		});
	});
	uploader.onError = function(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 oNum=$(this).parents("dd").index();
		temp.splice(oNum,1);
		$(this).parent().parent().remove();
		$("#uploadDd").show();
		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();
		},
		blur: function() {
			$("#keywordPrompt").hide();
		},
		keyup: function() {
			if($(this).val().length > 10) {
				$(this).val($(this).val().substr(0, 10));
			} else if(0 < $(this).val().length < 10) {
			}
		}
	})
	/*添加关键词*/
	$("#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").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="clearfix"><img src="'+oImg+'" alt="" class="floatL" style="width:50px;height:50px;"/><p class="h2Font floatL">'+$html[i].name+'</p></li>'
		}
		$("#department").html(oSum);
	}
	$("#department").on("click","li",function(){
		$("#organizationName").val($(this).find("p").text());
		$("#department").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();
		if($len==0) {
			$.MsgBox.Alert('提示', '请上传资源图片。');
			return 0;
		}
		if(reName=="") {
			$.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");
			$data.supportedServices=$("#application").val();
			$data.orgName=$("#organizationName").val();
			$data.spec=$("#modelNumber").val();
			$data.parameter=$("#performancePa").val();
			$data.descp=ue.getContent();
			$data.fns=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");
								//弹出预览
							}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",
					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;
		}
})

resourceIssue.html

@@ -9,6 +9,7 @@
<link href="css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" href="css/common.css" rel="stylesheet">
<link type="text/css" href="css/genindex.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./css/webuploader/webuploader.css">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<style type="text/css">
	.conItem ul.operateBlock>li{width: 25%;}
@@ -25,19 +26,17 @@
			<div class="leftconBox floatL">
				<ul class="artAbout">
					<li>
						<dl class="clearfix">
							<dd>
						<dl class="clearfix" id="fileList">
							<dd id="uploadDd">
								<div class="uploadFile">
			        				<div class="uploadblock">
			        					<input type="file" name= "file" class="upInp uploadFileHidden" id="fileone1" data-id="" />
			        					<!--未上传图片时-->
			        					<div class="upFront">
			        					<div class="upFront" id="uploader">
				        					<p>JPG/PNG格式<em class="requiredcon">*</em></p>
				        					<p>2M以内</p>
				            				<span class="upbtn">上传图片</span>
				            				<span class="upbtn" id="filePicker">上传图片</span>
			        					</div>
			        					<!--已上传图片时-->
			        					<span class="upbtn upBackbtn">更换图片</span>
			        					
				            		</div>
			        			</div>
							</dd>
@@ -46,15 +45,15 @@
						</dl>
					</li>
					<li>
						<div class="aboutTit">资源名称<em class="requiredcon">*</em><span class="frmconmsg">30字以内</span></div>
						<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入资源名称" />
						<div class="aboutTit">资源名称<em class="requiredcon">*</em><span class="frmconmsg" id="resourceNamePrompt" style="display:none;">30字以内</span></div>
						<input type="text" class="frmtype frmcontype" id="resourceName" value="" placeholder="请输入资源名称" />
					</li>
					<li class="form-item">
						<div class="aboutTit">关键词<span class="frmconmsg">最多可添加5个关键词、每个关键词最多10个字</span></div>
						<div style="position: relative;">
							<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入关键词" />
						<div class="aboutTit">关键词<span class="frmconmsg" id="keywordPrompt" style="display:none;">最多可添加5个关键词、每个关键词最多10个字</span></div>
						<div style="position: relative;" id="keywordHide">
							<input type="text" class="frmtype frmcontype" id="keywordName" value="" placeholder="请输入关键词" />
							<!--输入框中键入内容时按钮显示，添加内容出现在结果标签中时按钮隐藏-->
							<button class="frmcontype frmadd">添加</button>
							<button class="frmcontype frmadd" id="addKeyword">添加</button>
						</div>
						<div class="form-drop keydrop">
							<ul>
@@ -70,8 +69,8 @@
							</ul>
						</div>
						<div class="form-result keyResult">
							<ul class="clearfix">
								<li>
							<ul class="clearfix" id="keywordList">
								<!--<li>
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
									<div class="closeThis"></div>
								</li>
@@ -90,61 +89,76 @@
								<li>
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
									<div class="closeThis"></div>
								</li>
								</li>-->
							</ul>
						</div>
					</li>
					<li>
						<div class="aboutTit">应用用途<span class="frmconmsg">50字以内</span></div>
						<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入应用用途" />
						<div class="aboutTit">应用用途<span class="frmconmsg" id="applicationPrompt" style="display:none;">50字以内</span></div>
						<input type="text" class="frmtype frmcontype" id="application" value="" placeholder="请输入应用用途" />
					</li>
					<li>
						<div class="aboutTit">所属机构<span class="frmconmsg">50字以内</span></div>
						<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入所属机构" />
						<div class="aboutTit">所属机构<span class="frmconmsg" id="organization" style="display:none">50字以内</span></div>
						<input type="text" class="frmtype frmcontype" id="organizationName" value="" placeholder="请输入所属机构" />
						<div class="form-drop keydrop">
							<ul id="department">
								<!--<li class="clearfix">
									<img src="images/authsort2.png" alt="" class="floatL" style="width:50px;height:50px;"/>
									<p class="h2Font floatL">金属材料工程与腐蚀</p>
								</li>
								<li>
									<p class="h2Font">金属材料工程与腐蚀</p>
								</li>
								<li>
									<p class="h2Font">金属材料工程与腐蚀</p>
								</li>-->
							</ul>
						</div>
					</li>
					<li>
						<div class="aboutTit">厂商型号<span class="frmconmsg">50字以内</span></div>
						<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入厂商型号" />
						<div class="aboutTit">厂商型号<span class="frmconmsg" id="model" style="display:none;">50字以内</span></div>
						<input type="text" class="frmtype frmcontype" id="modelNumber" value="" placeholder="请输入厂商型号" />
					</li>
					<li>
						<div class="aboutTit">性能参数<span class="frmconmsg">200字以内</span></div>
						<div class="aboutTit">性能参数<span class="frmconmsg" id="performance" style="display:none;">200字以内</span></div>
						<div class="msgContbox">
				    		<textarea class="msgCont" placeholder="请输入性能参数"></textarea>
				    		<span class="msgconNum">0/200</span>
				    		<textarea class="msgCont" placeholder="请输入性能参数" id="performancePa"></textarea>
				    		<span class="msgconNum"><span id="entry1">0</span>/200</span>
				    	</div>
					</li>
					<li>
						<div class="aboutTit">合作备注<span class="frmconmsg">200字以内</span></div>
						<div class="aboutTit">合作备注<span class="frmconmsg" id="remark" style="display:none;">200字以内</span></div>
						<div class="msgContbox">
				    		<textarea class="msgCont" placeholder="请输入合作备注"></textarea>
				    		<span class="msgconNum">0/200</span>
				    		<textarea class="msgCont" placeholder="请输入合作备注" id="remarkContent"></textarea>
				    		<span class="msgconNum"><span id="entry2">0</span>/200</span>
				    	</div>
					</li>
					<li>
						<div class="aboutTit">详细介绍<span class="frmconmsg"></span></div>
						<!--这块还是使用编辑框插件-->
						<div class="editBlock">
							<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入详细介绍"></textarea>
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
							<!--<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入详细介绍"></textarea>-->
						</div>
					</li>
				</ul>
			</div>
			<div class="rightconBox floatR">
				<div class="conItem">
					<ul class="operateBlock">
					<ul class="operateBlock" id="operateBlocko">
						<li class="goFabu">
							<em class="operateicon icon-issue"></em>
							<p>发布</p>
						</li>
						<li class="articalPreview">
						<li class="articalPreview" id="oPreview">
							<em class="operateicon icon-preview"></em>
							<p>预览</p>
						</li>
						<li>
						<li id="oDraft">
							<em class="operateicon icon-draft"></em>
							<p>存草稿</p>
						</li>
						<li class="disableLi"><!--只要预览、存草稿、发布之后移除disableLi类-->
						<li class="disableLi" id="deleteResource"><!--只要预览、存草稿、发布之后移除disableLi类-->
							<em class="operateicon icon-delete"></em>
							<p>删除</p>
						</li>
@@ -158,159 +172,13 @@
<footer>
	<script type="text/javascript" src="js/footer.js"></script>
</footer>
<!--文章预览-->
<div class="blackcover">
	<div class="modelContain modelContain2">
		<div class="containerCon clearfix conBlock" style="padding:10px 10px 0;">
			<div class="leftconBox floatL">
				<div class="showDetail">
					<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
					<div class="h2Font"><span id="creTime">2月23日 14:38</span> <span class="readNum">阅读量10000</span></div>
					<div class="showBigOpen" style="background-image: url(images/banner/banner01.jpg);"></div>
					<!--文章内容区-->
					<div class="showMain">
<p>分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到的内容，最简单的就是鸡汤、各种鸡汤，养生，各种养生，因为这是关乎心灵和身体健康的东西。位居其后的，是我认为重要的信息。什么是重要的信息，后面我会专门展开来讲。
以展示和分享为主要目的的传播特征，使得社交媒体上发布的信息很像是美图秀，是无意中被刻意挑选过的。</p><p>因为朋友圈中发布的信息其实是有某种强烈的筛选机制。虽然理论上任意两个人都可以通过非常有限的朋友圈建立联系，它看上去像是开发的，但实际上，每个人的朋友圈基本上都是处于半开放的，因为虽然互相关注，但你可以选择他是否可以看你发布的内容，以及你是否看他发布的内容。
所以，任意一个朋友圈都是特定观念和偏好的集合，信息是在特定人群中间传播。一个坚持买《环球时报》的人，很少看到南方系的内容，反之亦然，一个热爱中医养生的人，很少看到科普党人反中医的文章，反之亦然，一个热爱唐装盘手串的人，很少看到整天攻击中国传统文化的内容，反之亦然。</p>
<p><img src="images/banner/banner01.jpg" /></p>
<p>所谓展示，指的是我通过信息的发布，展示我的生活方式生活态度和精神面目，一个人展示出来的东西，其实是他希望和想象的理想状态，通常是比实际情况要高一档次，比如一个人一周要吃五次卤煮，他肯定不会秀自己整天吃卤煮，但是，他要吃了一次日本料理，就一定会秀出来。去动物园服装批发市场买衣服，他不会秀，但他去了一次东京银座，即使不购物也会展示出来。他跑了五公里会秀，但宅在家里两天不出门灰头土脑一定不会秀。同样的，晒娃、晒猫狗、秀恩爱也是基于同样的心理，我希望通过这些信息，来展示我是一个多么热爱生活，当然，重要是生活品质很高，并且关心社会的一个面貌。</p>
					</div>
					<!--标签模块-->
					<ul class="tagList">
						<li>
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
						</li>
						<li>
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
						</li>
						<li>
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
						</li>
						<li>
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
						</li>
						<li>
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
						</li>
					</ul>
					<!--相关专家-->
					<div class="form-item otherShow otherShowFirst">
						<div class="aboutTit">相关专家</div>
						<div class="form-result">
							<ul>
								<li>
									<div class="madiaHead useHead"></div>
									<div class="madiaInfo">
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
									</div>
								</li>
								<li>
									<div class="madiaHead useHead"></div>
									<div class="madiaInfo">
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
									</div>
								</li>
								<li>
									<div class="madiaHead useHead"></div>
									<div class="madiaInfo">
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<!--相关资源-->
					<div class="form-item otherShow">
						<div class="aboutTit">相关资源</div>
						<div class="form-result aboutRes">
							<ul>
								<li>
									<div class="madiaHead resouseHead"></div>
									<div class="madiaInfo">
										<p class="h1Font">资源名称资源名称资源名称</p>
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
									</div>
								</li>
								<li>
									<div class="madiaHead resouseHead"></div>
									<div class="madiaInfo">
										<p class="h1Font">资源名称资源名称资源名称</p>
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
									</div>
								</li>
								<li>
									<div class="madiaHead resouseHead"></div>
									<div class="madiaInfo">
										<p class="h1Font">资源名称资源名称资源名称</p>
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="rightconBox floatR">
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
					<div class="madiaHead useHead"></div>
					<div class="proInfo">
						<div class="h3Font clearfix">
							<span class="h1Font" id="nameS">张某某</span>
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
						</div>
						<p class="h2Font">教授高工、董事长兼CEO</p>
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
					</div>
				</div>
				<div class="conItem conItemG" style="border:none;padding:30px;">
					<div class="madiaHead cmpHead"></div>
					<div class="proInfo alignCenter">
						<div class="h3Font clearfix">
							<span class="h1Font" id="nameS">北京科袖科技有限公司</span>
							<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="authFlag"></span>
						</div>
						<p class="h2Font">所属行业 | 企业类型</p>
					</div>
				</div>
			</div>
		</div>
		<span class="modelClosebtn"></span>	
	</div>
</div>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/jquery.page.js"></script>
<script type="text/javascript" src="js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="js/ueditor/ueditor.all.js"></script>
<script type="text/javascript" src="./js/webuploader/webuploader.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
	$(".textareaboxEmp").keyup(function(){
		$(this).css("content","none");
	})
	
//Model模态框打开关闭
function modelOpen(){
	$(".blackcover").fadeIn();
	$(".modelContain").slideDown();
	$("body").addClass("modelOpen");
}
function modelClose(){
	$(".modelContain").slideUp();
	$(".blackcover").fadeOut();
	$("body").removeClass("modelOpen");
}
	$(".articalPreview").click(function() {
		modelOpen();
	})
	$(".modelClosebtn").click(function() {
		modelClose();
	})
</script>
<script type="text/javascript" src="js/resourceIssue.js"></script>
</body>
</html>