瀏覽代碼

产品及需求修改

LIPENGTAO1313 6 年之前
父節點
當前提交
79ef738b8a

+ 28 - 1
cmp-portal/cmp-needList.html

@ -7,13 +7,25 @@
7 7
<title>需求-企业工作台-科袖网</title>
8 8
<link rel="shortcut icon" href="images/favicon.ico "/>
9 9
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
10
<link type="text/css" rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
11
<link type="text/css" rel="stylesheet" href="css/glyIcon.css">
10 12
<link type="text/css" href="../css/genindex.css" rel="stylesheet">
11 13
<link type="text/css" rel="stylesheet" href="css/common.css">
12 14
<link type="text/css" rel="stylesheet" href="css/cmpindex.css">
13 15
<script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
14 16
</head>
15 17
<body>
16

18
<div class="blackcover2" style="display: none;"></div>
19
<div class="setTimeBlock modelContain">
20
	<span class="mb_tit">提示</span>
21
	<a class="mb_close"></a>
22
	<div class="mb_msg" id="promotTh">
23
		<input type="hidden" id="oldName" />
24
	</div>
25
	<div class="mb_btnbox" id="promotGt">
26
		<input class="mb_btn mb_btnNo" type="button" value="取消">
27
	</div>
28
</div>
17 29
<!--头部-->
18 30
<header>
19 31
	<script type="text/javascript" src="js/public/cmpHeader.js"></script>
@ -35,6 +47,11 @@
35 47
						   <a href="cmp-setAuth.html?auth=1"><button type="button" class="frmtype btnModel headRadius identBtn" id="identBtn">马上认证</button></a>
36 48
						</div>
37 49
					</div>
50
					<div class="topOperaBlock clearfix"style="margin-bottom:20px;">
51
						<div class="issueSpanBlock col-w-4 floatR">
52
							<a class="issueSpan">发布需求</a>
53
						</div>
54
					</div>
38 55
					<div class="form-item itemListCon" id="companyDemandList" style="display:none;">
39 56
						<div class="form-result aboutRes" style="border:none;margin-top:0;">
40 57
							<ul class="form-need" id="cmpneedList">
@ -64,8 +81,18 @@
64 81
<script type="text/javascript"src="js/public/jquery.cookie.js"></script>
65 82
<script type="text/javascript"src="../js/jquery.page.js"></script>
66 83
<script type="text/javascript"src="js/public/jquery.similar.msgbox.js"></script>
84
<script type="text/javascript" src="js/public/bootstrap.min.js"></script>
85
<script type="text/javascript" src="js/public/bootstrap-datetimepicker.js"></script>
67 86
<script type="text/javascript" src="../js/public/baseUtil.js"></script> 
68 87
<script type="text/javascript" src="js/public/cmpCom.js"></script>   
69 88
<script type="text/javascript" src="js/cmp-needList.js"></script>
89
<script type="text/javascript">
90
//Model模态框打开关闭
91
$(".mb_close,.mb_btnNo").click(function() {
92
	$(".modelContain").hide();
93
	$(".blackcover2").fadeOut();
94
	$("body").removeClass("modelOpen");
95
})
96
</script>
70 97
</body>
71 98
</html>

+ 172 - 0
cmp-portal/cmp-procuctIssue.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" href="images/favicon.ico "/>
9
<link href="../css/bootstrap.min.css" rel="stylesheet">
10
<link type="text/css" href="../css/webuploader/webuploader.css" rel="stylesheet">
11
<link type="text/css" href="css/common.css" rel="stylesheet">
12
<link type="text/css" href="css/cmpindex.css" rel="stylesheet">
13
<script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
14

15
</head>
16

17
<body>
18
<header id="header">
19
	<script src="js/public/cmpHeader.js"></script>
20
</header>
21
<div id="container">
22
	<div class="containerCon">
23
		<div class="contentCon clearfix conBlock" style="padding-top:20px">
24
			<div class="leftconBox floatL">
25
				<ul class="artAbout">
26
					<li>
27
						<dl class="clearfix" id="fileList">
28
							<dd class="uploadD" id="uploadDd">
29
								<div class="uploadFile">
30
			        				<div class="uploadblock">
31
			        					<span class="" id="filePicker">上传图片</span>
32
			        					<!--未上传图片时-->
33
			        					<div class="upFront" id="uploader">
34
				        					<p>产品图片<em class="requiredcon">*</em></p>
35
				        					<p class="uploadtip">JPG/JPEG/PNG格式,<br/>2M以内</p>
36
				            				<span class="upbtn" style="margin-top:8px">上传图片</span>
37
			        					</div>
38
				            		</div>
39
			        			</div>
40
							</dd>
41
							<dd></dd>
42
							<dd></dd>
43
						</dl>
44
					</li>
45
					<li>
46
						<div class="aboutTit">产品名称<em class="requiredcon">*</em><span class="frmconmsg" id="resourceNamePrompt" style="display:none;">30字以内</span></div>
47
						<input type="text" class="frmtype frmcontype" id="resourceName" value="" placeholder="请填写产品名称" />
48
					</li>
49
					<li class="form-item">
50
						<div class="aboutTit">关键词<span class="frmconmsg" id="keyPrompt"></span></div>
51
						<div class="col-w-12" style="position: relative;">
52
							<input type="text" class="frmcontype oinput" placeholder="请填写相关的关键词,如:腐蚀防护、石墨烯、纳米材料" data-pro="关键词不得超过15个字"  data-num="5" data-fontSizeN="15" id="KeyWord" />
53
							<button type="button" class="frmcontype btnModel frmadd addButton">添加</button>
54
							<div class="form-drop keydrop">
55
								<ul>
56
									
57
								</ul>
58
							</div>
59
						</div>
60
						<div class="form-result keyResult" style="margin-top: -10px;">
61
							<ul class="ulspace editUlist clearfix" id="keyWordlist">
62
								<!--<li>dd<div class="closeThis"></div></li>-->
63
							</ul>
64
						</div>
65
					</li>
66
					<li>
67
						<div class="aboutTit">产品简介<em class="requiredcon">*</em><span class="frmconmsg" id="applicationPrompt" style="display:none;">250字以内</span></div>
68
						<div class="msgContbox">
69
				    		<textarea class="msgCont" placeholder="请填写简介" id="application"></textarea>
70
				    		<span class="msgconNum"><em>0</em>/250</span>
71
				    	</div>
72
					</li>
73
					<li>
74
						<div class="aboutTit">厂商型号<span class="frmconmsg" id="model" style="display:none;">50字以内</span></div>
75
						<input type="text" class="frmtype frmcontype" id="modelNumber" value="" placeholder="请填写厂商型号" />
76
					</li>
77
					<li>
78
						<div class="aboutTit">产地<span class="frmconmsg" id="productAddress" style="display:none;">50字以内</span></div>
79
						<input type="text" class="frmtype frmcontype" id="productAddressInput" value="" placeholder="请填写产地" />
80
					</li>
81
					<li>
82
						<div class="aboutTit">官方价格<span class="frmconmsg" id="price" style="display:none;">50字以内</span></div>
83
						<input type="text" class="frmtype frmcontype" id="priceInput" value="" placeholder="请填写官方指导价格" />
84
					</li>
85
					<li>
86
						<div class="aboutTit">性能参数<span class="frmconmsg" id="performance" style="display:none;">1000字以内</span></div>
87
				    	<div class="msgContbox">
88
				    		<textarea class="msgCont" placeholder="请输入性能参数" id="performancePa"></textarea>
89
				    		<span class="msgconNum"><em>0</em>/1000</span>
90
				    	</div>
91
					</li>
92
					<li>
93
						<div class="aboutTit">详细介绍<span class="frmconmsg"></span></div>
94
						<!--这块还是使用编辑框插件-->
95
						<div class="editBlock">
96
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
97
						</div>
98
					</li>
99
				</ul>
100
			</div>
101
			<div class="rightconBox floatR">
102
				<div class="conItem">
103
					<ul class="operateBlock" id="operateBlocko">
104
						<li class="goFabu">
105
							<em class="operateicon icon-issue"></em>
106
							<p>发布</p>
107
						</li>
108
						<li class="articalPreview" id="oPreview">
109
							<em class="operateicon icon-preview"></em>
110
							<p>预览</p>
111
						</li>
112
						<li id="oDraft">
113
							<em class="operateicon icon-draft"></em>
114
							<p>存草稿</p>
115
						</li>
116
						<li class="disableLi" id="deleteResource"><!--只要预览、存草稿、发布之后移除disableLi类-->
117
							<em class="operateicon icon-delete"></em>
118
							<p>删除</p>
119
						</li>
120
						
121
					</ul>
122
				</div>
123
				<div class="conItem">
124
					<div class="form-item otherBlock">
125
						<div class="aboutTit">联系人<em class="requiredcon">*</em><span class="frmconmsg" id="linkman"></span></div>
126
						<div class="form-result addexpertRe">
127
							<ul class="addexpert" id="expertli" style="overflow-y:auto;height:380px;">
128
								
129
								
130
							</ul>
131
						</div>
132
					</div>
133
					
134
				</div>
135
			</div>
136
		</div>
137
	</div>
138
</div>
139
<div class="footer_tools">
140
  <a id="scrollUp" href="javascript:;" title="返回顶部"></a>
141
</div>
142
<footer>
143
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
144
</footer>
145
<script type="text/javascript"src="js/public/jquery.cookie.js"></script>
146
<script type="text/javascript"src="js/public/jquery.similar.msgbox.js"></script>
147
<script type="text/javascript" src="../js/public/baseUtil.js"></script> 
148
<script type="text/javascript" src="js/public/cmpCom.js"></script>   
149
<script type="text/javascript" src="../js/jquery.page.js"></script>
150
<script type="text/javascript" src="../js/ueditor/ueditor.config.js"></script>
151
<script type="text/javascript" src="../js/ueditor/ueditor.all.js"></script>
152
<script type="text/javascript" src="../js/webuploader/webuploader.js"></script>
153
<script type="text/javascript" src="js/cmp-productIssue.js"></script>
154
<script type="text/javascript">
155
	//回到顶部
156
	var $body = $(document.body);;
157
	var $bottomTools = $('.footer_tools');
158
	$(window).scroll(function () {
159
		var scrollHeight = $(document).height();
160
		var scrollTop = $(window).scrollTop();
161
		var $footerHeight = $('footer').outerHeight(true);
162
		var $windowHeight = $(window).innerHeight();
163
		scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);			
164
		$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
165
	});
166
	$('#scrollUp').click(function (e) {
167
		e.preventDefault();
168
		$('html,body').animate({ scrollTop:0});
169
	});
170
</script>
171
</body>
172
</html>

+ 72 - 0
cmp-portal/cmp-productList.html

@ -0,0 +1,72 @@
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" href="images/favicon.ico "/>
9
<link href="../css/bootstrap.min.css" rel="stylesheet">
10
<link type="text/css" href="../css/genindex.css" rel="stylesheet">
11
<link type="text/css" href="css/common.css" rel="stylesheet">
12
<link type="text/css" href="css/cmpindex.css" rel="stylesheet">
13
<script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
14

15
</head>
16

17
<body>
18
<header id="header">
19
	<script src="js/public/cmpHeader.js"></script>
20
</header>
21
<!--中间-->
22
<div id="container">
23
	<div class="containerCon">
24
		<div class="con-center contentCon clearfix conBlock">
25
	        <div class="workmenu">
26
	        	<script src="js/public/workMenu.js"></script>
27
	        </div>
28
	        <div class="workcon workconG">
29
				<div class="workcontit"><a class="worksamlltit worksamlltitnow">企业产品</a></div>
30
				<div class="itemListBolck">
31
					<div class="topOperaBlock clearfix">
32
						<div class="searchAbout col-w-8">
33
							<input class="frmcontype" type="search" name="" placeholder="请输入产品名称、厂商型号、关键词" id="resouceName" maxlength="30">
34
							<span class="searchSpan"></span>
35
						</div>
36
						<div class="issueSpanBlock col-w-4">
37
							<a  class="issueSpan" >发布产品</a>
38
						</div>
39
					</div>
40
					<div class="form-item itemListCon">
41
						<div class="form-result aboutRes">
42
							<ul id="resourceList">
43
								
44
							</ul>
45
							<!--无搜索结果-->
46
							<div class="nodatabox displayNone" id="noresource">
47
						        <div class="nodata">
48
						            <div class="picbox picNull"></div>
49
						            <div class="txtbox">
50
						            	<p class="noContip">暂时没有符合该搜索条件的内容</p>
51
						            </div>
52
						        </div>
53
						    </div>
54
							<div class="tcdPageCode"></div>
55
						</div>
56
					</div>
57
				</div>
58
			</div>
59
	    </div>
60
    </div>
