Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 830 Releases 0 Wiki
Browse Source

需求分享h5

luyanan 7 years ago
parent
3565d5a2e3
commit
81cc9c3227
4 changed files with 251 additions and 2 deletions
Split View Show Diff Stats
  1. 1 1
      css/share.css
  2. 1 1
      demandShow.html
  3. 231 0
      e/d.html
  4. 18 0
      js/public/shareCom.js

+ 1 - 1
css/share.css
View File 

@ -93,7 +93,7 @@ ul.tagList>li .h2Font{color: #666;}
93 93 
.madiaBlock .madiaHead.artHead{background-image: url(../images/default-artical.jpg);}
94 94 
.madiaBlock .madiaHead.cmpHead{background:#FFFFFF;border-radius:0;border:none}
95 95 
.madiaBlock .madiaHead.cmpHead .boxBlock{width: 90px;height: 60px;}
96 
.madiaBlock .madiaHead.cmpHead2{width:50px;height:40px;margin-top:-20px;background:#FFFFFF;border-radius:0;border:none}
96 
.madiaBlock .madiaHead.cmpHead2{width:50px;height:40px;margin-top:-20px;background:none;border-radius:0;border:none}
97 97 
.madiaBlock .madiaHead.cmpHead2 .boxBlock{width:50px;height:40px;}
98 98 
.madiaBlock .madiaHead.paperHead{background-image: url(../images/default-paper.jpg);}
99 99 
.madiaBlock .madiaHead.patentHead{background-image: url(../images/default-patent.jpg);}

+ 1 - 1
demandShow.html
View File 

@ -102,7 +102,7 @@
102 102 
	function makeCode(){
103 103 
		var hurl = window.location.host;
104 104 
		var demandId =  GetQueryString("demandId");
105 
		var elurl = "http://" + hurl + "/e/z.html?id=" + demandId ;
105 
		var elurl = "http://" + hurl + "/e/d.html?id=" + demandId ;
106 106 
		qrcode.makeCode(elurl);
107 107 
	}
108 108 
	makeCode();

+ 231 - 0
e/d.html
View File 

@ -0,0 +1,231 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta charset="UTF-8">
5 
<title>需求分享-科袖网</title>
6 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
<link rel="stylesheet" href="../css/reset.css" />
8 
<link rel="stylesheet" href="../css/common.css" />
9 
<link rel="stylesheet" href="../css/share.css" />
10 
<style>
11 
	html,body{background: #FFFFFF;}
12 
</style>
13 
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
14 
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
15 
<script type="text/javascript" src="../js/public/shareCom.js"></script>
16 
</head>
17
18 
<body>
19 
	<div class="contentBody2">
20 
	    <div class="showDetail">
21 
    		<div class="h1Font hWeight" id="demandTit"></div>
22 
    		<div class="madiaBlock">
23 
    			<ul class="mui-table-view noactiveTab infoBlock">
24 
			        <li class="mui-table-view-cell" id="personAL">
25 
			            <div class="flexCenter mui-clearfix">
26 
			                <div class="madiaHead cmpHead2">
27 
			                	<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="../images/default-icon.jpg"></div>
28 
			                </div>
29 
							<div class="madiaInfo">
30 
								<p class="mui-ellipsis"><span class="h1Font mui-ellipsis" id="cmpname"></span><em class="authicon " id="QauthFlag"></em></p>
31 
								<p class="h3Font" id="oTime"></p>
32 
							</div>
33 
			            </div>
34 
			        </li>
35 
			    </ul>
36 
    		</div>
37 
	    	<!--内容区-->
38 
			<div class="showMain showMainP" style="margin-top: 0;">
39 
				<ul>
40 
					<li id="demandInfo">
41
42 
					</li>
43 
					<li>
44 
						<div class="showTit">需求内容：</div>
45 
						<div class="showCon" id="demandDesp">
46
47 
						</div>
48 
					</li>
49 
				</ul>
50 
			</div>
51 
	    </div>
52
53 
	    <div class="shareEcode">
54 
			<img class="Ecodecon" src="../images/ecordCard.jpg" />
55 
			<div class="Ecodeinfo">
56 
				<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
57 
			</div>
58 
	    </div>
59 
	</div>
60 
<script type="text/javascript">
61 
$(document).ready(function() {
62 
	var imgUrl = "http://www.ekexiu.com/images/logo180.png";
63 
	var lineLink = document.location.href;
64 
	var descContent;
65 
	var shareTitle;
66
67 
	var demandId = GetQueryString("id");
68 
	getDemandinfo();
69 
	pageViewsVal();
70
71 
//	$("body").on("click",".seeMore,#goCmpBrief",function(){
72 
//		location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
73 
//		$(this).addClass("activeThis");
74 
//	})
75 
	$('#personAL').on('click', function() {
76 
		var id = this.getAttribute("data-id");
77 
		location.href="http://" + window.location.host + "/e/c.html?id=" + id;
78 
		$(this).addClass("activeThis");
79 
	})
80
81 
	function getDemandinfo(){
82 
		$.ajax({
83 
			"url":"/ajax/demand/qo",
84 
			"type": "GET",
85 
			"data": {
86 
				"id": demandId
87 
			 },
88 
			"async": false,
89 
			"dataType": "json",
90 
			"success": function(data) {
91 
				console.log(JSON.stringify(data));
92 
				if(data.success) {
93 
					var $da=data.data;
94 
					document.getElementById("demandTit").innerHTML=$da.title; //名字
95 
					document.getElementById("oTime").innerHTML=commenTime($da.createTime);
96 
					document.getElementById("demandDesp").innerHTML=$da.descp; //内容
97
98 
					var strCon="";
99 
					if($da.city){ strCon+='<div class="showTit">所在城市：<span class="showCon">'+$da.city+'</span></div>' }
100 
					if($da.duration!=0){ strCon+='<div class="showTit">预期时长：<span class="showCon">'+demandDuration[$da.duration]+'</span></div>' }
101 
					if($da.cost!=0){ strCon+='<div class="showTit">费用预算：<span class="showCon">'+demandCost[$da.cost]+'</span></div>' }
102 
					if($da.invalidDay){ strCon+='<div class="showTit">有效期至：<span class="showCon">'+TimeTr($da.invalidDay)+'</span></div>' }
103 
					document.getElementById("demandInfo").innerHTML=strCon;
104
105 
					cmpFun($da.orgId);
106
107 
					descContent=$da.descp.substring(0, 40);
108 
					shareTitle=$da.title;
109 
				}
110 
			},
111 
			error: function() {
112 
			}
113 
		});
114
115 
	}
116 
	//浏览量
117 
	function pageViewsVal() {
118 
		$.ajax({
119 
			"url":"/ajax/demand/incPageViews",
120 
			"type": "POST",
121 
			"dataType": "json",
122 
			"data": {
123 
				"id": demandId
124 
			},
125 
			"success": function(data) {
126 
				if(data.success) {}
127 
			},
128 
			error: function() {
129 
			}
130 
		});
131 
	}
132 
	/*企业用户信息*/
133 
	function cmpFun(id) {
134 
		$.ajax({
135 
			"url":"/ajax/org/" + id,
136 
			"type": "get",
137 
			"async": true,
138 
			"success": function(data) {
139 
				if(data.success && data.data) {
140 
					if(data.data.forShort) {
141 
						document.getElementById("cmpname").innerHTML=data.data.forShort;
142 
					}else{
143 
						document.getElementById("cmpname").innerHTML=data.data.name;
144 
					}
145 
					var img="../images/default-icon.jpg";
146 
					if(data.data.hasOrgLogo==1){
147 
						img="/images/org/" + data.data.id + ".jpg";
148 
					}
149 
					document.getElementById("personAL").setAttribute("data-id",data.data.id);
150 
					document.getElementById("companyImg").setAttribute("src",img);
151 
					if(data.data.authStatus==3){
152 
						document.getElementById("QauthFlag").classList.add("authicon-com-ok");
153 
					}
154 
				}
155 
			},
156 
			error: function() {
157 
			}
158 
		});
159 
	}
160 
    /*微信分享*/
161 
	$.ajax({
162 
		url: "../ajax/weixin/jsapiTicket",
163 
		type: 'get',
164 
		dataType: 'json',
165 
		contentType: "application/x-www-form-urlencoded; charset=utf-8",
166 
		data: {
167 
			'url': location.href.split('#')[0]
168 
		},
169 
		success: function(data) {
170 
			if(data.data) {
171 
				wx.config({
172 
					debug: false, //调试模式好犀利
173 
					appId: data.data.appId,
174 
					timestamp: data.data.timestamp,
175 
					nonceStr: data.data.nonceStr,
176 
					signature: data.data.signature,
177 
					jsApiList: [ // 所有要调用的 API 都要加到这个列表中
178 
						"onMenuShareAppMessage",
179 
						"onMenuShareTimeline",
180 
						"onMenuShareQQ",
181 
						"onMenuShareQZone",
182 
						"scanQRCode",
183 
					]
184 
				});
185 
				wx.ready(function() {
186 
					// 在这里调用 API
187 
					wx.onMenuShareAppMessage({ //分享给朋友
188 
						title: shareTitle, // 分享标题
189 
						desc: descContent, // 分享描述
190 
						link: lineLink, // 分享链接
191 
						imgUrl: imgUrl, // 分享图标
192 
						success: share_success_callback,
193 
						cancel: share_cancel_callback
194 
					});
195 
					wx.onMenuShareTimeline({ //分享到朋友圈
196 
						title: shareTitle, // 分享标题
197 
						desc: descContent, // 分享描述
198 
						link: lineLink, // 分享链接
199 
						imgUrl: imgUrl, // 分享图标
200 
						success: share_success_callback,
201 
						cancel: share_cancel_callback
202 
					});
203 
					wx.onMenuShareQQ({ //分享到QQ
204 
						title: shareTitle, // 分享标题
205 
						desc: descContent, // 分享描述
206 
						link: lineLink, // 分享链接
207 
						imgUrl: imgUrl, // 分享图标
208 
						success: share_success_callback,
209 
						cancel: share_cancel_callback
210 
					});
211 
					wx.onMenuShareQZone({ //分享到QQ空间
212 
						title: shareTitle, // 分享标题
213 
						desc: descContent, // 分享描述
214 
						link: lineLink, // 分享链接
215 
						imgUrl: imgUrl, // 分享图标
216 
						success: share_success_callback,
217 
						cancel: share_cancel_callback
218 
					});
219 
				});
220 
				//分享成功后的回调函数
221 
				function share_success_callback() {}
222 
				//用户取消分享后执行的回调函数
223 
				function share_cancel_callback() {}
224 
    		}
225 
		}
226 
	});
227 
})
228 
</script>
229 
</body>
230
231 
</html>

+ 18 - 0
js/public/shareCom.js
View File 

@ -92,6 +92,24 @@ function TimeTr(dealtime) {
92 92 
	}
93 93 
	return formatTime;
94 94 
}
95 
//需求的费用预算
96 
var demandCost = {
97 
	'1': '1万元以内',
98 
	'2': '1-5万元',
99 
	'3': '5-10万元',
100 
	'4': '10-20万元',
101 
	'5': '20-50万元',
102 
	'6': '50万元以上'
103 
}
104 
//需求的预期时长
105 
var demandDuration = {
106 
	'1': '1个月内',
107 
	'2': '1-3个月',
108 
	'3': '3-6个月',
109 
	'4': '6-12个月',
110 
	'5': '1年以上'
111 
}
112
95 113 
function shareWays(shareTitle,descContent,lineLink,imgUrl){
96 114 
	console.log(arguments);
97 115 
	/*微信分享*/