首页 探索 帮助
注册 登录
bulomakaka
/
ekexiu.app
关注 2
点赞 1
派生 0
代码 工单管理 0 合并请求 0 提交历史 476 版本发布 0 Wiki
浏览代码

个人中心改版，新增积分功能

xuchunyang 8 年之前
父节点
be1ecc5c8f
当前提交
bfa5164ce8
共有 12 个文件被更改，包括 843 次插入 和 433 次删除
分列视图 显示文件统计
  1. 1 1
      app/html/discover.html
  2. 250 192
      app/html/myaccount.html
  3. 56 0
      app/html/rewards-list.html
  4. 21 46
      app/html/rewards-list01.html
  5. 21 50
      app/html/rewards-list02.html
  6. 6 0
      app/html/rewardsRule.html
  7. 9 27
      app/js/discover.js
  8. 59 117
      app/js/myaccount.js
  9. 25 0
      app/js/public/base.js
  10. 41 0
      app/js/rawards-list.js
  11. 117 0
      app/js/rawards-prize.js
  12. 237 0
      app/js/rawards-set.js

+ 1 - 1
app/html/discover.html
查看文件 

@ -8,6 +8,7 @@
8 8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 9 
		<link href="../css/iconfont.css" rel="stylesheet" />
10 10 
		<link href="../css/app.css" rel="stylesheet" />
11 
		<script src="../js/public/zepto.min.js"></script>
11 12 
	</head>
12 13
13 14 
	<body>
 
@ -73,7 +74,6 @@
73 74 
		</div>
74 75 
		<script src="../js/public/mui.min.js"></script>
75 76 
		<script src="../js/public/base.js"></script>
76 
		<script src="../js/public/zepto.min.js"></script>
77 77 
		<script src="../js/discover.js" ></script>
78 78 
	</body>
79 79

+ 250 - 192
app/html/myaccount.html
查看文件 

@ -2,212 +2,270 @@
2 2 
<html>
3 3 
	<head>
4 4 
		<meta charset="UTF-8">
5 
		<title>个人页面</title>
5 
		<title>我</title>
6 6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 9 
		<link href="../css/app.css" rel="stylesheet" />
10 
		<style type="text/css">
11 
			em.icon-renzheng{top: 3px;}
12 
		</style>
13 10 
	</head>
14 11 
	<body>
15 
		<header class="mui-bar mui-bar-nav toptitbox">
16 
		    <h1 class="mui-title toptit">我</h1>
17 
		</header>
18 
        <!--登陆状态-->
19 
		<div class="mui-content" id="loginYes">
12 
        <!--未登陆状态-->
13 
		<div class="mui-content bodyBg displayNone" id="loginNo">
20 14 
			<!-- 主界面具体展示内容 -->
21 
    		<div class="mui-input-group marginbox setblock">
22 
				<div class="maincon personinfo2" style="padding:4% 0 0 2%;">
23 
					<div class="headbox2 mui-navigate-right amend" style="margin-left:2%;margin-bottom:14px;">
24 
					    <a class="mui-pull-left proinfor">
25 
		                    <div class="mui-pull-left" style="width:24%;min-height:60px;">
26 
		                    	<img class="headimg2 headRadius" src="" id="userImg">
27 
		                    </div>
28 
		                    <div class="mui-pull-left infobasic" style="padding-right:5%">
29 
		                        <p class="listtit mui-clearfix" style="position: relative;">
30 
		                        	<span class="mui-pull-left" id="userName" style="line-height: 22px;display: inline-block;margin-right:4px;"></span>
31 
		                        	<em id="nameli" class="mui-icon iconfont"></em>
32 
		                        </p>
33 
		                        <p class="listtit2"><span id="userTitle"></span><span id="userPosition"></span></p>
34 
		                    	<p class="listtit3" style="line-height:16px;"><span id="userDepartment"></span><span id="userMechanism"></span><span id="userCity"></span></p>
35 
		                    </div>
36 
		                </a>
37 
		                <!--<div class="mui-pull-right updatebtn">
38 
			        		<a class="editbox" id="editbox">
39 
			        			<img src="../images/edit.png" />
40 
			        			<span class="mui-icon iconfont icon-edit"></span>
41 
			        		</a>
42 
			        	</div>-->
43 
			        </div>
44 
		        </div>
45 
		        <ul class="mui-table-view" id="goZixunbox">
46 
				    <li class="mui-table-view-cell" id="NoActive" >
47 
				        <a class="mui-navigate-right peocount" id="goZixun">
48 
				        	<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
49 
				        	<span class="mui-pull-left">已完成咨询<em id="zixunOk"></em>人次</span>
50 
				        	<div class="rightword levelbox">
51 
				        		<span class="mui-icon iconfont icon-favor star"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
52 
				        		<span class="mui-icon iconfont icon-favor star"></span>
53 
				        		<span class="mui-icon iconfont icon-favor star"></span>
54 
				        		<span class="mui-icon iconfont icon-favor star"></span>
55 
				        		<span class="mui-icon iconfont icon-favor star"></span>
56 
				        	</div>
57 
				        </a>
58 
				    </li>
59 
				</ul>
60 
		        <!--<a class="mui-clearfix peolevelbox"  id="goZixun">
61 
		        	<div class="mui-pull-left peocountbox">
62 
		        		<div class="peocount mui-clearfix">
63 
		        			<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
64 
		        			<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
65 
		        		</div>
66 
		        	</div>
67 
		        	<div class="mui-pull-right levelbox">
68 
		        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
69 
		        		<!--<span class="mui-icon iconfont icon-favorfill"></span>
70 
		        		<span class="mui-icon iconfont icon-favorfill"></span>
71 
		        		<span class="mui-icon iconfont icon-favor"></span>
72 
		        		<span class="mui-icon iconfont icon-favor"></span>
73 
		        	</div>
74 
		        </a>-->
75 
		    </div>
76
77 
	        <div class="mui-input-group marginbox setblock">
78 
				<ul class="mui-table-view">
79 
				    <!--<li class="mui-table-view-cell">
80 
				        <a class="mui-navigate-right walltebox">
81 
				        	<em class="mui-icon iconfont icon-recharge actionicon wallteicon mui-pull-left"></em>
82 
				        	<span class="mui-pull-left">我的钱包</span>
83 
				        	<span class="rightword">￥0.00</span>
84 
				        </a>
85 
				    </li>-->
86 
				    <li class="mui-table-view-cell">
87 
				        <a class="mui-navigate-right"  id="demand">
88 
				        	<em class="mui-icon mui-icon-help actionicon mui-pull-left" style="color:#0ee032"></em>
89 
				        	<span class="mui-pull-left">我的需求</span>
90 
				        </a>
91 
				    </li>
92 
				    <li class="mui-table-view-cell">
93 
				        <a class="mui-navigate-right"  id="goFollow">
94 
				        	<em class="mui-icon  iconfont icon-favor actionicon attenticon mui-pull-left"></em>
95 
				        	<span class="mui-pull-left">我的关注</span>
96 
				        </a>
97 
				    </li>
98 
				    <li class="mui-table-view-cell" id="goBecomeExpert">
99 
				        <a class="mui-navigate-right">
100 
				        	<em class="mui-icon iconfont icon-profile actionicon toProicon mui-pull-left"></em>
101 
				        	<span class="mui-pull-left">成为专家</span>
102 
				        	<span class="rightword verified" id="expertAuth">已认证</span>
103 
				        </a>
104 
				    </li>
105 
				    <li class="mui-table-view-cell" id="goNewuser">
106 
				        <a class="mui-navigate-right">
107 
				        	<em class="mui-icon iconfont icon-friend actionicon addicon mui-pull-left"></em>
108 
				        	<span class="mui-pull-left">邀请好友</span>
