Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
bulomakaka
/
ekexiu.app
Vērot 2
Pievienot zvaigznīti 1
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Revīzijas 149 Laidieni 0 Vikivietne

Nav apraksta

Koks: af0ac8f685
Atzari Tagi
ekexiu.app
/
app
/
html
/
consultlist.html

consultlist.html 9.1KB
Vēsture Neapstrādāts

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233 
  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.     <style type="text/css">
  8.     	/*控制未读消息*/
  9.     	.displayNone {
  10.     		display: none;
  11.     	}
  12.     	.displayBlock {
  13.     		display: block;
  14.     	}
  15.     	* {
  16. 	    	font-family: "微软雅黑";
  17. 	    }
  18.     	
  19.     	/*筛选div*/
  20.     	.filterdiv {
  21.     		
  22.     	}
  23.     	
  24.     	/*图片div*/
  25.     	.imgdiv {
  26.     		width: 140px;
  27.     		height: 155px;
  28.     		margin: 15% auto 2% auto;
  29.     	}
  30.     	
  31.     	/*图片样式*/
  32.     	.chat {
  33.     		width: 100%;
  34.     		height: 100%;
  35.     	}
  36.     	
  37.     	/*登陆科袖样式*/
  38.     	.logintext {
  39.     		text-align: center;
  40.     		font-size: 20px;
  41.     		color: :#333;
  42.     	}
  43.     	
  44.     	.desc {
  45.     		text-align: center;
  46.     		font-size: 20px;
  47.     		color:#ccc;
  48.     	}
  49.     	/*按钮*/
  50.     	.frmbox .btn {
  51.     		margin:4% auto;
  52.     		line-height:24px;
  53.     		padding:1% 2%;
  54.     		border-radius:6px;
  55.     		border:1px solid #FF9900;
  56.     	}
  57.     	.frmbox .regBtn {
  58.     		color: #fff;
  59.     		background: #FF9900;
  60.     	}
  61.     	.frmbox .logBtn {
  62.     		color: #FF9900;
  63.     	}
  64.     </style>
  65.     <link href="../css/mui.min.css" rel="stylesheet"/>
  66.     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
  67.     <link href="../css/app.css" rel="stylesheet"/>
  68.  
  69. </head>
  70. <body>
  72. 	<!-- 主页面标题 -->
  73. 	<header class="mui-bar mui-bar-nav toptitbox">
  74. 	    <h1 class="mui-title toptit">咨询</h1>
  75. 	</header>
  76. 	<div class="displayNone">
  77. 		<!--咨询/需求-->
  78.     	<input type="text" id="needval" value="0" />
  79.     	<!--咨询类型-->
  80.     	<input type="text" id="typeval" value="0" />
  81.     	<!--咨询状态-->
  82.     	<input type="text" id="stateval" value="0"/>
  83.     	<!--时间排序-->
  84.     	<input type="text" id="sortval" value="1" />
  85. 	</div>
  86.     <!-- 主页面内容容器 -->
  87.     <div class="mui-content">
  88.     	<!-- 主界面具体展示内容 -->
  89.     	<div class="filterbox2 filterdiv" style="top:44px ;left: 0;">
  90. 			<ul class="filterblock2">
  91. 				<li style="width:22%;">
  92. 					<a href="#middlePopover1"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck1" headck='0'>咨询/需求</span><em class="mui-icon mui-icon-arrowdown"></em></a>
  93. 				</li>
  94. 				<li style="width:22%;">
  95. 					<a href="#middlePopover2"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck2" headck='0'>咨询类型</span><em class="mui-icon mui-icon-arrowdown"></em></a>
  96. 				</li>
  97. 				<li style="width:22%;">
  98. 					<a href="#middlePopover3"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck3" headck='0'>咨询状态</span><em class="mui-icon mui-icon-arrowdown"></em></a>
  99. 				</li>
  100. 				<li style="width:34%;">
  101. 					<a href="#middlePopover4"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2" ><span id="headck4" headck='1'>按最后回复排序</span><em class="mui-icon mui-icon-arrowdown"></em></a>
  102. 				</li>
  103. 			</ul>
  104. 		</div>
  105.        	
  106.        	<div id="middlePopover1" class="mui-popover popoverbox mui-popover1" style="height: 110px;">
  107. 			<div class="mui-popover-arrow"></div>
  108. 			<div class="mui-scroll-wrapper">
  109. 				<div class="mui-scroll">
  110. 					<ul class="mui-table-view mui-table-view-radio">
  111. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck1="0">不限</a></li>
  112. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck1="1">收到咨询 </a></li>
  113. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck1="2">我的需求</a></li>
  114. 					</ul>
  115. 				</div>
  116. 			</div>
  117. 		</div>
  118. 		<div id="middlePopover2" class="mui-popover popoverbox mui-popover2">
  119. 			<div class="mui-popover-arrow"></div>
  120. 			<div class="mui-scroll-wrapper">
  121. 				<div class="mui-scroll">
  122. 					<ul class="mui-table-view mui-table-view-radio">
  123. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="0">不限</a></li>
  124. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="1">技术咨询</a></li>
  125. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="2">资源咨询</a></li>
  126. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="3">其他事务</a></li>
  127. 					</ul>
  128. 				</div>
  129. 			</div>
  130. 		</div>
  131. 		<div id="middlePopover3" class="mui-popover popoverbox mui-popover3" style="height: 110px;">
  132. 			<div class="mui-popover-arrow"></div>
  133. 			<div class="mui-scroll-wrapper">
  134. 				<div class="mui-scroll">
  135. 					<ul class="mui-table-view mui-table-view-radio">
  136. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="0">不限</a></li>
  137. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="1">进行中</a></li>
  138. 						<!--<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="2">待感谢</a></li>-->
  139. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="3">待评价</a></li>
  140. 						<!--<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="3">已完成</a></li>-->
  141. 					</ul>
  142. 				</div>
  143. 			</div>
  144. 		</div>
  145. 		<div id="middlePopover4" class="mui-popover popoverbox mui-popover4" style="height: 110px;">
  146. 			<div class="mui-popover-arrow"></div>
  147. 			<div class="mui-scroll-wrapper">
  148. 				<div class="mui-scroll">
  149. 					<ul class="mui-table-view mui-table-view-radio">
  150. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="0">按发起时间排序</a></li>
  151. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="1">按最后回复排序</a></li>
  152. 						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="2">按完成时间排序</a></li>
  153. 					</ul>
  154. 				</div>
  155. 			</div>
  156. 		</div>
  157.        	
  158.        	<div id="zixunpullrefresh" class="mui-card-content"  style="margin-top:40px; ">
  159. 	      <ul class="mui-table-view protable" id="table">
  160. 				<li class="mui-table-view-cell mui-media">
  161. 					<div class="coutopicbox">
  162. 						<span class="coutheme mui-ellipsis mui-pull-left">title</span>
  163. 						<div class="coustatus mui-pull-right"><span class="aimlabel">consultType</span>
  164. 							<span class="'+statusStyle+' status" consultId="'+item[" consultId "]+'">status</span></div>
  165. 					</div>
  166. 					<a class="proinfor itemBtn" consultId="'+item[" consultId "]+'" consultantId="'+item[" consultantId "]+'">
  167. 						<span class="mui-badge mui-badge-danger readstate " style ="display: none;">unreadCount</span>
  168. 						<img class="mui-media-object mui-pull-left headimg headRadius" src="'+photoUrl+'">
  169. 						<div class="mui-media-body">
  170. 							<span class="listtit">'+item["professor"]["name"]+'<em class="mui-icon iconfont icon-vip '+proModify+'"></em><span class="thistime">'+lastReplyTime+'</span></span>
  171. 							<p class="listtit2"><span>'+zhicehng+'</span><span>'+zhiwei+'</span><span>'+orgName+'</span><span>'+address+'</span></p>
  172. 							<p class="listtit3">'+lastReplyCon+'</p>
  173. 						</div>
  174. 					</a>
  175. 	           </li>
  176. 	           
  177. 	           <li class="mui-table-view-cell mui-media">
  178. 					<div class="coutopicbox">
  179. 						<span class="coutheme mui-ellipsis mui-pull-left">title</span>
  180. 						<div class="coustatus mui-pull-right"><span class="aimlabel">consultType</span>
  181. 							<span class="'+statusStyle+' status" consultId="'+item[" consultId "]+'">status</span></div>
  182. 					</div>
  183. 					<a class="proinfor itemBtn" consultId="'+item[" consultId "]+'" consultantId="'+item[" consultantId "]+'">
  184. 						<span class="mui-badge mui-badge-danger readstate " style ="display: none;">unreadCount</span>
  185. 						<img class="mui-media-object mui-pull-left headimg headRadius" src="'+photoUrl+'">
  186. 						<div class="mui-media-body">
  187. 							<span class="listtit">'+item["professor"]["name"]+'<em class="mui-icon iconfont icon-vip '+proModify+'"></em><span class="thistime">'+lastReplyTime+'</span></span>
  188. 							<p class="listtit2"><span>'+zhicehng+'</span><span>'+zhiwei+'</span><span>'+orgName+'</span><span>'+address+'</span></p>
  189. 							<p class="listtit3">'+lastReplyCon+'</p>
  190. 						</div>
  191. 					</a>
  192. 	           </li>
  193. 	        </ul>
  194.         </div>
  195.         
  196. 		
  197.     </div>
  198. 	
  199. 	<!--未登录或者未注册时咨询主页面-->
  200. 	<div class="mui-content" >
  201. 		<div class="imgdiv">
  202. 			<img class="chat" src="../images/chat.png"/>
  203. 		</div>
  204. 		<p class="logintext">登录科袖</p>
  205.         <p class="desc">随时和专家沟通，掌握最新动态</p>
  206. 		<p class="desc">接收咨询通知</p>
  207. 		
  208. 		<div class="mui-content-padded frmbox" style="margin-top: 20%;">
  209. 			<button  class="mui-btn mui-btn-block btn regBtn" id="regBtn">注&nbsp;册</button>
  210. 			<button  class="mui-btn mui-btn-block btn mui-btn-outlined logBtn" id="logBtn">登&nbsp;录</button>
  211. 		</div>
  212.     </div>
  213. 	
  214. 	
  215. 	<script src="../js/public/mui.min.js"></script>
  216. 	<script src="../js/public/base.js"></script>
  217. 	<script src="../js/consult.js"></script>
  218.    	<script type="text/javascript" charset="utf-8">
  219.    	mui.plusReady(function() {
  220.    		var  content1 = document.querySelectorAll('.mui-content')[0];
  221.       	var  content2 = document.querySelectorAll('.mui-content')[1];
  222.    		var userid = plus.storage.getItem('userid');
  223.    		if(userid == null || userid == 'null'){
  224.    			content1.style.display = 'none';
  225.    		}else {
  226.    			content2.style.display = 'none';
  227.    		}
  228.    		
  229.    		
  230.    	});
  231.     </script>
  232. </body>
  233. </html>