Нет описания

consultlist.html 11KB

    <!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> <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"/> <style type="text/css"> /*筛选div*/ .filterbox2.filterdiv { z-index: 9; position: fixed; /*margin-bottom:44px;*/ } /*滚动条样式*/ .mui-scrollbar.mui-scrollbar-vertical { /*display: none;*/ } #table .mui-table-view-cell:after{right: 0;bottom: 0;left:0;background: none;} #table {background: #EFEFEF;} #table li .proinfor{background:#FFFFFF;} #table li:first-child{margin-top:0;} /*筛选条件样式*/ #sliderSegmentedControl .mui-control-item.filteritem { padding: 0; font-size: 13px; font-weight: 400; line-height: 40px; border-right:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; } #sliderSegmentedControl .mui-control-item.filteritem:last-child{ border-right:none; } #sliderSegmentedControl a.filteritem:active { color: #007aff; } #sliderSegmentedControl.mui-segmented-control.mui-scroll-wrapper { height: 40px; } .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { color: #333 !important; } #item1mobile { border-top: none; } /*过滤箭头样式*/ #sliderSegmentedControl .mui-icon-arrowdown { margin: 0; border: none; width: 12px; height: 30px; margin-left:-3px; font-size:inherit; font-family:Muiicons; line-height: 30px; } /*图片div*/ .imgdiv { width: 140px; height: 155px; margin: 15% auto 2% auto; } /*图片样式*/ .chat { width: 100%; height: 100%; } #middlePopover1 .mui-table-view-cell .mui-navigate-right:after {font-size: 0;} </style> </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="1" /> <!--咨询类型--> <input type="text" id="typeval" value="0" /> <!--咨询状态--> <input type="text" id="stateval" value="0"/> <!--时间排序--> <input type="text" id="sortval" value="1" /> </div> <!-- 主页面内容容器 --> <div 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" style="width: 100%; color: #333;"> <a style="width: 22%;min-width:80px;" href="#middlePopover1" class="mui-control-item filteritem"> <span id="headck1" headck='0'>咨询/需求</span> <em class="mui-icon mui-icon-arrowdown"></em> </a> <a style="width: 22%;" href="#middlePopover2" class="mui-control-item filteritem"> <span id="headck2" headck='0'>咨询类型</span> <em class="mui-icon mui-icon-arrowdown"></em> </a> <a style="width: 22%;" href="#middlePopover3" class="mui-control-item filteritem"> <span id="headck3" headck='0'>咨询状态</span> <em class="mui-icon mui-icon-arrowdown"></em> </a> <a style="min-width: 108px;" href="#middlePopover4" class="mui-control-item filteritem" > <span id="headck4" headck='1'>按最后回复排序</span> <em class="mui-icon mui-icon-arrowdown"></em> </a> </div> </div> <div class="mui-slider-group"> <div id="item1mobile" class="mui-slider-item mui-control-content"> <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:45px;"> <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" id="needs" style="display: none;"><a class="mui-navigate-right" href="#" ck1="1">收到咨询 </a></li>--> <li class="mui-table-view-cell" id="needs" ><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" id="removedatdt"> <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" id="newszixun">新咨询</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" id="newsok">已谢绝</a></li> <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="4" id="newwc">已完成</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> <!--下拉刷新容器--> <!-- 在谷歌浏览器中OK,在模拟器和手机端不OK--> <div class="filterbox2 filterdiv" style="top:0 ;left: 0;"> <ul class="filterblock2"> <li style="width:22%;"> <a class="mui-btn mui-btn-block mui-btn-outlined filterlist2" id="consuitSta" style="display:none;">我的需求</a> <a href="#middlePopover1" class="mui-btn mui-btn-block mui-btn-outlined filterlist2" id="consuitSta2"><span id="headck1" headck='1'>收到咨询</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-card-content" > <ul class="mui-table-view protable" id="table"> </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 displayNone" 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">高兴 <em class="authicon authicon-pro"><span>科研</span></em> <span class="thistime">样式2</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="nodatabox"> <div class="nodata"> <div class="picbox"><span class="defpic consult-pic"></span></div> <div class="txtbox"> <p class="currword" style="color:#ff9900;font-weight: bold;">登录科袖</p> <p class="currtip">随时和专家沟通,掌握最新动态</p> </div> </div> </div> <div class="mui-content-padded frmbox"> <button id='logBtn' class="mui-btn mui-btn-block frmbtn frmactive" style="width: 86%;" >登&nbsp;录</button> <button id='regBtn' class="mui-btn mui-btn-block mui-btn-outlined frmbtn" style="width: 86%;" >注&nbsp;册</button> </div> </div> <script src="../js/public/mui.min.js"></script> <script src="../js/public/base.js"></script> <script src="../js/consult.js"></script> <script type="text/javascript"> var box = document.getElementById("zixunpullrefresh"); var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if(isAndroid){ box.style.paddingTop="40px"; } if(isiOS){ box.style.top="40px"; box.style.paddingTop="0px"; } </script> </body> </html>