109 
				        	<!--<span class="mui-pull-right" style="margin-right:24px;">邀请好友得积分</span>-->
110 
				        </a>
111 
				    </li>
112 
				</ul>
113 
		    </div>
114 
		    <div class="mui-input-group  marginbox setblock">
115 
				<ul class="mui-table-view">
116 
				    <li class="mui-table-view-cell">
117 
				        <a class="mui-navigate-right goSetup" id="goSetup">
118 
				        	<em class="mui-icon iconfont icon-settings actionicon seticon mui-pull-left"></em>
119 
				        	<span class="mui-pull-left">设置</span>
120 
				        </a>
121 
				    </li>
122 
				</ul>
123 
		    </div>
124 
		</div>
15 
			<div class="inviteBoxNew">
16 
				<div class="userLogin">
17 
					<ul class="mui-table-view loginStatus">
18 
						<li class="mui-table-view-cell">
19 
							<div class="flexCenter">
20 
								<div class="userImg userRadius">
21 
					        		<img src="../images/default-photo.jpg"/>
22 
					        	</div>
23 
								<div class="userInfo">
24 
									<p class="h1Font positionR">未登录 / 立即登录</p>
25 
								</div>
26 
							</div>
27 
						</li>
28 
					</ul>
29 
				</div>
30 
				<div class="mui-row commonBtn">
31 
					<div class="mui-col-xs-6" >
32 
						<div class="commonBtnitem">
33 
							<img src="../images/me_button_mingpian_nor@3x.png" />
34 
							<p class="h3Font">我的名片</p>
35 
						</div>
36 
					</div>
37 
					<div class="mui-col-xs-6" >
38 
						<div class="commonBtnitem">
39 
							<img src="../images/me_button_qiandao_nor@3x.png" />
40 
							<p class="h3Font">立即签到</p>
41 
						</div>
42 
					</div>
43 
				</div>
44 
			</div>
45 
			<div class="maincontent setItemblock">
46 
				<div class="setItem itemTwo">
47 
					<ul class="mui-table-view">
48 
						<li class="mui-table-view-cell">
49 
							<a class="mui-navigate-right">
50 
					        	<em class="itemIcon iconFocus"></em>
51 
					        	<span class="mui-pull-left">关注与收藏</span>
52 
					        </a>
53 
						</li>
54 
						<li class="mui-table-view-cell">
55 
							<a class="mui-navigate-right">
56 
					        	<em class="itemIcon iconDemand"></em>
57 
					        	<span class="mui-pull-left">我发布的需求</span>
58 
					        </a>
59 
						</li>
60 
						<!--身份为专家时显示，并且将父级模块类改为itemThree-->
61 
						<li class="mui-table-view-cell displayNone">
62 
							<a class="mui-navigate-right">
63 
					        	<em class="itemIcon iconAssess"></em>
64 
					        	<span class="mui-pull-left">我收到的评价</span>
65 
					        </a>
66 
						</li>
67 
					</ul>
68 
				</div>
69 
				<div class="setItem itemTwo">
70 
					<ul class="mui-table-view">
71 
						<li class="mui-table-view-cell">
72 
							<a class="mui-navigate-right">
73 
					        	<em class="itemIcon iconReward"></em>
74 
					        	<span class="mui-pull-left">我的积分</span>
75 
					        </a>
76 
						</li>
77 
						<li class="mui-table-view-cell">
78 
							<a class="mui-navigate-right">
79 
					        	<em class="itemIcon iconInvite"></em>
80 
					        	<span class="mui-pull-left">邀请好友</span>
81 
					        </a>
82 
						</li>
83 
					</ul>
84 
				</div>
85 
				<div class="setItem itemOne">
86 
					<ul class="mui-table-view">
87 
						<li class="mui-table-view-cell">
88 
							<a class="mui-navigate-right">
89 
					        	<em class="itemIcon iconAuth"></em>
90 
					        	<span class="mui-pull-left">专家认证</span>
91 
					        	<span class="rightword"></span>
92 
					        </a>
93 
						</li>
94 
					</ul>
95 
				</div>
96 
				<div class="setItem itemOne">
97 
					<ul class="mui-table-view">
98 
						<li class="mui-table-view-cell">
99 
							<a class="mui-navigate-right">
100 
					        	<em class="itemIcon iconSet"></em>
101 
					        	<span class="mui-pull-left">设置</span>
102 
					        </a>
103 
						</li>
104 
					</ul>
105 
				</div>
106 
			</div>
107
108 
		</div>
125 109
126
127 
		<!--未登陆状态-->
128 
		<div class="mui-content"  id="loginNo">
110 
		<!--登陆状态-->
111 
		<div class="mui-content bodyBg displayNone" id="loginYes">
129 112 
			<!-- 主界面具体展示内容 -->
130 
    		<div class="mui-input-group marginbox setblock">
131 
				<div class="maincon personinfo2">
132 
					<div class="headbox2"  style="margin-left:2%;">
133 
					    <a class="mui-pull-left proinfor">
134 
					    	<div class="mui-pull-left" style="width:24%;min-height:60px;">
135 
		                    	<img class="headimg2 headRadius" src="../images/default-photo.jpg">
136 
		                    </div>
137 
		                    <div class="mui-pull-left "  style="color:#797979; margin: 10% 5%;"><span id="goreg">注册</span> / <span id="gologin">登录</span> </div>
138 
		                </a>
139
140 
			        </div>
141 
		        </div>
142 
		        <ul class="mui-table-view">
143 
				    <li class="mui-table-view-cell" style="display:none;">
144 
				        <a class="mui-navigate-right peocount"  >
145 
				        	<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
146 
				        	<span class="mui-pull-left">已完成咨询<em>0</em>人次</span>
147 
				        	<div class="rightword levelbox">
148 
				        		<span class="mui-icon iconfont icon-favor star"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
149 
				        		<span class="mui-icon iconfont icon-favor star"></span>
150 
				        		<span class="mui-icon iconfont icon-favor star"></span>
151 
				        		<span class="mui-icon iconfont icon-favor star"></span>
152 
				        		<span class="mui-icon iconfont icon-favor star"></span>
153 
				        	</div>
154 
				        </a>
155 
				    </li>
156 
				</ul>
157 
		        <!--<a class="mui-clearfix peolevelbox"  id="goZixun">
158 
		        	<div class="mui-pull-left peocountbox">
159 
		        		<div class="peocount mui-clearfix">
160 
		        			<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
161 
		        			<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
162 
		        		</div>
163 
		        	</div>
164 
		        	<div class="mui-pull-right levelbox">
165 
		        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
166 
		        		<!--<span class="mui-icon iconfont icon-favorfill"></span>
167 
		        		<span class="mui-icon iconfont icon-favorfill"></span>
168 
		        		<span class="mui-icon iconfont icon-favor"></span>
169 
		        		<span class="mui-icon iconfont icon-favor"></span>
170 
		        	</div>
171 
		        </a>-->
172 
		    </div>
173
174 
	        <div class="mui-input-group marginbox setblock">
175 
				<ul class="mui-table-view">
176 
				    <!--<li class="mui-table-view-cell">
177 
				        <a class="mui-navigate-right walltebox">
178 
				        	<em class="mui-icon iconfont icon-recharge actionicon wallteicon mui-pull-left"></em>
179 
				        	<span class="mui-pull-left">我的钱包</span>
180 
				        	<span class="rightword">￥0.00</span>
181 
				        </a>
182 
				    </li>-->
183 
				    <li class="mui-table-view-cell">
184 
				        <a class="mui-navigate-right" >
185 
				        	<em class="mui-icon iconfont icon-favor actionicon attenticon mui-pull-left"></em>
186 
				        	<span class="mui-pull-left">我的关注</span>
187 
				        </a>
188 
				    </li>
189 
				   <!-- <li class="mui-table-view-cell">
