Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 12 Releases 0 Wiki
Browse Source

添加我的关注、咨询申请、合作历史等页面

luyanan 8 years ago
parent
9dc0aa1d4f
commit
2a0acd1349
14 changed files with 1278 additions and 72 deletions
Split View Show Diff Stats
  1. 187 0
      app/html/attentions.html
  2. 383 0
      app/html/chat_assess.html
  3. 367 0
      app/html/chatover_cmp.html
  4. 20 10
      app/html/chatover.html
  5. 1 1
      app/html/chats.html
  6. 5 5
      app/html/consultapply.html
  7. 116 41
      app/html/consultlist.html
  8. 138 0
      app/html/coophistory.html
  9. 5 5
      app/html/proinforbrow.html
  10. 1 1
      app/html/proinforupdate.html
  11. 46 0
      app/html/realnameauth.html
  12. 8 8
      app/html/search-pro.html
  13. 1 1
      app/html/security.html
  14. BIN
      app/images/staricon.png

+ 187 - 0
app/html/attentions.html
View File 

@ -0,0 +1,187 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
    <meta charset="utf-8">
5 
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
    <title></title>
7
8 
    <link href="../css/mui.min.css" rel="stylesheet"/>
9 
    <link href="../css/app.css" rel="stylesheet"/>
10 
</head>
11 
<body>
12 
	<!-- 主页面标题 -->
13 
    <header class="mui-bar mui-bar-nav toptitbox">
14 
		<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
15 
		<h1 class="mui-title toptit">我的关注</h1>
16 
	</header>
17
18 
    <!-- 主页面内容容器 -->
19 
    <div class="mui-content">
20 
    	<!-- 主界面具体展示内容 -->
21 
		<div class="fixbox">
22 
			<ul class="fixbtn" id="fixbtn">
23 
				<li class="liactive">专家</li><!--当前选中状态    'liactive'-->
24 
				<li>资源</li>
25 
			</ul>
26 
		</div>
27 
		<div class="alllist">
28 
	        <!--专家列表-->
29 
	        <div class="mui-card-content conblock childlist" style="display: block;"><!--当前x显示列表   'childlist'的显示隐藏-->
30 
		        <ul class="mui-table-view protable">
31 
		            <li class="mui-table-view-cell mui-media">
32 
		                <a class="proinfor" href="../html/proinforbrow.html">
33 
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
34 
		                    <div class="mui-media-body">
35 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
36 
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
37 
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
38 
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
39 
		                    </div>
40 
		                </a>
41 
		            </li>
42 
		            <li class="mui-table-view-cell mui-media">
43 
		                <a href="javascript:;">
44 
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
45 
		                    <div class="mui-media-body">
46 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
47 
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
48 
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
49 
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
50 
		                    </div>
51 
		                </a>
52 
		            </li>
53 
		            <li class="mui-table-view-cell mui-media">
54 
		                <a href="javascript:;">
55 
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
56 
		                    <div class="mui-media-body">
57 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
58 
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
59 
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
60 
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
61 
		                    </div>
62 
		                </a>
63 
		            </li>
64 
		            <li class="mui-table-view-cell mui-media">
65 
		                <a href="javascript:;">
66 
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
67 
		                    <div class="mui-media-body">
68 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
69 
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
70 
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
71 
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
72 
		                    </div>
73 
		                </a>
74 
		            </li>
75 
		            <li class="mui-table-view-cell mui-media">
76 
		                <a href="javascript:;">
77 
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
78 
		                    <div class="mui-media-body">
79 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
80 
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
81 
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
82 
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
83 
		                    </div>
84 
		                </a>
85 
		            </li>
86 
		            <li class="mui-table-view-cell mui-media">
87 
		                <a href="javascript:;">
88 
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
89 
		                    <div class="mui-media-body">
90 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
91 
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
92 
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
93 
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
94 
		                    </div>
95 
		                </a>
96 
		            </li>
97 
		            <li class="mui-table-view-cell mui-media">
98 
		                <a href="javascript:;">
99 
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
100 
		                    <div class="mui-media-body">
101 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
102 
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
103 
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
104 
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
105 
		                    </div>
106 
		                </a>
107 
		            </li>
108 
		            <li class="mui-table-view-cell mui-media">
109 
		                <a href="javascript:;">
110 
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
111 
		                    <div class="mui-media-body">
112 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
113 
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
114 
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
115 
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
116 
		                    </div>
117 
		                </a>
118 
		            </li>
119 
		        </ul>
120 
			</div>
121 
			<!--资源列表-->
122 
			<div class="mui-card-content conblock childlist">
123 
		        <ul class="mui-table-view protable">
124 
		            <li class="mui-table-view-cell mui-media">
125 
		                <a class="proinfor" href="javascript:;">
126 
		                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
127 
		                    <div class="mui-media-body">
128 
		                    	<span class="listtit">资源名称</span>
129 
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
130 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
131 
		                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
132 
		                    </div>
133 
		                </a>
134 
		            </li>
135 
		            <li class="mui-table-view-cell mui-media">
136 
		                <a class="proinfor" href="javascript:;">
137 
		                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
138 
		                    <div class="mui-media-body">
139 
		                    	<span class="listtit">资源名称</span>
140 
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
141 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
142 
		                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
143 
		                    </div>
144 
		                </a>
145 
		            </li>
146 
		            <li class="mui-table-view-cell mui-media">
147 
		                <a class="proinfor" href="javascript:;">
148 
		                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
149 
		                    <div class="mui-media-body">
150 
		                    	<span class="listtit">资源名称</span>
151 
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
152 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
153 
		                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
154 
		                    </div>
155 
		                </a>
156 
		            </li>
157 
		            <li class="mui-table-view-cell mui-media">
158 
		                <a class="proinfor" href="javascript:;">
159 
		                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
160 
		                    <div class="mui-media-body">
161 
		                    	<span class="listtit">资源名称</span>
162 
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
163 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
164 
		                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
165 
		                    </div>
166 
		                </a>
167 
		            </li>
168 
		        </ul>
169 
			</div>
170 
		</div>
171 
		<a id="scrollToTop" class="backTop hide"> <span class="mui-icon mui-icon-arrowup"></span> </a>
172 
    </div>
173 
    <script src="../js/public/mui.min.js"></script>
174 
	<script type="text/javascript" charset="utf-8">
175 
		mui.init()
176 
//		mui.plusReady(function(){
177 
//			var btn = document.getElementById("fixbtn");
178 
//			//监听点击事件
179 
//			btn.addEventListener("tap",function () {
180 
//			  console.log("tap event trigger");
181 
//			});
182 
//			//触发submit按钮的点击事件
183 
//			mui.trigger(btn,'tap');
184 
//		})
185 
	</script>
186 
</body>
187 
</html>

+ 383 - 0
app/html/chat_assess.html
View File 

@ -0,0 +1,383 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
		<title></title>
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
9 
		<link href="../css/mui.imageviewer.css" rel="stylesheet" />
10 
		<style>
11 
			html,
12 
			body {
13 
				height: 100%;
14 
				margin: 0px;
15 
				padding: 0px;
16 
				overflow: hidden;
17 
				-webkit-touch-callout: none;
18 
				-webkit-user-select: none;
19 
			}
