li 7 years ago
parent
commit
42eee6e14e
7 changed files with 1000 additions and 14 deletions
  1. 7 0
      css/genindex.css
  2. 434 0
      js/serviceIssue.js
  3. 14 13
      js/serviceList.js
  4. 203 0
      js/sevricePreview.js
  5. 1 1
      serviceList.html
  6. 169 0
      sevriceIssue.html
  7. 172 0
      sevricePreview.html

+ 7 - 0
css/genindex.css

@ -569,6 +569,13 @@ ul.tagList>li .h2Font{color:#666;font-size:14px;line-height:30px;}
569 569
.form-item .addexpertRe{margin:0 -30px;}
570 570
.form-item .addexpertRe ul.addexpert>li .madiaInfo{padding-right:42px;}
571 571
.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;}
572
.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;}
573
.form-item ul.addexpert>li .selectAdd{background-image: url(../../images/c-sign-on_button_xuanze_hig.png);}
574
.childElement{position: absolute;top: 50%;transform: translateY(-50%);left:10px;}
575
#expertli li:hover {background-color:#EEEEEE;}
576
.listy{position:relative;min-height:55px;color:#666;cursor:pointer;}
577
.seRe{height:100px;text-align:center;padding:25px 0;font-size:16px;line-height: 28px;color:#666;}
578
.seRe a{color:#3366ff;}
572 579
/*资源图片展示*/
573 580
.Imagebox{width:362px;}
574 581
.Imagebox .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}

+ 434 - 0
js/serviceIssue.js

@ -0,0 +1,434 @@
1
$(document).ready(function() {
2
	loginStatus(); //判断个人是否登录
3
	valUser();
4
	var sevriceId = GetQueryString("sevriceId"),
5
		flag = GetQueryString("flag");
6
	if(sevriceId) {
7
		$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
8
		getRecourceMe();
9
	}
10
	var userid = $.cookie("userid");
11
	var temp = [];
12
	var array = [];
13
	var ue = UE.getEditor('editor', {});
14

15
	function ajaxRequist(url, obj, type, fn) {
16
		$.ajax({
17
			url: url,
18
			data: obj,
19
			dataType: 'json', //服务器返回json格式数据
20
			type: type, //支持'GET'和'POST'
21
			traditional: true,
22
			success: function(data) {
23
				if(data.success) {
24
					fn(data)
25
				}
26
			},
27
			error: function(xhr, type, errorThrown) {
28
				$.MsgBox.Alert('提示', '服务器请求失败');
29
			}
30
		});
31
	}
32
	/*获取资源信息*/
33
	function getRecourceMe() {
34
		$.ajax({
35
			"url": "/ajax/ware/qo",
36
			"type": "GET",
37
			"success": function(data) {
38
				console.log(data);
39
				if(data.success) {
40
					$("#uploadDd").siblings().remove();
41
					$("#fileList").append("<dd></dd><dd></dd>");
42
					temp = [];
43
					resourceHtml(data.data);
44
				}
45
			},
46
			"data": {
47
				"id": sevriceId
48
			},
49
			dataType: "json",
50
			'error': function() {
51
				$.MsgBox.Alert('提示', '服务器连接超时!');
52
			}
53
		});
54
	}
55
	/*处理资源html代码*/
56
	function resourceHtml($da) {
57
		$("#resourceName").val($da.name); //名字
58
		if($da.cnt) { //厂商型号
59
			$("#modelNumber").val($da.cnt);
60
			autoGrow.call($("#modelNumber")[0])
61
		}
62
		if($da.cooperation) { //合作备注
63
			$("#remarkContent").val($da.cooperation);
64
		}
65
		if($da.keywords) {
66
			var oSub = $da.keywords.split(",");
67
			var oSt = "";
68
			for(var i = 0; i < oSub.length; i++) {
69
				oSt += '<li>' + oSub[i] + '<div class="closeThis"></div></li>'
70
			}
71
			$("#keyWordlist").html(oSt);
72
			if(oSub.length > 4) {
73
				$("#KeyWord").parent().addClass("displayNone");
74
			}
75
		} else {
76
			$("#keyWordlist").html("");
77
		}
78
		if($da.descp) { //编辑器
79
			ue.ready(function() {
80
				ue.setContent($da.descp);
81
			});
82

83
		}
84
		if($da.images) {
85
			var arr = [];
86
			var oImg = $da.images.split(",");
87
			for(var i = 0; i < oImg.length; i++) {
88
				var oString = '<dd>' +
89
					'<div class="imgItem">' +
90
					'<img src="' + "/data/ware" + oImg[i] + '"/>' +
91
					'</div>' +
92
					'<div class="file-panel">' +
93
					'<span class="cancel" flag=1></span>' +
94
					'</div>' +
95
					'</dd>'
96
				arr[i] = oString;
97
				temp[i] = oImg[i];
98
			}
99
			$("#fileList dd").eq(2).remove();
100
			if(oImg.length == 1) {
101
				$("#fileList").prepend(arr[0]);
102
			} else if(oImg.length == 2) {
103
				$("#fileList dd").eq(1).remove();
104
				$("#fileList").prepend(arr[1]);
105
				$("#fileList").prepend(arr[0]);
106
			} else if(oImg.length == 3) {
107
				$("#fileList dd").eq(1).remove();
108
				$("#fileList").prepend(arr[2]);
109
				$("#fileList").prepend(arr[1]);
110
				$("#fileList").prepend(arr[0]);
111
			}
112

113
		}
114
	}
115
	var uploader = WebUploader.create({
116
		auto: true,
117
		fileNumLimit: 3,
118
		swf: '../js/webuploader/Uploader.swf',
119
		server: '/ajax/ware/upload',
120
		fileSingleSizeLimit: 2 * 1024 * 1024,
121
		pick: {
122
			id: "#filePicker",
123
			multiple: false
124
		},
125
		accept: {
126
			title: 'Images',
127
			extensions: 'jpg,jpeg,png',
128
			mimeTypes: 'image/jpg,image/png,image/jpeg'
129
		}
130

131
	});
132

133
	// 当有文件添加进来的时候
134
	uploader.on('fileQueued', function(file) {
135
		var $len = $("#fileList").find("img").length;
136
		if($len == 0 || $len == 1) {
137
			var oRemove = $("#fileList").find("dd");
138
			oRemove.eq(oRemove.length - 1).remove();
139
		}
140
		var $li = $(
141
				'<dd>' +
142
				'<div class="imgItem" id="' + file.id + '">' +
143
				'<img />' +
144
				'</div>' +
145
				//'<div class="info">' + file.name + '</div>' +
146
				'</dd>'
147
			),
148
			$btns = $('<div class="file-panel">' +
149
				'<span class="cancel"></span>' +
150
				'</div>').appendTo($li),
151
			$img = $li.find('img');
152
		var $list = $("#fileList");
153
		if($len == 1) {
154
			$list.find("dd").eq(0).after($li)
155
		} else if($len == 2) {
156
			$list.find("dd").eq(1).after($li)
157
		} else {
158
			$list.prepend($li);
159
		}
160

161
		// 创建缩略图
162
		// 如果为非图片文件,可以不用调用此方法。
163
		// thumbnailWidth x thumbnailHeight 为 100 x 100
164
		uploader.makeThumb(file, function(error, src) {
165
			if(error) {
166
				$img.replaceWith('<span>不能预览</span>');
167
				return;
168
			}
169
			$img.attr('src', src);
170
		}, 1, 1);
171
	});
172
	uploader.onError = function(code) {
173
		$.MsgBox.Alert('提示', '请上传jpg、jpeg、png格式的图片,大小不超过2M')
174
	};
175
	uploader.on('uploadSuccess', function(file, data) {
176
		if(data.success) {
177
			temp.push(data.data[0].uri);
178
		} else {
179
			$.MsgBox.Alert('提示', '只支持jpeg/jpg/png格式的图片');
180
		}
181
	});
182
	/*删除图片*/
183
	$("#fileList").on("click", ".cancel", function() {
184
		var flag = $(this).attr("flag");
185
		var oNum = $(this).parents("dd").index();
186
		temp.splice(oNum, 1);
187
		$(this).parent().parent().remove();
188
		var $len = $("#fileList").find("img").length;
189
		if($len != 2) {
190
			$("#fileList").append("<dd></dd>")
191
		}
192
	});
193
	/*服务名称*/
194
	$("#resourceName").bind({
195
		focus: function() {
196
			$("#resourceNamePrompt").show();
197
		},
198
		blur: function() {
199
			$("#resourceNamePrompt").hide();
200
		},
201
		keyup: function() {
202
			if($(this).val().length > 30) {
203
				$(this).val($(this).val().substr(0, 30));
204
			}
205
		}
206
	})
207
	hotKey(".oinput");
208
	//校验关键字
209
	$("#KeyWord").on({
210
		focus: function() {
211
			$("#keyPrompt").text("最多可添加5个关键词,每个关键词15字以内");
212
		},
213
		blur: function() {
214
			$("#keyPrompt").text("");
215
		}
216
	})
217
	$("#keyWordlist").on("click", ".closeThis", function() {
218
		$(this).parent().remove();
219
		var liNum = $("#keyWordlist").find("li").length;
220
		if(liNum < 5) {
221
			$("#keyWordlist").parents(".keyResult").siblings("div.col-w-12").show();
222
		}
223
	})
224

225
	/*厂商型号*/
226
	$("#modelNumber").bind({
227
		focus: function() {
228
			$("#model").show();
229
		},
230
		blur: function() {
231
			$("#model").hide();
232
		},
233
		keyup: function() {
234
			if($(this).val().length > 250) {
235
				$(this).val($(this).val().substr(0, 250));
236
			}
237
		},
238
		input: function() {
239
			autoGrow.call(this);
240
		}
241
	});
242

243
	function autoGrow() {
244
		document.getElementById("tt").style.width = this.scrollWidth + "px";
245
		document.getElementById("tt").value = this.value;
246
		this.style.height = document.getElementById("tt").scrollHeight + "px";
247
	}
248
	$("#remarkContent").bind({
249
		focus: function() {
250
			$("#remark").show();
251
		},
252
		blur: function() {
253
			$("#remark").hide();
254
		}
255
	});
256
	/*合作备注*/
257
	limitObj("#remarkContent", 1000)
258
	/*发布*/
259
	$(".goFabu").click(function() {
260
		var oYes = term();
261
		if(oYes == 0) {
262
			return;
263
		}
264
		$.MsgBox.Confirm("提示", "确认发布该服务?", ajsPost);
265
	})
266
	/*预览*/
267
	$("#oPreview").click(function() {
268
		var oYes = term();
269
		if(oYes == 0) {
270
			return;
271
		}
272
		if(sevriceId) {
273
			ajsPost("/ajax/ware/draft/update", 1);
274
		} else {
275
			ajsPost("/ajax/ware/draft", 1);
276
		}
277
	})
278
	/*存草稿*/
279
	$("#oDraft").click(function() {
280
		var oYes = term();
281
		if(oYes == 0) {
282
			return;
283
		}
284
		if(sevriceId) {
285
			ajsPost("/ajax/ware/draft/update", 2);
286
		} else {
287
			ajsPost("/ajax/ware/draft", 2);
288
		}
289
	})
290
	/*删除*/
291
	$("#operateBlocko").on("click", ".deleteResource", function() {
292
		$.MsgBox.Confirm("提示", "确认删除该服务?", deleResource);
293
	})
294
	/*删除函数*/
295
	function deleResource() {
296
		$.ajax({
297
			"url": "/ajax/ware/delete",
298
			"type": "POST",
299
			"success": function(data) {
300
				if(data.success) {
301
					location.href = "sevriceList.html"
302
				}
303
			},
304
			"data": {
305
				"id": sevriceId
306
			},
307
			"beforeSend": function() { /*console.log(this.data)*/ },
308
			"contentType": "application/x-www-form-urlencoded",
309
			dataType: "json"
310
		});
311
	}
312
	/*条件是否匹配*/
313
	function term() {
314
		var reName = $.trim($("#resourceName").val());
315
		if(reName == "") {
316
			$.MsgBox.Alert('提示', '请输入服务名称。');
317
			return 0;
318
		}
319
	}
320

321
	function relaResource() {
322
		var arr1 = $("#expertli").find(".selectAdd"),
323
			arr2 = [];
324
		for(var i = 0; i < arr1.length; i++) {
325
			arr2.push(arr1.eq(i).parents("li").attr("data-id"));
326
		}
327
		return arr2;
328
	}
329

330
	function keyW() {
331
		var industrys = $("#keyWordlist li");
332
		var industryAll = "";
333
		if(industrys.size() > 0) {
334
			for(var i = 0; i < industrys.size(); i++) {
335
				industryAll += industrys[i].innerText.trim();
336
				industryAll += ',';
337
			};
338
			industryAll = industryAll.substring(0, industryAll.length - 1);
339
		}
340
		return industryAll;
341
	}
342
	/*发布函数*/
343
	function ajsPost(pa1, pa2) {
344
		var oUrl;
345
		if(flag) {
346
			oUrl = "/ajax/ware/publish/update";
347
		} else {
348
			oUrl = "/ajax/ware/publish";
349
		}
350

351
		if(pa1) {
352
			oUrl = pa1
353
		}
354
		var $data = {
355
			owner: userid,
356
			name: $("#resourceName").val(),
357
			cooperation: $("#remarkContent").val(),
358
			keywords: keyW(),
359
			cnt: $("#modelNumber").val(),
360
			descp: ue.getContent(),
361
			images: temp.join(","),
362
			resource: relaResource()
363
		};
364
		if(sevriceId) {
365
			$data.id = sevriceId;
366
		}
367
		ajaxRequist(oUrl, $data, "POST", function(data) {
368
			if(data.success) {
369
				if(pa2 == 1) {
370
					if(!sevriceId)
371
						sevriceId = data.data;
372
					$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
373
					window.open("sevricePreview.html?sevriceId=" + data.data);
374
					getRecourceMe();
375
					//弹出预览
376
				} else if(pa2 == 2) {
377
					$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
378
					if(!sevriceId)
379
						sevriceId = data.data;
380
					$.MsgBox.Alert('提示', '服务已保存草稿。');
381
					$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
382
					getRecourceMe();
383
				} else {
384
					$.MsgBox.Alert('提示', '服务发布成功!');
385
					$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
386
					location.href = "sevriceList.html"
387
				}
388

389
			} else {
390
				if(data.code == 90) {
391
					$.MsgBox.Alert('提示', '由于操作时间过久,上传图片已失效,请重新上传。');
392
				}
393
			}
394
		})
395

396
	}
397
	$("#expertli").on("click", "li", function() {
398
		$(this).find(".selectNull").toggleClass("selectAdd");
399
	});
400
	ajaxRequist("/ajax/resource/qaProPublish", {
401
		"professorId": userid
402
	}, "get", function(data) {
403
		var data = data.data,
404
			oArr = [];
405
		if(data.length == 0) {
406
			$("#expertli").addClass("displayNone").siblings(".seRe").removeClass('displayNone');
407
		} else {
408
			for(var i = 0; i < data.length; i++) {
409
				oArr.push(data[i].resourceId);
410
				var str = '<li class="listy" data-id="' + data[i].resourceId + '">' +
411
					'<p class="col-w-9 h2font ellipsisSty-2 col childElement">' + data[i].resourceName + '</p>' +
412
					'<div class="selectNull"></div></li>'
413
				$("#expertli").append(str);
414
			}
415

416
			if(sevriceId)
417
				ajaxRequist("/ajax/ware/res", {
418
					"id": sevriceId
419
				}, "get", function(data) {
420
					var $data = data.data;
421
					outomost:
422
						for(var i = 0; i < $data.length; i++) {
423
							for(var j = 0; j < oArr.length; j++) {
424
								if($data[i].resource === oArr[j]) {
425
									$("#expertli").find(".selectNull").eq(j).addClass("selectAdd");
426
									continue outomost;
427
								}
428
							}
429
						}
430
				})
431
		}
432
	})
433

434
})

+ 14 - 13
js/serviceList.js

@ -9,14 +9,14 @@ $(document).ready(function(){
9 9
	function getRecourceMe(n,isbind,num) {
10 10
		var resourceNameVa=$("#resouceName").val();
11 11
		var $info={};
12
		$info.professorId=userid;
12
		$info.pid=userid;
13 13
		$info.pageSize=10;
14 14
		if(resourceNameVa !="") {
15 15
			$info.key=resourceNameVa;
16 16
		}
17 17
		$info.pageNo=n;
18 18
		$.ajax({
19
			"url": "/ajax/resource/pqSelf",
19
			"url": "/ajax/ware/pq/search",
20 20
			"type": "GET",
21 21
			"success": function(data) {
22 22
				console.log(data)
@ -25,7 +25,7 @@ $(document).ready(function(){
25 25
					if(num==1) {
26 26
						if(data.data.data.length==0) {
27 27
							$("#noresource").removeClass("displayNone");
28
							$(".noContip").text("您还未发布任何资源");
28
							$(".noContip").text("您还未发布任何服务");
29 29
							return;
30 30
						}else{
31 31
							$("#noresource").addClass("displayNone");
@ -63,14 +63,13 @@ $(document).ready(function(){
63 63
	 	for(var i=0;i<$data.length;i++) {
64 64
	 		var imgSrc="../images/default-service.jpg";
65 65
	 		var oTime,pageview="",draftLable="",oHtml,oLi='';
66
	 		if($data[i].images.length) {
67
	 			imgSrc="/data/resource/"+$data[i].images[0].imageSrc
66
	 		if($data[i].images.split(",").length) {
67
	 			imgSrc="/data/ware"+$data[i].images.split(",")[0]
68 68
	 		}
69
	 		console.log($data[i].status)
70 69
	 		if($data[i].status==0) {
71 70
	 			oTime="修改于 "+TimeTr($data[i].modifyTime);
72 71
	 			draftLable='<span class="draftLable">草稿</span>';
73
	 			oHtml="resourceIssue.html";
72
	 			oHtml="sevriceIssue.html";
74 73
	 			oLi="class='draftList'"
75 74
	 		}else{
76 75
	 			oTime="发布于 "+TimeTr($data[i].publishTime);
@ -78,26 +77,28 @@ $(document).ready(function(){
78 77
	 			oHtml="resourceShow.html"
79 78
	 		}
80 79
	 	var oStr='<li '+oLi+'>'+
81
				'<a href="'+oHtml+'?resourceId='+$data[i].resourceId+'" target="_blank">'+
80
				'<a href="'+oHtml+'?resourceId='+$data[i].id+'" target="_blank">'+
82 81
					'<div class="madiaHead resouseHead" style="background-image: url('+imgSrc+');"></div>'	+						
83 82
						'<div class="madiaInfo">'+					
84
							'<p class="h1Font ellipsisSty">'+$data[i].resourceName+'</p>'+						
83
							'<p class="h1Font ellipsisSty">'+$data[i].name+'</p>'+						
85 84
							'<ul class="showliTop h2Font clearfix">'+
86 85
								'<li><span>'+oTime+'</span></li>'+pageview+
87 86
							'</ul>'+draftLable+	
88 87
						'</div>'+
89 88
				'</a>'+
90 89
				'<ul class="madiaEdit">'+
91
					'<li><span class="deteleThis2" data-id="'+$data[i].resourceId+'"></span></li>'+
92
					'<li><span class="editThis" data-id="'+$data[i].resourceId+'"></span></li>'+
90
					'<li><span class="deteleThis2" data-id="'+$data[i].id+'"></span></li>'+
91
					'<li><span class="editThis" data-id="'+$data[i].id+'"></span></li>'+
93 92
				'</ul>'+
94 93
			'</li>'	
94
			var $oStr=$(oStr);
95 95
			$("#resourceList").append(oStr);
96
			$oStr.find(".editThis").attr("data-state",$data[i].state);
96 97
	 	}
97 98
	 }
98 99
	/*点击修改跳转修改页面*/
99 100
	$("#resourceList").on("click",".editThis",function(){
100
		location.href="resourceIssue.html?resourceId="+$(this).attr("data-id")
101
		location.href="sevriceIssue.html?sevriceId="+$(this).attr("data-id")+"&flag="+$(this).attr("data-state");
101 102
	})
102 103
	/*点击删除跳转修改页面*/
103 104
	$("#resourceList").on("click",".deteleThis2",function(){
@ -114,7 +115,7 @@ $(document).ready(function(){
114 115
							getRecourceMe(1,false);
115 116
						}
116 117
					},
117
					"data": {"resourceId":resourceId},
118
					"data": {"id":resourceId},
118 119
					"beforeSend": function() {  },
119 120
					"contentType": "application/x-www-form-urlencoded",
120 121
					dataType: "json"

+ 203 - 0
js/sevricePreview.js

@ -0,0 +1,203 @@
1
$(document).ready(function() {
2
	loginStatus(); //判断个人是否登录
3
	valUser();
4
	var userid = $.cookie("userid");
5
	$(".jqzoom").imagezoom();
6
	$("#thumblist").on("click", "li a", function() {
7
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
8
		$(".jqzoom").attr('src', $(this).find("img").attr("src"));
9
		$(".jqzoom").attr('rel', $(this).find("img").attr("src"));
10
	});
11
	$('.shareWeixin').hover(function() {
12
		$('.shareCode').stop(true, false).fadeToggle();
13
	});
14
	var resourceId = GetQueryString("resourceId");
15
	var professorId = "";
16
	getRecourceMe();
17
	/*获取资源信息*/
18
	function getRecourceMe() {
19
		$.ajax({
20
			"url": "/ajax/resource/queryOne",
21
			"type": "GET",
22
			"success": function(data) {
23
				console.log(data);
24
				if(data.success) {
25
					resourceHtml(data.data);
26
					var resourceName = data.data.resourceName + "-科袖网";
27
					window.setTimeout(function() {
28
						document.title = resourceName;
29
					}, 500);
30
				}
31
			},
32
			"data": {
33
				"resourceId": resourceId
34
			},
35
			dataType: "json",
36
			'error': function() {
37
				$.MsgBox.Alert('提示', '服务器连接超时!');
38
			}
39
		});
40
	}
41
	/*合作备注及性能参数存储换行格式*/
42
	function outHTML(selecter) {
43
		var getValue = selecter;
44
		var aa = "";
45
		if(getValue) {
46
			var endValue = ((getValue.replace(/<(.+?)>/gi, "&lt;$1&gt;")).replace(/ /gi, "&nbsp;")).replace(/\n/gi, "|");
47
			var cc = endValue.split("|");
48
			for(var i = 0; i < cc.length; i++) {
49
				aa += cc[i] + '<br/>'
50
			}
51
		}
52
		return aa;
53
	}
54
	/*处理资源html代码*/
55
	function resourceHtml($da) {
56
		$("#resourceName").text($da.resourceName); //名字
57
		$("#application").text($da.supportedServices); //应用用途
58
		if($da.editProfessor) {
59
			$("#person").show();
60
			if($da.orgName) { //所属机构
61
				$("#organizationName").text($da.orgName).parents("li").show();
62
			}
63
			$("#nameS").text($da.editProfessor.name); //"office": "", //职位 "title": "", //职称
64
			if($da.editProfessor.title) {
65
				$("#titleOffice").text($da.editProfessor.title);
66
			} else {
67
				if($da.editProfessor.office) {
68
					$("#titleOffice").text($da.editProfessor.office);
69
				}
70
			}
71
			if($da.editProfessor.orgName) {
72
				$("#orgType").text($da.editProfessor.orgName);
73
			}
74
			professorId = $da.editProfessor.id;
75
			var professorFlag = autho($da.editProfessor.authType, $da.editProfessor.orgAuth, $da.editProfessor.authStatus);
76
			$("#authFlag").addClass(professorFlag.sty).attr("title", professorFlag.title);
77
			if($da.editProfessor.hasHeadImage == 1) {
78
				$("#headImg").css("background-image", 'url(/images/head/' + $da.editProfessor.id + '_l.jpg)');
79
			}
80
		}else {
81
			$("#enterprise,#resPerson").show();
82
			if($da.organization.hasOrgLogo) {
83
				$("#companyImg").attr("src", "/images/org/" + $da.organization.id + ".jpg");
84
			}else{
85
				$("#companyImg").attr("src", "/images/default-icon.jpg");
86
			}
87
			if($da.organization.authStatus==3){
88
				$("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");	
89
			}
90
			$("#Qname").text($da.organization.name);
91
			$("#Qindustry").text($da.organization.subject);
92
			$("#QorgType").text(orgTypeShow[$da.organization.orgType])
93
		}
94
		if($da.spec) { //厂商型号
95
			$("#modelNumber").text($da.spec).parents("li").show();
96
		}
97
		if($da.parameter) { //性能参数
98
			$("#performancePa").html(outHTML($da.parameter)).parents("li").show();
99
		}
100
		if($da.cooperationNotes) { //合作备注
101
			$("#remarkContent").html(outHTML($da.cooperationNotes)).parents("li").show();
102
		}
103
		if($da.subject) {
104
			var oSub = $da.subject.split(",");
105
			var oSt = "";
106
			for(var i = 0; i < oSub.length; i++) {
107
				oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
108
			}
109
			$(".tagList").html(oSt);
110
		}
111
		if($da.descp) { //编辑器
112
			$("#descp").html($da.descp).parents("li").show();
113
		}
114
		//return;
115
		if($da.images.length) {
116
			$("#firstFigure").attr({
117
				"src": "/data/resource/" + $da.images[0].imageSrc,
118
				"rel": "/data/resource/" + $da.images[0].imageSrc
119
			}).parent().attr("href", "/data/resource/" + $da.images[0].imageSrc);
120
			var arr = "";
121
			for(var i = 0; i < $da.images.length; i++) {
122
				if($da.images[i] == $da.images[0]) {
123
					var oString = '<li class="tb-selected">' +
124
						'<div class="tb-pic tb-s66">' +
125
						'<a href="javascript:void(0);">' +
126
						'<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
127
						'</a>' +
128
						'</div>' +
129
						'</li>'
130
				} else {
131
					var oString = '<li >' +
132
						'<div class="tb-pic tb-s66">' +
133
						'<a href="javascript:void(0);">' +
134
						'<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
135
						'</a>' +
136
						'</div>' +
137
						'</li>'
138
				}
139

140
				arr += oString;
141
			}
142
			$("#thumblist").html(arr);
143
		}
144

145
	}
146
	
147

148
	selUse();
149
	function selUse() {
150
		$.ajax({
151
			url: "/ajax/resource/qaLinkman",
152
			type: "GET",
153
			timeout: 10000,
154
			dataType: "json",
155
			async:true,
156
			data: {
157
				"resourceId": resourceId,
158
			},
159
			success: function(data, textState) {
160
				console.log(data)
161
				if(data.success) {
162
					unauthUser(data.data);
163
				}
164
			},
165
			error: function(XMLHttpRequest, textStats, errorThrown) {
166
				$.MsgBox.Alert('提示', '服务器请求失败')
167
			}
168
		})
169
	}
170
	function unauthUser($res) {
171
	var osting=""
172
	for(var i = 0; i < $res.length; i++) {
173
		var img;
174
		var styC="";
175
		var oClass = autho($res[i].professor.authType, $res[i].professor.orgAuth, $res[i].professor.authStatus);
176
		var oTitle="";
177
		if($res[i].professor.title) {
178
			oTitle=$res[i].professor.title;
179
		}else{
180
			if($res[i].professor.office) {
181
				oTitle=$res[i].professor.office;
182
			}
183
		}
184
		if($res[i].professor.hasHeadImage) {
185
				img = "/images/head/" + $res[i].professor.id + "_l.jpg";
186
			} else {
187
				img = "../images/default-photo.jpg"
188
			}
189
		var oSt = '<li>'
190
		oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url('+img+');"></div>'
191
		oSt += '<div class = "madiaInfo">'
192
		oSt += '<p class = "ellipsisSty">'
193
		oSt += '<span class = "h1Font" id="name">'+$res[i].professor.name+'</span><em class="authicon '+oClass.sty+'" title="'+oClass.title+'"></em >'
194
		oSt += '</p>'
195
		oSt += '<p class="h2Font ellipsisSty">'+oTitle+'</p>'
196
		oSt += '</div>'
197
		oSt += '<div class="'+styC+'" flag=1></div>'
198
		oSt += '</li>'
199
		osting+=oSt;
200
	}
201
	$("#expertli").html(osting);
202
}
203
})

+ 1 - 1
serviceList.html

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

+ 169 - 0
sevriceIssue.html

@ -0,0 +1,169 @@
1
 <!DOCTYPE html>
2
<html>
3
<head>
4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7
<title>资源发布-科袖网</title>
8
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9
<link href="css/bootstrap.min.css" rel="stylesheet">
10
<link type="text/css" href="css/common.css" rel="stylesheet">
11
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12
<link rel="stylesheet" type="text/css" href="./css/webuploader/webuploader.css">
13
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
14
</head>
15

16
<body>
17
<header id="header">
18
	<script src="js/header.js"></script>
19
</header>
20
<div id="container">
21
	<div class="containerCon">
22
		<div class="contentCon clearfix conBlock">
23
			<div class="leftconBox floatL">
24
				<ul class="artAbout">
25
					<li>
26
						<dl class="clearfix" id="fileList">
27
							<dd class="uploadD" id="uploadDd">
28
								<div class="uploadFile">
29
			        				<div class="uploadblock">
30
			        					<span class="" id="filePicker">上传图片</span>
31
			        					<!--未上传图片时-->
32
			        					<div class="upFront" id="uploader">
33
				        					<p>服务图片<em class="requiredcon"></em></p>
34
				        					<p class="uploadtip">JPG/JPEG/PNG格式,<br/>2M以内</p>
35
				            				<span class="upbtn" style="margin-top:8px">上传图片</span>
36
			        					</div>
37
				            		</div>
38
			        			</div>
39
							</dd>
40
							<dd></dd>
41
							<dd></dd>
42
						</dl>
43
					</li>
44
					<li>
45
						<div class="aboutTit">服务名称<em class="requiredcon">*</em><span class="frmconmsg" id="resourceNamePrompt" style="display:none;">30字以内</span></div>
46
						<input type="text" class="frmtype frmcontype" id="resourceName" value="" placeholder="请填写服务名称" />
47
					</li>
48
					<li class="form-item">
49
						<div class="aboutTit">关键词<span class="frmconmsg" id="keyPrompt"></span></div>
50
						<div class="col-w-12" style="position: relative;">
51
							<input type="text" class="frmcontype oinput" placeholder="请填写相关的关键词,如:腐蚀防护、石墨烯、纳米材料" data-pro="关键词不得超过15个字"  data-num="5" data-fontSizeN="15" id="KeyWord" />
52
							<button type="button" class="frmcontype btnModel frmaddG addButton">添加</button>
53
							<div class="form-drop keydrop">
54
								<ul>
55
									
56
								</ul>
57
							</div>
58
						</div>
59
						<div class="form-result keyResult" style="margin-top: -10px;">
60
							<ul class="ulspace editUlist clearfix" id="keyWordlist">
61
								<!--<li>dd<div class="closeThis"></div></li>-->
62
							</ul>
63
						</div>
64
					</li>
65
					<li class="jj">
66
						<div class="aboutTit">服务内容<span class="frmconmsg" id="model" style="display:none;">250字以内</span></div>
67
						<textarea class="frmtype frmcontype" placeholder="请输入服务内容" id="modelNumber" style="resize:none;min-height: 40px;height:40px;overflow: hidden;"></textarea>
68
						<textarea class="frmtype frmcontype" placeholder="请输入服务内容" id="tt" style="position:absolute;top:0;left:-99999px;overflow: hidden;min-height: 40px;height:40px;"></textarea>
69
						<!--<input type="text" class="frmtype frmcontype" id="modelNumber" value="" placeholder="请输入服务内容" />-->
70
					
71
					</li>
72
					<li>
73
						<div class="aboutTit">合作备注<span class="frmconmsg" id="remark" style="display:none;">1000字以内</span></div>
74
						<div class="msgContbox">
75
				    		<textarea class="msgCont" placeholder="请输入合作备注" id="remarkContent"></textarea>
76
				    		<span class="msgconNum"><em>0</em>/1000</span>
77
				    	</div>
78
					</li>
79
					<li>
80
						<div class="aboutTit">详细介绍<span class="frmconmsg"></span></div>
81
						<!--这块还是使用编辑框插件-->
82
						<div class="editBlock">
83
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
84
						</div>
85
					</li>
86
				</ul>
87
			</div>
88
			<div class="rightconBox floatR">
89
				<div class="conItem conItemFirst">
90
					<ul class="operateBlock" id="operateBlocko">
91
						<li class="goFabu">
92
							<em class="operateicon icon-issue"></em>
93
							<p>发布</p>
94
						</li>
95
						<li class="articalPreview" id="oPreview">
96
							<em class="operateicon icon-preview"></em>
97
							<p>预览</p>
98
						</li>
99
						<li id="oDraft">
100
							<em class="operateicon icon-draft"></em>
101
							<p>存草稿</p>
102
						</li>
103
						<li class="disableLi" id="deleteResource"><!--只要预览、存草稿、发布之后移除disableLi类-->
104
							<em class="operateicon icon-delete"></em>
105
							<p>删除</p>
106
						</li>
107
						
108
					</ul>
109
				</div>
110
				<div class="conItem">
111
					<div class="form-item otherBlock">
112
						<div class="aboutTit" style="font-size:16px;">本服务的相关资源</div>
113
						<ul class="addexpert " id="expertli">
114
							<!--<li class="listy">
115
								<p class="col-w-9 h2font ellipsisSty-2 col childElement">
116
									数显布氏硬度计
117
								</p>
118
								<div class="selectNull selectAdd"></div>
119
							</li>
120
							<li class="listy">
121
								<p class="col-w-9 h2font ellipsisSty-2 col childElement">
122
									透射电镜、扫描电镜等制样设备(Leica TXP+ RES102)
123
								</p>
124
								<div class="selectNull selectAdd"></div>
125
							</li>-->
126
						</ul>
127
						<div class="seRe displayNone"><p>您还没有发布任何资源</p>
128
							<p><a href="resourceIssue.html">点击这里立即发布</a></p>
129
						</div>
130
					</div>
131
					
132
				</div>
133
			</div>
134
		</div>
135
	</div>
136
</div>
137
<div class="footer_tools">
138
  <a id="scrollUp" href="javascript:;" title="返回顶部"></a>
139
</div>
140
<footer>
141
	<script type="text/javascript" src="js/footer.js"></script>
142
</footer>
143
<script type="text/javascript" src="js/jquery.cookie.js"></script>
144
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
145
<script type="text/javascript" src="js/jquery.page.js"></script>
146
<script type="text/javascript" src="js/ueditor/ueditor.config.js"></script>
147
<script type="text/javascript" src="js/ueditor/ueditor.all.js"></script>
148
<script type="text/javascript" src="./js/webuploader/webuploader.js"></script>
149
<script type="text/javascript" src="js/common.js"></script>
150
<script type="text/javascript" src="js/serviceIssue.js"></script>
151
<script type="text/javascript">
152
	//回到顶部
153
	var $body = $(document.body);;
154
	var $bottomTools = $('.footer_tools');
155
	$(window).scroll(function () {
156
		var scrollHeight = $(document).height();
157
		var scrollTop = $(window).scrollTop();
158
		var $footerHeight = $('footer').outerHeight(true);
159
		var $windowHeight = $(window).innerHeight();
160
		scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);			
161
		$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
162
	});
163
	$('#scrollUp').click(function (e) {
164
		e.preventDefault();
165
		$('html,body').animate({ scrollTop:0});
166
	});
167
</script>
168
</body>
169
</html>

+ 172 - 0
sevricePreview.html

@ -0,0 +1,172 @@
1
 <!DOCTYPE html>
2
<html>
3
<head>
4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7
<title>浏览资源-科袖网</title>
8
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9
<link href="css/bootstrap.min.css" rel="stylesheet">
10
<link type="text/css" href="css/common.css" rel="stylesheet">
11
<link type="text/css" href="css/popup.css" rel="stylesheet">
12
<link type="text/css" href="css/genindex.css" rel="stylesheet">
13
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
14
<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
15
</head>
16

17
<body>
18
<header id="header">
19
	<script src="js/header.js"></script>
20
</header>
21
<div id="container">
22
	<div class="containerCon">
23
		<div class="contentCon clearfix conBlock">
24
			<div class="leftconBox floatL leftconBox2">
25
				<div class="showDetail">
26
					<!--资源基本信息-->
27
					<div class="showReBasic clearfix">
28
						<div class="Imagebox floatL">
29
		                    <div class="tb-booth tb-pic tb-s360">
30
		                        <a href="" target="_blank">
31
		                            <img src="" alt="美女" rel="" class="jqzoom" id="firstFigure"/>
32
		                        </a>
33
		                    </div>
34
		                    <ul class="tb-thumb" id="thumblist">
35
		                       
36
		                    </ul>
37
		                </div>
38
		                <div class="reInfoBlock floatL">
39
		                	<div class="h1Font" id="resourceName"></div>
40
		                	<div class="h2Font">应用用途:<span id="application"></span></div>
41
		                	<div class="operateBlock resShareUl" style="display:none">
42
		                		<ul>
43
		                			<li id="attention"><span>收藏</span> <em class="operateicon operateicon2 icon-collect"></em></li>
44
									<li>
45
										<span>分享到</span>
46
										<em class="operateicon operateicon2 icon-sina"></em>
47
										<em class="operateicon operateicon2 icon-wechat shareWeixin">
48
											<div class="shareCode clearfix">
49
												<div class="floatL" id="qrcode"></div>
50
												<div class="shareWord floatR">
51
													<p>打开微信“扫一扫”,<br/>打开网页后点击屏幕右上角“分享”按钮</p>
52
												</div>
53
											</div>
54
										</em>
55
									</li>
56
		                		</ul>
57
		                	</div>
58
		                </div>
59
	                </div>
60
	                <div class="showReOther">
61
						<!--资源详情区-->
62
						<div class="showMain showMain2">
63
							<ul>
64
								<li class="displayNone" id="orgName">
65
									<div class="showTit">所属机构:</div>
66
									<div class="showCon" id="organizationName">
67
									</div>
68
								</li>
69
								<li>
70
									<div class="showTit">厂商型号:</div>
71
									<div class="showCon" id="modelNumber">
72
									</div>
73
								</li>
74
								<li>
75
									<div class="showTit">性能参数:</div>
76
									<div class="showCon" id="performancePa">
77
									</div>
78
								</li>
79
								<li>
80
									<div class="showTit">合作备注:</div>
81
									<div class="showCon" id="remarkContent">
82
									</div>
83
								</li>
84
								<li id="articleContent">
85
									<div class="showTit">详细介绍:</div>
86
									<div class="showCon" id="descp">
87
									</div>
88
								</li>
89
							</ul>
90
						</div>
91
						<!--标签模块-->
92
						<ul class="tagList">
93
							
94
						</ul>
95
					</div>
96
				</div>
97
			</div>
98
			<div class="rightconBox floatR">
99
				<div class="conItem conItemG alignCenter displayNone" id="person">
100
					<div class="madiaHead useHead" id="headImg" style="cursor:pointer"></div>
101
					<div class="proInfo">
102
						<div class="h3Font clearfix">
103
							<span class="h1Font" id="nameS" style="cursor:pointer"></span>
104
							<span class="authiconNew" title="" id="authFlag"></span>
105
						</div>
106
						<p class="h2Font" id="titleOffice"></p>
107
						<p class="h2Font" id="orgType"></p>
108
					</div>
109
				</div>
110
				<div class="conItem conItemG alignCenter displayNone" id="enterprise">
111
					<a class="qiyego">
112
						<div class="madiaHead cmpHead" id="Qimg">
113
							<div class="boxBlock">
114
								<img class="boxBlockimg" src="" id="companyImg">
115
							</div>
116
						</div>
117
					</a>
118
					<div class="proInfo alignCenter">
119
						<div class="h3Font clearfix">
120
							<a class="h1Font qiyego" id="Qname"></a>
121
							<span class="authiconNew" title="" id="QauthFlag"></span>
122
						</div>
123
						<p class="h2Font ellipsisSty" id="Qindustry"></p>
124
						<p class="h2Font" id="QorgType"></p>
125
					</div>
126
				</div>
127
				<div class="conItem displayNone" id="resPerson">
128
					<div class="form-item otherBlock">
129
						<div class="aboutTit">负责人/联系人</div>
130
						<div class="form-result addexpertRe">
131
							<ul class="addexpert" id="expertli">
132
								
133
							</ul>
134
						</div>
135
					</div>
136
					
137
				</div>
138
			</div>
139
		</div>
140
	</div>
141
</div>
142
<footer>
143
	<script type="text/javascript" src="js/footer.js"></script>
144
</footer>
145
<script type="text/javascript" src="js/jquery.cookie.js"></script>
146
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
147
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
148
<script type="text/javascript" src="js/jquery.page.js"></script>
149
<script type="text/javascript" src="js/common.js"></script>
150
<script type="text/javascript" src="js/popup.js"></script>
151
<script type="text/javascript" src="js/resourcePreview.js"></script>
152
<script type="text/javascript">
153

154
	//分享关注按钮
155
	//$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
156
	
157
	//微信分享
158
	var qrcode = new QRCode(document.getElementById("qrcode"), {
159
		width : 100,
160
		height : 100
161
	});
162
	function makeCode(){
163
		var hurl = window.location.host;
164
		var resourceId =  GetQueryString("resourceId");
165
		var elurl = "http://" + hurl + "/e/r.html?id=" + resourceId ; 
166
		qrcode.makeCode(elurl);
167
	}
168
	makeCode();
169
	
170
</script>
171
</body>
172
</html>