190 
				        <a class="mui-navigate-right">
191 
				        	<em class="mui-icon iconfont icon-friendfavor actionicon addicon mui-pull-left"></em>
192 
				        	<span class="mui-pull-left">邀请新用户</span>
193 
				        </a>
194 
				    </li> -->
195 
				</ul>
196 
		    </div>
197 
		    <div class="mui-input-group  marginbox setblock">
198 
				<ul class="mui-table-view">
199 
				    <li class="mui-table-view-cell">
200 
				        <a class="mui-navigate-right goSetup">
201 
				        	<em class="mui-icon iconfont icon-settings actionicon seticon mui-pull-left"></em>
202 
				        	<span class="mui-pull-left">设置</span>
203 
				        </a>
204 
				    </li>
113 
			<div class="inviteBoxNew">
114 
				<div class="userLogin">
115 
					<ul class="mui-table-view loginStatus">
116 
						<!--登录状态-->
117 
						<li class="mui-table-view-cell">
118 
							<div class="flexCenter">
119 
								<div class="userImg userRadius">
120 
					        		<img src="../images/default-photo.jpg" id="userImg"/>
121 
					        	</div>
122 
								<div class="userInfo">
123 
									<p class="h1Font positionR"><span id="userName"></span><em class="authicon" id="authicon"></em></p>
124 
									<p class="h2Font" id="orgName"></p>
125 
									<span class="exitSpan" id="exitSpan"></span>
126 
								</div>
127 
							</div>
128 
						</li>
129 
					</ul>
130 
				</div>
131 
				<div class="mui-row commonBtn">
132 
					<div class="mui-col-xs-6" id="myCard">
133 
						<div class="commonBtnitem">
134 
							<img src="../images/me_button_mingpian_nor@3x.png" />
135 
							<p class="h3Font">我的名片</p>
136 
						</div>
137 
					</div>
138 
					<div class="mui-col-xs-6" id="signed">
139 
						<div class="commonBtnitem">
140 
							<img src="../images/me_button_qiandao_nor@3x.png" />
141 
							<p class="h3Font">立即签到</p>
142 
						</div>
143 
					</div>
144 
				</div>
145 
			</div>
146 
			<div class="maincontent setItemblock">
147 
				<div class="setItem itemTwo" id="setItem">
148 
					<ul class="mui-table-view">
149 
						<li class="mui-table-view-cell" id="goFollow">
150 
							<a class="mui-navigate-right">
151 
					        	<em class="itemIcon iconFocus"></em>
152 
					        	<span class="mui-pull-left">关注与收藏</span>
153 
					        </a>
154 
						</li>
155 
						<li class="mui-table-view-cell" id="demand">
156 
							<a class="mui-navigate-right">
157 
					        	<em class="itemIcon iconDemand"></em>
158 
					        	<span class="mui-pull-left">我发布的需求</span>
159 
					        </a>
160 
						</li>
161 
						<!--身份为专家时显示，并且将父级模块类改为itemThree-->
162 
						<li class="mui-table-view-cell displayNone" id="goZixun">
163 
							<a class="mui-navigate-right">
164 
					        	<em class="itemIcon iconAssess"></em>
165 
					        	<span class="mui-pull-left">我收到的评价</span>
166 
					        </a>
167 
						</li>
168 
					</ul>
169 
				</div>
170 
				<div class="setItem itemTwo">
171 
					<ul class="mui-table-view">
172 
						<li class="mui-table-view-cell"  id="myIntegral">
173 
							<a class="mui-navigate-right">
174 
					        	<em class="itemIcon iconReward"></em>
175 
					        	<span class="mui-pull-left">我的积分</span>
176 
					        </a>
177 
						</li>
178 
						<li class="mui-table-view-cell" id="goNewuser">
179 
							<a class="mui-navigate-right">
180 
					        	<em class="itemIcon iconInvite"></em>
181 
					        	<span class="mui-pull-left">邀请好友</span>
182 
					        </a>
183 
						</li>
184 
					</ul>
185 
				</div>
186 
				<div class="setItem itemOne">
187 
					<ul class="mui-table-view">
188 
						<li class="mui-table-view-cell" id="goBecomeExpert">
189 
							<a class="mui-navigate-right">
190 
					        	<em class="itemIcon iconAuth"></em>
191 
					        	<span class="mui-pull-left">专家认证</span>
192 
					        	<span class="rightword" id="expertAuth"></span>
193 
					        </a>
194 
						</li>
195 
					</ul>
196 
				</div>
197 
				<div class="setItem itemOne">
198 
					<ul class="mui-table-view">
199 
						<li class="mui-table-view-cell" id="goSetup">
200 
							<a class="mui-navigate-right">
201 
					        	<em class="itemIcon iconSet"></em>
202 
					        	<span class="mui-pull-left">设置</span>
203 
					        </a>
204 
						</li>
205 
					</ul>
206 
				</div>
207 
			</div>
208
209 
		</div>
210
211 
		<!--分享名片弹出提示框-->
212 
		<div class="promptBlock shareCardBlock" id="mycardshow">
213 
			<div class="userImg userRadius">
214 
        		<img src="../images/default-photo.jpg"/>
215 
        	</div>
216 
        	<div class="userBasic">
217 
	        	<p class="h1Font">张大大</p>
218 
	        	<p class="h2Font mui-ellipsis">教授级高工，董事长兼CEO</p>
219 
	        	<p class="h2Font mui-ellipsis">北京科袖科技有限公司</p>
220 
			</div>
221 
			<div class="myCard">
222 
				<img class="mycode" src="../images/mycard-code.png" />
223 
				<p><span>扫描二维码，查看我的信息</span><br /><span>也可以直接分享给好友</span></p>
224 
				<ul class="shareWays">
225 
					<li><img src="../images/me_icon_weixin_nor@3x.png" /><p>微信</p></li>
226 
					<li><img src="../images/me_icon_pengyquan_nor@3x.png" /><p>微信朋友圈</p></li>
205 227 
				</ul>
206 
		    </div>
228 
			</div>
229 
			<span class="mui-icon mui-icon-close promptClose"></span>
230 
		</div>
231 
		<!--签到成功弹出提示框-->
232 
		<div class="promptBlock signInBlock" id="signedshow">
233 
			<img class="signInImg" src="../images/me_bg_img_qiandao_nor@3x.png" />
234 
			<div class="qiaodao">
235 
				<p style="font-size:20px;">获得<span>+10</span>积分</p>
236 
				<p>明天连续签到可获得<span>N</span>个积分</p>
237 
			</div>
238 
			<div class="promptBtn"><button class="mui-btn mui-btn-mini">朕知道了</button></div>
207 239 
		</div>
240
208 241 
		<script src="../js/public/mui.min.js"></script>
209 242 
		<script src="../js/public/base.js"></script>
210 243 
		<script src="../js/myaccount.js"></script>
244 
		<script type="text/javascript">
245 
			var myCard=document.getElementById("myCard");
246 
		    var signed=document.getElementById("signed");
247 
		    var mycardshow=document.getElementById("mycardshow");
248 
			var signedshow=document.getElementById("signedshow");
249 
			var promptBtn=document.getElementsByClassName("promptBtn");
250 
			var promptClose=document.getElementsByClassName("promptClose");
251
252 
			myCard.addEventListener("tap", function() {
253 
				mycardshow.setAttribute("style","display:block");
254 
				model.show();//显示遮罩
255 
			})
256 
			signed.addEventListener("tap", function() {
257 
				signedshow.setAttribute("style","display:block");
258 
				model.show();//显示遮罩
259 
			})
260 
			promptBtn[0].addEventListener("tap", function() {
261 
				model.close();//关闭遮罩
262 
			})
263 
			promptClose[0].addEventListener("tap", function() {
264 
				model.close();//关闭遮罩
265 
			})