20 
			footer {
21 
				position: fixed;
22 
				width: 100%;
23 
				height: 50px;
24 
				min-height: 50px;
25 
				border-top: solid 1px #bbb;
26 
				left: 0px;
27 
				bottom: 0px;
28 
				overflow: hidden;
29 
				padding: 0px 50px;
30 
				background-color: #fafafa;
31 
			}
32 
			.footer-left {
33 
				position: absolute;
34 
				width: 50px;
35 
				height: 50px;
36 
				left: 0px;
37 
				bottom: 0px;
38 
				text-align: center;
39 
				vertical-align: middle;
40 
				line-height: 100%;
41 
 				padding: 12px 4px;
42 
 			}
43 
 			.footer-right {
44 
 				position: absolute;
45 
 				width: 50px;
46 
 				height: 50px;
47 
 				right: 0px;
48 
 				bottom: 0px;
49 
 				text-align: center;
50 
 				vertical-align: middle;
51 
 				line-height: 100%;
52 
 				padding: 12px 5px;
53 
 				display: inline-block;
54 
 			}
55 
 			.footer-center {
56 
 				height: 100%;
57 
 				padding: 5px 0px;
58 
 			}
59 
 			.footer-center [class*=input] {
60 
 				width: 100%;
61 
 				height: 100%;
62 
 				border-radius: 5px;
63 
 			}
64 
 			.footer-center .input-text {
65 
 				background: #fff;
66 
 				border: solid 1px #ddd;
67 
 				padding: 10px !important;
68 
 				font-size: 16px !important;
69 
 				line-height: 18px !important;
70 
 				font-family: verdana !important;
71 
 				overflow: hidden;
72 
 			}
73 
 			.footer-center .input-sound {
74 
 				background-color: #eee;
75 
 			}
76 
 			.mui-content {
77 
 				height: 100%;
78 
 				padding: 44px 0px 50px 0px;
79 
 				overflow: auto;
80 
 				background-color: #eaeaea;
81 
 			}
82 
 			#msg-list {
83 
 				height: 100%;
84 
 				overflow: auto;
85 
 				-webkit-overflow-scrolling: touch;
86 
 			}
87 
 			.msg-item {
88 
 				padding: 8px;
89 
 				clear: both;
90 
 			}
91 
 			.msg-item .mui-item-clear {
92 
 				clear: both;
93 
 			}
94 
 			.msg-item .msg-user {
95 
 				width: 38px;
96 
 				height: 38px;
97 
 				border: solid 1px #d3d3d3;
98 
 				display: inline-block;
99 
 				background: #fff;
100 
 				border-radius: 3px;
101 
 				vertical-align: top;
102 
 				text-align: center;
103 
 				float: left;
104 
 				padding: 3px;
105 
 				color: #ddd;
106 
 			}
107
108 
 			.msg-item .msg-user-img{
109 
 				width: 38px;
110 
 				height: 38px;
111 
 				display: inline-block;
112 
 				border-radius: 3px;
113 
 				vertical-align: top;
114 
 				text-align: center;
115 
 				float: left;
116 
 				color: #ddd;
117 
 			}
118
119 
 			.msg-item .msg-content {
120 
 				display: inline-block;
121 
 				border-radius: 5px;
122 
 				border: solid 1px #d3d3d3;
123 
 				background-color: #FFFFFF;
124 
 				color: #333;
125 
 				padding: 8px;
126 
 				vertical-align: top;
127 
 				font-size: 15px;
128 
 				position: relative;
129 
 				margin: 0px 8px;
130 
 				max-width: 75%;
131 
 				min-width: 35px;
132 
 				float: left;
133 
 			}
134 
 			.msg-item .msg-content .msg-content-inner {
135 
 				overflow-x: hidden;
136 
 			}
137 
 			.msg-item .msg-content .msg-content-arrow {
138 
 				position: absolute;
139 
 				border: solid 1px #d3d3d3;
140 
 				border-right: none;
141 
 				border-top: none;
142 
 				background-color: #FFFFFF;
143 
 				width: 10px;
144 
 				height: 10px;
145 
 				left: -5px;
146 
 				top: 12px;
147 
 				-webkit-transform: rotateZ(45deg);
148 
 				transform: rotateZ(45deg);
149 
 			}
150 
 			.msg-item-self .msg-user,
151 
 			.msg-item-self .msg-content {
152 
 				float: right;
153 
 			}
154 
 			.msg-item-self .msg-content .msg-content-arrow {
155 
 				left: auto;
156 
 				right: -5px;
157 
 				-webkit-transform: rotateZ(225deg);
158 
 				transform: rotateZ(225deg);
159 
 			}
160 
 			.msg-item-self .msg-content,
161 
 			.msg-item-self .msg-content .msg-content-arrow {
162 
 				background-color: #4CD964;
163 
 				color: #fff;
164 
 				border-color: #2AC845;
165 
 			}
166 
 			footer .mui-icon {
167 
 				color: #999999;
168 
 			}
169 
 			footer .mui-icon:active {
170 
 				color: #FF9900 !important;
171 
 			}/*#007AFF*/
172 
 			footer .mui-icon-paperplane:before {
173 
 				content: "发送";
174 
 			}
175 
 			footer .mui-icon-paperplane {
176 
 				/*-webkit-transform: rotateZ(45deg);
177 
 				transform: rotateZ(45deg);*/
178
179 
 				font-size: 16px;
180 
 				word-break: keep-all;
181 
 				line-height: 100%;
182 
 				padding-top: 6px;
183 
 				color: rgba(0, 135, 250, 1);
184 
 			}
185 
 			#msg-sound {
186 
 				-webkit-user-select: none !important;
187 
 				user-select: none !important;
188 
 			}
189 
 			.rprogress {
190 
 				position: absolute;
191 
 				left: 50%;
192 
 				top: 50%;
193 
 				width: 140px;
194 
 				height: 140px;
195 
 				margin-left: -70px;
196 
 				margin-top: -70px;
197 
 				background-image: url(../images/arecord.png);
198 
 				background-repeat: no-repeat;
199 
 				background-position: center center;
200 
 				background-size: 30px 30px;
201 
 				background-color: rgba(0, 0, 0, 0.7);
202 
 				border-radius: 5px;
203 
 				display: none;
204 
 				-webkit-transition: .15s;
205 
 			}
206 
 			.rschedule {
207 
 				background-color: rgba(0, 0, 0, 0);
208 
 				border: 5px solid rgba(0, 183, 229, 0.9);
209 
 				opacity: .9;
210 
 				border-left: 5px solid rgba(0, 0, 0, 0);
211 
 				border-right: 5px solid rgba(0, 0, 0, 0);
212 
 				border-radius: 50px;
213 
 				box-shadow: 0 0 15px #2187e7;
214 
 				width: 46px;
215 
 				height: 46px;
216 
 				position: absolute;
217 
 				left: 50%;
218 
 				top: 50%;
219 
 				margin-left: -23px;
220 
 				margin-top: -23px;
221 
 				-webkit-animation: spin 1s infinite linear;
222 
 				animation: spin 1s infinite linear;
223 
 			}
