服务

css/genindex.css

@@ -569,6 +569,13 @@ ul.tagList>li .h2Font{color:#666;font-size:14px;line-height:30px;}
.form-item .addexpertRe{margin:0 -30px;}
.form-item .addexpertRe ul.addexpert>li .madiaInfo{padding-right:42px;}
.form-item .addexpertRe ul.addexpert>li .addbtn{position: absolute;right: 20px;background: #ff9900;top: 50%;margin-top: -14px;cursor: pointer;padding: 4px 10px;color: #fff;border-radius: 4px;}
.form-item ul.addexpert>li .selectNull{position:absolute; right:10px;top:50%;margin-top:-11px;width:22px; height:22px;background-image: url(../../images/c-sign-on_button_xuanze_nor.png);background-size: cover;}
.form-item ul.addexpert>li .selectAdd{background-image: url(../../images/c-sign-on_button_xuanze_hig.png);}
.childElement{position: absolute;top: 50%;transform: translateY(-50%);left:10px;}
#expertli li:hover {background-color:#EEEEEE;}
.listy{position:relative;min-height:55px;color:#666;cursor:pointer;}
.seRe{height:100px;text-align:center;padding:25px 0;font-size:16px;line-height: 28px;color:#666;}
.seRe a{color:#3366ff;}
/*资源图片展示*/
.Imagebox{width:362px;}
.Imagebox .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}

js/serviceIssue.js

@@ -0,0 +1,434 @@
$(document).ready(function() {
	loginStatus(); //判断个人是否登录
	valUser();
	var sevriceId = GetQueryString("sevriceId"),
		flag = GetQueryString("flag");
	if(sevriceId) {
		$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
		getRecourceMe();
	}
	var userid = $.cookie("userid");
	var temp = [];
	var array = [];
	var ue = UE.getEditor('editor', {});
	function ajaxRequist(url, obj, type, fn) {
		$.ajax({
			url: url,
			data: obj,
			dataType: 'json', //服务器返回json格式数据
			type: type, //支持'GET'和'POST'
			traditional: true,
			success: function(data) {
				if(data.success) {
					fn(data)
				}
			},
			error: function(xhr, type, errorThrown) {
				$.MsgBox.Alert('提示', '服务器请求失败');
			}
		});
	}
	/*获取资源信息*/
	function getRecourceMe() {
		$.ajax({
			"url": "/ajax/ware/qo",
			"type": "GET",
			"success": function(data) {
				console.log(data);
				if(data.success) {
					$("#uploadDd").siblings().remove();
					$("#fileList").append("<dd></dd><dd></dd>");
					temp = [];
					resourceHtml(data.data);
				}
			},
			"data": {
				"id": sevriceId
			},
			dataType: "json",
			'error': function() {
				$.MsgBox.Alert('提示', '服务器连接超时！');
			}
		});
	}
	/*处理资源html代码*/
	function resourceHtml($da) {
		$("#resourceName").val($da.name); //名字
		if($da.cnt) { //厂商型号
			$("#modelNumber").val($da.cnt);
			autoGrow.call($("#modelNumber")[0])
		}
		if($da.cooperation) { //合作备注
			$("#remarkContent").val($da.cooperation);
		}
		if($da.keywords) {
			var oSub = $da.keywords.split(",");
			var oSt = "";
			for(var i = 0; i < oSub.length; i++) {
				oSt += '<li>' + oSub[i] + '<div class="closeThis"></div></li>'
			}
			$("#keyWordlist").html(oSt);
			if(oSub.length > 4) {
				$("#KeyWord").parent().addClass("displayNone");
			}
		} else {
			$("#keyWordlist").html("");
		}
		if($da.descp) { //编辑器
			ue.ready(function() {
				ue.setContent($da.descp);
			});
		}
		if($da.images) {
			var arr = [];
			var oImg = $da.images.split(",");
			for(var i = 0; i < oImg.length; i++) {
				var oString = '<dd>' +
					'<div class="imgItem">' +
					'<img src="' + "/data/ware" + oImg[i] + '"/>' +
					'</div>' +
					'<div class="file-panel">' +
					'<span class="cancel" flag=1></span>' +
					'</div>' +
					'</dd>'
				arr[i] = oString;
				temp[i] = oImg[i];
			}
			$("#fileList dd").eq(2).remove();
			if(oImg.length == 1) {
				$("#fileList").prepend(arr[0]);
			} else if(oImg.length == 2) {
				$("#fileList dd").eq(1).remove();
				$("#fileList").prepend(arr[1]);
				$("#fileList").prepend(arr[0]);
			} else if(oImg.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/ware/upload',
		fileSingleSizeLimit: 2 * 1024 * 1024,
		pick: {
			id: "#filePicker",
			multiple: false
		},
		accept: {
			title: 'Images',
			extensions: 'jpg,jpeg,png',
			mimeTypes: 'image/jpg,image/png,image/jpeg'
		}
	});
	// 当有文件添加进来的时候
	uploader.on('fileQueued', function(file) {
		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);
	});
	uploader.onError = function(code) {
		$.MsgBox.Alert('提示', '请上传jpg、jpeg、png格式的图片，大小不超过2M')
	};
	uploader.on('uploadSuccess', function(file, data) {
		if(data.success) {
			temp.push(data.data[0].uri);
		} else {
			$.MsgBox.Alert('提示', '只支持jpeg/jpg/png格式的图片');
		}
	});
	/*删除图片*/
	$("#fileList").on("click", ".cancel", function() {
		var flag = $(this).attr("flag");
		var oNum = $(this).parents("dd").index();
		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));
			}
		}
	})
	hotKey(".oinput");
	//校验关键字
	$("#KeyWord").on({
		focus: function() {
			$("#keyPrompt").text("最多可添加5个关键词，每个关键词15字以内");
		},
		blur: function() {
			$("#keyPrompt").text("");
		}
	})
	$("#keyWordlist").on("click", ".closeThis", function() {
		$(this).parent().remove();
		var liNum = $("#keyWordlist").find("li").length;
		if(liNum < 5) {
			$("#keyWordlist").parents(".keyResult").siblings("div.col-w-12").show();
		}
	})
	/*厂商型号*/
	$("#modelNumber").bind({
		focus: function() {
			$("#model").show();
		},
		blur: function() {
			$("#model").hide();
		},
		keyup: function() {
			if($(this).val().length > 250) {
				$(this).val($(this).val().substr(0, 250));
			}
		},
		input: function() {
			autoGrow.call(this);
		}
	});
	function autoGrow() {
		document.getElementById("tt").style.width = this.scrollWidth + "px";
		document.getElementById("tt").value = this.value;
		this.style.height = document.getElementById("tt").scrollHeight + "px";
	}
	$("#remarkContent").bind({
		focus: function() {
			$("#remark").show();
		},
		blur: function() {
			$("#remark").hide();
		}
	});
	/*合作备注*/
	limitObj("#remarkContent", 1000)
	/*发布*/
	$(".goFabu").click(function() {
		var oYes = term();
		if(oYes == 0) {
			return;
		}
		$.MsgBox.Confirm("提示", "确认发布该服务？", ajsPost);
	})
	/*预览*/
	$("#oPreview").click(function() {
		var oYes = term();
		if(oYes == 0) {
			return;
		}
		if(sevriceId) {
			ajsPost("/ajax/ware/draft/update", 1);
		} else {
			ajsPost("/ajax/ware/draft", 1);
		}
	})
	/*存草稿*/
	$("#oDraft").click(function() {
		var oYes = term();
		if(oYes == 0) {
			return;
		}
		if(sevriceId) {
			ajsPost("/ajax/ware/draft/update", 2);
		} else {
			ajsPost("/ajax/ware/draft", 2);
		}
	})
	/*删除*/
	$("#operateBlocko").on("click", ".deleteResource", function() {
		$.MsgBox.Confirm("提示", "确认删除该服务？", deleResource);
	})
	/*删除函数*/
	function deleResource() {
		$.ajax({
			"url": "/ajax/ware/delete",
			"type": "POST",
			"success": function(data) {
				if(data.success) {
					location.href = "sevriceList.html"
				}
			},
			"data": {
				"id": sevriceId
			},
			"beforeSend": function() { /*console.log(this.data)*/ },
			"contentType": "application/x-www-form-urlencoded",
			dataType: "json"
		});
	}
	/*条件是否匹配*/
	function term() {
		var reName = $.trim($("#resourceName").val());
		if(reName == "") {
			$.MsgBox.Alert('提示', '请输入服务名称。');
			return 0;
		}
	}
	function relaResource() {
		var arr1 = $("#expertli").find(".selectAdd"),
			arr2 = [];
		for(var i = 0; i < arr1.length; i++) {
			arr2.push(arr1.eq(i).parents("li").attr("data-id"));
		}
		return arr2;
	}
	function keyW() {
		var industrys = $("#keyWordlist li");
		var industryAll = "";
		if(industrys.size() > 0) {
			for(var i = 0; i < industrys.size(); i++) {
				industryAll += industrys[i].innerText.trim();
				industryAll += ',';
			};
			industryAll = industryAll.substring(0, industryAll.length - 1);
		}
		return industryAll;
	}
	/*发布函数*/
	function ajsPost(pa1, pa2) {
		var oUrl;
		if(flag) {
			oUrl = "/ajax/ware/publish/update";
		} else {
			oUrl = "/ajax/ware/publish";
		}
		if(pa1) {
			oUrl = pa1
		}
		var $data = {
			owner: userid,
			name: $("#resourceName").val(),
			cooperation: $("#remarkContent").val(),
			keywords: keyW(),
			cnt: $("#modelNumber").val(),
			descp: ue.getContent(),
			images: temp.join(","),
			resource: relaResource()
		};
		if(sevriceId) {
			$data.id = sevriceId;
		}
		ajaxRequist(oUrl, $data, "POST", function(data) {
			if(data.success) {
				if(pa2 == 1) {
					if(!sevriceId)
						sevriceId = data.data;
					$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
					window.open("sevricePreview.html?sevriceId=" + data.data);
					getRecourceMe();
					//弹出预览
				} else if(pa2 == 2) {
					$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
					if(!sevriceId)
						sevriceId = data.data;
					$.MsgBox.Alert('提示', '服务已保存草稿。');
					$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
					getRecourceMe();
				} else {
					$.MsgBox.Alert('提示', '服务发布成功！');
					$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
					location.href = "sevriceList.html"
				}
			} else {
				if(data.code == 90) {
					$.MsgBox.Alert('提示', '由于操作时间过久，上传图片已失效，请重新上传。');
				}
			}
		})
	}
	$("#expertli").on("click", "li", function() {
		$(this).find(".selectNull").toggleClass("selectAdd");
	});
	ajaxRequist("/ajax/resource/qaProPublish", {
		"professorId": userid
	}, "get", function(data) {
		var data = data.data,
			oArr = [];
		if(data.length == 0) {
			$("#expertli").addClass("displayNone").siblings(".seRe").removeClass('displayNone');
		} else {
			for(var i = 0; i < data.length; i++) {
				oArr.push(data[i].resourceId);
				var str = '<li class="listy" data-id="' + data[i].resourceId + '">' +
					'<p class="col-w-9 h2font ellipsisSty-2 col childElement">' + data[i].resourceName + '</p>' +
					'<div class="selectNull"></div></li>'
				$("#expertli").append(str);
			}
			if(sevriceId)
				ajaxRequist("/ajax/ware/res", {
					"id": sevriceId
				}, "get", function(data) {
					var $data = data.data;
					outomost:
						for(var i = 0; i < $data.length; i++) {
							for(var j = 0; j < oArr.length; j++) {
								if($data[i].resource === oArr[j]) {
									$("#expertli").find(".selectNull").eq(j).addClass("selectAdd");
									continue outomost;
								}
							}
						}
				})
		}
	})
})

