|
/*是否登录，要显示的，mui-content*/
var content1 = document.getElementById('logined');
var content2 = document.getElementById('unlogin');
var pageIndex = 1; // 页数
var allPages = 1; // 总页数
var table = document.body.querySelector("#table");//咨询列表容器
var oneedval = document.getElementById("needval");//咨询/需求
var otypeval = document.getElementById("typeval");//咨询类型
var ostateval = document.getElementById("stateval");//咨询状态
var osortval = document.getElementById("sortval");//时间排序
//判断是否登录,点击咨询,显示数据或登录，
//点击咨询还要刷新数据
//ohasconsult.addEventListener('tap',function(){
/*mui('#hasconsult').on('tap','.mui-icon',function(){
console.log('点击咨询')
islogin();
//初始化数据
initData();
});*/
//显示数据还是登录
function islogin() {
mui.plusReady(function(){
var userid = plus.storage.getItem('userid');
console.log('点击咨询,判断是否登录id=='+ userid);
if(userid == null || userid == 'null'){
content1.style.display = 'none';
}else {
content2.style.display = 'none';
}
if(plus.nativeUI.showWaiting()){
plus.nativeUI.closeWaiting();//关闭等待框
}
})
}
/*登陆*/
window.addEventListener('logined', function(event) {
var userId = event.detail.id;
content1.style.display = 'block';
content2.style.display = 'none';
initData();
if(plus.nativeUI.showWaiting()){
plus.nativeUI.closeWaiting();//关闭等待框
mui('#zixunpullrefresh').scroll().scrollTo(0,0,100);//100毫秒滚动到顶
}
});
/*退出*/
window.addEventListener('exited', function(event) {
var userId = event.detail.id;
console.log('exited=='+userId)
console.log(content2)
content1.style.display = 'none';
content2.style.display = 'block';
document.getElementById('unlogin').style.display = 'block';
});
//显示登录,登陆或者注册
mui.plusReady(function() {
var regBtn = document.getElementById("regBtn");
var logBtn = document.getElementById("logBtn");
// 注册
regBtn.addEventListener('tap',function(){
mui.openWindow({
url: '../html/reg.html',
id: '../html/reg.html',
show: {
aniShow: "slide-in-right"
}
});
});
//登陆
logBtn.addEventListener('tap',function(){
mui.openWindow({
url: '../html/login.html',
id: '../html/login.html',
show: {
aniShow: "slide-in-right"
}
});
});
});
//接收咨询btn
/*window.addEventListener('clickconbtn', function(event) {
var consultBtn = event.detail.btn;
console.log(consultBtn);
console.log('点击咨询');
islogin();
initData();
});*/
/*初始化数据*/
initData();
//数据滚动
mui('.mui-scroll-wrapper').scroll({
scrollY: true, //是否竖向滚动
deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});
//筛选条件不动，下拉刷新
mui.ready(function(){
mui.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
mui(pullRefreshEl).pullToRefresh({
down: {
callback: function() {
var self = this;
setTimeout(function() {
pulldownRefresh();//下拉刷新
self.endPullDownToRefresh();
}, 1000);
}
}
});
});
});
//初始化数据
function initData(){
mui.plusReady(function() {
var userid = plus.storage.getItem('userid');
plus.nativeUI.showWaiting();//显示原生等待框
mui.ajax(baseUrl + '/ajax/consult/pq',{
data:{
"professorId":userid,
"consultOrNeed":oneedval.value ,
"consultType":otypeval.value,
"status":ostateval.value,
"timeType":osortval.value,
"pageSize":200,
"pageNo":1
},
dataType:'json',//服务器返回json格式数据
type:'get',//HTTP请求类型
timeout:10000,//超时时间设置为10秒；
success:function(data){
if (data.success) {
table.innerHTML = '';//下拉刷新，清空数据
var datalist = data.data.data;
eachData(userid,datalist);
plus.nativeUI.closeWaiting();//关闭原生等待框
};
},
error:function(xhr,type,errorThrown){
mui.toast('网络异常,请稍候再试');
plus.nativeUI.closeWaiting();//关闭原生等待框
}
});
});
}
/*下拉刷新*/
function pulldownRefresh(){
mui.plusReady(function() {
var userid = plus.storage.getItem('userid');
pageIndex = 1;
mui.ajax(baseUrl + '/ajax/consult/pq',{
data:{
"professorId":userid,
"consultOrNeed":oneedval.value ,
"consultType":otypeval.value,
"status":ostateval.value,
"timeType":osortval.value,
"pageSize":200,
"pageNo":1
},
async:false,
dataType:'json',//服务器返回json格式数据
type:'get',//HTTP请求类型
timeout:10000,//超时时间设置为10秒；
success:function(data){
if (data.success) {
if(pageIndex == 1){
table.innerHTML = '';//下拉刷新，清空数据
var datalist = data.data.data;
eachData(userid,datalist);
}
};
},
error:function(xhr,type,errorThrown){
mui.toast('网络异常,请稍候再试');
}
});
});
}
//判断对方是否有聊天内容,加回复：。。。
function isChat(consultId,userid) {
var length = 0;
mui.ajax(baseUrl+'/ajax/tidings/qacon',{
data:{
"consultId":consultId
},
async:false,
dataType:'json',//服务器返回json格式数据
type:'get',//HTTP请求类型
timeout:10000,//超时时间设置为10秒；
success:function(data){
var myData = data.data;
for(var i = 0; i < myData.length; i++ ){
if(myData[i]['professor']['id'] !=userid){
length++;
}
}
},
error:function(xhr,type,errorThrown){
//根据消息id查询消息失败
plus.nativeUI.toast("服务器链接超时", toastStyle);
}
});
return length;
}
//更新读取状态
function setReadState(consultId) {
mui.ajax(baseUrl+'/ajax/consult/readStatus',{
data:{"consultId":consultId}, //咨询ID
dataType:'json',//服务器返回json格式数据
type:'post',//HTTP请求类型
timeout:10000,//超时时间设置为10秒；
success:function(data){
},
error:function(xhr,type,errorThrown){
}
});
}
//打开子页面
mui(".mui-table-view").on('tap','.itemBtn',function(){
var o_this = this;
mui.plusReady(function() {
var nwaiting = plus.nativeUI.showWaiting();//显示原生等待框
//更新读取状态
setReadState(o_this.getAttribute("consultId"));
webviewShow = plus.webview.create("../html/chats.html",'chats.html',{},
{'consultId':o_this.getAttribute("consultId"),'consultantId':o_this.getAttribute("consultantId"),'readState':1});
//当聊天页面加载完再打开
webviewShow.addEventListener("loaded", function() {
}, false);
});
});
/*由聊天页面返回咨询列表,要更新咨询状态,和更新未读信息:::自定义事件*/
window.addEventListener('backlist',function(event){
//通过event.detail可获得传递过来的参数内容
var self = plus.webview.currentWebview();
var consultId = event.detail.consultId;
var status = event.detail.status;
//由聊天页返回咨询页，改变咨询状态，和咨询状态样式
mui('.status').each(function(index,item){
if(this.getAttribute('consultId') == consultId) {
if(status == 'myNeedAssessStatus=0'){//未评价
this.classList.remove('status-1');
this.classList.add('status-2');
this.innerHTML = '待评价';
}else if(status == 'myNeedAssessStatus=1'){
this.classList.remove('status-1');
this.classList.add('status-3');
this.innerHTML = '已完成';
}
};
});
//由聊天页返回咨询页，改变未读状态
mui('.readstate').each(function(index,item){
if(this.getAttribute('class').indexOf('displayBlock') != -1){//包含displayBlock
console.log(this.getAttribute('consultId'));
if(this.getAttribute('consultId') == consultId){
this.classList.remove('displayBlock');
this.classList.add('displayNone');
console.log(this.classList);
}
}
});
// initdata();
});
function eachData(userid,datalist) {
/*表格填充数据 mui.each是异步的*/
mui.each(datalist, function(index, item) {
var title,
lastReply,
status,
statusStyle,
lastReplyTime,
lastReplyCon,
unreadCount,
unreadStyle,
proModify,
photoUrl,
consultType,
chatlength;
var modifyaddEle = '';
//过滤professor为空
if(item["professor"]){
chatlength = isChat(item['consultId'],userid);//判断对方是否有发出消息
if(chatlength == 0){
title = item["consultTitle"];
}else{
title = "回复:" + item["consultTitle"];
}
// console.log(title)
//咨询类型和状态
if(item['consultantId'] != userid){//收到咨询
if(item["consultStatus"] == 0){
status = "进行中";
statusStyle = 'status-1';
}else if(item["consultStatus"] == 1){
status = "已完成";
statusStyle = 'status-3';
}
}else if(item['consultantId'] == userid){//我的需求
if(item["consultStatus"] == 0){
status = "进行中";
statusStyle = 'status-1';
}else if(item["consultStatus"] == 1){
if(item["assessStatus"] == 0){
status = '待评价';
statusStyle = 'status-2';
}else {
status = '已完成';
statusStyle = 'status-3';
}
}
};
//认证
if(item["professor"].authType) {
// nameli.classList.add('icon-vip');
// nameli.classList.add('authicon-cu');
proModify = 'icon-vip authicon-cu';
} else {
if(item["professor"].authStatus) {
if(item["professor"].authentication == 1) {
// nameli.classList.add('icon-renzheng');
// nameli.classList.add('authicon-mana');
// nameli.innerHTML = "<span>科研</span>";
proModify = 'icon-renzheng authicon-mana';
modifyaddEle = "<span >科研</span>";
} else if(item["professor"].authentication == 2) {
// nameli.classList.add('icon-renzheng');
// nameli.classList.add('authicon-staff');
// nameli.innerHTML = "<span>企业</span>";
proModify = 'icon-renzheng authicon-staff';
modifyaddEle = "<span>企业</span>";
} else {
// nameli.classList.add('icon-renzheng');
// nameli.classList.add('authicon-stu');
// nameli.innerHTML = "<span>学生</span>";
proModify = 'icon-renzheng authicon-stu';
modifyaddEle = "<span>学生</span>";
}
}
}
// (item["professor"]["authentication"] == true)? proModify = 'authicon' : proModify = 'unauthicon';
(item["professor"]["hasHeadImage"] == 0) ? photoUrl = "../images/default-photo.jpg":photoUrl = baseUrl + "/images/head/" + item["professor"].id + "_m.jpg";
//咨询类型，只取两个字
if(item["consultType"]) {
consultType = item["consultType"].substr(0,2);
}
//最后回复
lastReplyTime = lastReplyFn(userid,item["consultId"]).lastReplyTime;
lastReplyCon = lastReplyFn(userid,item["consultId"]).lastReplyCon;
if(lastReplyCon == undefined){
lastReplyCon = '';
}
if(lastReplyTime == undefined){
lastReplyTime = '';
}
//未读消息
unreadCount = unreadConsultFn(userid,item["consultId"],index).unreadCount;
unreadStyle = unreadConsultFn(userid,item["consultId"],index).style;
var li = document.createElement('li');
li.className = 'mui-table-view-cell mui-media';
var str = '';
str += '<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 id="nameli" class="mui-icon iconfont '+proModify+'">'+modifyaddEle+'</em><span class="thistime">'+lastReplyTime+'</span></span>';
str += '<p class="listtit2">';
if(item["professor"]["title"]){
str += '<span>'+item["professor"]["title"]+'</span>, ';
};
if(item["professor"]["office"]){
str += '<span>'+item["professor"]["office"]+'</span>, ';
};
if(item["professor"]["orgName"]){
str += '<span>'+item["professor"]["orgName"]+'</span>';
};
if(item["professor"]["address"]){
str += '<span> | '+item["professor"]["address"]+'</span>';
};
str +='</p><p class="listtit3 onlyone">'+lastReplyCon+'</p></div></a>';
li.innerHTML = str;
table.appendChild(li,table.firstChild);
}
});
};
/*最后回复*/
function lastReplyFn(sendId,consultId){
var lastReplyTimeData,lastReplyTime,lastReplyCon;
mui.ajax(baseUrl + '/ajax/tidings/qaLastRevovery',{
data:{
"consultId":consultId, //咨询ID
"senderId":sendId //登录者ID
},
dataType:'json',//服务器返回json格式数据
type:'get',//HTTP请求类型
timeout:10000,//超时时间设置为10秒；
async:false,
success:function(data){
/*console.log(data);*/
if(data["data"] == null || data["data"] == "" || data["data"] == undefined){
lastReplyTimeData = '';
lastReplyTime = '';
lastReplyCon = '';
}
else{
lastReplyTimeData = data["data"]["createTime"];
lastReplyTime =lastReplyTimeData.substr(0,4) + "-" + lastReplyTimeData.substr(4,2) + "-" + lastReplyTimeData.substr(6,2) + " " + lastReplyTimeData.substr(8,2)+ ":" +lastReplyTimeData.substr(10,2);
lastReplyCon = data["data"]["tidingsContant"];
}
},
error:function(xhr,type,errorThrown){
}
});
return {
"lastReplyTime":lastReplyTime,
"lastReplyCon":lastReplyCon
};
};
/*未读消息*/
function unreadConsultFn (senderId,consultId,i){
var unreadCount,style;
mui.ajax(baseUrl +'/ajax/tidings/qaNotReadTidings',{
data:{
"senderId":senderId, //发送者ID
"consultId":consultId //咨询ID
},
dataType:'json',//服务器返回json格式数据
type:'get',//HTTP请求类型
timeout:10000,//超时时间设置为10秒；
async:false,
success:function(data){
unreadCount = data["data"];
if(unreadCount == 0){
style = 'displayNone';
}else{
style = 'displayBlock';
}
},
error:function(xhr,type,errorThrown){
}
});
return {"unreadCount":unreadCount,
"style":style
}
};
//点击选择
function checkedFun(i){
mui.plusReady(function(){
mui("#middlePopover"+i).on('tap','.mui-navigate-right',function(e){
allPages = 1;
pageIndex = 1;
plus.nativeUI.showWaiting(); //显示等待框
document.getElementById("headck"+i).innerHTML = this.innerHTML;
var value = this.getAttribute("ck"+i);
document.getElementById("headck"+i).setAttribute('headck',value);
document.querySelector('.mui-backdrop').style.display = 'none';
document.getElementById("middlePopover"+i).style.display = 'none';
//去掉样式类mui-active,要不然会多点击一次
document.getElementById("middlePopover"+i).classList.remove('mui-active');
//咨询类型传值不同，传""(空)，技术咨询、资源咨询、其他事务
otypeval.value = document.getElementById("headck2").getAttribute('headck');
if(otypeval.value == 0) {
otypeval.value = '';
}else {
otypeval.value = document.getElementById("headck2").innerHTML;
}
oneedval.value = document.getElementById("headck1").getAttribute('headck');
ostateval.value = document.getElementById("headck3").getAttribute('headck');
osortval.value = document.getElementById("headck4").getAttribute('headck');
initData();
mui('#zixunpullrefresh').scroll().scrollTo(0,0,100);//100毫秒滚动到顶
plus.nativeUI.closeWaiting();//关闭等待框
});
});
};
checkedFun(1);
checkedFun(2);
checkedFun(3);
checkedFun(4);
|