224 
 			.r-sigh{
225 
 				display: none;
226 
 				border-radius: 50px;
227 
 				box-shadow: 0 0 15px #2187e7;
228 
 				width: 46px;
229 
 				height: 46px;
230 
 				position: absolute;
231 
 				left: 50%;
232 
 				top: 50%;
233 
 				margin-left: -23px;
234 
 				margin-top: -23px;
235 
 				text-align: center;
236 
 				line-height: 46px;
237 
 				font-size: 40px;
238 
 				font-weight: bold;
239 
 				color: #2187e7;
240 
 			}
241 
 			.rprogress-sigh{
242 
 				background-image: none !important;
243 
 			}
244 
 			.rprogress-sigh .rschedule{
245 
 				display: none !important;
246 
 			}
247 
 			.rprogress-sigh .r-sigh{
248 
 				display: block !important;
249 
 			}
250 
 			.rsalert {
251 
 				font-size: 12px;
252 
 				color: #bbb;
253 
 				text-align: center;
254 
 				position: absolute;
255 
 				border-radius: 5px;
256 
 				width: 130px;
257 
 				margin: 5px 5px;
258 
 				padding: 5px;
259 
 				left: 0px;
260 
 				bottom: 0px;
261 
 			}
262 
 			@-webkit-keyframes spin {
263 
 				0% {
264 
 					-webkit-transform: rotate(0deg);
265 
 				}
266 
 				100% {
267 
 					-webkit-transform: rotate(360deg);
268 
 				}
269 
 			}
270 
 			@keyframes spin {
271 
 				0% {
272 
 					transform: rotate(0deg);
273 
 				}
274 
 				100% {
275 
 					transform: rotate(360deg);
276 
 				}
277 
 			}
278 
 			#h {
279 
 				background: #fff;
280 
 				border: solid 1px #ddd;
281 
 				padding: 10px !important;
282 
 				font-size: 16px !important;
283 
 				font-family: verdana !important;
284 
 				line-height: 18px !important;
285 
 				overflow: visible;
286 
 				position: absolute;
287 
 				left: -1000px;
288 
 				right: 0px;
289 
 				word-break: break-all;
290 
 				word-wrap: break-word;
291 
 			}
292 
 			.cancel {
293 
 				background-color: darkred;
294 
 			}
295 
 		</style>
296 
 	</head>
297 
  	<body contextmenu="return false;">
298 
 		<header class="mui-bar mui-bar-nav toptitbox">
299 
 			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
300 
 			<h1 class="mui-title toptit">对方姓名</h1>
301 
 			<span class="mui-icon mui-icon-contact mui-pull-right personhead"></span>
302 
 		</header>
303 
 		<pre id='h'></pre>
304 
 		<script id='msg-template' type="text/template">
305 
 			<% for(var i in record){ var item=record[i]; %>
306 
 				<div class="msg-item <%= (item.sender=='self'?' msg-item-self':'') %>" msg-type='<%=(item.type)%>' msg-content='<%=(item.content)%>'>
307 
 					<% if(item.sender=='self' ) { %>
308 
 						<i class="msg-user mui-icon mui-icon-person"></i>
309 
 					<% } else { %>
310 
 						<img class="msg-user-img" src="../images/logo.png" alt="" />
311 
 					<% } %>
312 
 					<div class="msg-content">
313 
 						<div class="msg-content-inner">
314 
 							<% if(item.type=='text' ) { %>
315 
 								<%=( item.content|| '&nbsp;&nbsp;') %>
316 
 							<% } else if(item.type=='image' ) { %>
317 
 								<img class="msg-content-image" src="<%=(item.content)%>" style="max-width: 100px;" />
318 
 							<% } else if(item.type=='sound' ) { %>
319 
 								<span class="mui-icon mui-icon-mic" style="font-size: 18px;font-weight: bold;"></span>
320 
 								<span class="play-state">点击播放</span>
321 
 							<% } %>
322 
 						</div>
323 
 						<div class="msg-content-arrow"></div>
324 
 					</div>
325 
 					<div class="mui-item-clear"></div>
326 
 				</div>
327 
 			<% } %>
328 
 		</script>
329 
 		<div class="mui-content">
330 
 			<div class="operatebox">
331 
 				<div class="themespan mui-pull-left" style="width:70%;">
332 
 					<span class="">关于XXXXXX的咨询</span>
333 
 				</div>
334
335 
 				<div class="operatebtnbox mui-pull-right">
336 
 					<!--未评价-->
337 
	                <button id='promptBtn' type="button" class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn" style="width:80px;">去评价</button>
338 
 					<div id="info">
339
340 
				</div>
341
342 
 					<!--已评价-->
343 
 					<div class="">
344 
 						<span></span>
345 
 						<div>
346
347 
 						</div>
348 
 					</div>
349 
 				</div>
350 
 			</div>
351 
 			<div id='msg-list'>
352 
 			</div>
353 
 		</div>
354 
 		<div class="">
355
356 
 		</div>
357
358 
 		<script src="../js/public/mui.min.js"></script>
359 
 		<script src="../js/public/mui.imageViewer.js"></script>
360 
 		<script src="../js/public/arttmpl.js"></script>
361 
 		<script type="text/javascript" charset="utf-8">
362 
 		//mui初始化
363 
//			mui.init({
364 
//				swipeBack: true //启用右滑关闭功能
365 
//			});
366 
//			var info = document.getElementById("info");
367 
//			document.getElementById("promptBtn").addEventListener('tap', function(e) {
368 
//				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
369 
//				var btnArray = ['暂不评价', '发送'];
370 
//				mui.prompt('请您对此次咨询进行评价：', '性能好', 'Hello MUI', btnArray, function(e) {
371 
//					if (e.index == 1) {
372 
//						info.innerText = '谢谢你的评语：' + e.value;
373 
//					} else {
374 
//						info.innerText = '你点了取消按钮';
375 
//					}
376 
//				})
377 
//			});
378 
//			document.getElementById("toastBtn").addEventListener('tap', function() {
379 
//				mui.toast('欢迎体验Hello MUI');
380 
//			});
381 
		</script>
382 
	</body>
383 
</html>

+ 367 - 0
app/html/chatover_cmp.html
View File 

@ -0,0 +1,367 @@
1 
<!DOCTYPE html>
2 
<html>
3 
	<head>
4 
		<meta charset="utf-8">
5 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
		<title></title>
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
9 
		<link href="../css/mui.imageviewer.css" rel="stylesheet" />
10 
		<style>
11 
			html,
12 
			body {
13 
				height: 100%;
14 
				margin: 0px;
15 
				padding: 0px;
16 
				overflow: hidden;
17 
				-webkit-touch-callout: none;
18 
				-webkit-user-select: none;
19 
			}
20 
			footer {
21 
				position: fixed;
22 
				width: 100%;
23 
				height: 50px;
24 
				min-height: 50px;
25 
				border-top: solid 1px #bbb;
26 
				left: 0px;
27 
				bottom: 0px;
28 
				overflow: hidden;
29 
				padding: 0px 50px;
30 
				background-color: #fafafa;
31 
			}
32 
			.footer-left {
33 
				position: absolute;
34 
				width: 50px;
35 
				height: 50px;
36 
				left: 0px;
37 
				bottom: 0px;
38 
				text-align: center;
39 
				vertical-align: middle;
40 
				line-height: 100%;
41 
 				padding: 12px 4px;
42 
 			}