266
267
268 
		</script>
211 269 
	</body>
212 270
213 271 
</html>

+ 56 - 0
app/html/rewards-list.html
查看文件 

@ -0,0 +1,56 @@
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 href="../css/mui.min.css" rel="stylesheet" />
8 
<link href="../css/iconfont.css" rel="stylesheet" />
9 
<link href="../css/app.css" rel="stylesheet" />
10 
</head>
11 
<body>
12 
<header class="mui-bar mui-bar-nav toptitbox" style="background: #1fc4f9;">
13 
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
14 
	<h1 class="mui-title toptit">我的积分</h1>
15 
	<span class="mui-pull-right topsave" id="topsave">规则</span>
16 
</header>
17 
<script src="../js/public/mui.min.js"></script>
18 
<script src="../js/public/base.js"></script>
19 
<script type="text/javascript" charset="utf-8">
20 
	var subpages = ['rewards-list01.html', 'rewards-list02.html'];
21 
	var subpage_style = {
22 
		top: '44px',
23 
		bottom: '0px'
24 
	};
25 
	var aniShow = {};
26 
	//创建子页面，首个选项卡页面显示，其它均隐藏；
27 
	mui.plusReady(function() {
28 
		var self = plus.webview.currentWebview();
29 
		for(var i = 0; i < 2; i++) {
30 
			var temp = {};
31 
			var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);
32 
			if(i > 0) {
33 
				sub.hide();
34
35 
			} else {
36 
				temp[subpages[i]] = "true";
37 
				mui.extend(aniShow, temp);
38 
			}
39 
			self.append(sub);
40 
		}
41 
	});
42
43 
	document.getElementById("topsave").addEventListener('tap', function() {
44 
		mui.openWindow({
45 
			url: '../html/rewardsRule.html',
46 
			id: 'html/rewardsRule.html',
47 
			show: {
48 
				autoShow: false,
49 
				aniShow: "slide-in-right"
50 
			}
51 
		});
52 
	})
53
54 
</script>
55 
</body>
56 
</html>

+ 21 - 46
app/html/rewards-list01.html
查看文件 

@ -8,15 +8,9 @@
8 8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 9 
		<link href="../css/app.css" rel="stylesheet" />
10 10 
	</head>
11
12 11 
	<body>
13 
		<header class="mui-bar mui-bar-nav toptitbox" style="background: #1fc4f9;">
14 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15 
		    <h1 class="mui-title toptit">我的积分</h1>
16 
		    <span class="mui-pull-right topsave">规则</span>
17 
		</header>
18 12 
        <!--登陆状态-->
19 
		<div class="mui-content bodyBg mui-scroll-wrapper">
13 
		<div class="mui-content bodyBg mui-scroll-wrapper" id="rawardsSet">
20 14 
			<div class="mui-scroll">
21 15 
				<!-- 主界面具体展示内容 -->
22 16 
				<div class="inviteBoxNew">
 
@ -24,59 +18,40 @@
24 18 
					<div class="rewardBox">
25 19 
						<div class="rewardNow">
26 20 
							<p>当前积分</p>
27 
							<p><span>1000</span>分</p>
21 
							<p><span id="totalFraction"></span>分</p>
28 22 
						    <p>超过了<em>100%</em>的用户</p>
29 23 
						</div>
30 24 
					</div>
31 25 
				</div>
32 26 
				<div class="conblock" style="margin:0">
33 
					<ul class="mui-row mui-clearfix alignCenter rewardCNum">
34 
						<li class="mui-col-xs-6 h1Font nowClass">获得积分 <span class="orangeColor">1080分</span></li>
35 
						<li class="mui-col-xs-6 h1Font">奖励积分 <span>3400分</span></li>
27 
					<ul class="mui-row mui-clearfix alignCenter rewardCNum" id="listnav">
28 
						<li class="mui-col-xs-6 h1Font nowClass">获得积分 <span id="setFraction"></span></li>
29 
						<li class="mui-col-xs-6 h1Font" data-id="2">奖励积分 <span id="rewardFraction"></span></li>
36 30 
					</ul>
37 
					<!--无获得积分-->
38 
					<div class="nodatabox displayNone">
39 
				        <div class="nodata">
40 
				            <div class="picbox">
41 
				            	<img src="../images/points_icon_ku_nor@3x.png" width="28%" />
42 
				            </div>
43 
				            <div class="txtbox">
44 
				            	<p class="noContip">您还木有获得积分<br />快去邀请好友获得积分吧！</p>
45 
				            </div>
46 
				        </div>
47 
				    </div>
48 31 
					<!--有获得积分-->
49 32 
					<div class="maincontent">
50 
						<ul class="mui-table-view myreward">
51 
					        <li class="mui-table-view-cell">
52 
						        <div class="rewardWhy">
53 
						        	<p class="h1Font">分享专家给好友</p>
54 
						        	<p class="h2Font">04-05 16:23</p>
55 
						        </div>
56 
						        <span class="rewardCount">+ 10分</span>
57 
					        </li>
58 
					        <li class="mui-table-view-cell">
59 
						        <div class="rewardWhy">
60 
						        	<p class="h1Font">分享专家给好友</p>
61 
						        	<p class="h2Font">04-05 16:23</p>
62 
						        </div>
63 
						        <span class="rewardCount">+ 10分</span>
64 
					        </li>
65 
					        <li class="mui-table-view-cell">
66 
						        <div class="rewardWhy">
67 
						        	<p class="h1Font">分享专家给好友</p>
68 
						        	<p class="h2Font">04-05 16:23</p>
69 
						        </div>
70 
						        <span class="rewardCount">+ 10分</span>
71 
					        </li>
72 
					    </ul>
33 
						<ul class="mui-table-view myreward" id="table1">
34
35 
						</ul>
36 
						<!--无获得积分-->
37 
						<div class="nodatabox displayNone" id="noset">
38 
					        <div class="nodata">
39 
					            <div class="picbox">
40 
					            	<img src="../images/points_icon_ku_nor@3x.png" width="28%" />
41 
					            </div>
42 
					            <div class="txtbox">
43 
					            	<p class="noContip">您还木有获得积分<br />快去邀请好友获得积分吧！</p>
44 
					            </div>
45 
					        </div>
46 
					    </div>
73 47 
					</div>
74 48 
				</div>
75 49 
			</div>
76 50 
		</div>
77
78 51 
		<script src="../js/public/mui.min.js"></script>
79 52 
		<script src="../js/public/base.js"></script>
53 
		<script src="../js/rawards-list.js"></script>
54 
		<script src="../js/rawards-set.js"></script>
80 55 
	</body>
81 56
82 57 
</html>

+ 21 - 50
app/html/rewards-list02.html
查看文件 

@ -8,15 +8,9 @@
8 8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 9 
		<link href="../css/app.css" rel="stylesheet" />
10 10 
	</head>
11
12 11 
	<body>
13 
		<header class="mui-bar mui-bar-nav toptitbox" style="background: #1fc4f9;">
14 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15 
		    <h1 class="mui-title toptit">我的积分</h1>
16 
		    <span class="mui-pull-right topsave">规则</span>
17 
		</header>
18 12 
        <!--登陆状态-->
19 
		<div class="mui-content mui-scroll-wrapper">
13 
		<div class="mui-content mui-scroll-wrapper" id="rawardsSet2">
20 14 
			<div class="mui-scroll">
21 15 
				<!-- 主界面具体展示内容 -->
22 16 
				<div class="inviteBoxNew">
 
@ -24,15 +18,15 @@
24 18 
					<div class="rewardBox">
25 19 
						<div class="rewardNow">
26 20 
							<p>当前积分</p>
27 
							<p><span>1000</span>分</p>
21 
							<p><span id="totalFraction"></span>分</p>
28 22 
						    <p>超过了<em>100%</em>的用户</p>
