Нет описания

consult.js 16KB

    /*是否登录,要显示的,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);