43 
 			.footer-right {
44 
 				position: absolute;
45 
 				width: 50px;
46 
 				height: 50px;
47 
 				right: 0px;
48 
 				bottom: 0px;
49 
 				text-align: center;
50 
 				vertical-align: middle;
51 
 				line-height: 100%;
52 
 				padding: 12px 5px;
53 
 				display: inline-block;
54 
 			}
55 
 			.footer-center {
56 
 				height: 100%;
57 
 				padding: 5px 0px;
58 
 			}
59 
 			.footer-center [class*=input] {
60 
 				width: 100%;
61 
 				height: 100%;
62 
 				border-radius: 5px;
63 
 			}
64 
 			.footer-center .input-text {
65 
 				background: #fff;
66 
 				border: solid 1px #ddd;
67 
 				padding: 10px !important;
68 
 				font-size: 16px !important;
69 
 				line-height: 18px !important;
70 
 				font-family: verdana !important;
71 
 				overflow: hidden;
72 
 			}
73 
 			.footer-center .input-sound {
74 
 				background-color: #eee;
75 
 			}
76 
 			.mui-content {
77 
 				height: 100%;
78 
 				padding: 44px 0px 50px 0px;
79 
 				overflow: auto;
80 
 				background-color: #eaeaea;
81 
 			}
82 
 			#msg-list {
83 
 				height: 100%;
84 
 				overflow: auto;
85 
 				-webkit-overflow-scrolling: touch;
86 
 			}
87 
 			.msg-item {
88 
 				padding: 8px;
89 
 				clear: both;
90 
 			}
91 
 			.msg-item .mui-item-clear {
92 
 				clear: both;
93 
 			}
94 
 			.msg-item .msg-user {
95 
 				width: 38px;
96 
 				height: 38px;
97 
 				border: solid 1px #d3d3d3;
98 
 				display: inline-block;
99 
 				background: #fff;
100 
 				border-radius: 3px;
101 
 				vertical-align: top;
102 
 				text-align: center;
103 
 				float: left;
104 
 				padding: 3px;
105 
 				color: #ddd;
106 
 			}
107
108 
 			.msg-item .msg-user-img{
109 
 				width: 38px;
110 
 				height: 38px;
111 
 				display: inline-block;
112 
 				border-radius: 3px;
113 
 				vertical-align: top;
114 
 				text-align: center;
115 
 				float: left;
116 
 				color: #ddd;
117 
 			}
118
119 
 			.msg-item .msg-content {
120 
 				display: inline-block;
121 
 				border-radius: 5px;
122 
 				border: solid 1px #d3d3d3;
123 
 				background-color: #FFFFFF;
124 
 				color: #333;
125 
 				padding: 8px;
126 
 				vertical-align: top;
127 
 				font-size: 15px;
128 
 				position: relative;
129 
 				margin: 0px 8px;
130 
 				max-width: 75%;
131 
 				min-width: 35px;
132 
 				float: left;
133 
 			}
134 
 			.msg-item .msg-content .msg-content-inner {
135 
 				overflow-x: hidden;
136 
 			}
137 
 			.msg-item .msg-content .msg-content-arrow {
138 
 				position: absolute;
139 
 				border: solid 1px #d3d3d3;
140 
 				border-right: none;
141 
 				border-top: none;
142 
 				background-color: #FFFFFF;
143 
 				width: 10px;
144 
 				height: 10px;
145 
 				left: -5px;
146 
 				top: 12px;
147 
 				-webkit-transform: rotateZ(45deg);
148 
 				transform: rotateZ(45deg);
149 
 			}
150 
 			.msg-item-self .msg-user,
151 
 			.msg-item-self .msg-content {
152 
 				float: right;
153 
 			}
154 
 			.msg-item-self .msg-content .msg-content-arrow {
155 
 				left: auto;
156 
 				right: -5px;
157 
 				-webkit-transform: rotateZ(225deg);
158 
 				transform: rotateZ(225deg);
159 
 			}
160 
 			.msg-item-self .msg-content,
161 
 			.msg-item-self .msg-content .msg-content-arrow {
162 
 				background-color: #4CD964;
163 
 				color: #fff;
164 
 				border-color: #2AC845;
165 
 			}
166 
 			footer .mui-icon {
167 
 				color: #999999;
168 
 			}
169 
 			footer .mui-icon:active {
170 
 				color: #FF9900 !important;
171 
 			}/*#007AFF*/
172 
 			footer .mui-icon-paperplane:before {
173 
 				content: "发送";
174 
 			}
175 
 			footer .mui-icon-paperplane {
176 
 				/*-webkit-transform: rotateZ(45deg);
177 
 				transform: rotateZ(45deg);*/
178
179 
 				font-size: 16px;
180 
 				word-break: keep-all;
181 
 				line-height: 100%;
182 
 				padding-top: 6px;
183 
 				color: rgba(0, 135, 250, 1);
184 
 			}
185 
 			#msg-sound {
186 
 				-webkit-user-select: none !important;
187 
 				user-select: none !important;
188 
 			}
189 
 			.rprogress {
190 
 				position: absolute;
191 
 				left: 50%;
192 
 				top: 50%;
193 
 				width: 140px;
194 
 				height: 140px;
195 
 				margin-left: -70px;
196 
 				margin-top: -70px;
197 
 				background-image: url(../images/arecord.png);
198 
 				background-repeat: no-repeat;
199 
 				background-position: center center;
200 
 				background-size: 30px 30px;
201 
 				background-color: rgba(0, 0, 0, 0.7);
202 
 				border-radius: 5px;
203 
 				display: none;
204 
 				-webkit-transition: .15s;
205 
 			}
206 
 			.rschedule {
207 
 				background-color: rgba(0, 0, 0, 0);
208 
 				border: 5px solid rgba(0, 183, 229, 0.9);
209 
 				opacity: .9;
210 
 				border-left: 5px solid rgba(0, 0, 0, 0);
211 
 				border-right: 5px solid rgba(0, 0, 0, 0);
212 
 				border-radius: 50px;
213 
 				box-shadow: 0 0 15px #2187e7;
214 
 				width: 46px;
215 
 				height: 46px;
216 
 				position: absolute;
217 
 				left: 50%;
218 
 				top: 50%;
219 
 				margin-left: -23px;
220 
 				margin-top: -23px;
221 
 				-webkit-animation: spin 1s infinite linear;
222 
 				animation: spin 1s infinite linear;
223 
 			}
224 
 			.r-sigh{
225 
 				display: none;
226 
 				border-radius: 50px;
227 
 				box-shadow: 0 0 15px #2187e7;
228 
 				width: 46px;
229 
 				height: 46px;
230 
 				position: absolute;
231 
 				left: 50%;
232 
 				top: 50%;
233 
 				margin-left: -23px;
234 
 				margin-top: -23px;
235 
 				text-align: center;
236 
 				line-height: 46px;
237 
 				font-size: 40px;
238 
 				font-weight: bold;
239 
 				color: #2187e7;
240 
 			}
241 
 			.rprogress-sigh{
242 
 				background-image: none !important;
243 
 			}
244 
 			.rprogress-sigh .rschedule{
245 
 				display: none !important;
246 
 			}