29 23 
						</div>
30 24 
					</div>
31 25 
				</div>
32 26 
				<div class="rewardCon">
33 
					<ul class="mui-row mui-clearfix alignCenter rewardCNum">
34 
						<li class="mui-col-xs-6 h1Font">获得积分 <span>1080分</span></li>
35 
						<li class="mui-col-xs-6 h1Font nowClass">奖励积分 <span class="orangeColor">3400分</span></li>
27 
					<ul class="mui-row mui-clearfix alignCenter rewardCNum" id="listnav">
28 
						<li class="mui-col-xs-6 h1Font " data-id="1">获得积分 <span id="setFraction"></span></li>
29 
						<li class="mui-col-xs-6 h1Font nowClass">奖励积分 <span id="rewardFraction"></span></li>
36 30 
					</ul>
37 31 
					<!--无奖励积分-->
38 32 
					<div class="nodatabox displayNone">
 
@ -47,50 +41,27 @@
47 41 
				    </div>
48 42 
					<!--有奖励积分-->
49 43 
					<div class="maincontent">
50 
						<ul class="mui-table-view myreward"id="table2">
51 
					         <li class="mui-table-view-cell">
52 
						        <div class="flexCenter rewardWhy">
53 
						        	<div class="userImg userRadius">
54 
						        		<img src="../images/default-photo.jpg"/>
55 
						        	</div>
56 
									<div class="userInfo">
57 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
58 
									</div>
59 
						        </div>
60 
						        <span class="rewardCount">+ 10分</span>
61 
					        </li>
62 
					        <li class="mui-table-view-cell">
63 
						        <div class="flexCenter rewardWhy">
64 
						        	<div class="userImg userRadius">
65 
						        		<img src="../images/default-photo.jpg"/>
66 
						        	</div>
67 
									<div class="userInfo">
68 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
69 
									</div>
70 
						        </div>
71 
						        <span class="rewardCount">+ 10分</span>
72 
					        </li>
73 
					        <li class="mui-table-view-cell">
74 
						        <div class="flexCenter rewardWhy">
75 
						        	<div class="userImg userRadius">
76 
						        		<img src="../images/default-photo.jpg"/>
77 
						        	</div>
78 
									<div class="userInfo">
79 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
80 
									</div>
81 
						        </div>
82 
						        <span class="rewardCount">+ 10分</span>
83 
					        </li>
84 
					    </ul>
44 
						<ul class="mui-table-view myreward" id="table2"id="table2">
45
46 
						</ul>
47 
						<!--无奖励积分-->
48 
						<div class="nodatabox displayNone" id="nojl">
49 
					        <div class="nodata">
50 
					            <div class="picbox">
51 
					            	<img src="../images/points_icon_ku_nor@3x.png" width="28%" />
52 
					            </div>
53 
					            <div class="txtbox">
54 
					            	<p class="noContip">您还木有奖励积分<br />快去邀请好友获得奖励积分吧！</p>
55 
					            </div>
56 
					        </div>
57 
					    </div>
85 58 
					</div>
86
87
88 59 
				</div>
89 60 
			</div>
90 61 
		</div>
91
92 62 
		<script src="../js/public/mui.min.js"></script>
93 63 
		<script src="../js/public/base.js"></script>
64 
		<script src="../js/rawards-list.js"></script>
65 
		<script src="../js/rawards-prize.js"></script>
94 66 
	</body>
95
96 67 
</html>

+ 6 - 0
app/html/rewardsRule.html
查看文件 

@ -89,6 +89,12 @@
89 89
90 90 
		<script src="../js/public/mui.min.js"></script>
91 91 
		<script src="../js/public/base.js"></script>
92 
		<script type="text/javascript">
93 
		    mui.plusReady(function(){
94 
			    plus.nativeUI.closeWaiting();
95 
				plus.webview.currentWebview().show("slide-in-right", 150);
96 
		    })
97 
		</script>
92 98 
	</body>
93 99
94 100 
</html>

+ 9 - 27
app/js/discover.js
查看文件 

@ -216,26 +216,32 @@ function datalistEach(datalist) {
216 216 
		$itemlist.find(".newsurl").attr("data-id", item.id);
217 217 
		$itemlist.find(".newsurl").attr("data-type", item.type);
218 218 
		$itemlist.find(".newsurl").attr("owner-id", item.owner);
219 
		if(item.image) {
220 
			$itemlist.find("#newsimg").attr("style", "background-image: url(" + baseUrl + "/data/article/" + item.image + ");");
221 
		}
222 219 
		if(type == 1) { //专家文章
223 220 
			$itemlist.find("#newstype").text("文章");
224 221 
			$itemlist.find("#newstype").addClass("articalLabel");
225 222 
			$itemlist.find("#newsimg").addClass("artical-default");
226 223 
			$itemlist.find("#userimg").addClass("userhead");
224 
			if(item.image) {
225 
				$itemlist.find("#newsimg").attr("style", "background-image: url(" + baseUrl + "/data/article/" + item.image + ");");
226 
			}
227 227 
			userFun(item.owner, $itemlist);
228 228 
		} else if(type == 2) { //企业文章
229 229 
			$itemlist.find("#newstype").text("文章");
230 230 
			$itemlist.find("#newstype").addClass("articalLabel");
231 231 
			$itemlist.find("#newsimg").addClass("artical-default");
232 232 
			$itemlist.find("#userimg").addClass("cmplogo");
233 
			if(item.image) {
234 
				$itemlist.find("#newsimg").attr("style", "background-image: url(" + baseUrl + "/data/article/" + item.image + ");");
235 
			}
233 236 
			cmpFun(item.owner, $itemlist)
234 237 
		} else if(type == 3) { //专家资源
235 238 
			$itemlist.find("#newstype").text("资源");
236 239 
			$itemlist.find("#newstype").addClass("resourceLabel");
237 240 
			$itemlist.find("#newsimg").addClass("resource-default");
238 241 
			$itemlist.find("#userimg").addClass("userhead");
242 
			if(item.image) {
243 
				$itemlist.find("#newsimg").attr("style", "background-image: url(" + baseUrl + "/images/resource/" + item.image + ");");
244 
			}
239 245 
			userFun(item.owner, $itemlist);
240 246 
		}
241 247 


@ -298,27 +304,3 @@ function cmpFun(id, $itemlist) {
298 304 
		}
299 305 
	});
300 306 
}
301
302 
/*标志*/
303 
function autho() {
304 
	if(arguments[0] == 1) {
305 
		return {
306 
			"sty": "authicon-pro",
307 
			"title": "科袖认证专家"
308 
		}
309 
	} else {
310 
		if(arguments[1] == 1) {
311 
			return {
312 
				"sty": "authicon-staff-ok",
313 
				"title": "企业认证员工"
314 
			}
315 
		} else {
316 
			if(arguments[2] == 3) {
317 
				return {
318 
					"sty": "authicon-real",
319 
					"title": "实名认证用户"
320 
				}
321 
			}
322 
		}
323 
	}
324 
}

+ 59 - 117
app/js/myaccount.js
查看文件 

