|
<!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">注 册</button>
<button class="mui-btn mui-btn-block btn mui-btn-outlined logBtn" id="logBtn">登 录</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>
|