247 
 			.rprogress-sigh .r-sigh{
248 
 				display: block !important;
249 
 			}
250 
 			.rsalert {
251 
 				font-size: 12px;
252 
 				color: #bbb;
253 
 				text-align: center;
254 
 				position: absolute;
255 
 				border-radius: 5px;
256 
 				width: 130px;
257 
 				margin: 5px 5px;
258 
 				padding: 5px;
259 
 				left: 0px;
260 
 				bottom: 0px;
261 
 			}
262 
 			@-webkit-keyframes spin {
263 
 				0% {
264 
 					-webkit-transform: rotate(0deg);
265 
 				}
266 
 				100% {
267 
 					-webkit-transform: rotate(360deg);
268 
 				}
269 
 			}
270 
 			@keyframes spin {
271 
 				0% {
272 
 					transform: rotate(0deg);
273 
 				}
274 
 				100% {
275 
 					transform: rotate(360deg);
276 
 				}
277 
 			}
278 
 			#h {
279 
 				background: #fff;
280 
 				border: solid 1px #ddd;
281 
 				padding: 10px !important;
282 
 				font-size: 16px !important;
283 
 				font-family: verdana !important;
284 
 				line-height: 18px !important;
285 
 				overflow: visible;
286 
 				position: absolute;
287 
 				left: -1000px;
288 
 				right: 0px;
289 
 				word-break: break-all;
290 
 				word-wrap: break-word;
291 
 			}
292 
 			.cancel {
293 
 				background-color: darkred;
294 
 			}
295 
 		</style>
296 
 	</head>
297 
  	<body contextmenu="return false;">
298 
 		<header class="mui-bar mui-bar-nav toptitbox">
299 
 			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
300 
 			<h1 class="mui-title toptit">对方姓名</h1>
301 
 			<span class="mui-icon mui-icon-contact mui-pull-right personhead"></span>
302 
 		</header>
303 
 		<pre id='h'></pre>
304 
 		<script id='msg-template' type="text/template">
305 
 			<% for(var i in record){ var item=record[i]; %>
306 
 				<div class="msg-item <%= (item.sender=='self'?' msg-item-self':'') %>" msg-type='<%=(item.type)%>' msg-content='<%=(item.content)%>'>
307 
 					<% if(item.sender=='self' ) { %>
308 
 						<i class="msg-user mui-icon mui-icon-person"></i>
309 
 					<% } else { %>
310 
 						<img class="msg-user-img" src="../images/logo.png" alt="" />
311 
 					<% } %>
312 
 					<div class="msg-content">
313 
 						<div class="msg-content-inner">
314 
 							<% if(item.type=='text' ) { %>
315 
 								<%=( item.content|| '&nbsp;&nbsp;') %>
316 
 							<% } else if(item.type=='image' ) { %>
317 
 								<img class="msg-content-image" src="<%=(item.content)%>" style="max-width: 100px;" />
318 
 							<% } else if(item.type=='sound' ) { %>
319 
 								<span class="mui-icon mui-icon-mic" style="font-size: 18px;font-weight: bold;"></span>
320 
 								<span class="play-state">点击播放</span>
321 
 							<% } %>
322 
 						</div>
323 
 						<div class="msg-content-arrow"></div>
324 
 					</div>
325 
 					<div class="mui-item-clear"></div>
326 
 				</div>
327 
 			<% } %>
328 
 		</script>
329 
 		<div class="mui-content">
330 
 			<div class="operatebox">
331 
 				<div class="themespan mui-pull-left">
332 
 					<span class="">关于XXXXXX的咨询关于XXXXXX的咨询</span>
333 
 				</div>
334 
 				<!--进行中-->
335 
 				<!--<div class="operatebtnbox mui-pull-right">
336 
 					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn">点击确认完成咨询</button>
337 
 				</div>-->
338 
 				<!--待评价-->
339 
 				<!--<div class="operatebtnbox mui-pull-right">
340 
 					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn" style="width:80px; ">去评价</button>
341 
 				</div>-->
342 
 				<!--您已评价-->
343 
 				<div class="operatebtnbox mui-pull-right operated">
344 
 					<div class="evabox">
345 
 						<span>已评价</span>
346 
 						<div class="levelbox">
347 
				        	<span class="star"></span>
348 
			        		<span class="star"></span>
349 
			        		<span class="star"></span>
350 
			        		<span class="star"></span>
351 
			        		<span class="star"></span>
352 
			        	</div>
353 
 					</div>
354 
 				</div>
355 
 			</div>
356 
 			<div id='msg-list'>
357 
 			</div>
358 
 		</div>
359
360 
 		<script src="../js/public/mui.min.js"></script>
361 
 		<script src="../js/public/mui.imageViewer.js"></script>
362 
 		<script src="../js/public/arttmpl.js"></script>
363 
 		<script type="text/javascript" charset="utf-8">
364
365 
		</script>
366 
	</body>
367 
</html>

+ 20 - 10
app/html/chatover.html
View File 

@ -331,18 +331,28 @@
331 331 
 				<div class="themespan mui-pull-left" style="width:70%;">
332 332 
 					<span class="">关于XXXXXX的咨询</span>
333 333 
 				</div>
334
335 
 				<div class="operatebtnbox mui-pull-right">
336 
 					<!--未评价-->
337 
	                <button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn" style="width:80px;">去评价</button>
338 
 					<!--已评价-->
339 
 					<div class="">
340 
 						<span></span>
341 
 						<div>
342
343 
 						</div>
334 
 				<!--进行中-->
335 
 				<!--<div class="operatebtnbox mui-pull-right" style="width:30%;">
336 
 					<div class="evabox"><span>进行中</span></div>
337 
 				</div>-->
338 
 				<!--对方已评价     添加类'operated'-->
339 
 				<div class="operatebtnbox mui-pull-right operated">
340 
 					<div class="evabox">
341 
 						<span>对方已评价</span>
342 
 						<div class="levelbox">
343 
				        	<span class="star"></span>
344 
			        		<span class="star"></span>
345 
			        		<span class="star"></span>
346 
			        		<span class="star"></span>
347 
			        		<span class="star"></span>
348 
			        	</div>
344 349 
 					</div>
345 350 
 				</div>
351 
 				<!--对方未评价-->
352 
 				<!--<div class="operatebtnbox mui-pull-right" style="width:30%;">
353 
 					<div class="evabox"><span>对方还未评价</span></div>
354 
 				</div>-->
355
346 356 
 			</div>
347 357 
 			<div id='msg-list'>
348 358 
 			</div>

+ 1 - 1
app/html/chats.html
View File 

@ -329,7 +329,7 @@
329 329 
 		<div class="mui-content">
330 330 
 			<div class="operatebox">
331 331 
 				<div class="themespan mui-pull-left">
332 
 					<span class="">关于XXXXXX的咨询关于XXXXXX的咨fhj</span>
332 
 					<span class="">关于XXXXXX的咨询关于XXXXXX的咨询</span>
333 333 
 				</div>
334 334 
 				<div class="operatebtnbox mui-pull-right">
335 335 
 					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn">点击确认完成咨询</button>

+ 5 - 5
app/html/consultapply.html
View File 

@ -38,11 +38,11 @@
38 38 
		        		</div>
39 39 
		        	</div>