@ -6,18 +6,16 @@ mui.ready(function() {
6 6 
	var goLogin = document.getElementById("gologin");
7 7 
	var goReg = document.getElementById("goreg");
8 8 
	var goSetup = document.getElementById("goSetup");
9 
	var goZixun = document.getElementById("goZixun");
10 
	var goZixunbox = document.getElementById("goZixunbox");
11 9 
	var gonXuqiu=document.getElementById("demand");
12 
	var oEdit = document.getElementById("editbox");
10 
	var goZixun = document.getElementById("goZixun")
13 11 
	var goFollow = document.getElementById("goFollow");
14 12 
	var userImg = document.getElementById("userImg");
15 13 
	var nameli = document.getElementById("nameli");
16 14 
	var goBecomeExpert = document.getElementById("goBecomeExpert");
17 
	var infobasic = document.getElementsByClassName("amend")[0];
15 
	var infobasic = document.getElementById("exitSpan");
16 
	var myIntegral = document.getElementById("myIntegral");
18 17 
	var oFlag;
19 18 
	var oFlag1;
20 
	var clickFlag = true;
21 19 
	var professorName;
22 20 
	mui.plusReady(function() {
23 21 


@ -126,10 +124,10 @@ mui.ready(function() {
126 124
127 125
128 126 
		function loginStatus() {
129 
			console.log(userId);
127 
			//alert(userId);
130 128 
			if(userId && userId != "null" && userId != null) {
131 
				loginNo.style.display = "none";
132 
				loginYes.style.display = "block";
129 
				loginYes.classList.remove("displayNone");
130 
				loginNo.classList.add("displayNone");
133 131 
				/*设置*/
134 132 
				goSetup.addEventListener('tap', function() {
135 133 
					mui.openWindow({

@ -211,23 +209,49 @@ mui.ready(function() {
211 209 
							});
212 210 
						}
213 211 
					})
212
214 213 
					/*我的历史和评价*/
215 
				goZixun.addEventListener('tap', function() {
216 
					if(!clickFlag) return;
217 
					mui.openWindow({
218 
						url: '../html/coophistory.html',
219 
						id: 'html/coophistory.html',
220 
						show: {
221 
							autoShow: false,
222 
							aniShow: "slide-in-left"
223 
						},
224
225 
					});
226 
				})
214 
					goZixun.addEventListener('tap', function() {
215 
						mui.openWindow({
216 
							url: '../html/coophistory.html',
217 
							id: 'html/coophistory.html',
218 
							show: {
219 
								autoShow: false,
220 
								aniShow: "slide-in-left"
221 
							},
222 
						});
223 
					})
224
225 
					/*邀请好友*/
226 
					document.getElementById("goNewuser").addEventListener("tap", function() {
227 
						mui.openWindow({
228 
							url: '../html/invite_new.html',
229 
							id: 'invite_new.html',
230 
							show: {
231 
								autoShow: false,
232 
								aniShow: "slide-in-left"
233 
							},
234 
							extras: {
235 
								proName: professorName
236 
							}
237 
						});
238 
					})
239
240 
					/*我的积分*/
241 
					myIntegral.addEventListener('tap', function() {
242 
						mui.openWindow({
243 
							url: '../html/rewards-list.html',
244 
							id: 'html/rewards-list.html',
245 
							show: {
246 
								autoShow: false,
247 
								aniShow: "slide-in-left"
248 
							},
249 
						});
250 
					})
227 251
228 252 
			} else {
229 
				loginNo.style.display = "block";
230 
				loginYes.style.display = "none";
253 
				loginNo.classList.remove("displayNone");
254 
				loginYes.classList.add("displayNone");
231 255 
				mui("#loginNo").on("tap", "li", function() {
232 256 
					goLoginFun();
233 257 
				})

@ -241,95 +265,26 @@ mui.ready(function() {
241 265 
				timeout: 10000, //超时设置
242 266 
				//async: false,
243 267 
				success: function(data) {
244 
					var $info = data.data || {};
245 
					oFlag = $info.authentication;
246 
					oFlag1 = $info.authType
247 
					console.log(oFlag)
248 268 
					if(data.success && data.data) {
249 
						document.getElementById("userName").innerText = $info.name || '';
269 
						var $info = data.data || {};
270 
						oFlag = $info.authentication;
271 
						oFlag1 = $info.authType
250 272 
						professorName = $info.name;
251 
						var userTitle = document.getElementById("userTitle");
252 
						var userPosition = document.getElementById("userPosition");
253 
						var userDepartment = document.getElementById("userDepartment");
254 
						var userMechanism = document.getElementById("userMechanism");
255 
						var userCity = document.getElementById("userCity");
256 
						var zixunOk = document.getElementById("zixunOk");
257 
						if($info.title) {
258 
							if($info.office) {
259 
								userTitle.innerText = $info.title + "，"
260 
							} else {
261 
								userTitle.innerText = $info.title
262 
							}
263
264 
						}
265 
						($info.office) ? userPosition.innerText = $info.office: userPosition.innerText = '';
266 
						if($info.department) {
267 
							if($info.orgName) {
268 
								userDepartment.innerText = $info.department + "，"
269 
							} else {
270 
								if($info.address) {
271 
									userDepartment.innerText = $info.department + " | "
272 
								} else {
273 
									userDepartment.innerText = $info.department;
274 
								}
275 
							}
276 
						}
277 
						if($info.orgName) {
278 
							if($info.address) {
279 
								userMechanism.innerText = $info.orgName + " | "
280 
							} else {
281 
								userMechanism.innerText = $info.orgName;
282 
							}
283 
						}
284 
						($info.address) ? userCity.innerText = $info.address: userCity.innerText = '';
285 
						($info.consultCount != '') ? zixunOk.innerText = $info.consultCount: zixunOk.innerText = '0';
286 
						var startLeval = parseInt($info.starLevel);
287 
						if($info.consultCount) {
288 
							goZixunbox.style.display = "block";
289 
							zixunOk.innerText = $info.consultCount;
290 
							if(!startLeval) {
291 
								clickFlag = false;
292 
								document.getElementById("NoActive").classList.add("NoActive");
293 
								document.getElementsByClassName("levelbox")[0].style.display = "none";
294 
								document.getElementById("goZixun").classList.remove("mui-navigate-right");
295 
							}
296 
						} else {
297 
							goZixunbox.style.display = "none";
298 
						}
299 
						if(!$info.authType && ($info.authentication == 2 || $info.authentication == 3)) {
300 
							goZixunbox.style.display = "none";
301 
						}
302 
						var start = document.getElementsByClassName("star");
303 
						for(var i = 0; i < startLeval; i++) {
304 
							start[i].classList.add("icon-favorfill");
305 
							start[i].classList.remove("icon-favor");
306 
						}
273 
						document.getElementById("userName").innerText = $info.name;
274 
						document.getElementById("orgName").innerText = $info.orgName;
307 275 
						if($info.hasHeadImage == 1) {
308 276 
							var mun = Math.round(Math.random() * 99 + 1);
309 277 
							userImg.setAttribute("src", baseUrl + "/images/head/" + $info.id + "_l.jpg?" + mun);
310 278 
						} else {
311 279 
							userImg.setAttribute("src", baseUrl + "/images/default-photo.jpg");
312 280 
						}
313 
						if($info.authType) {
314 
							nameli.classList.add('icon-vip');
315 
							nameli.classList.add('authicon-cu');
316 
							nameli.style.margin = "-4px 0 0 -2px";
317 
							nameli.style.top = "8px";
318 
						} else {
319 
							if($info.authStatus==3) {
320 
								if($info.authentication == 1) {
321 
									nameli.classList.add('icon-renzheng');
322 
									nameli.classList.add('authicon-mana');
323 
								} else if($info.authentication == 2) {
324 
									nameli.classList.add('icon-renzheng');
325 
									nameli.classList.add('authicon-staff');
326 
								} else {
327 
									nameli.classList.add('icon-renzheng');
328 
									nameli.classList.add('authicon-stu');
329 
								}
330 
							}
331 
						}
332
281 
						var userType = autho($info.authType, $info.orgAuth, $info.authStatus);
282 
						document.getElementById("authicon").classList.add(userType.sty);
283 
                        if($info.authType==1){
284 
                        	goZixun.classList.remove("displayNone");
285 
                        	document.getElementById("setItem").classList.add("itemThree");
286 
                        }
287
333 288 
					}
334 289 
				},
335 290 
				error: function() {

@ -339,20 +294,7 @@ mui.ready(function() {
339 294 
			});
340 295 
		}
341 296
342 
		document.getElementById("goNewuser").addEventListener("tap", function() {
343 
			mui.openWindow({
344 
				url: '../html/invite_new.html',
345 
				id: 'invite_new.html',
346 
				show: {
347 
					autoShow: false,
348 
					aniShow: "slide-in-left"
349 
				},
350 
				extras: {
351 
					proName: professorName
352 
				}
353 
			});
354 
		})
355
297
356 298 
	});
357 299
358 300 
});

+ 25 - 0
app/js/public/base.js
查看文件 

@ -94,3 +94,28 @@ function modelClose(){
94 94 
	}
95 95 
}
96 96
97 
/*标志*/
98 
function autho() {
99 
	if(arguments[0] == 1) {
100 
		return {
101 
			"sty": "authicon-pro",
102 
			"title": "科袖认证专家"
103 
		}
104 
	} else {
105 
		if(arguments[1] == 1) {
106 
			return {
107 
				"sty": "authicon-staff-ok",
108 
				"title": "企业认证员工"
109 
			}
110 
		} else {
111 
			if(arguments[2] == 3) {
112 
				return {
113 
					"sty": "authicon-real",
114 
					"title": "实名认证用户"
115 
				}
116 
			}
117 
		}
118 
	}
119 
}
120
121

+ 41 - 0
app/js/rawards-list.js
查看文件 

@ -0,0 +1,41 @@
1 
mui.plusReady(function() {
2 
	var userId = plus.storage.getItem('userid');
3 
	myFraction();
4 
	plus.nativeUI.closeWaiting();
5 
	plus.webview.getWebviewById("html/rewards-list.html").show("slide-in-right", 150);
6 
	/*当前积分*/
7 
	function myFraction() {
8 
		mui.ajax(baseUrl + "/ajax/growth/queryScore", {
9 
			dataType: 'json', //数据格式类型
10 
			type: 'GET', //http请求类型
11 
			timeout: 10000, //超时设置
12 
			data: {
13 
				"professorId": userId
14 
			},
15 
			success: function(data) {
16 
				console.log(data)
17 
				if(data.success && data.data) {
18 
					document.getElementById("totalFraction").innerText = parseInt(data.data.inviteScore + data.data.myScore);
19 
					document.getElementById("setFraction").innerText = data.data.myScore;
20 
					document.getElementById("rewardFraction").innerText = data.data.inviteScore;
21 
				}
22 
			},
23 
			error: function() {
24 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
25 
				return;
26 
			}
27 
		});
28 
	}
29 
})
30 
/*按钮点击切换*/
31 
mui("#listnav").on("tap", "li", function() {
32 
	var dataid = this.getAttribute("data-id");
33 
	var arr = new Array();
34 
	arr[0] = plus.webview.getWebviewById("rewards-list01.html");
35 
	arr[1] = plus.webview.getWebviewById("rewards-list02.html");
36 
	if(dataid == 1) {
37 
		arr[0].show();
38 
	} else if(dataid == 2) {
39 
		arr[1].show();
40 
	}
41 
})

+ 117 - 0
app/js/rawards-prize.js
查看文件 

@ -0,0 +1,117 @@
1 
var table2 = document.getElementById("table2");
2 
var aflas2 = false;
3 
var lasttime;
4 
var userId;
5 
mui.plusReady(function() {
6 
	userId = plus.storage.getItem('userid');
7 
	setFractionFun(userId);
8 
})
9
10 
mui.init({
11 
	pullRefresh: {
12 
		container: '#rawardsSet2',
13 
		up: {
14 
			contentrefresh: '正在加载...',
15 
			callback: pullupRefresh,
16 
		}
17 
	}
18 
});
19
20 
function pullupRefresh() {
21 
	aflas2 = true;
22 
	lasttime = table2.getElementsByTagName("li").length;
23 
	setTimeout(function() {
24 
		setFractionFun(userId);
25 
		mui('#rawardsSet2').pullRefresh().endPulldownToRefresh();
26 
	}, 1000);
27 
}
28
29 
/*获得积分*/
30 
function setFractionFun(userId) {
31 
	if(aflas2 == true) {
32 
		var offset = lasttime;
33 
	} else {
34 
		var offset = 0;
35 
	}
36 
	mui.ajax(baseUrl + "/ajax/growth/queryInvite", {
37 
		dataType: 'json', //数据格式类型
38 
		type: 'GET', //http请求类型
39 
		timeout: 10000, //超时设置
40 
		data: {
41 
			"professorId": userId,
42 
			"offset": offset,
43 
			"rows": 1
44 
		},
45 
		success: function(data) {
46 
			if(aflas2 == true) {
47 
				if(data.success && data.data != '') {
48 
					var datalist = data.data;
49 
					datalistEach(datalist);
50 
					if(data.data.length < 2) {
51 
						mui('#rawardsSet2').pullRefresh().endPullupToRefresh(false);
52 
					} else {
53 
						mui('#rawardsSet2').pullRefresh().endPullupToRefresh(true);
54 
					}
55 
				} else {
56 
					mui('#rawardsSet2').pullRefresh().endPullupToRefresh(true);
57 
				}
58 
			} else {
59 
				if(data.success && data.data != '') {
60 
					console.log(JSON.stringify(data))
61 
					var datalist = data.data;
62 
					datalistEach(datalist);
63 
					if(data.data.length < 2) {
64 
						mui('#rawardsSet2').pullRefresh().endPullupToRefresh(false);
65 
					} else {
66 
						mui('#rawardsSet2').pullRefresh().endPullupToRefresh(true);
67 
					}
68 
				} else {
69 
					mui('#rawardsSet2').pullRefresh().disablePullupToRefresh();
70 
					document.getElementById("nojl").classList.remove("displayNone");
71 
				}
72 
			}
73 
		},
74 
		error: function() {
75 
			plus.nativeUI.toast("服务器链接超时", toastStyle);
76 
			return;
77 
		}
78 
	});
79 
}
80
81 
/*奖励积分数据遍历*/
82 
function datalistEach(datalist) {
83 
	mui.each(datalist, function(index, item) {
84 
		var inviteUser = item.inviteUser;
85 
		mui.ajax(baseUrl + "/ajax/professor/editBaseInfo/" + inviteUser, {
86 
			dataType: 'json', //数据格式类型
87 
			type: 'GET', //http请求类型
88 
			timeout: 10000, //超时设置
89 
			//async: false,
90 
			success: function(data) {
91 
				if(data.success && data.data) {
92 
					var $info = data.data || {};
93 
					var Name = $info.name;
94 
					var userType = autho($info.authType, $info.orgAuth, $info.authStatus);
95 
					if($info.hasHeadImage == 1) {
96 
						var mun = Math.round(Math.random() * 99 + 1);
97 
						var userImg = '<img src="' + baseUrl + '/images/head/' + $info.id + '_l.jpg?' + mun + '"/>';
98 
					} else {
99 
						var userImg = '<img src="../images/default-photo.jpg"/>';
100 
					}
101 
					var li = document.createElement('li');
102 
					li.className = 'mui-table-view-cell';
103 
					li.innerHTML = '<div class="flexCenter rewardWhy">' +
104 
						'<div class="userImg userRadius">' + userImg + '</div>' +
105 
						'<div class="userInfo"><p class="h1Font positionR"><span>' + Name + '</span><em class="authicon ' + userType.sty + '"></em></p></div>' +
106 
						'</div><span class="rewardCount">' + item.score + '分</span></li>';
107 
					table2.appendChild(li, table2.firstChild);
108 
				}
109 
			},
110 
			error: function() {
111 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
112 
				return;
113 
			}
114 
		});
115
116 
	});
117 
}

+ 237 - 0
app/js/rawards-set.js
查看文件 

@ -0,0 +1,237 @@
1 
var table1 = document.getElementById("table1");
2 
var aflas = false;
3 
var lasttime;
4 
var userId;
5 
mui.plusReady(function() {
6 
	userId = plus.storage.getItem('userid');
7 
	setFractionFun(userId);
8 
})
9
10 
mui.init({
11 
	pullRefresh: {
12 
		container: '#rawardsSet',
13 
		up: {
14 
			contentrefresh: '正在加载...',
15 
			callback: pullupRefresh,
16 
		}
17 
	}
18 
});
19
20 
function pullupRefresh() {
21 
	aflas = true;
22 
	lasttime = table1.lastChild.getAttribute("data-time");
23 
	setTimeout(function() {
24 
		setFractionFun(userId);
25 
		mui('#rawardsSet').pullRefresh().endPulldownToRefresh();
26 
	}, 1000);
27 
}
28
29 
/*获得积分*/
30 
function setFractionFun(userId) {
31 
	if(aflas == true) {
32 
		var createTime = lasttime;
33 
	} else {
34 
		var createTime = "";
35 
	}
36 
	mui.ajax(baseUrl + "/ajax/growth/queryByPro", {
37 
		dataType: 'json', //数据格式类型
38 
		type: 'GET', //http请求类型
39 
		timeout: 10000, //超时设置
40 
		data: {
41 
			"professorId": userId,
42 
			"createTime": createTime,
43 
			"rows": 20
44 
		},
45 
		success: function(data) {
46 
			if(aflas == true) {
47 
				if(data.success && data.data != '') {
48 
					var datalist = data.data;
49 
					datalistEach(datalist);
50 
					if(data.data.length < 20) {
51 
						mui('#rawardsSet').pullRefresh().endPullupToRefresh(false);
52 
					} else {
53 
						mui('#rawardsSet').pullRefresh().endPullupToRefresh(true);
54 
					}
55 
				} else {
56 
					mui('#rawardsSet').pullRefresh().endPullupToRefresh(true);
57 
				}
58 
			} else {
59 
				if(data.success && data.data != '') {
60 
					var datalist = data.data;
61 
					datalistEach(datalist);
62 
					if(data.data.length < 20) {
63 
						mui('#rawardsSet').pullRefresh().endPullupToRefresh(false);
64 
					} else {
65 
						mui('#rawardsSet').pullRefresh().endPullupToRefresh(true);
66 
					}
67 
				} else {
68 
					mui('#rawardsSet').pullRefresh().disablePullupToRefresh();
69 
					document.getElementById("noset").classList.remove("displayNone");
70 
				}
71 
			}
72 
		},
73 
		error: function() {
74 
			plus.nativeUI.toast("服务器链接超时", toastStyle);
75 
			return;
76 
		}
77 
	});
78 
}
79
80 
/*获得积分数据遍历*/
81 
function datalistEach(datalist) {
82 
	mui.each(datalist, function(index, item) {
83 
		var operate;
84 
		switch(item.operate) {
85 
			case "1":
86 
				operate = "成功邀请一位好友";
87 
				break;
88 
			case "2":
89 
				operate = "成功分享专家信息到微信";
90 
				break;
91 
			case "3":
92 
				operate = "成功分享文章到微信";
93 
				break;
94 
			case "4":
95 
				operate = "成功分享资源到微信";
96 
				break;
97 
			case "5":
98 
				if(item.signInDays == 1) {
99 
					operate = "每日签到";
100 
				} else {
101 
					operate = "连续签到" + item.signInDays + "天";
102 
				}
103 
				break;
104 
			case "6":
105 
				operate = "添加一个研究方向";
106 
				break;
107 
			case "7":
108 
				operate = "给专家的研究方向点赞";
109 
				break;
110 
			case "8":
111 
				operate = "自己的研究方向被点赞";
112 
				break;
113 
			case "9":
114 
				operate = "发布文章";
115 
				break;
116 
			case "-9":
117 
				operate = "删除文章";
118 
				break;
119 
			case "10":
120 
				operate = "给别人的文章留言";
121 
				break;
122 
			case "11":
123 
				operate = "自己的文章获得留言";
124 
				break;
125 
			case "12":
126 
				operate = "发布资源";
127 
				break;
128 
			case "-12":
129 
				operate = "删除资源";
130 
				break;
131 
			case "13":
132 
				operate = "通过实名认证";
133 
				break;
134 
			case "14":
135 
				operate = "成为科袖认证专家";
136 
				break;
137 
			case "15":
138 
				operate = "成为企业认证用户";
139 
				break;
140 
			case "16":
141 
				operate = "接受一次咨询";
142 
				break;
143 
			case "17":
144 
				operate = "完成一次咨询";
145 
				break;
146 
			case "18":
147 
				operate = "获得4星及以上评价";
148 
				break;
149 
			case "19":
150 
				operate = "评价一次咨询";
151 
				break;
152 
			case "20":
153 
				operate = "发布个人需求";
154 
				break;
155 
			case "21":
156 
				operate = "发布企业需求";
157 
				break;
158 
			case "22":
159 
				operate = "确认一次需求";
160 
				break;
161 
			case "23":
162 
				operate = "首次绑定手机(包括注册)";
163 
				break;
164 
			case "24":
165 
				operate = "首次绑定手机(包括注册)";
166 
				break;
167 
			case "25":
168 
				operate = "首次绑定邮箱(包括注册)";
169 
				break;
170 
			case "101":
171 
				operate = "成功邀请好友后邀请人获得积分";
172 
				break;
173 
			case "102":
174 
				operate = "添加研究方向给邀请人加分";
175 
				break;
176 
			case "103":
177 
				operate = "发布文章给邀请人加分";
178 
				break;
179 
			case "104":
180 
				operate = "发布资源给邀请人加分";
181 
				break;
182 
			case "-104":
183 
				operate = "删除资源给邀请人减分";
184 
				break;
185 
			case "105":
186 
				operate = "通过实名认证给邀请人加分";
187 
				break;
188 
			case "106":
189 
				operate = "成为认证专家给邀请人加分";
190 
				break;
191 
			case "107":
192 
				operate = "成为企业认证用户给邀请人加分";
193 
				break;
194 
			case "108":
195 
				operate = "接受咨询给邀请人加分";
196 
				break;
197 
			case "109":
198 
				operate = "完成咨询给邀请人加分";
199 
				break;
200 
			case "110":
201 
				operate = "获得4星及以上评价给邀请人加分";
202 
				break;
203 
			case "111":
204 
				operate = "评价咨询给邀请人加分";
205 
				break;
206 
			case "112":
207 
				operate = "发布个人需求给邀请人加分";
208 
				break;
209 
			case "113":
210 
				operate = "发布企业需求给邀请人加分";
211 
				break;
212 
			case "114":
213 
				operate = "确认一次需求给邀请人加分";
214 
				break;
215 
		}
216
217 
		var li = document.createElement('li');
218 
		li.className = 'mui-table-view-cell';
219 
		li.setAttribute("data-time", item.createTime);
220 
		li.innerHTML = ' <div class="rewardWhy">' +
221 
			'<p class="h1Font">' + operate + '</p>' +
222 
			'<p class="h2Font">' + Time(item.createTime) + '</p>' +
223 
			'</div><span class="rewardCount">' + item.score + ' 分</span></li>';
224 
		table1.appendChild(li, table1.firstChild);
225 
	});
226 
}
227
228 
/*时间转换*/
229 
function Time(dealtime) {
230 
	var s = dealtime;
231 
	var m = s.substr(4, 2);
232 
	var d = s.substr(6, 2);
233 
	var h = s.substr(8, 2);
234 
	var minute = s.substr(10, 2);
235 
	var formatTime = m + "-" + d + " " + h + ":" + minute;
236 
	return formatTime;
237 
}