js/serviceList.js

@@ -9,14 +9,14 @@ $(document).ready(function(){
	function getRecourceMe(n,isbind,num) {
		var resourceNameVa=$("#resouceName").val();
		var $info={};
		$info.professorId=userid;
		$info.pid=userid;
		$info.pageSize=10;
		if(resourceNameVa !="") {
			$info.key=resourceNameVa;
		}
		$info.pageNo=n;
		$.ajax({
			"url": "/ajax/resource/pqSelf",
			"url": "/ajax/ware/pq/search",
			"type": "GET",
			"success": function(data) {
				console.log(data)
@@ -25,7 +25,7 @@ $(document).ready(function(){
					if(num==1) {
						if(data.data.data.length==0) {
							$("#noresource").removeClass("displayNone");
							$(".noContip").text("您还未发布任何资源");
							$(".noContip").text("您还未发布任何服务");
							return;
						}else{
							$("#noresource").addClass("displayNone");
@@ -63,14 +63,13 @@ $(document).ready(function(){
	 	for(var i=0;i<$data.length;i++) {
	 		var imgSrc="../images/default-service.jpg";
	 		var oTime,pageview="",draftLable="",oHtml,oLi='';
	 		if($data[i].images.length) {
	 			imgSrc="/data/resource/"+$data[i].images[0].imageSrc
	 		if($data[i].images.split(",").length) {
	 			imgSrc="/data/ware"+$data[i].images.split(",")[0]
	 		}
	 		console.log($data[i].status)
	 		if($data[i].status==0) {
	 			oTime="修改于 "+TimeTr($data[i].modifyTime);
	 			draftLable='<span class="draftLable">草稿</span>';
	 			oHtml="resourceIssue.html";
	 			oHtml="sevriceIssue.html";
	 			oLi="class='draftList'"
	 		}else{
	 			oTime="发布于 "+TimeTr($data[i].publishTime);
@@ -78,26 +77,28 @@ $(document).ready(function(){
	 			oHtml="resourceShow.html"
	 		}
	 	var oStr='<li '+oLi+'>'+
				'<a href="'+oHtml+'?resourceId='+$data[i].resourceId+'" target="_blank">'+
				'<a href="'+oHtml+'?resourceId='+$data[i].id+'" target="_blank">'+
					'<div class="madiaHead resouseHead" style="background-image: url('+imgSrc+');"></div>'	+						
						'<div class="madiaInfo">'+					
							'<p class="h1Font ellipsisSty">'+$data[i].resourceName+'</p>'+						
							'<p class="h1Font ellipsisSty">'+$data[i].name+'</p>'+						
							'<ul class="showliTop h2Font clearfix">'+
								'<li><span>'+oTime+'</span></li>'+pageview+
							'</ul>'+draftLable+	
						'</div>'+
				'</a>'+
				'<ul class="madiaEdit">'+
					'<li><span class="deteleThis2" data-id="'+$data[i].resourceId+'"></span></li>'+
					'<li><span class="editThis" data-id="'+$data[i].resourceId+'"></span></li>'+
					'<li><span class="deteleThis2" data-id="'+$data[i].id+'"></span></li>'+
					'<li><span class="editThis" data-id="'+$data[i].id+'"></span></li>'+
				'</ul>'+
			'</li>'	
			var $oStr=$(oStr);
			$("#resourceList").append(oStr);
			$oStr.find(".editThis").attr("data-state",$data[i].state);
	 	}
	 }
	/*点击修改跳转修改页面*/
	$("#resourceList").on("click",".editThis",function(){
		location.href="resourceIssue.html?resourceId="+$(this).attr("data-id")
		location.href="sevriceIssue.html?sevriceId="+$(this).attr("data-id")+"&flag="+$(this).attr("data-state");
	})
	/*点击删除跳转修改页面*/
	$("#resourceList").on("click",".deteleThis2",function(){
@@ -114,7 +115,7 @@ $(document).ready(function(){
							getRecourceMe(1,false);
						}
					},
					"data": {"resourceId":resourceId},
					"data": {"id":resourceId},
					"beforeSend": function() {  },
					"contentType": "application/x-www-form-urlencoded",
					dataType: "json"

js/sevricePreview.js

@@ -0,0 +1,203 @@
$(document).ready(function() {
	loginStatus(); //判断个人是否登录
	valUser();
	var userid = $.cookie("userid");
	$(".jqzoom").imagezoom();
	$("#thumblist").on("click", "li a", function() {
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
		$(".jqzoom").attr('src', $(this).find("img").attr("src"));
		$(".jqzoom").attr('rel', $(this).find("img").attr("src"));
	});
	$('.shareWeixin').hover(function() {
		$('.shareCode').stop(true, false).fadeToggle();
	});
	var resourceId = GetQueryString("resourceId");
	var professorId = "";
	getRecourceMe();
	/*获取资源信息*/
	function getRecourceMe() {
		$.ajax({
			"url": "/ajax/resource/queryOne",
			"type": "GET",
			"success": function(data) {
				console.log(data);
				if(data.success) {
					resourceHtml(data.data);
					var resourceName = data.data.resourceName + "-科袖网";
					window.setTimeout(function() {
						document.title = resourceName;
					}, 500);
				}
			},
			"data": {
				"resourceId": resourceId
			},
			dataType: "json",
			'error': function() {
				$.MsgBox.Alert('提示', '服务器连接超时！');
			}
		});
	}
	/*合作备注及性能参数存储换行格式*/
	function outHTML(selecter) {
		var getValue = selecter;
		var aa = "";
		if(getValue) {
			var endValue = ((getValue.replace(/<(.+?)>/gi, "&lt;$1&gt;")).replace(/ /gi, "&nbsp;")).replace(/\n/gi, "|");
			var cc = endValue.split("|");
			for(var i = 0; i < cc.length; i++) {
				aa += cc[i] + '<br/>'
			}
		}
		return aa;
	}
	/*处理资源html代码*/
	function resourceHtml($da) {
		$("#resourceName").text($da.resourceName); //名字
		$("#application").text($da.supportedServices); //应用用途
		if($da.editProfessor) {
			$("#person").show();
			if($da.orgName) { //所属机构
				$("#organizationName").text($da.orgName).parents("li").show();
			}
			$("#nameS").text($da.editProfessor.name); //"office": "", //职位 "title": "", //职称
			if($da.editProfessor.title) {
				$("#titleOffice").text($da.editProfessor.title);
			} else {
				if($da.editProfessor.office) {
					$("#titleOffice").text($da.editProfessor.office);
				}
			}
			if($da.editProfessor.orgName) {
				$("#orgType").text($da.editProfessor.orgName);
			}
			professorId = $da.editProfessor.id;
			var professorFlag = autho($da.editProfessor.authType, $da.editProfessor.orgAuth, $da.editProfessor.authStatus);
			$("#authFlag").addClass(professorFlag.sty).attr("title", professorFlag.title);
			if($da.editProfessor.hasHeadImage == 1) {
				$("#headImg").css("background-image", 'url(/images/head/' + $da.editProfessor.id + '_l.jpg)');
			}
		}else {
			$("#enterprise,#resPerson").show();
			if($da.organization.hasOrgLogo) {
				$("#companyImg").attr("src", "/images/org/" + $da.organization.id + ".jpg");
			}else{
				$("#companyImg").attr("src", "/images/default-icon.jpg");
			}
			if($da.organization.authStatus==3){
				$("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");	
			}
			$("#Qname").text($da.organization.name);
			$("#Qindustry").text($da.organization.subject);
			$("#QorgType").text(orgTypeShow[$da.organization.orgType])
		}
		if($da.spec) { //厂商型号
			$("#modelNumber").text($da.spec).parents("li").show();
		}
		if($da.parameter) { //性能参数
			$("#performancePa").html(outHTML($da.parameter)).parents("li").show();
		}
		if($da.cooperationNotes) { //合作备注
			$("#remarkContent").html(outHTML($da.cooperationNotes)).parents("li").show();
		}
		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></li>'
			}
			$(".tagList").html(oSt);
		}
		if($da.descp) { //编辑器
			$("#descp").html($da.descp).parents("li").show();
		}
		//return;
		if($da.images.length) {
			$("#firstFigure").attr({
				"src": "/data/resource/" + $da.images[0].imageSrc,
				"rel": "/data/resource/" + $da.images[0].imageSrc
			}).parent().attr("href", "/data/resource/" + $da.images[0].imageSrc);
			var arr = "";
			for(var i = 0; i < $da.images.length; i++) {
				if($da.images[i] == $da.images[0]) {
					var oString = '<li class="tb-selected">' +
						'<div class="tb-pic tb-s66">' +
						'<a href="javascript:void(0);">' +
						'<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
						'</a>' +
						'</div>' +
						'</li>'
				} else {
					var oString = '<li >' +
						'<div class="tb-pic tb-s66">' +
						'<a href="javascript:void(0);">' +
						'<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
						'</a>' +
						'</div>' +
						'</li>'
				}
				arr += oString;
			}
			$("#thumblist").html(arr);
		}
	}
	
	selUse();
	function selUse() {
		$.ajax({
			url: "/ajax/resource/qaLinkman",
			type: "GET",
			timeout: 10000,
			dataType: "json",
			async:true,
			data: {
				"resourceId": resourceId,
			},
			success: function(data, textState) {
				console.log(data)
				if(data.success) {
					unauthUser(data.data);
				}
			},
			error: function(XMLHttpRequest, textStats, errorThrown) {
				$.MsgBox.Alert('提示', '服务器请求失败')
			}
		})
	}
	function unauthUser($res) {
	var osting=""
	for(var i = 0; i < $res.length; i++) {
		var img;
		var styC="";
		var oClass = autho($res[i].professor.authType, $res[i].professor.orgAuth, $res[i].professor.authStatus);
		var oTitle="";
		if($res[i].professor.title) {
			oTitle=$res[i].professor.title;
		}else{
			if($res[i].professor.office) {
				oTitle=$res[i].professor.office;
			}
		}
		if($res[i].professor.hasHeadImage) {
				img = "/images/head/" + $res[i].professor.id + "_l.jpg";
			} else {
				img = "../images/default-photo.jpg"
			}
		var oSt = '<li>'
		oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url('+img+');"></div>'
		oSt += '<div class = "madiaInfo">'
		oSt += '<p class = "ellipsisSty">'
		oSt += '<span class = "h1Font" id="name">'+$res[i].professor.name+'</span><em class="authicon '+oClass.sty+'" title="'+oClass.title+'"></em >'
		oSt += '</p>'
		oSt += '<p class="h2Font ellipsisSty">'+oTitle+'</p>'
		oSt += '</div>'
		oSt += '<div class="'+styC+'" flag=1></div>'
		oSt += '</li>'
		osting+=oSt;
	}
	$("#expertli").html(osting);
}
})

serviceList.html

@@ -36,7 +36,7 @@
							<span class="searchSpan"></span>
						</div>
						<div class="issueSpanBlock col-w-4">
							<a href="resourceIssue.html" class="issueSpan" target="_blank">发布服务</a>
							<a href="sevriceIssue.html" class="issueSpan" target="_blank">发布服务</a>
						</div>
					</div>
					<div class="form-item itemListCon">

sevriceIssue.html

@@ -0,0 +1,169 @@
 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>资源发布-科袖网</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
<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>
</head>
<body>
<header id="header">
	<script src="js/header.js"></script>
</header>
<div id="container">
	<div class="containerCon">
		<div class="contentCon clearfix conBlock">
			<div class="leftconBox floatL">
				<ul class="artAbout">
					<li>
						<dl class="clearfix" id="fileList">
							<dd class="uploadD" id="uploadDd">
								<div class="uploadFile">
			        				<div class="uploadblock">
			        					<span class="" id="filePicker">上传图片</span>
			        					<!--未上传图片时-->
			        					<div class="upFront" id="uploader">
				        					<p>服务图片<em class="requiredcon"></em></p>
				        					<p class="uploadtip">JPG/JPEG/PNG格式，<br/>2M以内</p>
				            				<span class="upbtn" style="margin-top:8px">上传图片</span>
			        					</div>
				            		</div>
			        			</div>
							</dd>
							<dd></dd>
							<dd></dd>
						</dl>
					</li>
					<li>
						<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" id="keyPrompt"></span></div>
						<div class="col-w-12" style="position: relative;">
							<input type="text" class="frmcontype oinput" placeholder="请填写相关的关键词，如：腐蚀防护、石墨烯、纳米材料" data-pro="关键词不得超过15个字"  data-num="5" data-fontSizeN="15" id="KeyWord" />
							<button type="button" class="frmcontype btnModel frmaddG addButton">添加</button>
							<div class="form-drop keydrop">
								<ul>
									
								</ul>
							</div>
						</div>
						<div class="form-result keyResult" style="margin-top: -10px;">
							<ul class="ulspace editUlist clearfix" id="keyWordlist">
								<!--<li>dd<div class="closeThis"></div></li>-->
							</ul>
						</div>
					</li>
					<li class="jj">
						<div class="aboutTit">服务内容<span class="frmconmsg" id="model" style="display:none;">250字以内</span></div>
						<textarea class="frmtype frmcontype" placeholder="请输入服务内容" id="modelNumber" style="resize:none;min-height: 40px;height:40px;overflow: hidden;"></textarea>
						<textarea class="frmtype frmcontype" placeholder="请输入服务内容" id="tt" style="position:absolute;top:0;left:-99999px;overflow: hidden;min-height: 40px;height:40px;"></textarea>
						<!--<input type="text" class="frmtype frmcontype" id="modelNumber" value="" placeholder="请输入服务内容" />-->
					
					</li>
					<li>
						<div class="aboutTit">合作备注<span class="frmconmsg" id="remark" style="display:none;">1000字以内</span></div>
						<div class="msgContbox">
				    		<textarea class="msgCont" placeholder="请输入合作备注" id="remarkContent"></textarea>
				    		<span class="msgconNum"><em>0</em>/1000</span>
				    	</div>
					</li>
					<li>
						<div class="aboutTit">详细介绍<span class="frmconmsg"></span></div>
						<!--这块还是使用编辑框插件-->
						<div class="editBlock">
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
						</div>
					</li>
				</ul>
			</div>
			<div class="rightconBox floatR">
				<div class="conItem conItemFirst">
					<ul class="operateBlock" id="operateBlocko">
						<li class="goFabu">
							<em class="operateicon icon-issue"></em>
							<p>发布</p>
						</li>
						<li class="articalPreview" id="oPreview">
							<em class="operateicon icon-preview"></em>
							<p>预览</p>
						</li>
						<li id="oDraft">
							<em class="operateicon icon-draft"></em>
							<p>存草稿</p>
						</li>
						<li class="disableLi" id="deleteResource"><!--只要预览、存草稿、发布之后移除disableLi类-->
							<em class="operateicon icon-delete"></em>
							<p>删除</p>
						</li>
						
					</ul>
				</div>
				<div class="conItem">
					<div class="form-item otherBlock">
						<div class="aboutTit" style="font-size:16px;">本服务的相关资源</div>
						<ul class="addexpert " id="expertli">
							<!--<li class="listy">
								<p class="col-w-9 h2font ellipsisSty-2 col childElement">
									数显布氏硬度计
								</p>
								<div class="selectNull selectAdd"></div>
							</li>
							<li class="listy">
								<p class="col-w-9 h2font ellipsisSty-2 col childElement">
									透射电镜、扫描电镜等制样设备(Leica TXP+ RES102)
								</p>
								<div class="selectNull selectAdd"></div>
							</li>-->
						</ul>
						<div class="seRe displayNone"><p>您还没有发布任何资源</p>
							<p><a href="resourceIssue.html">点击这里立即发布</a></p>
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</div>
</div>
<div class="footer_tools">
  <a id="scrollUp" href="javascript:;" title="返回顶部"></a>
</div>
<footer>
	<script type="text/javascript" src="js/footer.js"></script>
</footer>
<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" src="js/serviceIssue.js"></script>
<script type="text/javascript">
	//回到顶部
	var $body = $(document.body);;
	var $bottomTools = $('.footer_tools');
	$(window).scroll(function () {
		var scrollHeight = $(document).height();
		var scrollTop = $(window).scrollTop();
		var $footerHeight = $('footer').outerHeight(true);
		var $windowHeight = $(window).innerHeight();
		scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);			
		$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
	});
	$('#scrollUp').click(function (e) {
		e.preventDefault();
		$('html,body').animate({ scrollTop:0});
	});
</script>
</body>
</html>

sevricePreview.html

@@ -0,0 +1,172 @@
 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>浏览资源-科袖网</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" href="css/common.css" rel="stylesheet">
<link type="text/css" href="css/popup.css" rel="stylesheet">
<link type="text/css" href="css/genindex.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
</head>
<body>
<header id="header">
	<script src="js/header.js"></script>
</header>
<div id="container">
	<div class="containerCon">
		<div class="contentCon clearfix conBlock">
			<div class="leftconBox floatL leftconBox2">
				<div class="showDetail">
					<!--资源基本信息-->
					<div class="showReBasic clearfix">
						<div class="Imagebox floatL">
		                    <div class="tb-booth tb-pic tb-s360">
		                        <a href="" target="_blank">
		                            <img src="" alt="美女" rel="" class="jqzoom" id="firstFigure"/>
		                        </a>
		                    </div>
		                    <ul class="tb-thumb" id="thumblist">
		                       
		                    </ul>
		                </div>
		                <div class="reInfoBlock floatL">
		                	<div class="h1Font" id="resourceName"></div>
		                	<div class="h2Font">应用用途：<span id="application"></span></div>
		                	<div class="operateBlock resShareUl" style="display:none">
		                		<ul>
		                			<li id="attention"><span>收藏</span> <em class="operateicon operateicon2 icon-collect"></em></li>
									<li>
										<span>分享到</span>
										<em class="operateicon operateicon2 icon-sina"></em>
										<em class="operateicon operateicon2 icon-wechat shareWeixin">
											<div class="shareCode clearfix">
												<div class="floatL" id="qrcode"></div>
												<div class="shareWord floatR">
													<p>打开微信“扫一扫”，<br/>打开网页后点击屏幕右上角“分享”按钮</p>
												</div>
											</div>
										</em>
									</li>
		                		</ul>
		                	</div>
		                </div>
	                </div>
	                <div class="showReOther">
						<!--资源详情区-->
						<div class="showMain showMain2">
							<ul>
								<li class="displayNone" id="orgName">
									<div class="showTit">所属机构：</div>
									<div class="showCon" id="organizationName">
									</div>
								</li>
								<li>
									<div class="showTit">厂商型号：</div>
									<div class="showCon" id="modelNumber">
									</div>
								</li>
								<li>
									<div class="showTit">性能参数：</div>
									<div class="showCon" id="performancePa">
									</div>
								</li>
								<li>
									<div class="showTit">合作备注：</div>
									<div class="showCon" id="remarkContent">
									</div>
								</li>
								<li id="articleContent">
									<div class="showTit">详细介绍：</div>
									<div class="showCon" id="descp">
									</div>
								</li>
							</ul>
						</div>
						<!--标签模块-->
						<ul class="tagList">
							
						</ul>
					</div>
				</div>
			</div>
			<div class="rightconBox floatR">
				<div class="conItem conItemG alignCenter displayNone" id="person">
					<div class="madiaHead useHead" id="headImg" style="cursor:pointer"></div>
					<div class="proInfo">
						<div class="h3Font clearfix">
							<span class="h1Font" id="nameS" style="cursor:pointer"></span>
							<span class="authiconNew" title="" id="authFlag"></span>
						</div>
						<p class="h2Font" id="titleOffice"></p>
						<p class="h2Font" id="orgType"></p>
					</div>
				</div>
				<div class="conItem conItemG alignCenter displayNone" id="enterprise">
					<a class="qiyego">
						<div class="madiaHead cmpHead" id="Qimg">
							<div class="boxBlock">
								<img class="boxBlockimg" src="" id="companyImg">
							</div>
						</div>
					</a>
					<div class="proInfo alignCenter">
						<div class="h3Font clearfix">
							<a class="h1Font qiyego" id="Qname"></a>
							<span class="authiconNew" title="" id="QauthFlag"></span>
						</div>
						<p class="h2Font ellipsisSty" id="Qindustry"></p>
						<p class="h2Font" id="QorgType"></p>
					</div>
				</div>
				<div class="conItem displayNone" id="resPerson">
					<div class="form-item otherBlock">
						<div class="aboutTit">负责人/联系人</div>
						<div class="form-result addexpertRe">
							<ul class="addexpert" id="expertli">
								
							</ul>
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</div>
</div>
<footer>
	<script type="text/javascript" src="js/footer.js"></script>
</footer>
<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/weixinshare/qrcode.min.js"></script>
<script type="text/javascript" src="js/jquery.page.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<script type="text/javascript" src="js/resourcePreview.js"></script>
<script type="text/javascript">
	//分享关注按钮
	//$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
	
	//微信分享
	var qrcode = new QRCode(document.getElementById("qrcode"), {
		width : 100,
		height : 100
	});
	function makeCode(){
		var hurl = window.location.host;
		var resourceId =  GetQueryString("resourceId");
		var elurl = "http://" + hurl + "/e/r.html?id=" + resourceId ; 
		qrcode.makeCode(elurl);
	}
	makeCode();
	
</script>
</body>
</html>