40 40 
		        	<div class="mui-pull-right levelbox">
41 
		        		<span class="mui-icon mui-icon-star"></span>
42 
		        		<span class="mui-icon mui-icon-star"></span>
43 
		        		<span class="mui-icon mui-icon-star"></span>
44 
		        		<span class="mui-icon mui-icon-star"></span>
45 
		        		<span class="mui-icon mui-icon-star"></span>
41 
		        		<span class="star"></span>
42 
		        		<span class="star"></span>
43 
		        		<span class="star"></span>
44 
		        		<span class="star"></span>
45 
		        		<span class="star"></span>
46 46 
		        	</div>
47 47 
		        </div>
48 48 
		    </div>

+ 116 - 41
app/html/consultlist.html
View File 

@ -10,12 +10,12 @@
10 10 
    <style>
11 11 
    /*跨webview需要手动指定位置*/
12 12
13 
			.mui-plus header.mui-bar {
13 
			/*.mui-plus header.mui-bar {
14 14 
				display: none!important;
15 15 
			}
16 16 
			.mui-plus .mui-bar-nav~.mui-content {
17 17 
				padding: 0!important;
18 
			}
18 
			}*/
19 19
20 20 
			.mui-plus .plus{
21 21 
				display: inline;

@ -42,14 +42,31 @@
42 42 
				padding-right: 10px;
43 43 
			}
44 44 
			.mui-popover {
45 
				height: 300px;
45 
				border-radius: 6px;
46 
				width:0;
47 
				height:0;
48 
				min-width: 90px;
49 
				min-height:110px;
50 
				font-size: 13px;
46 51 
			}
52 
			.mui-popover .mui-popover-arrow{
53 
				top: -22px;
54 
				width: 22px;
55 
    			height: 22px;
56
57 
    		}
58 
    		.mui-popover .mui-table-view-cell{
59 
    			padding:8px 14px;
60 
    		}
61
62 
    		.mui-popover4{ width: 130px;  }
47 63 
    </style>
48 64 
</head>
49 65 
<body>
50 66
51 67 
	<!-- 主页面标题 -->
52 68 
	<header class="mui-bar mui-bar-nav toptitbox">
69 
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
53 70 
	    <h1 class="mui-title toptit">咨询</h1>
54 71 
	</header>
55 72 
	<!--主页面底部菜单-->
 
@ -72,24 +89,22 @@
72 89 
    	<!-- 主界面具体展示内容 -->
73 90 
    	<div class="filterbox2">
74 91 
			<ul class="filterblock2">
75 
				<li>
76 
					<select class="filterlist2">
77 
						<option>全部</option>
78 
						<option>我的需求</option>
79 
						<option>向我咨询</option>
80 
					</select>
81 
					<span class="mui-icon mui-icon-arrowdown downarrow"></span>
92 
				<li style="width:22%;">
93 
					<a href="#middlePopover1" class="mui-btn mui-btn-block mui-btn-outlined filterlist2">全部<em class="mui-icon mui-icon-arrowdown"></em></a>
94 
				</li>
95 
				<li style="width:22%;">
96 
					<a href="#middlePopover2" class="mui-btn mui-btn-block mui-btn-outlined filterlist2">咨询方向<em class="mui-icon mui-icon-arrowdown"></em></a>
82 97 
				</li>
83 
				<li>
84 
					<a href="#middlePopover" class="mui-btn mui-btn-primary mui-btn-block mui-btn-outlined filterlist" >学术领域<em class="mui-icon mui-icon-arrowdown"></em></a>
98 
				<li style="width:22%;">
99 
					<a href="#middlePopover3" class="mui-btn mui-btn-block mui-btn-outlined filterlist2">咨询状态<em class="mui-icon mui-icon-arrowdown"></em></a>
85 100 
				</li>
86 
				<li>
87 
					<button class="mui-btn mui-btn-block filterlist" type='button'>应用行业<em class="mui-icon mui-icon-arrowdown"></em></button>
101 
				<li style="width:34%;">
102 
					<a href="#middlePopover4" class="mui-btn mui-btn-block mui-btn-outlined filterlist2" >按最后回复排序<em class="mui-icon mui-icon-arrowdown"></em></a>
88 103 
				</li>
89 104 
			</ul>
90 105 
		</div>
91 106 
        <!--图文列表-->
92 
        <div class="mui-card-content conblock">
107 
        <div class="mui-card-content conblock" style="margin-top:0 ;">
93 108
94 109 
	        <ul class="mui-table-view protable">
95 110 
	            <li class="mui-table-view-cell mui-media">

@ -150,41 +165,101 @@
150 165 
	                    	<p class="listtit3">专家姓名专姓名专家姓名专家姓名专姓名专家姓名专家姓名</p>
151 166 
	                    </div>
152 167 
	                </a>
153 
	            </li>
168 
	            </li>
169 
	            <li class="mui-table-view-cell mui-media">
170 
	            	<div class="coutopicbox">
171 
	            		<span class="coutheme mui-ellipsis mui-pull-left">关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
172 
	            		<div class="coustatus mui-pull-right">
173 
	            			<span class="aimlabel">资源</span>
174 
	            			<span class="status-3">已完成</span>
175 
	            			<!--进行中"status-1"  待评价"status-2"  已完成"status-3"-->
176 
	            		</div>
177
178 
	            	</div>
179 
	                <a class="proinfor" href="chats.html">
180 
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
181 
	                    <div class="mui-media-body">
182 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/><span class="thistime">今天 10:20</span></span>
183 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
184 
	                    	<p class="listtit3">专家姓名专姓名专家姓名专家姓名专姓名专家姓名专家姓名</p>
185 
	                    </div>
186 
	                </a>
187 
	            </li>
188 
	            <li class="mui-table-view-cell mui-media">
189 
	            	<div class="coutopicbox">
190 
	            		<span class="coutheme mui-ellipsis mui-pull-left">关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
191 
	            		<div class="coustatus mui-pull-right">
192 
	            			<span class="aimlabel">资源</span>
193 
	            			<span class="status-3">已完成</span>
194 
	            			<!--进行中"status-1"  待评价"status-2"  已完成"status-3"-->
195 
	            		</div>
196
197 
	            	</div>
198 
	                <a class="proinfor" href="chats.html">
199 
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
200 
	                    <div class="mui-media-body">
201 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/><span class="thistime">今天 10:20</span></span>
202 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
203 
	                    	<p class="listtit3">专家姓名专姓名专家姓名专家姓名专姓名专家姓名专家姓名</p>
204 
	                    </div>
205 
	                </a>
206 
	            </li>
207
154 208 
	        </ul>
155 
		</div>
156 
    </div>
157
158 
	<div id="middlePopover" class="mui-popover">
209 
		</div>
210
211 
		<div id="middlePopover1" class="mui-popover mui-popover1">
212 
			<div class="mui-popover-arrow"></div>
213 
			<div class="mui-scroll-wrapper">
214 
				<div class="mui-scroll">
215 
					<ul class="mui-table-view mui-table-view-radio">
216 
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">全部</a></li>
217 
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">我的需求</a></li>
218 
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">收到咨询</a></li>
219 
					</ul>
220 
				</div>
221 
			</div>
222 
		</div>
223 
		<div id="middlePopover2" class="mui-popover mui-popover2">
159 224 
			<div class="mui-popover-arrow"></div>
160 225 
			<div class="mui-scroll-wrapper">
161 226 
				<div class="mui-scroll">
162 227 
					<ul class="mui-table-view">
163 
						<li class="mui-table-view-cell"><a href="#">Item1</a>
164 
						</li>
165 
						<li class="mui-table-view-cell"><a href="#">Item2</a>
166 
						</li>
167 
						<li class="mui-table-view-cell"><a href="#">Item3</a>
168 
						</li>
169 
						<li class="mui-table-view-cell"><a href="#">Item4</a>
170 
						</li>
171 
						<li class="mui-table-view-cell"><a href="#">Item5</a>
172 
						</li>
173 
						<li class="mui-table-view-cell"><a href="#">Item6</a>
174 
						</li>
175 
						<li class="mui-table-view-cell"><a href="#">Item7</a>
176 
						</li>
177 
						<li class="mui-table-view-cell"><a href="#">Item8</a>
178 
						</li>
179 
						<li class="mui-table-view-cell"><a href="#">Item9</a>
180 
						</li>
181 
						<li class="mui-table-view-cell"><a href="#">Item10</a>
182 
						</li>
228 
						<li class="mui-table-view-cell"><a href="#">技术咨询</a></li>
229 
						<li class="mui-table-view-cell"><a href="#">资源咨询</a></li>
230 
						<li class="mui-table-view-cell"><a href="#">其它事务</a></li>
231 
					</ul>
232 
				</div>
233 
			</div>
234 
		</div>
235 
		<div id="middlePopover3" class="mui-popover mui-popover3">
236 
			<div class="mui-popover-arrow"></div>
237 
			<div class="mui-scroll-wrapper">
238 
				<div class="mui-scroll">
239 
					<ul class="mui-table-view">
240 
						<li class="mui-table-view-cell"><a href="#">进行中</a></li>
241 
						<li class="mui-table-view-cell"><a href="#">待评价</a></li>
242 
						<li class="mui-table-view-cell"><a href="#">已完成</a></li>
183 243 
					</ul>
184 244 
				</div>
185 245 
			</div>
186
187 246 
		</div>
247 
		<div id="middlePopover4" class="mui-popover mui-popover4">
248 
			<div class="mui-popover-arrow"></div>
249 
			<div class="mui-scroll-wrapper">
250 
				<div class="mui-scroll">
251 
					<ul class="mui-table-view">
252 
						<li class="mui-table-view-cell"><a href="#">按最后回复排序</a></li>
253 
						<li class="mui-table-view-cell"><a href="#">按发起时间排序</a></li>
254 
						<li class="mui-table-view-cell"><a href="#">按完成时间排序</a></li>
255 
					</ul>
256 
				</div>
257 
			</div>
258 
		</div>
259
260 
    </div>
261
262
188 263 
	<script src="../js/public/mui.min.js"></script>
189 264 
    <script type="text/javascript" charset="utf-8">
190 265 
      	mui.init({

+ 138 - 0
app/html/coophistory.html
View File 

@ -0,0 +1,138 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
    <meta charset="utf-8">
5 
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
    <title></title>
7
8 
    <link href="../css/mui.min.css" rel="stylesheet"/>
9 
    <link href="../css/app.css" rel="stylesheet"/>
10 
</head>
11 
<body>
12 
	<!-- 主页面标题 -->
13 
    <header class="mui-bar mui-bar-nav toptitbox">
14 
		<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
15 
		<h1 class="mui-title toptit">合作历史及评价</h1>
16 
	</header>
17
18 
    <!-- 主页面内容容器 -->
19 
    <div class="mui-content">
20
21 
        <!--图文列表-->
22 
        <div class="mui-card-content conblock">
23 
	        <ul class="mui-table-view protable">
24 
	            <li class="mui-table-view-cell mui-media">
25 
	                <a class="proinfor" href="../html/proinforbrow.html">
26 
	                	<div class="mui-pull-left lefthead">
27 
	                    	<img class="mui-media-object headimg" src="../images/default-photo.jpg">
28 
	                    	<p class="listtit0">专家姓名</p>
29 
	                	</div>
30 
	                    <div class="mui-media-body">
31 
	                    	<div class="contit">
32 
	                        	<span class="mui-ellipsis listtit">关于某设备的咨询某设备的咨询某设备的咨询</span>
33 
	                        	<div class="conresoult">
34 
	                        		<div class="levelbox">
35 
						        		<span class="star"></span>
36 
						        		<span class="star"></span>
37 
						        		<span class="star"></span>
38 
						        		<span class="star"></span>
39 
						        		<span class="star"></span>
40 
						        	</div>
41 
	                        	</div>
42 
	                        </div>
43 
	                    	<p class="listtit2 conbrief">
44 
	                    		Lorem ipsum dolor sit amet, consectetur adipiscng elit. Aenean euismod bibendum laoreet. Proin ds.
45 
	                    	</p>
46 
	                    	<p class="listtit3">2016年11月3日 10:00</p>
47 
	                    </div>
48 
	                </a>
49 
	            </li>
50 
	            <li class="mui-table-view-cell mui-media">
51 
	                <a class="proinfor" href="../html/proinforbrow.html">
52 
	                	<div class="mui-pull-left lefthead">
53 
	                    	<img class="mui-media-object headimg" src="../images/default-photo.jpg">
54 
	                    	<p class="listtit0">专家姓名</p>
55 
	                	</div>
56 
	                    <div class="mui-media-body">
57 
	                    	<div class="contit">
58 
	                        	<span class="mui-ellipsis listtit">关于某设备的咨询某设备的咨询某设备的咨询</span>
59 
	                        	<div class="conresoult">
60 
	                        		<div class="levelbox">
61 
						        		<span class="star"></span>
62 
						        		<span class="star"></span>
63 
						        		<span class="star"></span>
64 
						        		<span class="star"></span>
65 
						        		<span class="star"></span>
66 
						        	</div>
67 
	                        	</div>
68 
	                        </div>
69 
	                    	<p class="listtit2 conbrief">
70 
	                    		Lorem ipsum dolor sit amet, consectetur adipiscng elit. Aenean euismod bibendum laoreet. Proin ds.
71 
	                    	</p>
72 
	                    	<p class="listtit3">2016年11月3日 10:00</p>
73 
	                    </div>
74 
	                </a>
75 
	            </li>
76 
	            <li class="mui-table-view-cell mui-media">
77 
	                <a class="proinfor" href="../html/proinforbrow.html">
78 
	                	<div class="mui-pull-left lefthead">
79 
	                    	<img class="mui-media-object headimg" src="../images/default-photo.jpg">
80 
	                    	<p class="listtit0">专家姓名</p>
81 
	                	</div>
82 
	                    <div class="mui-media-body">
83 
	                    	<div class="contit">
84 
	                        	<span class="mui-ellipsis listtit">关于某设备的咨询某设备的咨询某设备的咨询</span>
85 
	                        	<div class="conresoult">
86 
	                        		<div class="levelbox">
87 
						        		<span class="star"></span>
88 
						        		<span class="star"></span>
89 
						        		<span class="star"></span>
90 
						        		<span class="star"></span>
91 
						        		<span class="star"></span>
92 
						        	</div>
93 
	                        	</div>
94 
	                        </div>
95 
	                    	<p class="listtit2 conbrief">
96 
	                    		Lorem ipsum dolor sit amet, consectetur adipiscng elit. Aenean euismod bibendum laoreet. Proin ds.
97 
	                    	</p>
98 
	                    	<p class="listtit3">2016年11月3日 10:00</p>
99 
	                    </div>
100 
	                </a>
101 
	            </li>
102 
	            <li class="mui-table-view-cell mui-media">
103 
	                <a class="proinfor" href="../html/proinforbrow.html">
104 
	                	<div class="mui-pull-left lefthead">
105 
	                    	<img class="mui-media-object headimg" src="../images/default-photo.jpg">
106 
	                    	<p class="listtit0">专家姓名</p>
107 
	                	</div>
108 
	                    <div class="mui-media-body">
109 
	                    	<div class="contit">
110 
	                        	<span class="mui-ellipsis listtit">关于某设备的咨询某设备的咨询某设备的咨询</span>
111 
	                        	<div class="conresoult">
112 
	                        		<div class="levelbox">
113 
						        		<span class="star"></span>
114 
						        		<span class="star"></span>
115 
						        		<span class="star"></span>
116 
						        		<span class="star"></span>
117 
						        		<span class="star"></span>
118 
						        	</div>
119 
	                        	</div>
120 
	                        </div>
121 
	                    	<p class="listtit2 conbrief">
122 
	                    		Lorem ipsum dolor sit amet, consectetur adipiscng elit. Aenean euismod bibendum laoreet. Proin ds.
123 
	                    	</p>
124 
	                    	<p class="listtit3">2016年11月3日 10:00</p>
125 
	                    </div>
126 
	                </a>
127 
	            </li>
128 
	        </ul>
129 
		</div>
130 
		<a id="scrollToTop" class="backTop hide"> <span class="mui-icon mui-icon-arrowup"></span> </a>
131
132 
    </div>
133 
    <script src="../js/public/mui.min.js"></script>
134 
    <script type="text/javascript" charset="utf-8">
135 
		mui.init()
136 
	</script>
137 
</body>
138 
</html>

+ 5 - 5
app/html/proinforbrow.html
View File 

@ -49,11 +49,11 @@
49 49 
		        		</div>
50 50 
		        	</div>
51 51 
		        	<div class="mui-pull-right levelbox">
52 
		        		<span class="mui-icon mui-icon-star"></span>
53 
		        		<span class="mui-icon mui-icon-star"></span>
54 
		        		<span class="mui-icon mui-icon-star"></span>
55 
		        		<span class="mui-icon mui-icon-star"></span>
56 
		        		<span class="mui-icon mui-icon-star"></span>
52 
		        		<span class="star"></span>
53 
		        		<span class="star"></span>
54 
		        		<span class="star"></span>
55 
		        		<span class="star"></span>
56 
		        		<span class="star"></span>
57 57 
		        	</div>
58 58 
		        </div>
59 59 
		    </div>

+ 1 - 1
app/html/proinforupdate.html
View File 

@ -34,7 +34,7 @@
34 34 
				       <ul class="generalinfo">
35 35 
				       		<li class="ginfolist">
36 36 
				       			<span class="infotype"><i class="letspace">姓</i>名：</span>
37 
				       			<span>XXX</span>
37 
				       			<span>XXX<span class="authword">已认证</span></span>
38 38 
				       		</li>
39 39 
				       		<li class="ginfolist">
40 40 
				       			<span class="infotype"><i class="letspace">职</i>称：</span>

+ 46 - 0
app/html/realnameauth.html
View File 

@ -0,0 +1,46 @@
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/app.css" rel="stylesheet" />
9 
	</head>
10
11 
	<body>
12 
		<header class="mui-bar mui-bar-nav toptitbox">
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 
		</header>
16
17 
		<!-- 主页面内容容器 -->
18 
    	<div class="mui-content">
19 
    		<!-- 主界面具体展示内容 -->
20 
    		<div class="mui-input-group">
21 
				<ul class="mui-table-view protable">
22 
	            <li class="mui-table-view-cell mui-media">
23 
	                <a class="proinfor" href="proinforbrow.html">
24 
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
25 
	                    <div class="mui-media-body">
26 
	                        <span class="listtit">专家姓名<span class="authword">已认证</span></span>
27 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span></p>
28 
	                        <p class="mui-ellipsis listtit3"><span>所属部门</span>，<span>所属机构</span> | <span>所在地</span></p>
29 
	                    	<p class="listtit3">142**************2</p>
30 
	                    </div>
31 
	                </a>
32 
	            </li>
33 
	           </ul>
34
35 
		    </div>
36
37 
        </div>
38
39
40 
		<script src=" ../js/public/mui.min.js"></script>
41 
		<script type="text/javascript">
42 
			mui.init()
43 
		</script>
44 
	</body>
45
46 
</html>

+ 8 - 8
app/html/search-pro.html
View File 

@ -54,7 +54,7 @@
54 54 
	                    <div class="mui-media-body">
55 55 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
56 56 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
57 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
57 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
58 58 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
59 59 
	                    </div>
60 60 
	                </a>
 
@ -65,7 +65,7 @@
65 65 
	                    <div class="mui-media-body">
66 66 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
67 67 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
68 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
68 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
69 69 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
70 70 
	                    </div>
71 71 
	                </a>

@ -76,7 +76,7 @@
76 76 
	                    <div class="mui-media-body">
77 77 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
78 78 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
79 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
79 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
80 80 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
81 81 
	                    </div>
82 82 
	                </a>

@ -87,7 +87,7 @@
87 87 
	                    <div class="mui-media-body">
88 88 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
89 89 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
90 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
90 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
91 91 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
92 92 
	                    </div>
93 93 
	                </a>

@ -98,7 +98,7 @@
98 98 
	                    <div class="mui-media-body">
99 99 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
100 100 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
101 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
101 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
102 102 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
103 103 
	                    </div>
104 104 
	                </a>

@ -109,7 +109,7 @@
109 109 
	                    <div class="mui-media-body">
110 110 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
111 111 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
112 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
112 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
113 113 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
114 114 
	                    </div>
115 115 
	                </a>

@ -120,7 +120,7 @@
120 120 
	                    <div class="mui-media-body">
121 121 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
122 122 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
123 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
123 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
124 124 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
125 125 
	                    </div>
126 126 
	                </a>

@ -131,7 +131,7 @@
131 131 
	                    <div class="mui-media-body">
132 132 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
133 133 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
134 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
134 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
135 135 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
136 136 
	                    </div>
137 137 
	                </a>

+ 1 - 1
app/html/security.html
View File 

@ -19,7 +19,7 @@
19 19 
		    <div class="mui-input-group marginbox">
20 20 
				<ul class="mui-table-view">
21 21 
				    <li class="mui-table-view-cell">
22 
				        <a class="mui-navigate-right" href="setup.html">
22 
				        <a class="mui-navigate-right" href="realnameauth.html">
23 23 
				        	<span class="mui-pull-left">实名认证</span>
24 24 
				        	<span class="rightword verified">已认证</span>
25 25 
				        </a>

BIN
app/images/staricon.png
View File