説明なし

consultlist.html 12KB

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <style type="text/css"> /*控制未读消息*/ .displayNone { display: none; } .displayBlock { display: block; } * { font-family: "微软雅黑"; } /*#table { margin-top: 44px; }*/ /*筛选div*/ .filterbox2.filterdiv { z-index: 9; } /*写有下拉刷新,正在刷新的div*/ /*#zixunpullrefresh .mui-pull-top-pocket { top: 90px; }*/ .mui-bar-nav ~ .mui-content .mui-pull-top-pocket{ top: 90px !important; } /*图片div*/ .imgdiv { width: 140px; height: 155px; margin: 15% auto 2% auto; } /*图片样式*/ .chat { width: 100%; height: 100%; } /*登陆科袖样式*/ .logintext { text-align: center; font-size: 20px; color: :#333; } .desc { text-align: center; font-size: 20px; color:#ccc; } /*按钮*/ .frmbox .btn { margin:4% auto; line-height:24px; padding:1% 2%; border-radius:6px; border:1px solid #FF9900; } .frmbox .regBtn { color: #fff; background: #FF9900; } .frmbox .logBtn { color: #FF9900; } html, body { background-color: #efeff4; } .mui-bar~.mui-content .mui-fullscreen { top: 44px; height: auto; } .mui-pull-top-tips { position: absolute; top: -20px; left: 50%; margin-left: -25px; width: 40px; height: 40px; border-radius: 100%; z-index: 1; } .mui-bar~.mui-pull-top-tips { top: 24px; } .mui-pull-top-wrapper { width: 42px; height: 42px; display: block; text-align: center; background-color: #efeff4; border: 1px solid #ddd; border-radius: 25px; background-clip: padding-box; box-shadow: 0 4px 10px #bbb; overflow: hidden; } .mui-pull-top-tips.mui-transitioning { -webkit-transition-duration: 200ms; transition-duration: 200ms; } .mui-pull-top-tips .mui-pull-loading { /*-webkit-backface-visibility: hidden; -webkit-transition-duration: 400ms; transition-duration: 400ms;*/ margin: 0; } .mui-pull-top-wrapper .mui-icon, .mui-pull-top-wrapper .mui-spinner { margin-top: 7px; } .mui-pull-top-wrapper .mui-icon.mui-reverse { /*-webkit-transform: rotate(180deg) translateZ(0);*/ } .mui-pull-bottom-tips { text-align: center; background-color: #efeff4; font-size: 15px; line-height: 40px; color: #777; } .mui-pull-top-canvas { overflow: hidden; background-color: #fafafa; border-radius: 40px; box-shadow: 0 4px 10px #bbb; width: 40px; height: 40px; margin: 0 auto; } .mui-pull-top-canvas canvas { width: 40px; } .mui-slider-indicator.mui-segmented-control { background-color: #efeff4; } </style> <link href="../css/mui.min.css" rel="stylesheet"/> <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/> <link href="../css/app.css" rel="stylesheet"/> </head> <body> <!-- 主页面标题 --> <header class="mui-bar mui-bar-nav toptitbox" style="position: fixed;top: 0;"> <h1 class="mui-title toptit">咨询</h1> </header> <div class="displayNone"> <!--咨询/需求--> <input type="text" id="needval" value="0" /> <!--咨询类型--> <input type="text" id="typeval" value="0" /> <!--咨询状态--> <input type="text" id="stateval" value="0"/> <!--时间排序--> <input type="text" id="sortval" value="1" /> </div> <!-- 主页面内容容器 --> <div class="mui-content" id="logined"> <!-- 主界面具体展示内容 --> <div id="slider" class="mui-slider mui-fullscreen"> <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <div class="mui-scroll"> <a href="#middlePopover1" class="mui-control-item"> <span id="headck1" headck='0'>咨询/需求</span> </a> <a href="#middlePopover2" class="mui-control-item"> <span id="headck2" headck='0'>咨询类型</span> </a> <a href="#middlePopover3" class="mui-control-item"> <span id="headck3" headck='0'>咨询状态</span> </a> <a href="#middlePopover4" class="mui-control-item" > <span id="headck4" headck='1'>按最后回复排序</span> </a> </div> </div> <div class="mui-slider-group"> <div id="item1mobile" class="mui-slider-item mui-control-content mui-active"> <div id="zixunpullrefresh" class="mui-scroll-wrapper"> <div class="mui-scroll"> <ul class="mui-table-view" id="table"> </ul> </div> </div> </div> </div> </div> <div id="middlePopover1" class="mui-popover popoverbox mui-popover1" style="height: 110px;"> <div class="mui-popover-arrow"></div> <div class="mui-scroll-wrapper"> <div class="mui-scroll"> <ul class="mui-table-view mui-table-view-radio"> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck1="0">不限</a></li> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck1="1">收到咨询 </a></li> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck1="2">我的需求</a></li> </ul> </div> </div> </div> <div id="middlePopover2" class="mui-popover popoverbox mui-popover2"> <div class="mui-popover-arrow"></div> <div class="mui-scroll-wrapper"> <div class="mui-scroll"> <ul class="mui-table-view mui-table-view-radio"> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="0">不限</a></li> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="1">技术咨询</a></li> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="2">资源咨询</a></li> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="3">其他事务</a></li> </ul> </div> </div> </div> <div id="middlePopover3" class="mui-popover popoverbox mui-popover3" style="height: 110px;"> <div class="mui-popover-arrow"></div> <div class="mui-scroll-wrapper"> <div class="mui-scroll"> <ul class="mui-table-view mui-table-view-radio"> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="0">不限</a></li> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="1">进行中</a></li> <!--<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="2">待感谢</a></li>--> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="3">待评价</a></li> <!--<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="3">已完成</a></li>--> </ul> </div> </div> </div> <div id="middlePopover4" class="mui-popover popoverbox mui-popover4" style="height: 110px;"> <div class="mui-popover-arrow"></div> <div class="mui-scroll-wrapper"> <div class="mui-scroll"> <ul class="mui-table-view mui-table-view-radio"> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="0">按发起时间排序</a></li> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="1">按最后回复排序</a></li> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="2">按完成时间排序</a></li> </ul> </div> </div> </div> <!--<div id="zixunpullrefresh" class="mui-card-content" > <ul class="mui-table-view protable" id="table"> </ul> </div>--> <!--下拉刷新容器--> <!-- 在谷歌浏览器中OK,在模拟器和手机端不OK--> <!--<div class="filterbox2 filterdiv" style="top:44px ;left: 0;"> <ul class="filterblock2"> <li style="width:22%;"> <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> </li> <li style="width:22%;"> <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> </li> <li style="width:22%;"> <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> </li> <li style="width:34%;"> <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> </li> </ul> </div> <div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper"> <div class="mui-scroll"> <ul class="mui-table-view protable" id="table"> <li class="mui-table-view-cell mui-media"> <div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">'+title+'</span> <div class="coustatus mui-pull-right"><span class="aimlabel">'+consultType+'</span> <span class="'+statusStyle+' status" consultId="'+item[" consultId "]+'">'+status+'</span></div> </div> <a class="proinfor itemBtn" consultId="'+item[" consultId "]+'" consultantId="'+item[" consultantId "]+'"> <span class="mui-badge mui-badge-danger readstate '+unreadStyle+'" consultId="'+item[" consultId "]+'">'+unreadCount+'</span> <img class="mui-media-object mui-pull-left headimg headRadius" src="'+photoUrl+'"> <div class="mui-media-body"> <span class="listtit">'+item["professor"]["name"]+'<em class="mui-icon iconfont icon-vip '+proModify+'"></em><span class="thistime">'+lastReplyTime+'</span></span> <p class="listtit2"> <span>'+item["professor"]["title"]+'</span> <span>'+item["professor"]["office"]+'</span> <span>'+item["professor"]["orgName"]+'</span> <span> | '+item["professor"]["address"]+'</span> </p> <p class="listtit3 onlyone">'+lastReplyCon+'</p> </div> </a> </li> </ul> </div> </div>--> </div> <!--未登录或者未注册时咨询主页面--> <div class="mui-content" id="unlogin"> <div class="imgdiv"> <img class="chat" src="../images/chat.png"/> </div> <p class="logintext">登录科袖</p> <p class="desc">随时和专家沟通,掌握最新动态</p> <p class="desc">接收咨询通知</p> <div class="mui-content-padded frmbox" style="margin-top: 20%;"> <button class="mui-btn mui-btn-block btn regBtn" id="regBtn">注&nbsp;册</button> <button class="mui-btn mui-btn-block btn mui-btn-outlined logBtn" id="logBtn">登&nbsp;录</button> </div> </div> <script src="../js/public/mui.min.js"></script> <script src="../js/mui.pullToRefresh.js"></script> <script src="../js/mui.pullToRefresh.material.js"></script> <script src="../js/public/base.js"></script> <script src="../js/consult.js"></script> <script type="text/javascript"> mui.plusReady(function() { var content1 = document.getElementById('logined'); var content2 = document.getElementById('unlogin'); var userid = plus.storage.getItem('userid'); if(userid == null || userid == 'null'){ content1.style.display = 'none'; }else { content2.style.display = 'none'; } }); </script> </body> </html>