61
</div>
62
<footer>
63
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
64
</footer>
65
<script type="text/javascript" src="js/public/jquery.cookie.js"></script>
66
<script type="text/javascript" src="js/public/jquery.similar.msgbox.js"></script>
67
<script type="text/javascript" src="../js/jquery.page.js"></script>
68
<script type="text/javascript" src="../js/public/baseUtil.js"></script> 
69
<script type="text/javascript" src="js/public/cmpCom.js"></script>   
70
<script type="text/javascript" src="js/cmp-procuctList.js"></script>
71
</body>
72
</html>

+ 123 - 8
cmp-portal/js/cmp-needList.js

@ -34,7 +34,84 @@ $(document).ready(function() {
34 34
		})
35 35
	}
36 36
	companyAuthentState();
37

37
	function st6This(osr) {
38
		var tim = osr.substring(0, 4) + osr.substring(5, 7) + osr.substring(8, 10) ;
39
		return tim;
40
	}
41
	var seleTime = '<div class="mb-list mb-listR"><p class="msg-tit">请设置需求的有效期:</p>'+
42
			'<div style="position:relative"><div class="input-append date form_date form_datetime" data-link-field="dtp_input2" >'+
43
				'<em class="mr_sj"></em>'+
44
				'<input size="16" type="text" readonly class="frmtype frmcontype fColor" placeholder="请设置需求的有效期">'+
45
				'<span class="dateIcon"><i class="icon-calendar displayNone"></i></span>'+
46
				'<span class="add-on"><i class="icon-th displayNone"></i></span>'+
47
			'</div>'+
48
			'<input type="hidden" id="dtp_input2"/>'+
49
			'<span></span></div></div>'
50
	$("#cmpneedList").on("click",".delayThis",function(){//延期
51
		var dataId=$(this).parents("li").find(".urlHref").attr("data-id");
52
		$(".blackcover2").fadeIn();
53
		var btnOk='<input class="mb_btn mb_btnOk mb_btnOkset" type="button" value="确定">'
54
		$(".mb_btnOk").remove(); $("#promotGt").prepend(btnOk);
55
		$(".modelContain").show(); $("body").addClass("modelOpen");
56
		$(".mb-listR").remove(); $("#promotTh").append(seleTime);//时间选择器
57
		var a = new Date();
58
	    var c = a.getFullYear() + "-" + (Number(a.getMonth()) + 1) + "-" + (Number(a.getDate()) + 1);
59
		$(".mb-listR .form_datetime").datetimepicker({
60
			language: 'ch',
61
			format: 'yyyy-mm-dd',
62
			weekStart: 0,
63
			todayBtn: false,
64
			autoclose: 1,
65
			todayHighlight: 1,
66
			startView: 2,
67
			minView: 2,
68
			forceParse: 0,
69
			startDate: getNowFormatDate(),
70
			oflag: 1,
71
			startDate: c,
72
		});
73
		$(".mb-listR .form_datetime").val(getNowFormatDate(1));
74
		$(".mb_btnOkset").on("click", function() {
75
			var delayTime=$(".mb-listR .form_datetime .fColor").val();
76
			$.ajax({
77
				"url": "/ajax/demand/defer",
78
				"type": "POST",
79
				"async": true,
80
				"data":{
81
					"id":dataId,
82
					"day":st6This(delayTime)
83
				},
84
				"success": function(data) {
85
					if(data.success && data.data) {
86
						$(".blackcover2").fadeOut();
87
						$(".modelContain").hide();
88
						$("body").removeClass("modelOpen");
89
						demandList(true,10,1);
90
					}
91
				}
92
			});
93
		})
94
	})
95
	$("#cmpneedList").on("click",".overThis",function(){//完成
96
		var dataId=$(this).parents("li").find(".urlHref").attr("data-id");
97
		$.MsgBox.Confirm("提示", "确认该需求已解决?",function(){
98
			$.ajax({
99
				"url": "/ajax/demand/over",
100
				"type": "POST",
101
				"async": true,
102
				"data":{
103
					"id":dataId,
104
				},
105
				"success": function(data) {
106
					if(data.success && data.data) {
107
						console.log(data);
108
						$(".madiaEdit").remove();
109
						demandList(true,10,1);
110
					}
111
				}
112
			});
113
		});
114
	})
38 115
	$("#cmpneedList").on("click",".closeThis",function(){//关闭
39 116
		var dataId=$(this).parents("li").find(".urlHref").attr("data-id");
40 117
		$.MsgBox.Confirm("提示", "确认要关闭该需求?",function(){
@ -43,12 +120,10 @@ $(document).ready(function() {
43 120
				"type": "POST",
44 121
				"async": true,
45 122
				"data":{
46
					"id":dataId,
47
					"uid":id
123
					"id":dataId
48 124
				},
49 125
				"success": function(data) {
50 126
					if(data.success && data.data) {
51
						console.log(data);
52 127
						$(".madiaEdit").remove();
53 128
						demandList(true,10, 1);
54 129
					}
@ -56,16 +131,53 @@ $(document).ready(function() {
56 131
			});
57 132
		});
58 133
	})
134
	$("#cmpneedList").on("click",".updateThis",function(){//修改
135
		var dataId=$(this).parents("li").find(".urlHref").attr("data-id");
136
		window.open("needIssue.html?demandId="+dataId)
137
	})
138
	$(".issueSpan").click(function(e){
139
		UnauthorizedUser()
140
		 e.preventDefault(); 
141
	})
142
	function UnauthorizedUser() {
143
		$.ajax({
144
			url: "/ajax/professor/qaOrgAuth",
145
			type: "GET",
146
			timeout: 10000,
147
			dataType: "json",
148
			async:"true",
149
			data: {
150
				"orgId": $.cookie("orgId"),
151
				"orgAuth": 1
152
			},
153
			success: function(data, textState) {
154
				if(data.success) {
155
					if(data.data.length==0) {
156
						$.MsgBox.Confirm("提示", "请至少认证1位员工?", function(){
157
							//location.href="cmp-UnstaffList.html";
158
						});
159
						$("#mb_btn_no").val("稍后再说");
160
						$("#mb_btn_ok").val("去认证");
161
					}else if(data.data.length>0){
162
						window.open("needIssue.html")
163
					}
164
				}
165
			},
166
			error: function(XMLHttpRequest, textStats, errorThrown) {
167
				$.MsgBox.Alert('提示', '服务器请求失败')
168
			}
169
		})
170
	}
59 171
	/*需求列表*/
60 172
	function demandList(isbind, pageSize, pageNo) {
61 173
		$.ajax({
62
			url: "/ajax/demand/pq",
174
			url: "/ajax/demand/pq/org",
63 175
			type: "GET",
64 176
			timeout: 10000,
65 177
			dataType: "json",
66 178
			traditional: true,
67 179
			data: {
68
				"state":[1],
180
				"state":[0,1,2,3],
69 181
    			'oname':$.cookie('orgName'),
70 182
				"pageNo": pageNo,
71 183
				"pageSize": pageSize
@ -129,9 +241,12 @@ $(document).ready(function() {
129 241
			statusU='<li><span>已于 '+TimeTr($data.modifyTime)+' 关闭</span></li>'
130 242
		}
131 243
		var closStr='',pdRight="";
132
		if($data.state==1 || $data.state==0){
244
		if($data.state==1 && dateGap=="0"){
133 245
			pdRight="padding-right:80px";
134
			closStr += '<ul class="madiaEdit"><li><span class="closeThis" style="color:#fff;">关闭</span></li></ul>'
246
			closStr += '<ul class="madiaEdit"><li><span class="updateThis">修改</span></li><li><span class="overThis">完成</span></li></ul>'
247
		}else if($data.state==0 || ($data.state==1 && dateGap=="1")){
248
			pdRight="padding-right:260px";
249
			closStr += '<ul class="madiaEdit"><li><span class="delayThis">延期</span></li><li><span class="updateThis">修改</span></li><li><span class="overThis">完成</span></li></ul>'
135 250
		}
136 251
		var strCon='';
137 252
			strCon+='<a class="madiaInfo urlHref" style="'+pdRight+'" target="_blank" href="../demandShow.html?demandId='+$data.id+'" data-id="'+$data.id+'">'

+ 240 - 0
cmp-portal/js/cmp-procuctList.js

@ -0,0 +1,240 @@
1
$(document).ready(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
3
	$(".workmenu>ul>li.productIcon").addClass("nowLi");
4
	var orgId = $.cookie('orgId');
5
	if(orgId == "" || orgId == null || orgId == "null") {
6
		location.href = "cmp-settled-log.html";
7
	}
8
	var resourceId;
9
	$(".issueSpan").click(function(e){
10
		UnauthorizedUser()
11
		 e.preventDefault(); 
12
	})
13
	function UnauthorizedUser() {
14
		$.ajax({
15
			url: "/ajax/professor/qaOrgAuth",
16
			type: "GET",
17
			timeout: 10000,
18
			dataType: "json",
19
			async:"true",
20
			data: {
21
				"orgId": orgId,
22
				"orgAuth": 1
23
			},
24
			success: function(data, textState) {
25
				if(data.success) {
26
					if(data.data.length==0) {
27
						$.MsgBox.Confirm("提示", "请至少认证1位员工?", function(){
28
							location.href="cmp-UnstaffList.html";
29
						});
30
						$("#mb_btn_no").val("稍后再说");
31
						$("#mb_btn_ok").val("去认证");
32
					}else if(data.data.length>0){
33
						window.open("cmp-procuctIssue.html")
34
					}
35
				}
36
			},
37
			error: function(XMLHttpRequest, textStats, errorThrown) {
38
				$.MsgBox.Alert('提示', '服务器请求失败')
39
			}
40
		})
41
	}
42
	/*产品列表查询*/
43
	function getRecourceMe(n, isbind, num) {
44
		var resourceNameVa = $("#resouceName").val();
45
		var $info = {};
46
		$info.oid = orgId;
47
		$info.pageSize = 10;
48
		if(resourceNameVa != "") {
49
			$info.key = resourceNameVa;
50
		}
51
		$info.pageNo = n;
52
		$.ajax({
53
			"url": "/ajax/product/pq/org/search",
54
			"type": "GET",
55
			"success": function(data) {
56
				console.log(data)
57
				if(data.success) {
58
					$("#resourceList").html("");
59
					if(num == 1) {
60
						if(data.data.data.length == 0) {
61
							$("#noresource").removeClass("displayNone");
62
							$(".noContip").text("您还未发布任何产品");
63
							return;
64
						} else {
65
							$("#noresource").addClass("displayNone");
66
						}
67
					} else {
68
						if(data.data.total == 0) {
69
							$("#noresource").removeClass("displayNone");
70
							$(".noContip").text("没有符合该搜索条件的内容");
71
							return;
72
						} else {
73
							$("#noresource").addClass("displayNone");
74
						}
75
					}
76
					resourceHtml(data.data.data);
77
					if(isbind == true) {
78
						$(".tcdPageCode").createPage({
79
							pageCount: Math.ceil(data.data.total / data.data.pageSize),
80
							current: data.data.pageNo,
81
							backFn: function(p) {
82
								getRecourceMe(p, false);
83
							}
84
						});
85
					}
86
				}
87
			},
88
			"data": $info,
89
			dataType: "json",
90
			'error': function() {
91
				$.MsgBox.Alert('提示', '服务器连接超时!');
92
			}
93
		});
94
	}
95
	getRecourceMe(1, true);
96

97
	function resourceHtml($data) {
98
		for(var i = 0; i < $data.length; i++) {
99
			var imgSrc = "../images/default-product.jpg";
100
			var oTime, pageview = "",
101
				draftLable = "",
102
				oHtml, oLi = '';
103
			if($data[i].images.length) {
104
				imgSrc = "/data/product/" + $data[i].images.split(',')[0]
105
			}
106
			console.log($data[i].status)
107
			if($data[i].state == 2) {
108
				oTime = "修改于 " + TimeTr($data[i].modifyTime);
109
				draftLable = '<span class="draftLable">草稿</span>';
110
				oHtml = "cmp-procuctIssue.html";
111
				oLi = "class='draftList'"
112
			} else {
113
				oTime = "发布于 " + TimeTr($data[i].createTime);
114
				pageview = '<li><span>浏览量 ' + $data[i].pageViews + '</span></li>';
115
				oHtml = "../productShow.html"
116
			}
117
			var oStr = '<li ' + oLi + '>' +
118
				'<a href="' + oHtml + '?productId=' + $data[i].id + '" target="_blank">' +
119
				'<div class="madiaHead resouseHead" style="background-image: url(' + imgSrc + ');"></div>' +
120
				'<div class="madiaInfo">' +
121
				'<p class="h1Font ellipsisSty">' + $data[i].name + '</p>' +
122
				'<ul class="h2Font clearfix">' +
123
				'<li><span>' + oTime + '</span></li>' + pageview + '<li><span id="oop" style="display:inline-block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"> 联系人 张三、李四、王五张三、李四、王五张三、李四、王五张三、李四、王五</span></li>' +
124
				'</ul>' +
125
				'<p><span>' + draftLable + '</span><span class="crel" style="margin-left:10px"></span></p>' +
126
				'</div>' +
127
				'</a>' +
128
				'<ul class="madiaEdit">' +
129
				'<li><span class="deteleThis2" data-id="' + $data[i].id + '"></span></li>' +
130
				'<li><span class="editThis" data-id="' + $data[i].id + '"></span></li>' +
131
				'</ul>' +
132
				'</li>'
133
			var $os = $(oStr);
134
			$("#resourceList").append($os);
135
			if($data[i].status == 2) {
136
				resourecRel.call($os.find(".crel"), $data[i].id);
137
			} else {
138
				resourecRel.call($os.find("#oop"), $data[i].id);
139
			}
140
		}
141
	}
142
	function professList(par) {
143
		$.ajax({
144
			"url": "/ajax/professor/qm",
145
			"type": "GET",
146
			"context": this,
147
			"traditional":true,
148
			"success": function(data) {
149
				if(data.success) {
150
					var $data = data.data;
151
					var arr = []
152
					if($data.length) {
153
						for(var i=0;i<$data.length;i++) {
154
							arr.push($data[i].name)
155
						}
156
						this.text("联系人 " + arr.join("、"))
157
					}
158
					
159
				}
160
			},
161
			"data": {
162
				"id": par
163
			},
164
			dataType: "json",
165
			'error': function() {
166
				$.MsgBox.Alert('提示', '服务器连接超时!');
167
			}
168
		});
169
	}
170
	/*判断资源是否设置了资源联系人*/
171
	function resourecRel(rsd) {
172
		$.ajax({
173
			"url": "/ajax/product/pro",
174
			"type": "GET",
175
			"context": this,
176
			"success": function(data) {
177
				if(data.success) {
178
					var $data = data.data;
179
					if($data.length == 0) {
180
						this.text("未设置联系人").css("color","#e03b43");
181
					}else {
182
						var arr = [];
183
						for(var i =0;i<$data.length;i++) {
184
							arr.push($data[i].professor)
185
						}
186
						professList.call(this,arr);
187
					}
188
				}
189
			},
190
			"data": {
191
				"id": rsd
192
			},
193
			dataType: "json",
194
			'error': function() {
195
				$.MsgBox.Alert('提示', '服务器连接超时!');
196
			}
197
		});
198
	}
199
	/*点击修改跳转修改页面*/
200
	$("#resourceList").on("click", ".editThis", function() {
201
		location.href = "cmp-procuctIssue.html?productId=" + $(this).attr("data-id")
202
	})
203
	/*点击删除跳转修改页面*/
204
	$("#resourceList").on("click", ".deteleThis2", function() {
205
		resourceId = $(this).attr("data-id");
206
		$.MsgBox.Confirm("提示", "确认删除该产品?", deleResource);
207
	})
208
	/*删除函数*/
209
	function deleResource() {
210
		$.ajax({
211
			"url": "/ajax/product/delete",
212
			"type": "POST",
213
			"success": function(data) {
214
				if(data.success) {
215
					getRecourceMe(1, false);
216
				}
217
			},
218
			"data": {
219
				"id": resourceId
220
			},
221
			"beforeSend": function() { /*console.log(this.data)*/ },
222
			"contentType": "application/x-www-form-urlencoded",
223
			dataType: "json"
224
		});
225
	}
226
	/*输入资源名称限制字数*/
227
	$("#resouceName").bind({
228
		keyup: function() {
229
			if($(this).val().length > 30) {
230
				$(this).val($(this).val().substr(0, 30));
231
			}
232
		}
233
	});
234
	/*点击搜索*/
235
	$(".searchSpan").click(function() {
236
		$(".tcdPageCode").remove();
237
		$(".aboutRes").append('<div class="tcdPageCode"></div>');
238
		getRecourceMe(1, true);
239
	})
240
})

+ 593 - 0
cmp-portal/js/cmp-productIssue.js

@ -0,0 +1,593 @@
1
$(document).ready(function() {
2
	var resourceId = GetQueryString("productId");
3
	if(resourceId) {
4
		$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
5
		getRecourceMe();
6
	}
7
	var orgId = $.cookie('orgId');
8
	if(orgId == "" || orgId == null || orgId == "null"){
9
    	location.href = "cmp-settled-log.html";
10
    }
11
	var temp = [];
12
	var array = [];
13
	var oProfessor=[];
14
	var hbur,hburEnd;
15
	ue = UE.getEditor('editor', {});
16
	/*获取资源信息*/
17
	function getRecourceMe() {
18
		$.ajax({
19
			"url": "/ajax/product/qo",
20
			"type": "GET",
21
			"success": function(data) {
22
				console.log(data);
23
				if(data.success) {
24
					$("#uploadDd").siblings().remove();
25
					$("#fileList").append("<dd></dd><dd></dd>");
26
					temp=[];
27
					resourceHtml(data.data);
28
				}
29
			},
30
			"data": {
31
				"id": resourceId
32
			},
33
			dataType: "json",
34
			'error': function() {
35
				$.MsgBox.Alert('提示', '服务器连接超时!');
36
			}
37
		});
38
	}
39
	/*处理资源html代码*/
40
	function resourceHtml($da) {
41
		$("#resourceName").val($da.name); //名字
42
		$("#application").val($da.cnt); //应用用途
43
		if($da.spec) { //厂商型号
44
			$("#modelNumber").val($da.spec);
45
		}
46
		if($da.parameter) { //性能参数
47
			$("#performancePa").val($da.parameter);
48
		}
49
		if($da.keywords) {
50
			var oSub = $da.keywords.split(",");
51
			var oSt = "";
52
			for(var i = 0; i < oSub.length; i++) {
53
				oSt += '<li>' + oSub[i] + '<div class="closeThis"></div></li>'
54
			}
55
			$("#keyWordlist").html(oSt);
56
			if(oSub.length>4){
57
				$("#KeyWord").parent().addClass("displayNone");
58
			}
59
		} else {
60
			$("#keyWordlist").html("");
61
		}
62
		if($da.descp) { //编辑器
63
			ue.ready(function() {
64
				ue.setContent($da.descp);
65
			});
66

67
		}
68
		if($da.price) {
69
			$("#priceInput").val($da.price);
70
		}
71
		if($da.producingArea) {
72
			$("#productAddressInput").val($da.producingArea);
73
		}
74
		if($da.images) {
75
			var arr = [];
76
			var oImg = $da.images.split(",");
77
			for(var i = 0; i < oImg.length; i++) {
78
				var oString = '<dd>' +
79
					'<div class="imgItem">' +
80
					'<img src="' + "/data/product/" + oImg[i] + '"/>' +
81
					'</div>' +
82
					'<div class="file-panel">' +
83
					'<span class="cancel" flag=1></span>' +
84
					'</div>' +
85
					'</dd>'
86
				arr[i] = oString;
87
				temp[i] = oImg[i];
88
			}
89
			$("#fileList dd").eq(2).remove();
90
			if(oImg.length == 1) {
91
				$("#fileList").prepend(arr[0]);
92
			} else if(oImg.length == 2) {
93
				$("#fileList dd").eq(1).remove();
94
				$("#fileList").prepend(arr[1]);
95
				$("#fileList").prepend(arr[0]);
96
			} else if(oImg.length == 3) {
97
				$("#fileList dd").eq(1).remove();
98
				$("#fileList").prepend(arr[2]);
99
				$("#fileList").prepend(arr[1]);
100
				$("#fileList").prepend(arr[0]);
101
			}
102

103
		}
104
	}
105
	var uploader = WebUploader.create({
106
		auto: true,
107
		fileNumLimit: 3,
108
		swf: '../js/webuploader/Uploader.swf',
109
		server: '/ajax/product/upload',
110
		fileSingleSizeLimit: 2 * 1024 * 1024,
111
		pick: {
112
			id: "#filePicker",
113
			multiple: false
114
		},
115
		accept: {
116
			title: 'Images',
117
			extensions: 'jpg,jpeg,png',
118
			mimeTypes: 'image/jpg,image/png'
119
		}
120

121
	});
122

123
	// 当有文件添加进来的时候
124
	uploader.on('fileQueued', function(file) {
125
		fileId = file.id;
126
		var $len = $("#fileList").find("img").length;
127
		if($len == 0 || $len == 1) {
128
			var oRemove = $("#fileList").find("dd");
129
			oRemove.eq(oRemove.length - 1).remove();
130
		}
131
		var $li = $(
132
				'<dd>' +
133
				'<div class="imgItem" id="' + file.id + '">' +
134
				'<img />' +
135
				'</div>' +
136
				//'<div class="info">' + file.name + '</div>' +
137
				'</dd>'
138
			),
139
			$btns = $('<div class="file-panel">' +
140
				'<span class="cancel"></span>' +
141
				'</div>').appendTo($li),
142
			$img = $li.find('img');
143
		var $list = $("#fileList");
144
		if($len == 1) {
145
			$list.find("dd").eq(0).after($li)
146
		} else if($len == 2) {
147
			$list.find("dd").eq(1).after($li)
148
		} else {
149
			$list.prepend($li);
150
		}
151
		uploader.makeThumb(file, function(error, src) {
152
			if(error) {
153
				$img.replaceWith('<span>不能预览</span>');
154
				return;
155
			}
156
			$img.attr('src', src);
157
		}, 1, 1);
158
	});
159
	uploader.onError = function(code) {
160
		console.log(code)
161
		$.MsgBox.Alert('提示', '请上传jpg、jpeg、png格式的图片,大小不超过2M')
162
	};
163
	uploader.on('uploadSuccess', function(file, data) {
164
		if(data.success) {
165
				temp.push(data.data[0].uri);
166
				console.log(temp)
167
				uploader.removeFile(fileId);
168
				
169
		}else{
170
			$.MsgBox.Alert('提示', '只支持jpeg/jpg/png格式的图片');
171
		}
172
	});
173
	/*删除图片*/
174
	$("#fileList").on("click", ".cancel", function() {
175
		var flag = $(this).attr("flag");
176
		var oNum = $(this).parents("dd").index();
177
		temp.splice(oNum, 1);
178
		$(this).parent().parent().remove();
179

180
		var $len = $("#fileList").find("img").length;
181
		if($len != 2) {
182
			$("#fileList").append("<dd></dd>")
183
		}
184

185
	});
186
	/*资源名称*/
187
	$("#resourceName").bind({
188
		focus: function() {
189
			$("#resourceNamePrompt").show();
190
		},
191
		blur: function() {
192
			$("#resourceNamePrompt").hide();
193
		},
194
		keyup: function() {
195
			if($(this).val().length > 30) {
196
				$(this).val($(this).val().substr(0, 30));
197
			}
198
		}
199
	})
200
	hotKey(".oinput");
201
	//校验关键字
202
	$("#KeyWord").on({
203
		focus: function() {
204
			$("#keyPrompt").text("最多可添加5个关键词,每个关键词15字以内");
205
		},
206
		blur: function() {
207
			$("#keyPrompt").text("");
208
		}
209
	})
210
	$("#keyWordlist").on("click", ".closeThis", function() {
211
		$(this).parent().remove();
212
		var liNum = $("#keyWordlist").find("li").length;
213
		if(liNum < 5) {
214
			$("#keyWordlist").parents(".keyResult").siblings("div.col-w-12").show();
215
		}
216
	})
217
	/*厂商型号*/
218
	$("#modelNumber").bind({
219
		focus: function() {
220
			$("#model").show();
221
		},
222
		blur: function() {
223
			$("#model").hide();
224
		},
225
		keyup: function() {
226
			if($(this).val().length > 50) {
227
				$(this).val($(this).val().substr(0, 50));
228
			}
229
		}
230

231
	});
232
	$("#productAddressInput").bind({
233
		focus: function() {
234
			$("#productAddress").show();
235
		},
236
		blur: function() {
237
			$("#productAddress").hide();
238
		},
239
		keyup: function() {
240
			if($(this).val().length > 50) {
241
				$(this).val($(this).val().substr(0, 50));
242
			}
243
		}
244

245
	});
246
	$("#priceInput").bind({
247
		focus: function() {
248
			$("#price").show();
249
		},
250
		blur: function() {
251
			$("#price").hide();
252
		},
253
		keyup: function() {
254
			if($(this).val().length > 50) {
255
				$(this).val($(this).val().substr(0, 50));
256
			}
257
		}
258

259
	});
260
	/*应用用途*/
261
	limitObj("#application",250)
262
	/*性能参数*/
263
	limitObj("#performancePa",1000)
264
	/*发布*/
265
	$(".goFabu").click(function() {
266
		if($(this).hasClass("disableLi")){
267
			return;
268
		}
269
		var oYes = term();
270
		if(oYes == 0) {
271
			return;
272
		}
273
		$.MsgBox.Confirm("提示", "确认发布该产品?", ajsPost);
274
	})
275
	/*预览*/
276
	$("#oPreview").click(function() {
277
		if($(this).hasClass("disableLi")){
278
			return;
279
		}
280
		var oYes = term();
281
		if(oYes == 0) {
282
			return;
283
		}
284
		if(resourceId) {
285
			ajsPost("/ajax/product/draft/update", 1);
286
		}else {
287
			ajsPost("/ajax/product/draft", 1);
288
		}
289
		
290
	})
291
	/*存草稿*/
292
	$("#oDraft").click(function() {
293
		if($(this).hasClass("disableLi")){
294
			return;
295
		}
296
		var oYes = term();
297
		if(oYes == 0) {
298
			return;
299
		}
300
		if(resourceId) {
301
			ajsPost("/ajax/product/draft/update", 2);
302
		}else {
303
			ajsPost("/ajax/product/draft", 2);
304
		}
305
	})
306
	/*删除*/
307
	$("#operateBlocko").on("click", ".deleteResource", function() {
308
		$.MsgBox.Confirm("提示", "确认删除该产品?", deleResource);
309
	})
310
	/*删除函数*/
311
	function deleResource() {
312
		$.ajax({
313
			"url": "/ajax/product/delete",
314
			"type": "POST",
315
			"success": function(data) {
316
				console.log(data)
317
				if(data.success) {
318
					location.href = "cmp-productList.html"
319
				}
320
			},
321
			"data": {
322
				"id": resourceId
323
			},
324
			"beforeSend": function() { /*console.log(this.data)*/ },
325
			"contentType": "application/x-www-form-urlencoded",
326
			dataType: "json"
327
		});
328
	}
329
	/*条件是否匹配*/
330
	function term() {
331
		var $len = $("#fileList").find("img").length;
332
		var reName = $("#resourceName").val();
333
		var oIndustry = $("#application").val();
334
		var oLen=$("#expertli").find(".selectAdd").length
335
		if($len == 0) {
336
			$.MsgBox.Alert('提示', '请上传产品图片。');
337
			return 0;
338
		}
339
		if(reName == "") {
340
			$.MsgBox.Alert('提示', '请填写产品名称。');
341
			return 0;
342
		}
343
		if(oIndustry == "") {
344
			$.MsgBox.Alert('提示', '请填写产品简介。');
345
			return 0;
346
		}
347
		if(oLen==0) {
348
			$.MsgBox.Alert('提示', '至少选择一个联系人');
349
			return 0;
350
		}
351
	}
352
	/*发布函数*/
353
	function ajsPost(pa1, pa2) {
354
		
355
		var sdd=[];
356
		var sdf = $("#expertli").find(".selectAdd");
357
		for(var i=0;i<sdf.length;i++) {
358
			sdd.push(sdf.eq(i).parents("li").attr("id"));
359
		}
360
		var industrys = $("#keyWordlist li");
361
		var industryAll = "";
362
		if(industrys.size() > 0) {
363
			for(var i = 0; i < industrys.size(); i++) {
364
				industryAll += industrys[i].innerText.trim();
365
				industryAll += ',';
366
			};
367
			industryAll = industryAll.substring(0, industryAll.length - 1);
368
		}
369
		$(".operateBlock").find("li").addClass("disableLi");
370
		var oUrl = "/ajax/product/publish";
371
		if(resourceId) {
372
			oUrl = "/ajax/product/publish/update";
373
		}
374
		if(pa1) {
375
			oUrl = pa1
376
		}
377
		var $data = {};
378
		if(resourceId) {
379
			$data.id = resourceId;
380
		}
381
		$data.owner = orgId;
382
		$data.name = $("#resourceName").val(); //资源名字
383
		$data.keywords = industryAll;
384
		$data.cnt = $("#application").val();
385
		$data.spec = $("#modelNumber").val();
386
		$data.parameter = $("#performancePa").val();
387
		$data.descp = ue.getContent();
388
		$data.images = temp.join(",");
389
		$data.professor=sdd;
390
		$data.producingArea=$("#productAddressInput").val();
391
		$data.price = $("#priceInput").val()
392
		$.ajax({
393
			"url": oUrl,
394
			"type": "POST",
395
			"complete":function(){
396
						$(".operateBlock").find("li").removeClass("disableLi");
397
					},
398
			"success": function(data) {
399
				console.log(data)
400
				if(data.success) {
401
					if(pa2 == 1) {
402
						resourceId = data.data;
403
						$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
404
						window.open("../productPreview.html?productId=" + data.data);
405
						getRecourceMe();
406
						//弹出预览
407
					} else if(pa2 == 2) {
408
						$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
409
						if(!resourceId)
410
						resourceId = data.data;
411
						$.MsgBox.Alert('提示', '产品已保存草稿。');
412
						$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
413
						getRecourceMe();
414
					} else {
415
						$.MsgBox.Alert('提示', '产品发布成功!');
416
						$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
417
						location.href = "cmp-productList.html"
418
					}
419

420
				}else {
421
						if(data.code==90) {
422
							$.MsgBox.Alert('提示', '由于操作时间过久,上传图片已失效,请重新上传。');
423
						}
424
					}
425
			},
426
			"data": $data,
427
			"beforeSend": function() { /*console.log(this.data)*/ },
428
			"contentType": "application/x-www-form-urlencoded",
429
			"traditional": true,
430
			dataType: "json"
431
		});
432
	}
433
	DefaultContact()
434
	function DefaultContact() {
435
		$.ajax({
436
			url: "/ajax/org/linkman/queryAll",
437
			type: "GET",
438
			timeout: 10000,
439
			dataType: "json",
440
			async:"true",
441
			data: {
442
				"oid": orgId
443
			},
444
			success: function(data, textState) {
445
				if(data.success) {
446
					var $data = data.data;
447
					if($data.length) {
448
						oProfessor.push($data[0].pid);
449
						var oLength=$("#expertli").find("li");
450
							for(var i=0;i<oLength.length;i++) {
451
							var sid = oLength.eq(i).attr("id");
452
							if($data[0].pid ===sid) {
453
								oLength.eq(i).find("[flag]").addClass("selectAdd");
454
								break;
455
							}
456
						}
457
					}
458
						
459
				}
460
			},
461
			error: function(XMLHttpRequest, textStats, errorThrown) {
462
				$.MsgBox.Alert('提示', '服务器请求失败')
463
			}
464
		})
465
	}
466
	function UnauthorizedUser() {
467
		$.ajax({
468
			url: "/ajax/professor/qaOrgAuth",
469
			type: "GET",
470
			timeout: 10000,
471
			dataType: "json",
472
			async:"false",
473
			data: {
474
				"orgId": orgId,
475
				"orgAuth": 1
476
			},
477
			success: function(data, textState) {
478
				if(data.success) {
479
					console.log(data);
480
					unauthUser(data.data);
481
				}
482
			},
483
			error: function(XMLHttpRequest, textStats, errorThrown) {
484
				$.MsgBox.Alert('提示', '服务器请求失败')
485
			}
486
		})
487
	}
488
	UnauthorizedUser();
489
	function unauthUser($res) {
490
		if(resourceId) {
491
		selUse();
492
	}
493
	var osting=""
494
	for(var i = 0; i < $res.length; i++) {
495
		var img;
496
		//var styC="";
497
		var oClass = autho($res[i].authType, $res[i].orgAuth, $res[i].authStatus);
498
		var oTitle="";
499
		if(!resourceId) {
500
				/*if(i<5) {
501
				styC="selectAdd";
502
				oProfessor.push($res[i].id);
503
			}*/
504
		}
505
		
506
		if($res[i].title) {
507
			oTitle=$res[i].title;
508
		}else{
509
			if($res[i].office) {
510
				oTitle=$res[i].office;
511
			}
512
		}
513
		if($res[i].hasHeadImage) {
514
				img = "/images/head/" + $res[i].id + "_l.jpg";
515
			} else {
516
				img = "../images/default-photo.jpg"
517
			}
518
		var oSt = '<li class="flexCenter" style="cursor:pointer;" id="'+$res[i].id+'">'
519
		oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url('+img+');"></div>'
520
		oSt += '<div class = "madiaInfo">'
521
		oSt += '<p class = "ellipsisSty">'
522
		oSt += '<span class = "h1Font" id="name">'+$res[i].name+'</span><em class="authicon '+oClass.sty+'" title="'+oClass.title+'"></em >'
523
		oSt += '</p>'
524
		oSt += '<p class="h2Font ellipsisSty">'+oTitle+'</p>'
525
		oSt += '</div>'
526
		oSt += '<div class="selectNull " flag=1></div>'
527
		oSt += '</li>'
528
		osting+=oSt;
529
	}
530
	$("#expertli").html(osting);
531
	if(!resourceId) {
532
		DefaultContact()
533
	}
534
}
535
	/*选择用户*/
536
	$("#expertli").on("click","li",function(){
537
		var userL=$("#expertli").find(".selectAdd").length;
538
		var oSel=$(this).find(".selectAdd").length;
539
		var oId=$(this).attr("id");
540
		$("#linkman").text("");
541
		
542
		if(oSel == 0) {
543
			if(userL == 5) {
544
				$("#linkman").text("最多可选5位联系人");
545
				return;
546
			}
547
			$(this).find('[flag]').addClass("selectAdd");
548
			oProfessor.push(oId);
549
		} else {
550
			$(this).find('[flag]').removeClass("selectAdd");
551
			for(var i=0;i<oProfessor.length;i++) {
552
				if(oId==oProfessor[i]) {
553
					oProfessor.splice(i, 1);
554
				}
555
			}
556
		}
557
	});
558
	
559
	function selUse() {
560
		$.ajax({
561
			url: "/ajax/product/pro",
562
			type: "GET",
563
			timeout: 10000,
564
			dataType: "json",
565
			async:true,
566
			data: {
567
				"id": resourceId,
568
			},
569
			success: function(data, textState) {
570
				console.log(data)
571
				if(data.success) {
572
					var arr=[];
573
					var arr1=[];
574
					var oLength=$("#expertli").find("li");
575
					for(var i=0;i<data.data.length;i++) {
576
						arr1.push(data.data[i].professor);
577
					}
578
					for(var i=0;i<oLength.length;i++) {
579
						arr.push(oLength.eq(i).attr("id"));
580
					}
581
					for(var i=0;i<arr1.length;i++) {
582
						oProfessor.push(arr1[i]);
583
						oLength.eq(arr.indexOf(arr1[i])).find("[flag]").addClass("selectAdd")
584
					}
585
				}
586
			},
587
			error: function(XMLHttpRequest, textStats, errorThrown) {
588
				$.MsgBox.Alert('提示', '服务器请求失败')
589
			}
590
		})
591
	}
592
	
593
})

+ 333 - 0
cmp-portal/js/needIssue.js

@ -0,0 +1,333 @@
1
$(document).ready(function() {
2
	var demandId = GetQueryString("demandId");
3
	var a = new Date();
4
	var c = a.getFullYear() + "-" + (Number(a.getMonth()) + 1) + "-" + (Number(a.getDate()) + 1);
5
	$('.dateBtn').datetimepicker({
6
		language: 'ch',
7
		weekStart: 0,
8
		todayBtn: false,
9
		autoclose: 1,
10
		todayHighlight: 1,
11
		startView: 2,
12
		minView: 2,
13
		forceParse: 0,
14
		startDate: c
15
	});
16
	/*联系电话*/
17
	$("#phone").bind({
18
		focus: function() {
19
			$(this).siblings().find("span").show();
20
		},
21
		blur: function() {
22
			$(this).siblings().find("span").hide();
23
		}
24
	})
25
	queryOnedemand()
26

27
	function queryOnedemand() {
28
		$.ajax({
29
			"url": "/ajax/demand/qo",
30
			"type": "GET",
31
			"data": {
32
				"id": demandId,
33
			},
34
			"contentType": "application/x-www-form-urlencoded",
35
			"traditional": true,
36
			"dataType": "json",
37
			"success": function(data) {
38
				if(data.success) {
39
					var $data = data.data;
40
					var demandTit =$data.title + "-科袖网";
41
					document.title = demandTit;
42
					UnauthorizedUser($data.creator)
43
					if($data.state == 0) {
44
						$('.overdue').removeClass("displayNone")
45
					}
46
					$("#demandTitle").text($data.title);
47
					$("#publishTime").text(commenTime($data.createTime));
48
					$("#pageView").text($data.pageViews);
49
					$("#demandContent").text($data.descp);
50
					$("#oprovince").text($data.province);
51
					$("#ocity").text($data.city);
52
					$("#spendCost").val($data.cost);
53
					$("#budget").val($data.duration);
54
					$("#createTime").val(changeTime($data.invalidDay));
55
					$("#phone").val($data.contactNum);
56
					$("#org").val($data.orgName);
57
					cmpFun($data.orgName);
58
					if($data.cost == 0) {
59
						$("#spendCost").css("color", "#999");
60
					}
61
					if($data.duration ==0) {
62
						$("#budget").css("color", "#999");
63
					}
64
					//省份城市颜色
65
					if($("#oprovince").text() == "请选择省/直辖市") {
66
						$("#oprovince").removeClass("mr_select");
67
					} else {
68
						$("#oprovince").addClass("mr_select");
69
					}
70
					if($("#ocity").text() == "请选择城市") {
71
						$("#ocity").removeClass("mr_select");
72
					} else {
73
						$("#ocity").addClass("mr_select");
74
					}
75
				}
76
			},
77
			"error": function() {
78
				$.MsgBox.Alert('提示', '服务器连接超时');
79
			}
80
		});
81
	}
82
	function cmpFun(par) {
83
		$.ajax({
84
			"url": "/ajax/org/queryByName",
85
			'data': {
86
				name: par
87
			},
88
			"type": "get",
89
			"async": true,
90
			"success": function(data) {
91
				if(data.success) {
92
					if(data.data != null) {
93
						$(".goSpan").show();
94
						if(data.data.forShort) {
95
							$("#Qname").text(data.data.forShort);
96
						}else{
97
							$("#Qname").text(data.data.name);
98
						}
99
						var img="/images/default-icon.jpg";
100
						if(data.data.hasOrgLogo==1){
101
							img="/images/org/" + data.data.id + ".jpg";
102
						}
103
						if(data.data.industry) {
104
							$("#industry").text(data.data.industry.replace(/,/g, " | "));
105
						}
106
						$("#companyImg").attr("src",img);
107
						$("#companyImg").parents(".cmpHead").attr("href","cmpInforShow.html?orgId="+data.data.id);
108
						$("#companyImg").parents(".cmpHead").attr("data-id",data.data.id);
109
						$("#Qname").attr("href","cmpInforShow.html?orgId="+data.data.id);
110
						if(data.data.authStatus==3){
111
							$("#QauthFlag").addClass("authicon-com-ok").attr("title","科袖认证企业")
112
						}
113
						
114
					} else {
115
						$("#companyImg").attr("src",'/images/default-icon.jpg');
116
						$("#Qname").text(par);
117
						$("#companyImg").parents(".cmpHead").removeAttr("href");
118
						$("#Qname").parents(".cmpHead").removeAttr("href");
119
					}
120
				}else {
121
					$("#companyImg").attr("src",'/images/default-icon.jpg');
122
					$("#Qname").text(par);
123
					$("#companyImg").parents(".cmpHead").removeAttr("href");
124
					$("#Qname").parents(".cmpHead").removeAttr("href");
125
				}
126
			},
127
			"error": function() {
128
				$.MsgBox.Alert('提示', '链接服务器超时')
129
			}
130
		});
131
	}
132
	function UnauthorizedUser(par) {
133
		$.ajax({
134
			url: "/ajax/professor/qaOrgAuth",
135
			type: "GET",
136
			timeout: 10000,
137
			dataType: "json",
138
			async:"false",
139
			data: {
140
				"orgId": $.cookie('orgId'),
141
				"orgAuth": 1
142
			},
143
			success: function(data, textState) {
144
				if(data.success) {
145
					console.log(data);
146
					unauthUser(data.data,par);
147
					if(data.data.length ==0) {
148
						$(".seRe").removeClass("displayNone")
149
					}
150
				}
151
			},
152
			error: function(XMLHttpRequest, textStats, errorThrown) {
153
				$.MsgBox.Alert('提示', '服务器请求失败')
154
			}
155
		})
156
	}
157
	function unauthUser($res,par) {
158
	var osting=""
159
	for(var i = 0; i < $res.length; i++) {
160
		var img;
161
		var oClass = autho($res[i].authType, $res[i].orgAuth, $res[i].authStatus);
162
		var oTitle="";
163
		if($res[i].title) {
164
			oTitle=$res[i].title;
165
		}else{
166
			if($res[i].office) {
167
				oTitle=$res[i].office;
168
			}
169
		}
170
		var cls='';
171
		if($res[i].id == par) {
172
			cls = 'selectAdd'
173
		}
174
		if($res[i].hasHeadImage) {
175
				img = "/images/head/" + $res[i].id + "_l.jpg";
176
			} else {
177
				img = "../images/default-photo.jpg"
178
			}
179
		var oSt = '<li class="flexCenter" style="cursor:pointer;" id="'+$res[i].id+'">'
180
		oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url('+img+');"></div>'
181
		oSt += '<div class = "madiaInfo">'
182
		oSt += '<p class = "ellipsisSty">'
183
		oSt += '<span class = "h1Font" id="name">'+$res[i].name+'</span><em class="authicon '+oClass.sty+'" title="'+oClass.title+'"></em >'
184
		oSt += '</p>'
185
		oSt += '<p class="h2Font ellipsisSty">'+oTitle+'</p>'
186
		oSt += '</div>'
187
		oSt += '<div class="selectNull '+cls+'" flag=1></div>'
188
		oSt += '</li>'
189
		osting+=oSt;
190
	}
191
	$("#expertli").html(osting);
192
}
193
	function formatDate(date) {
194
		var y = date.getFullYear();
195
		var m = date.getMonth() + 1;
196
		m = m < 10 ? '0' + m : m;
197
		var d = date.getDate();
198
		d = d < 10 ? ('0' + d) : d;
199
		return y + '-' + m + '-' + d;
200
	};
201

202
	function test() {
203
		if($("#oprovince").text() == "请选择省/直辖市") {
204
			$.MsgBox.Alert('提示', '请选择省/直辖市');
205
			return;
206
		}
207
		if($("#ocity").text() == "请选择城市") {
208
			$.MsgBox.Alert('提示', '请选择城市');
209
			return;
210
		}
211
		if($("#createTime").val() == "") {
212
			$.MsgBox.Alert('提示', '请选择需求有效期');
213
			return;
214
		} else {
215
			if(formatDate(a) > $("#createTime").val()) {
216
				$.MsgBox.Alert('提示', '该需求已过期,请修改有效期,若已解决请点击「需求已完成」按钮');
217
				return;
218
			}
219
		}
220
		if($("#phone").val().trim() == "") {
221
			$.MsgBox.Alert('提示', '请填写联系电话');
222
			return;
223
		} else if($("#phone").val().length > 50) {
224
			$.MsgBox.Alert('提示', '联系电话不得超过50个字');
225
			return;
226
		}
227
		return 1;
228
	}
229
	$("#modia").click(function() {
230
		if(test()) {
231
			$.MsgBox.Confirm("提示", "确认修改需求?", pDemand);
232
		}
233
	});
234
	$("#complete").click(function() {
235
		$.MsgBox.Confirm("提示", "确认需求已完成?", com);
236
	});
237
	$("#closeDemand").click(function() {
238
		$.MsgBox.Confirm("提示", "确认关闭该需求?", closeDe);
239
	});
240

241
	function com() {
242
		$.ajax({
243
			"url": "/ajax/demand/over",
244
			"type": "POST",
245
			"data": {
246
				"id": demandId
247
			},
248
			"contentType": "application/x-www-form-urlencoded",
249
			"traditional": true,
250
			"dataType": "json",
251
			"success": function(data) {
252
				if(data.success) {
253
					location.href = "cmp-needList.html";
254
				}
255
			},
256
			"error": function() {
257
				$.MsgBox.Alert('提示', '服务器连接超时');
258
			}
259
		});
260
	}
261

262
	function closeDe() {
263
		$.ajax({
264
			"url": "/ajax/demand/close",
265
			"type": "POST",
266
			"data": {
267
				"id": demandId
268
			},
269
			"contentType": "application/x-www-form-urlencoded",
270
			"traditional": true,
271
			"dataType": "json",
272
			"success": function(data) {
273
				if(data.success) {
274
					location.href = "myDemand.html";
275
				}
276
			},
277
			"error": function() {
278
				$.MsgBox.Alert('提示', '服务器连接超时');
279
			}
280
		});
281
	}
282
	/*时间转换成6位传给后台*/
283
	function st6(osr) {
284
		var tim = osr.substring(0, 4) + osr.substring(5, 7) + osr.substring(8, 10);
285
		return tim;
286
	}
287

288
	function pDemand() {
289
		var time=new Date(),
290
 			y=time.getFullYear();
291
 			m=time.getMonth()+1;
292
 			if(m<10) {
293
 				m="0"+m;
294
 			}
295
 			d=time.getDate();
296
 			if(d<10) {
297
 				d="0"+d;
298
 			}
299
 			var oTime=Number(y+""+m+""+d);
300
 			var seleTime=Number(st6($("#createTime").val()));
301
			if(oTime>seleTime) {
302
				$.MsgBox.Alert('提示', '该需求已过期,请修改有效期,若已解决请点击「需求已完成」按钮');
303
				return;
304
			}
305
		$.ajax({
306
			"url": "/ajax/demand/modify/org",
307
			"type": "POST",
308
			"data": {
309
				"province": $("#oprovince").text(),
310
				"city": $("#ocity").text(),
311
				"cost": $("#spendCost").val() != "0" ? $("#spendCost").val() : "",
312
				"duration": $("#budget").val() != "0" ? $("#budget").val() : "",
313
				"invalidDay": st6($("#createTime").val()),
314
				"contactNum": $("#phone").val(),
315
				"creater":$("#expertli").find(".selectAdd").parents('li').attr('id'),
316
				"id": demandId,
317
			    'orgName': $.cookie("orgName"),
318
			    'source': 'ekexiuWeb'
319
			},
320
			"contentType": "application/x-www-form-urlencoded",
321
			"traditional": true,
322
			"dataType": "json",
323
			"success": function(data) {
324
				if(data.success) {
325
					location.href = "myDemand.html";
326
				}
327
			},
328
			"error": function() {
329
				$.MsgBox.Alert('提示', '服务器连接超时');
330
			}
331
		});
332
	}
333
});

+ 1 - 0
cmp-portal/js/public/workMenu.js

@ -2,6 +2,7 @@ var Html = '';
2 2
	Html += '<ul>'+
3 3
	        	'<li><a>工作台</a></li>'+
4 4
	        	'<li class="demandIcon"><a href="cmp-needList.html">需求</a></li>'+
5
	        	'<li class="productIcon"><a href="cmp-productList.html">产品</a></li>'+
5 6
	        	'<li class="serIcon"><a href="cmp-serviceList.html">服务</a></li>'+
6 7
	        	'<li class="resIcon"><a href="cmp-resourceList.html">资源</a></li>'+
7 8
	        	'<li class="artIcon"><a href="cmp-articalList.html">文章</a></li>'+

+ 213 - 0
cmp-portal/needIssue.html

@ -0,0 +1,213 @@
1
<!DOCTYPE html>
2
<html>
3

4
	<head>
5
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
8
		<title>需求修改-科袖网</title>
9
		<link rel="shortcut icon" href="images/favicon.ico "/>
10
		<link href="css/bootstrap.min.css" rel="stylesheet">
11
		<link type="text/css" rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
12
		<link type="text/css" rel="stylesheet" href="css/glyIcon.css">
13
		<link type="text/css" href="../../css/postDemand.css" rel="stylesheet">
14
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
15
		<link type="text/css" href="../../css/common.css" rel="stylesheet">
16
		<link type="text/css" href="../../css/genindex.css" rel="stylesheet">
17
		<style type="text/css">
18
			
19
			input.frmtype[readonly] {
20
				color: #333;
21
			}
22
			
23
			.worksubcon {
24
				padding: 30px;
25
			}
26
			.postUl select{color:#999;}
27
			.postUl>.postChildE{padding-top: 40px;}
28
			.postUl .frmcontype{width: 98%;color:#666;}
29
			.postCenter>button{width: 140px; outline:none;}
30
			.postUss{padding:10px 20px;font-size: 14px;text-align:justify}
31
			.postUl>li>.spanR{right: 12px;}
32
			.postUl .msgContbox textarea{height: 300px;}
33
			button.btnModel{
34
				background-color:#28b8fa;
35
			}
36
			button.btnModel:hover{
37
				background-color:#28b8fa;
38
				opacity:0.9;
39
			}
40
			header .personal-box.bgRadius a:hover{ background-color:#17a4e4;}
41
		</style>
42
		<script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
43
	</head>
44

45
	<body>
46
		<!--header-->
47
		<header id="header">
48
			<script src="js/public/cmpHeader.js"></script>
49
		</header>
50
		<!--header end-->
51
		<!--main-->
52
		<div id="container">
53
			<div class="containerCon">
54
				<div class="contentCon clearfix conBlock">
55
					<div class="leftconBox floatL h3Font">
56
						<div class="showDetail">
57
							<div class="h1Font" id="demandTitle"></div>
58
							<div class="operateBlock bottomShow">
59
								<ul class="clearfix">
60
									<li><span id="publishTime"></span></li>
61
									<li><span>浏览量</span> <span id="pageView"></span></li>
62
								</ul>
63
							</div>
64
							<div class="showMain showMainP" id="demandContent">
65
								<div class="showCon"></div>
66
							</div>
67
						</div>
68
						<ul class="clearfix postUl">
69
							<p class="demandTit">所在城市<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
70
							<form action="" name="form1">
71
								<div class="col-w-6 citybox2">
72
									<span class="frmcontype" id="Province">
73
                                    	<em class="mr_sj"></em>
74
                                        <i class="mr_show" id="oprovince">请选择省/直辖市</i>
75
                                        <ul>
76
                                            <li><a href="javascript:void(0)" alt="请选择省/直辖市">请选择省/直辖市</a></li>
77
                                        </ul>
78
                                        <input type="hidden" name="cho_Province" value="请选择省/直辖市">
79
                                    </span>
80
								</div>
81
								<div class="col-w-6 citybox2">
82
									<span class="frmcontype floatR" id="City">
83
                                   		<em class="mr_sj"></em>
84
                                        <i class="mr_show" id="ocity">请选择城市</i>
85
                                        <ul>
86
                                            <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
87
                                        </ul>
88
                                        <input type="hidden" name="cho_City" value="请选择城市 ">
89
                                    </span>
90
								</div>
91
							</form>
92
						</ul>
93
						<ul class="clearfix postUl">
94
							<li class="floatL col-w-6">
95
								<p class="demandTit">费用预算</p>
96
								<select class="frmcontype fColor" id="spendCost" onchange="seleCo(this)">
97
									<option value="0" selected="selected">请选择预算范围</option>
98
									<option value="1">1万元以内</option>
99
									<option value="2">1-5万元</option>
100
									<option value="3">5-10万元</option>
101
									<option value="4">10-20万元</option>
102
									<option value="5">20-50万元</option>
103
									<option value="6">50万元以上</option>
104
								</select>
105
								<span></span>
106
							</li>
107
							<li class="floatR col-w-6 postChild">
108
								<p class="demandTit">预计合作周期</p>
109
								<select class="frmcontype fColor" id="budget" onchange="seleCo(this)">
110
									<option value="0">请选择预计合作周期</option>
111
									<option value="1">1个月内</option>
112
									<option value="2">1-3个月</option>
113
									<option value="3">3-6个月</option>
114
									<option value="4">6-12个月</option>
115
									<option value="5">1年以上</option>
116
								</select>
117
								<span class="spanR"></span>
118
							</li>
119
						</ul>
120
						<ul class="clearfix postUl">
121
							<li class="floatL col-w-6">
122
								<p class="demandTit">需求有效期<em class="requiredcon">*</em><span class="frmconmsg displayNone overdue">已过期</span></p>
123
								<div class="input-append date form_date dateBtn" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
124
									<em class="mr_sj"></em>
125
									<input size="16" type="text" value="" readonly class="frmtype frmcontype fColor" placeholder="请选择企业的创立时间" id="createTime"style="background: #ffffff;;">
126
									<span class="dateIcon"><i class="icon-calendar displayNone"></i></span>
127
									<span class="add-on"><i class="icon-th displayNone"></i></span>
128
								</div>
129
								<input type="hidden" id="dtp_input2" value="" />
130
								<span></span>
131
							</li>
132
							<li class=" col-w-6">
133
								<p class="demandTit">联系电话<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
134
								<input type="text" placeholder="请填写您的联系电话,以便客服与您联系" class="frmcontype fColor" maxlength="50" id="phone" />
135
							</li>
136
						</ul>
137

138
						<div class="last_postCenter">
139
							<button class="btnModel posted outN" id="modia">保存修改</button>
140
							<button class="btnModel posted outN" id="complete">需求已完成</button>
141
							<span class="lastDemand" id="closeDemand" style="cursor:pointer;">关闭该需求</span>
142
						</div>
143
					</div>
144
					<div class="rightconBox floatR">
145
						<div class="conItem conItemG alignCenter" style="border:none;">
146
					<a class="madiaHead cmpHead" href="">
147
						<div class="boxBlock">
148
							<img class="boxBlockimg" src="" id="companyImg">
149
						</div>
150
					</a>
151
					<div class="proInfo h3Font clearfix">
152
						<a class="h1Font qiyego" id="Qname" href=""></a>
153
						<span class="authiconNew" id="QauthFlag"></span>
154
					</div>
155
					<div class="proInfo h3Font clearfix" id="industry"></div>
156
				</div>
157
				<div class="conItem">
158
					<div class="form-item otherBlock">
159
						<div class="aboutTit">联系人<em class="requiredcon">*</em><span class="frmconmsg" id="linkman"></span></div>
160
						<div class="form-result addexpertRe">
161
							<ul class="addexpert" id="expertli" style="overflow-y:auto;max-height:380px;">
162
							</ul>
163
							<div class="seRe displayNone"><p>您当前没有认证员工</p>
164
							<p><a class="nowAn" href="resourceIssue.html" style="color:#28b8fa">点击这里进行认证</a></p>
165
						</div>
166
						</div>
167
					</div>
168
					
169
				</div>
170
			</div>
171
				</div>
172
			</div>
173
		</div>
174
		<div class="footer_tools">
175
		  <a id="scrollUp" href="javascript:;" title="返回顶部"></a>
176
		</div>
177
		<footer>
178
			<script type="text/javascript" src="js/public/cmpFooter.js"></script>
179
		</footer>
180
		<script type="text/javascript" src="js/public/jquery.cookie.js"></script>
181
		<script type="text/javascript" src="js/public/bootstrap.min.js"></script>
182
		<script type="text/javascript" src="js/public/bootstrap-datetimepicker.js"></script>
183
		<script type="text/javascript" src="js/public/jquery.similar.msgbox.js"></script>
184
		<script src="js/public/city.min.js" type="text/javascript" charset="utf-8"></script>
185
		<script type="text/javascript" src="js/public/cmpCom.js"></script>
186
		<script type="text/javascript" src="../js/public/baseUtil.js"></script>
187
		<script src="js/needIssue.js"></script>
188
		<script type="text/javascript">
189
			$(function () {
190
				$("h1").css("backgroundImage","url(images/home_icon_cmplogo.png)");
191
				$(".logo-block").css("backgroundImage","url(images/business_icon_logo_nor.png)")
192
				$('.bgRadius').css('backgroundColor','#28b8fa')
193
				$('.triangleB').css("border-bottom-color","#28b8fa")
194
				//回到顶部
195
				var $body = $(document.body);;
196
				var $bottomTools = $('.footer_tools');
197
				$(window).scroll(function () {
198
					var scrollHeight = $(document).height();
199
					var scrollTop = $(window).scrollTop();
200
					var $footerHeight = $('footer').outerHeight(true);
201
					var $windowHeight = $(window).innerHeight();
202
					scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);			
203
					$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
204
				});
205
				$('#scrollUp').click(function (e) {
206
					e.preventDefault();
207
					$('html,body').animate({ scrollTop:0});
208
				});
209
			})
210
	</script>
211
	</body>
212

213
</html>

+ 231 - 0
js/productPreview.js

@ -0,0 +1,231 @@
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("productId");
15
	var professorId = "";
16
	getRecourceMe();
17
	/*获取资源信息*/
18
	function getRecourceMe() {
19
		$.ajax({
20
			"url": "/ajax/product/qo",
21
			"type": "GET",
22
			"success": function(data) {
23
				console.log(data);
24
				if(data.success) {
25
					resourceHtml(data.data);
26
					var resourceName = data.data.name + "-科袖网";
27
					document.title = resourceName;
28
				}
29
			},
30
			"data": {
31
				"id": resourceId
32
			},
33
			dataType: "json",
34
			'error': function() {
35
				$.MsgBox.Alert('提示', '服务器连接超时!');
36
			}
37
		});
38
	}
39
	/*合作备注及性能参数存储换行格式*/
40
	function outHTML(selecter) {
41
		var getValue = selecter;
42
		var aa = "";
43
		if(getValue) {
44
			var endValue = ((getValue.replace(/<(.+?)>/gi, "&lt;$1&gt;")).replace(/ /gi, "&nbsp;")).replace(/\n/gi, "|");
45
			var cc = endValue.split("|");
46
			for(var i = 0; i < cc.length; i++) {
47
				aa += cc[i] + '<br/>'
48
			}
49
		}
50
		return aa;
51
	}
52
	/*处理资源html代码*/
53
	function resourceHtml($da) {
54
		comMess($da.owner);
55
		$("#resourceName").text($da.name ); //名字
56
		$("#application").text($da.cnt); //应用用途
57
		if($da.producingArea) {
58
			$("#productArea").text($da.producingArea).parents("li").show();
59
		}
60
		if($da.price) {
61
			$("#officialPrice").text($da.price).parents("li").show();
62
		}
63
		if($da.spec) { //厂商型号
64
			$("#modelNumber").text($da.spec).parents("li").show();
65
		}
66
		if($da.parameter) { //性能参数
67
			$("#performancePa").html(outHTML($da.parameter)).parents("li").show();
68
		}
69
		if($da.keywords) {
70
			var oSub = $da.keywords.split(",");
71
			var oSt = "";
72
			for(var i = 0; i < oSub.length; i++) {
73
				oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
74
			}
75
			$(".tagList").html(oSt);
76
		}
77
		if($da.descp) { //编辑器
78
			$("#descp").html($da.descp).parents("li").show();
79
		}
80
		//return;
81
		if($da.images) {
82
			$("#firstFigure").attr({
83
				"src": "/data/product" + $da.images.split(',')[0],
84
				"rel": "/data/product" + $da.images.split(',')[0]
85
			}).parent().attr("href", "/data/product" + $da.images.split(',')[0]);
86
			var arr = "";
87
			var images = $da.images.split(',')
88
			for(var i = 0; i < images.length; i++) {
89
				if(i==0) {
90
					var oString = '<li class="tb-selected">' +
91
						'<div class="tb-pic tb-s66">' +
92
						'<a href="javascript:void(0);">' +
93
						'<img src="/data/product' + images[0] + '"/>' +
94
						'</a>' +
95
						'</div>' +
96
						'</li>'
97
				} else {
98
					var oString = '<li >' +
99
						'<div class="tb-pic tb-s66">' +
100
						'<a href="javascript:void(0);">' +
101
						'<img src="/data/product' + images[i] + '"/>' +
102
						'</a>' +
103
						'</div>' +
104
						'</li>'
105
				}
106

107
				arr += oString;
108
			}
109
			$("#thumblist").html(arr);
110
		}
111

112
	}
113
	
114

115
	selUse();
116
	function selUse() {
117
		$.ajax({
118
			url: "/ajax/product/pro",
119
			type: "GET",
120
			timeout: 10000,
121
			dataType: "json",
122
			async:true,
123
			data: {
124
				"id": resourceId,
125
			},
126
			success: function(data, textState) {
127
				console.log(data)
128
				if(data.success) {
129
					//unauthUser(data.data);
130
					var arr = [];
131
					for(var i=0;i<data.data.length;i++) {
132
						arr.push(data.data[i].professor)
133
					}
134
					console.log(arr)
135
					professorList(arr);
136
				}
137
			},
138
			error: function(XMLHttpRequest, textStats, errorThrown) {
139
				$.MsgBox.Alert('提示', '服务器请求失败')
140
			}
141
		})
142
	}
143
	function professorList(par) {
144
		$.ajax({
145
			url: "/ajax/professor/qm",
146
			type: "GET",
147
			timeout: 10000,
148
			dataType: "json",
149
			async:true,
150
			traditional:true,
151
			data: {
152
				"id": par,
153
			},
154
			success: function(data, textState) {
155
				console.log(data)
156
				if(data.success) {
157
					if(data.data.length) {
158
						unauthUser(data.data);
159
						$("#resPerson").show();
160
					}
161
					
162
				}
163
			},
164
			error: function(XMLHttpRequest, textStats, errorThrown) {
165
				$.MsgBox.Alert('提示', '服务器请求失败')
166
			}
167
		})
168
	}
169
	function unauthUser($res) {
170
	var osting=""
171
	for(var i = 0; i < $res.length; i++) {
172
		var img;
173
		var styC="";
174
		var oClass = autho($res[i].authType, $res[i].orgAuth, $res[i].authStatus);
175
		var oTitle="";
176
		if($res[i].title) {
177
			oTitle=$res[i].title;
178
		}else{
179
			if($res[i].office) {
180
				oTitle=$res[i].office;
181
			}
182
		}
183
		if($res[i].hasHeadImage) {
184
				img = "/images/head/" + $res[i].id + "_l.jpg";
185
			} else {
186
				img = "../images/default-photo.jpg"
187
			}
188
		var oSt = '<li>'
189
		oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url('+img+');"></div>'
190
		oSt += '<div class = "madiaInfo">'
191
		oSt += '<p class = "ellipsisSty">'
192
		oSt += '<span class = "h1Font" id="name">'+$res[i].name+'</span><em class="authicon '+oClass.sty+'" title="'+oClass.title+'"></em >'
193
		oSt += '</p>'
194
		oSt += '<p class="h2Font ellipsisSty">'+oTitle+'</p>'
195
		oSt += '</div>'
196
		oSt += '<div class="'+styC+'" flag=1></div>'
197
		oSt += '</li>'
198
		osting+=oSt;
199
	}
200
	$("#expertli").html(osting);
201
}
202
	function comMess(oid) {
203
	$.ajax({
204
			url: "/ajax/org/" +oid,
205
			type: "GET",
206
			timeout: 10000,
207
			dataType: "json",
208
			async:"true",
209
			success: function(data, textState) {
210
				if(data.success) {
211
					var $da = data.data;
212
			$("#enterprise,#resPerson").show();
213
			if($da.hasOrgLogo) {
214
				$("#companyImg").attr("src", "/images/org/" + $da.id + ".jpg");
215
			}else{
216
				$("#companyImg").attr("src", "/images/default-icon.jpg");
217
			}
218
			if($da.authStatus==3){
219
				$("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");	
220
			}
221
			$("#Qname").text($da.name);
222
			$("#Qindustry").text($da.subject);
223
			$("#QorgType").text(orgTypeShow[$da.orgType])
224
				}
225
			},
226
			error: function(XMLHttpRequest, textStats, errorThrown) {
227
				$.MsgBox.Alert('提示', '服务器请求失败')
228
			}
229
		})
230
}
231
})

+ 394 - 0
js/productShow.js

@ -0,0 +1,394 @@
1
$(document).ready(function() {
2
	loginStatus(); //判断个人是否登录
3
	var userid = $.cookie("userid");
4
	var resourceId = GetQueryString("productId");
5
	if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
6
	 	location.href="http://" + window.location.host + "/e/pr.html?id="+resourceId;
7
	}
8
	$(".jqzoom").imagezoom();
9
	$("#thumblist").on("click", "li a", function() {
10
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
11
		$(".jqzoom").attr('src', $(this).find("img").attr("src"));
12
		$(".jqzoom").attr('rel', $(this).find("img").attr("src"));
13
	});
14
	$('.shareWeixin').hover(function() {
15
		$('.shareCode').stop(true, false).fadeToggle();
16
	});
17
	
18
	ifcollectionAbout(resourceId,$("#attention").find("em"), 11)
19
	pageViewLog(resourceId,11)
20
	var professorId = "";
21
	getRecourceMe();
22
	
23
	//热门资源
24
	function recentlyRe(par) {
25
		var $info= {};
26
		$info.rows =6;
27
		$info.owner =par;
28
		$.ajax({
29
			"url" :'/ajax/product/publish' ,
30
			"type" :  "GET" ,
31
			"dataType" : "json",
32
			"data" :$info,
33
			"success" : function(data) {
34
				if (data.success){
35
					var $data=data.data;
36
					var only=false;
37
					if($data.length>1){
38
						if($data.length >1 || ($data.length ==1 && resourceId == $data[0].id))
39
						$(".recentlyList").parents(".currentBlock").removeClass("displayNone");
40
						for(var i=0;i<$data.length;i++) {
41
							if(resourceId==$data[i].id) {
42
								
43
								continue;
44
							}
45
							var resIM='/data/product' + $data[i].images.split(",")[0];
46
							var str='<li><a class="flexCenter" style="min-height:46px;" href="productShow.html?productId='+$data[i].id+'">'+
47
									'<div class="madiaHead resourceHead" style="width:50px;height:36px;margin-top:-18px;background-image: url('+ resIM +');"></div>'+
48
								'<div class="madiaInfo"><p class="h2Font ellipsisSty-2">'+$data[i].name+'</p></div></a></li>'
49
							$(".recentlyList").append(str);	
50
						}
51
					}
52
				}
53
					
54
				
55
				
56
			},
57
			"error":function(){
58
				$.MsgBox.Alert('提示','链接服务器超时')
59
			}
60
		});
61
	}
62
	/*获取资源信息*/
63
	function getRecourceMe() {
64
		$.ajax({
65
			"url": "/ajax/product/qo",
66
			"type": "GET",
67
			"success": function(data) {
68
				console.log(data);
69
				if(data.success) {
70
					resourceHtml(data.data);
71
					var resourceName = data.data.name + "-科袖网";
72
					document.title = resourceName;
73
				}
74
			},
75
			"data": {
76
				"id": resourceId
77
			},
78
			dataType: "json",
79
			'error': function() {
80
				$.MsgBox.Alert('提示', '服务器连接超时!');
81
			}
82
		});
83
	}
84
	/*合作备注及性能参数存储换行格式*/
85
	function outHTML(selecter) {
86
		var getValue = selecter;
87
		var aa = "";
88
		if(getValue) {
89
			var endValue = ((getValue.replace(/<(.+?)>/gi, "&lt;$1&gt;")).replace(/ /gi, "&nbsp;")).replace(/\n/gi, "|");
90
			var cc = endValue.split("|");
91
			for(var i = 0; i < cc.length; i++) {
92
				aa += cc[i] + '<br/>'
93
			}
94
		}
95
		return aa;
96
	}
97
	/*处理资源html代码*/
98
	function resourceHtml($da) {
99
		comMess($da.owner);
100
		recentlyRe($da.owner);
101
		$("#resourceName").text($da.name ); //名字
102
		$("#application").text($da.cnt); //应用用途
103
		if($da.producingArea) {
104
			$("#productArea").text($da.producingArea).parents("li").show();
105
		}
106
		if($da.price) {
107
			$("#officialPrice").text($da.price).parents("li").show();
108
		}
109
		if($da.spec) { //厂商型号
110
			$("#modelNumber").text($da.spec).parents("li").show();
111
		}
112
		if($da.parameter) { //性能参数
113
			$("#performancePa").html(outHTML($da.parameter)).parents("li").show();
114
		}
115
		if($da.pageViews>0){
116
			$("#pageView").html($da.pageViews)
117
		}
118
		if($da.keywords) {
119
			var oSub = $da.keywords.split(",");
120
			var oSt = "";
121
			for(var i = 0; i < oSub.length; i++) {
122
				oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
123
			}
124
			$(".tagList").html(oSt);
125
		}
126
		if($da.descp) { //编辑器
127
			$("#descp").html($da.descp).parents("li").show();
128
		}
129
		var weibotitle = $da.name;
130
		var weibourl = window.location.href;
131
		//return;
132
		if($da.images) {
133
			var weibopic = "http://" + window.location.host + "/data/product" + $da.images.split(',')[0];
134
			$("#firstFigure").attr({
135
				"src": "/data/product" + $da.images.split(',')[0],
136
				"rel": "/data/product" + $da.images.split(',')[0]
137
			}).parent().attr("href", "/data/product" + $da.images.split(',')[0]);
138
			var arr = "";
139
			var images = $da.images.split(',')
140
			for(var i = 0; i < images.length; i++) {
141
				if(i==0) {
142
					var oString = '<li class="tb-selected">' +
143
						'<div class="tb-pic tb-s66">' +
144
						'<a href="javascript:void(0);">' +
145
						'<img src="/data/product' + images[0] + '"/>' +
146
						'</a>' +
147
						'</div>' +
148
						'</li>'
149
				} else {
150
					var oString = '<li >' +
151
						'<div class="tb-pic tb-s66">' +
152
						'<a href="javascript:void(0);">' +
153
						'<img src="/data/product' + images[i] + '"/>' +
154
						'</a>' +
155
						'</div>' +
156
						'</li>'
157
				}
158

159
				arr += oString;
160
			}
161
			$("#thumblist").html(arr);
162
		} else {
163
			var weibopic = "http://" + window.location.host + "../images/default-resource.jpg";
164
			$("#firstFigure").attr({
165
				"src": '../images/default-resource.jpg',
166
				"rel": '../images/default-resource.jpg'
167
			});
168
		}
169
		$("#weibo").attr("href","http://service.weibo.com/share/share.php?appkey=3677230589&title="+encodeURIComponent(weibotitle)+"&url="+encodeURIComponent(weibourl)+"&pic="+encodeURIComponent(weibopic)+"&content=utf-8"+"&ralateUid=6242830109&searchPic=false&style=simple");
170

171
	}
172
	/*点击名字及头像跳转个人浏览页面*/
173
	$("#nameS,#headImg").click(function() {
174
		location.href = "userInforShow.html?professorId=" + professorId;
175
	})
176
	//关键词标签点击进去搜索
177
	$(".tagList").on("click","li",function(){
178
		var tagText = $(this).find("p").text();
179
		location.href = "searchNew.html?searchContent=" + tagText + "&tagflag=2";
180
	})
181
	/*点击咨询*/
182
	$("#consultin").on('click', function(){
183
		if(userid && userid != null && userid != 'null' && userid != undefined && userid != 'undefined') {
184
			location.href="tidings.html?id="+professorId
185
		} else {
186
			quickLog();
187
			operatTab();
188
			closeLog();
189
		}
190
	});
191
	$("#expertli").on("click",".addbtn",function(event) {
192
		if(userid && userid != null && userid != 'null' && userid != undefined && userid != 'undefined') {
193
			var id=$(this).attr("data-id");
194
			location.href="tidings.html?id="+id;
195
		} else {
196
			quickLog();
197
			operatTab();
198
			closeLog();
199
		}
200
		event.stopPropagation()
201
	});
202
	$("#enterprise").on("click",'.attenSpan',function() {
203
		if(userid && userid != "null" && userid != null) {
204
			if($(this).is('.attenedSpan')){
205
				cancelCollectionAbout($(".qiyego").attr('dataid'),$(this), 6)
206
			} else {
207
				collectionAbout($(".qiyego").attr('dataid'),$(this),6);
208
			}	
209
		} else {
210
			quickLog();
211
			operatTab();
212
			closeLog();
213
		}
214
	})
215

216
	//点击产品收藏
217
	$('#attention em').click(function() {
218
		if (userid && userid != "null" && userid != null) {
219
			if($(this).is('.icon-collected')){
220
				cancelCollectionAbout(resourceId,$(this),11)
221
			}else{
222
				collectionAbout(resourceId,$(this),11)
223
			}
224
		} else {
225
			quickLog();
226
			operatTab();
227
			closeLog();
228
		}
229
	})
230

231
	selUse();
232
	function selUse() {
233
		$.ajax({
234
			url: "/ajax/product/pro",
235
			type: "GET",
236
			timeout: 10000,
237
			dataType: "json",
238
			async:true,
239
			data: {
240
				"id": resourceId,
241
			},
242
			success: function(data, textState) {
243
				console.log(data)
244
				if(data.success) {
245
					if(data.data.length>0){
246
						$("#expertli").parents(".currentBlock").removeClass("displayNone");
247
						
248
					}else{
249
						$("#expertli").parents(".currentBlock").addClass("displayNone");
250
					}
251
					var arr = [];
252
					for(var i=0;i<data.data.length;i++) {
253
						arr.push(data.data[i].professor)
254
					}
255
					console.log(arr)
256
					professorList(arr);
257
				}
258
			},
259
			error: function(XMLHttpRequest, textStats, errorThrown) {
260
				$.MsgBox.Alert('提示', '服务器请求失败')
261
			}
262
		})
263
	}
264
	function professorList(par) {
265
		$.ajax({
266
			url: "/ajax/professor/qm",
267
			type: "GET",
268
			timeout: 10000,
269
			dataType: "json",
270
			async:true,
271
			traditional:true,
272
			data: {
273
				"id": par,
274
			},
275
			success: function(data, textState) {
276
				console.log(data)
277
				if(data.success) {
278
					if(data.data.length) {
279
						unauthUser(data.data);
280
						$("#resPerson").show();
281
					}
282
					
283
				}
284
			},
285
			error: function(XMLHttpRequest, textStats, errorThrown) {
286
				$.MsgBox.Alert('提示', '服务器请求失败')
287
			}
288
		})
289
	}
290
	function unauthUser($res) {
291
	var osting=""
292
	for(var i = 0; i < $res.length; i++) {
293
		var img;
294
		var styC="";
295
		var oClass = autho($res[i].authType, $res[i].orgAuth, $res[i].authStatus);
296
		var oTitle="";
297
		if($res[i].title) {
298
			oTitle=$res[i].title;
299
		}else{
300
			if($res[i].office) {
301
				oTitle=$res[i].office;
302
			}
303
		}
304
		if($res[i].hasHeadImage) {
305
				img = "/images/head/" + $res[i].id + "_l.jpg";
306
			} else {
307
				img = "../images/default-photo.jpg"
308
			}
309
		var oSt = '<li data-id="' + $res[i].id + '" style="cursor:pointer;">'
310
		oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url('+img+');"></div>'
311
		oSt += '<div class = "madiaInfo">'
312
		oSt += '<p class = "ellipsisSty">'
313
		oSt += '<span class = "h1Font" id="name">'+$res[i].name+'</span><em class="authicon '+oClass.sty+'" title="'+oClass.title+'"></em >'
314
		oSt += '</p>'
315
		oSt += '<p class="h2Font ellipsisSty">'+oTitle+'</p>'
316
		oSt += '</div>'
317
		if(userid != $res[i].id)
318
		oSt += '<span class="addbtn" data-id="' + $res[i].id + '">联系</span>'
319
		oSt += '</li>'
320
		osting+=oSt;
321
	}
322
	$("#expertli").html(osting);
323
}
324
	function comMess(oid) {
325
	$.ajax({
326
			url: "/ajax/org/" +oid,
327
			type: "GET",
328
			timeout: 10000,
329
			dataType: "json",
330
			async:"true",
331
			success: function(data, textState) {
332
				if(data.success) {
333
					var $da = data.data;
334
			$("#enterprise,#resPerson").show();
335
			if($da.hasOrgLogo) {
336
				$("#companyImg").attr("src", "/images/org/" + $da.id + ".jpg");
337
			}else{
338
				$("#companyImg").attr("src", "/images/default-icon.jpg");
339
			}
340
			if($da.authStatus==3){
341
				$("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");	
342
			}
343
			$("#Qname").text($da.name);
344
			$("#Qindustry").text($da.subject);
345
			$("#QorgType").text(orgTypeShow[$da.orgType])
346
			$(".qiyego").attr('dataid',$da.id);
347
			if(userid){
348
				ifcollectionAbout($da.id,$("#enterprise").find(".attenSpan"), 6)
349
			}
350
				}
351
			},
352
			error: function(XMLHttpRequest, textStats, errorThrown) {
353
				$.MsgBox.Alert('提示', '服务器请求失败')
354
			}
355
		})
356
}
357
	$("#expertli").on("click",function() {
358
		location.href = "userInforShow.html?professorId=" + $(this).attr("data-id");
359
	})
360
	//纠错反馈
361
	$(".correctSubmit").on("click",function(){
362
		var cntCon=$(this).siblings(".correctCon").val();
363
		var cntUser="";
364
		if(userid && userid != null && userid != "null") {
365
			cntUser = userid;
366
		}
367
		if(cntCon.length>500){
368
			$.MsgBox.Alert('提示', '纠错反馈内容不得超过500个字');
369
			return;
370
		}else{
371
			$.ajax({
372
				"url": "/ajax/feedback/error/product",
373
				"type": "POST",
374
				"dataType": "json",
375
				"async": true,
376
				"data": {
377
					"id": resourceId,
378
					"cnt":cntCon,
379
					"user":cntUser
380
				},
381
				"success": function(data) {
382
					if(data.success) {
383
						backSuccessed();
384
					}
385
				},
386
				"error": function() {
387
					$.MsgBox.Alert('提示', '链接服务器超时')
388
				}
389
			});
390
		}
391
	})
392
	
393
	
394
})

+ 161 - 0
productPreview.html

@ -0,0 +1,161 @@
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
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13
<script type="text/javascript" src="js/jquery.imagezoom.min.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 leftconBox2">
24
				<div class="showDetail">
25
					<!--资源基本信息-->
26
					<div class="showReBasic clearfix">
27
						<div class="Imagebox floatL">
28
		                    <div class="tb-booth tb-pic tb-s360">
29
		                        <a href="" target="_blank">
30
		                            <img src="" alt="美女" rel="" class="jqzoom" id="firstFigure"/>
31
		                        </a>
32
		                    </div>
33
		                    <ul class="tb-thumb" id="thumblist">
34
		                       
35
		                    </ul>
36
		                </div>
37
		                <div class="reInfoBlock floatL">
38
		                	<div class="h1Font" id="resourceName"></div>
39
		                	<div class="h2Font">简介:<span id="application"></span></div>
40
		                	<div class="operateBlock resShareUl" style="display:none">
41
		                		<ul>
42
		                			<li><span>浏览量 </span><span id="pageView"></span></li>
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>
65
									<div class="showTit">厂商型号:</div>
66
									<div class="showCon" id="modelNumber">
67
									</div>
68
								</li>
69
								<li>
70
									<div class="showTit">产地:</div>
71
									<div class="showCon" id="productArea">
72
									</div>
73
								</li>
74
								<li>
75
									<div class="showTit">官方价格:</div>
76
									<div class="showCon" id="officialPrice">
77
									</div>
78
								</li>
79
								<li>
80
									<div class="showTit">性能参数:</div>
81
									<div class="showCon" id="performancePa">
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="enterprise">
100
					<a class="qiyego">
101
						<div class="madiaHead cmpHead" id="Qimg">
102
							<div class="boxBlock">
103
								<img class="boxBlockimg" src="" id="companyImg">
104
							</div>
105
						</div>
106
					</a>
107
					<div class="proInfo alignCenter">
108
						<div class="h3Font clearfix">
109
							<a class="h1Font qiyego" id="Qname"></a>
110
							<span class="authiconNew" title="" id="QauthFlag"></span>
111
						</div>
112
						<p class="h2Font ellipsisSty" id="Qindustry"></p>
113
						<p class="h2Font" id="QorgType"></p>
114
					</div>
115
				</div>
116
				<div class="conItem displayNone" id="resPerson">
117
					<div class="form-item otherBlock">
118
						<div class="aboutTit">联系人</div>
119
						<div class="form-result addexpertRe">
120
							<ul class="addexpert" id="expertli">
121
								
122
							</ul>
123
						</div>
124
					</div>
125
					
126
				</div>
127
			</div>
128
		</div>
129
	</div>
130
</div>
131
<footer>
132
	<script type="text/javascript" src="js/footer.js"></script>
133
</footer>
134
<script type="text/javascript" src="js/jquery.cookie.js"></script>
135
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
136
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
137
<script type="text/javascript" src="js/jquery.page.js"></script>
138
<script type="text/javascript" src="js/public/baseUtil.js"></script>
139
<script type="text/javascript" src="js/public/genCom.js"></script>
140
<script type="text/javascript" src="js/productPreview.js"></script>
141
<script type="text/javascript">
142

143
	//分享关注按钮
144
	//$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
145
	
146
	//微信分享
147
	var qrcode = new QRCode(document.getElementById("qrcode"), {
148
		width : 100,
149
		height : 100
150
	});
151
	function makeCode(){
152
		var hurl = window.location.host;
153
		var resourceId =  GetQueryString("resourceId");
154
		var elurl = "http://" + hurl + "/e/r.html?id=" + resourceId ; 
155
		qrcode.makeCode(elurl);
156
	}
157
	makeCode();
158
	
159
</script>
160
</body>
161
</html>

+ 207 - 0
productShow.html

@ -0,0 +1,207 @@
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
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13
<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
14
<script>
15
	var _hmt = _hmt || [];
16
	(function() {
17
	  var hm = document.createElement("script");
18
	  hm.src = "https://hm.baidu.com/hm.js?d3db502c8cee2d618c01fe7aa6518602";
19
	  var s = document.getElementsByTagName("script")[0]; 
20
	  s.parentNode.insertBefore(hm, s);
21
	})();
22
</script>
23
</head>
24

25
<body>
26
<header id="header">
27
	<script src="js/header.js"></script>
28
</header>
29
<div id="container">
30
	<div class="containerCon">
31
		<div class="contentCon clearfix conBlock">
32
			<div class="leftconBox floatL leftconBox2">
33
				<div class="showDetail">
34
					<!--资源基本信息-->
35
					<div class="showReBasic clearfix">
36
						<div class="Imagebox floatL">
37
		                    <div class="tb-booth tb-pic tb-s360">
38
		                        <a href="" target="_blank">
39
		                            <img src="" class="jqzoom" id="firstFigure"/>
40
		                        </a>
41
		                    </div>
42
		                    <ul class="tb-thumb" id="thumblist">
43
		                       
44
		                    </ul>
45
		                </div>
46
		                <div class="reInfoBlock floatL">
47
		                	<div class="h1Font" id="resourceName"></div>
48
		                	<div class="h2Font">简介:<span id="application"></span></div>
49
		                	<div class="operateBlock resShareUl">
50
		                		<ul>
51
		                			<li><span>浏览量 </span><span id="pageView"></span></li>
52
		                			<li id="attention"><span>收藏</span> <em class="operateicon operateicon2 icon-collect"></em></li>
53
									<li>
54
										<span>分享到</span>
55
										<a href="" id="weibo" target="_blank"><em class="operateicon operateicon2 icon-sina"></em></a>
56
										<em class="operateicon operateicon2 icon-wechat shareWeixin">
57
											<div class="shareCode clearfix">
58
												<div class="floatL" id="qrcode"></div>
59
												<div class="shareWord floatR">
60
													<p>打开微信“扫一扫”,<br/>打开网页后点击屏幕右上角“分享”按钮</p>
61
												</div>
62
											</div>
63
										</em>
64
									</li>
65
		                		</ul>
66
		                	</div>
67
		                </div>
68
	                </div>
69
	                <div class="showReOther">
70
						<!--资源详情区-->
71
						<div class="showMain showMain2">
72
							<ul>
73
								<li>
74
									<div class="showTit">厂商型号:</div>
75
									<div class="showCon" id="modelNumber">
76
									</div>
77
								</li>
78
								<li>
79
									<div class="showTit">产地:</div>
80
									<div class="showCon" id="productArea">
81
									</div>
82
								</li>
83
								<li>
84
									<div class="showTit">官方价格:</div>
85
									<div class="showCon" id="officialPrice">
86
									</div>
87
								</li>
88
								<li>
89
									<div class="showTit">性能参数:</div>
90
									<div class="showCon" id="performancePa">
91
									</div>
92
								</li>
93
								<li id="articleContent">
94
									<div class="showTit">详细介绍:</div>
95
									<div class="showCon" id="descp">
96
									</div>
97
								</li>
98
							</ul>
99
						</div>
100
						<!--标签模块-->
101
						<ul class="tagList">
102
							
103
						</ul>
104
						<!--相关服务-->
105
						<div class="form-item otherShow displayNone">
106
							<div class="aboutTit">相关服务</div>
107
							<div class="form-result aboutRes pointOk">
108
								<ul id="oService">
109
								</ul>
110
							</div>
111
						</div>
112
					</div>
113
				</div>
114
			</div>
115
			<div class="rightconBox floatR">
116
				<div class="conItem conItemG alignCenter displayNone" id="person">
117
					<div class="madiaHead useHead" id="headImg" style="cursor:pointer"></div>
118
					<div class="proInfo">
119
						<div class="h3Font clearfix">
120
							<span class="h1Font" id="nameS" style="cursor:pointer"></span>
121
							<span class="authiconNew" title="" id="authFlag"></span>
122
						</div>
123
						<p class="h2Font" id="titleOffice"></p>
124
						<p class="h2Font" id="orgType"></p>
125
					</div>
126
					<div class="goSpan displayNone">
127
						<span class="consultSpan" id="consultin">联系</span>
128
						<span class="attenSpan">关注</span>
129
					</div>
130
					<div class="form-item otherBlock currentBlock displayNone">
131
						<div class="aboutTit">热门资源</div>
132
						<div class="form-result currentArt">
133
							<ul class="recentlyList">
134
							</ul>
135
						</div>
136
					</div>	
137
				</div>
138
				<div class="conItem conItemG alignCenter displayNone" id="enterprise">
139
					<a href="" class="qiyego">
140
						<div class="madiaHead cmpHead" id="Qimg">
141
							<div class="boxBlock">
142
								<img class="boxBlockimg" src="" id="companyImg">
143
							</div>
144
						</div>
145
					</a>
146
					<div class="proInfo">
147
						<div class="h3Font clearfix">
148
							<a  class="h1Font qiyego" id="Qname"></a>
149
							<span class="authiconNew" title="" id="QauthFlag"></span>
150
						</div>
151
						<p class="h2Font ellipsisSty" id="Qindustry"></p>
152
						<p class="h2Font" id="QorgType"></p>
153
					</div>
154
					<div class="goSpan">
155
						<span class="attenSpan">关注</span>
156
					</div>
157
					<div class="form-item otherBlock currentBlock displayNone">
158
						<div class="aboutTit">联系人</div>
159
						<div class="form-result addexpertRe" style="margin-top:0">
160
							<ul class="addexpert" id="expertli">
161
								
162
							</ul>
163
						</div>
164
					</div>
165
					<div class="form-item otherBlock currentBlock displayNone">
166
						<div class="aboutTit">其他产品</div>
167
						<div class="form-result currentArt">
168
							<ul class="recentlyList">
169
							</ul>
170
						</div>
171
					</div>
172
				</div>
173
			</div>
174
		</div>
175
	</div>
176
</div>
177
<!--反馈建议-->
178
<script type="text/javascript" src="js/correctBack.js"></script>
179
<footer>
180
	<script type="text/javascript" src="js/footer.js"></script>
181
</footer>
182
<script type="text/javascript" src="js/jquery.cookie.js"></script>
183
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
184
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
185
<script type="text/javascript" src="js/jquery.page.js"></script>
186
<script type="text/javascript" src="js/public/baseUtil.js"></script>
187
<script type="text/javascript" src="js/public/genCom.js"></script>
188
<script type="text/javascript" src="js/public/cacheUtil.js"></script>
189
<script type="text/javascript" src="js/productShow.js"></script>
190
<script type="text/javascript" src="js/quickLogin.js"></script>
191
<script type="text/javascript">
192
	//微信分享
193
	var qrcode = new QRCode(document.getElementById("qrcode"), {
194
		width : 100,
195
		height : 100
196
	});
197
	function makeCode(){
198
		var hurl = window.location.host;
199
		var resourceId =  GetQueryString("resourceId");
200
		var elurl = "http://" + hurl + "/e/r.html?id=" + resourceId ; 
201
		qrcode.makeCode(elurl);
202
	}
203
	makeCode();
204
	
205
</script>
206
</body>
207
</html>