/** * Created by MyPC on 2019/11/11. */ var mobile2InfoTimeout = null; var searchCuringTimeout = null; var mobile=''; var getClentListTimeout = null; var clientname=''; var columnLength=10; //获得CLD客户list数据 function getClentList(){ if(!isExistence(clientname)){ console.log('参数错误'); return ; } $.ajax({ cache :false, type: 'GET', url: '/contacts/client/ajax/getClentList', data: { clientname: encodeURI(clientname) }, dataType: 'json', success: function(data){ if(data.status==1){ var html=buildClientBySearch(data.list); $('div[searchClient] curingClient').html(html); }else { console.log(data.msg); } }, error: function(xhr, type){ console.log('Ajax error!') } }) } $(document).ready(function(){ init(); }) $(function() { //------用户列表界面相关---------- /** * 绑定分页-点击事件-刷新用户列表和分页列表 * parameter 传递参数 * currentPage */ $('div[pageDetail]').delegate( 'a','click', function(){ // 只获取第一个选中的值 var parameter = $(this).attr('parameter'); var currentPage = $(this).attr('currentPage'); $('button[closeRefresh]').attr('currentPage',currentPage); $('button[closeRefresh]').attr('parameter',parameter); refreshCuringPagination(parameter,currentPage); }); /** * 编办下拉选择 */ $('select[curingByCompilation]').on('change', function(e){ var compilation=$(this).val(); var latestCompilation=$('select[curingByLatestCompilation]').val(); refreshCuringPage(compilation,latestCompilation); }); $('select[curingByLatestCompilation]').on('change', function(e){ var latestCompilation=$(this).val(); var compilation=$('select[curingByCompilation]').val(); refreshCuringPage(compilation,latestCompilation); }); /** * 用户列表排序相关 */ $('input[type=radio][name=sortField]').on('change', function(e){ var sortField=$(this).attr('data'); var latestCompilation=$('select[curingByLatestCompilation]').val(); var compilation=$('select[curingByCompilation]').val(); refreshCuringPage(compilation,latestCompilation,sortField); }); $('input[type=radio][name=sort]').on('change', function(e){ var sort=$(this).attr('data'); var latestCompilation=$('select[curingByLatestCompilation]').val(); var compilation=$('select[curingByCompilation]').val(); refreshCuringPage(compilation,latestCompilation,'',sort); }); /** * 通行证账号检索养护用户--缓冲300 */ $('input[mobile2Info]').on('keyup', function(e){ if(mobile2InfoTimeout != null){ clearTimeout(mobile2InfoTimeout); } mobile = $(this).val(); //if((/^1[34578]\d{9}$/.test(mobile))) { mobile2InfoTimeout = setTimeout(fnMobile2Info, 300); //} }); //--------------用户详情界面相关--------- /** * 动态绑定养护用户列表 打开用户详情页面事件 * ssoid * id * client_id */ var coordinate = {}; var ssoid='',client_id=''; $('tbody[curingUser]').delegate( 'tr','mousedown', function(e){ coordinate.x= e.pageX; coordinate.y= e.pageY; ssoid = $(this).attr('data'); client_id=$(this).attr('dataCid'); }).click(function(e){ if(coordinate.x==e.pageX&&coordinate.y==e.pageY){ $(this).attr('data-toggle',' '); refreshCuringPageDetail(ssoid,client_id); } }); /** * 确定升级专业版--用户详情界面 */ $('button[upCuringDo]').on('click', function (e) { // 只获取第一个选中的值 var compilationId = $('#_id').val(); var name = $('#name').val(); var curingSsoid = $('#curingSsoid').val(); var mobile = $('#curingMobile').val(); var client_id = $('#client_id').val(); var deadline=$('#deadline').val(); var smssend=$('input[smssend]').get(0).checked curingDo(compilationId,name,curingSsoid,1,mobile,client_id,deadline,smssend); }); /** * 确定降级免费版--用户详情界面 */ $('button[downCuringDo]').on('click', function (e) { // 只获取第一个选中的值 var compilationId = $('#_id').val(); var name = $('#name').val(); var curingSsoid = $('#curingSsoid').val(); var mobile = $('#curingMobile').val(); var client_id = $('#client_id').val(); var deadline=$('#deadline').val(); var smssend=$('input[downsmssend]').get(0).checked; curingDo(compilationId,name,curingSsoid,2,mobile,client_id,deadline,smssend); }); $('button[deadlineCuringDo]').on('click', function (e) { // 只获取第一个选中的值 var compilationId = $('#_id').val(); var name = $('#name').val(); var curingSsoid = $('#curingSsoid').val(); var mobile = $('#curingMobile').val(); var client_id = $('#client_id').val(); var deadline=$('#deadlineInput').val(); var smssend=$('input[deadlineSmssend]').get(0).checked; curingDo(compilationId,name,curingSsoid,3,mobile,client_id,deadline,smssend); }); /** * 用户绑定CLD客户--用户详情页 */ $('div[relevanceClientDo]').delegate( 'span','click', function(){ // 只获取第一个选中的值 var cidKey = $(this).attr('data'); var ssoId = $('#curingSsoid').val(); //var id=$('#id').val(); $.ajax({ cache :false, type: 'POST', url: '/cloud/build/ajax/relevanceClientDo', data: {cidKey: encodeURI(cidKey),ssoId:encodeURI(ssoId)}, dataType: 'json', success: function(data){ if(data.status==1){ refreshCuringPageDetail(ssoId,cidKey); $('#linkcld').modal('hide'); }else{ alert(data.msg); } }, error: function(xhr, type){ console.log('Ajax error!') } }) }); /** * 用户取消关联CLD客户--用户详情页 */ $('button[relieveClientDo]').on('click', function(e){ // 只获取第一个选中的值 var cid = $(this).attr('data'); var ssoId = $('#curingSsoid').val(); $('#unlinkcld').modal('hide'); $.ajax({ cache :false, type: 'POST', url: '/cloud/build/ajax/relieveClientDo', data: {cid: encodeURI(cid),ssoId:encodeURI(ssoId)}, dataType: 'json', success: function(data){ if(data.status==1){ refreshCuringPageDetail(ssoId,cid); }else{ alert(data.msg); } }, error: function(xhr, type){ console.log('Ajax error!') } }) }); /** * 关闭详情页--刷新用户列表 */ $('button[closeRefresh]').on('click', function(e){ // 只获取第一个选中的值 var parameter=$('button[closeRefresh]').attr('parameter'); if(parameter!=''){ var currentPage=$('button[closeRefresh]').attr('currentPage'); refreshCuringPagination(parameter,currentPage); }else{ var latestCompilation=$('select[curingByLatestCompilation]').val(); var compilation=$('select[curingByCompilation]').val(); refreshCuringPage(compilation,latestCompilation,'','',mobile); } }); // /** * 检索cld用户 */ $('input[getClentList]').on('keyup', function(e){ if(getClentListTimeout != null){ clearTimeout(getClentListTimeout); } clientname = $(this).val(); if(isExistence(clientname)){ getClentListTimeout = setTimeout(getClentList, 500); } }); //列表 号码检索事件绑定 $('div[mobile2Info]').on('click', function(e){ mobile=$('input[mobile2Info]').val(); if(mobile==''){ location.reload() } fnMobile2Info(); }); }) /** * 分页列表--刷新用户列表 * @param parameter * @param currentPage * @returns */ function refreshCuringPagination(parameter,currentPage){ $.ajax({ cache :false, type: 'get', url: '/cloud/build/ajax/getCuringPage/'+currentPage+parameter, dataType: 'json', success: function(data) { if (data.status == 1) { fnStructureCuringUser(data.curingList); fnPage(data.pageData); refreshColumn(columnLength); } else { alert(data.msg); } } }) } /** * 筛选-统一请求--刷新用户列表 * @returns */ function refreshCuringPage(compilation,latestCompilation,sortField,sort,wd){ $.ajax({ cache :false, type: 'get', url: '/cloud/build/ajax/refreshCuringPage?sortField='+sortField+'&sort='+sort+'&compilation='+compilation+'&latestCompilation='+latestCompilation+ '&wd='+wd, dataType: 'json', success: function(data) { if (data.status == 1) { fnStructureCuringUser(data.curingList); fnPage(data.pageData); refreshColumn(columnLength); } else { alert(data.msg); } } }) } /** * 通行证账号检索用户--刷新列表和分页 * @returns */ function fnMobile2Info(){ mobile2InfoTimeout = null; //if((/^1[34578]\d{9}$/.test(mobile))) { refreshCuringPage('','','','',mobile); //} } /** * 刷新用户详情页 * @param ssoid * @param client_id * @returns */ function refreshCuringPageDetail(ssoid,client_id){ $.ajax({ cache :false, type: 'GET', url: '/cloud/build/ajax/getCuringBySsoid', data: {ssoid: encodeURI(ssoid),client_id:encodeURI(client_id)}, dataType: 'json', success: function(data){ if(data.status==1||data.status==2){ //设置 养护用户信息 var objHtml=buildCuringInfo(data.detail.userInfo); $('div[curingInfo] curing').html(objHtml); $('div[curingInfo] curingClient').html(''); //设置CLD客户信息 //if(data.detail.curingInfo.updateTotal!=0){ //$("#id").val(id); var clientHtml=relevanceClient(data.detail.clientInfo); $('div[curingInfo] curingClient').html(clientHtml); //} //设置养护详情页里产品升级信息 var upMajorBoxHtml=buildCuringCompilation(data); $('tbody[upMajorBox]').html(upMajorBoxHtml); //更新在线时长 var onlineTimesHtml=buildCuringOnlineTimes(data.detail.userInfo.online_list); $('tbody[onlineTimes]').html(onlineTimesHtml); //设置参数 $('#curingSsoid').val(data.detail.userInfo.ssoIdKey); $('#curingMobile').val(data.detail.userInfo.mobile); $('#client_id').val(data.detail.clientInfo.cidKey); //设置养护日志 var operateLogHtml=buildCuringOperateLog(data.detail.operateLog); $('div[operateLog] curingOperate').html(operateLogHtml); setTimeout(autoHeight, 400); //autoHeight(); $('#detail').modal('show'); }else if(data.status==3){ alert(data.msg); } }, error: function(xhr, type){ console.log('Ajax error!') } }) } /** * DOM加载完毕后初始化 * @returns */ function init(){ refreshColumn(columnLength); } /** * 用户升级专业版 弹框提示--用户详情界面 * @param name * @param _id * @param username * @returns */ function upCuring(name, _id, username) { $('#name').val(name); $('#_id').val(_id); var curingMobile = $('#curingMobile').val(); var html = '

为用户 ' + curingMobile + ',' + username + ' 升级 ' + name + '

'; html += `
`; html += `
`; html += `
`; $('div[upCuring] span').html(html); } /** * 养护产品降级 * @param {} name * @param {*} _id * @param {*} username */ function downCuring(name, _id, username) { $('#name').val(name); $('#_id').val(_id); var curingMobile = $('#curingMobile').val(); var html = '

为用户 '+curingMobile+','+username+' 降级 '+name+'免费版

'; $('div[downCuring] span').html(html); } function deadlineCuring(name, _id, username,deadline){ $('#name').val(name); $('#_id').val(_id); var curingMobile = $('#curingMobile').val(); var html = '

为用户 '+curingMobile+','+username+' '+name+' 设置延期

当前限期为:'+deadline+'

'; html +='
'; $('div[deadlineCuring] span').html(html); } function curingDo(compilationId, name, curingSsoid, status, mobile, client_id, deadline, smssend) { if (curingSsoid != '' && compilationId != '') { $.ajax({ cache: false, type: 'post', url: '/cloud/build/ajax/upCuringDo', data: { ssoid: curingSsoid, compilationId: compilationId, mobile: mobile, client_id: client_id, name: name, deadline: deadline, smssend: smssend, status: status }, dataType: 'json', success: function (data) { if (data.status == 1) { refreshCuringPageDetail(curingSsoid, client_id); } else { alert(data.msg); } } }) } else { alert('请选择需要升级的版本'); } } $(function () { $('div[upcuring]').delegate('label[deadlineLabel]', 'click', function () { $('#deadline').attr('disabled', 'disabled'); if($('input[deadline]').prop('checked')){ $('input[deadline]').prop("checked",false); }else{ $('input[deadline]').prop("checked",true); } if ($('input[deadline]').get(0).checked) { $('#deadline').removeAttr('disabled'); } }); }) /** * Created by cp on 2019/12/17. */ /** * 用户列表--首页分页列表刷新 * @param data * @returns */ function fnStructureCuringUser(data){ var html=''; $.each(data, function(k, v) { html+=''; html+=''+setUndefined(v.mobile)+''; html+=''+setUndefined(v.username)+''; html+=''+setUndefined(v.real_name)+''; html+=''+setUndefined(v.qq)+''; html+=''+setUndefined(v.company)+''; html+=''+setUndefined(v.clientInfo.clientname)+''; html+=''+setUndefined(v.clientInfo.companyname)+''; html+=''+setUndefined(v.latest_login)+''; html+=''+setUndefined(v.latest_usedName)+''; html+=''+setUndefined(v.online_newest)+''; html+=''+setUndefined(v.addtime)+''; html+=''+setUndefined(v.upgradeListName)+''; html+=''; }); $('tbody[curingUser]').html(html); $('div[curingListBox]').show(); $('p[upClientBox]').hide(); } /** * 用户详情页 养护信息更新 * @param data * @returns */ function buildCuringInfo(data){ var html=' ' + '
' + '
大司空用户
' ; if(data.mobile==''){ html+=''+setUndefined(data.email)+' '; }else{ html+=''+setUndefined(data.mobile)+' '; } html+='
' + '
手机
' + ''+setUndefined(data.mobile)+'
' + '
邮箱
' + '
' + ''+setUndefined(data.email)+'
'; html+='
' + '
称呼
' + ''+setUndefined(data.username)+'
'; html+='
'+ '
QQ
'+ '
'+ ''+setUndefined(data.qq)+ '
'; html+='
'+ '
真实姓名
'+ '
'+ ''+setUndefined(data.real_name)+ '
'; html+='
' + '
注册云版
' + ''+setUndefined(data.create_time)+'
'; html+='
' + '
企业名称
' + ''+setUndefined(data.company)+'
'; html+='
' + '
企业地区
' + ''+setUndefined(data.province)+'
'; html+='
'+ '
最近使用
'+ ''+setUndefined(data.latest_usedName)+''+ '
'; html+='
'+ '
累计时长
'+ ''+setUndefined(data.online_times)+''+ '
'+ '
'; return html; } /** * 关联CLD客户--检索CLD客户后的结果列表 * @param data * @returns */ function buildClientBySearch(data){ var html=''; $.each(data, function(k, v) { html+='
' + '
'+ v.clientname+'
' + '
'+ v.position+'
' + '
'+ v.telephone+'
' + '
'+ v.companyname+'
'; }); return html; } //构建养护升级产品信息 function buildCuringCompilation(data){ var upMajorBoxHtml=''; $.each(data.detail.compilationList, function(k, v) { upMajorBoxHtml+=''; upMajorBoxHtml+=''; upMajorBoxHtml+=''+ v.name+''; upMajorBoxHtml+=''; var deadline=''; data.detail.userInfo.upgrade_list.forEach(element => { if(v._id===element.compilationID){ deadline=element.deadline; } }); if(v.isUpgrade !== undefined && v.isUpgrade === true){ upMajorBoxHtml+=`已升级 降级 `; }else{ upMajorBoxHtml+='升级'; } upMajorBoxHtml+=''; if(v.isUpgrade !== undefined && v.isUpgrade === true){ upMajorBoxHtml+=` ${deadline}限期 `; upMajorBoxHtml+=''; }else{ upMajorBoxHtml+=``; } }); return upMajorBoxHtml; } function buildCuringOnlineTimes(data){ var onlineTimesHtml=''; var i=1; $.each(data, function(k, v) { onlineTimesHtml+=''+i+''+v.dateString+''+v.online_times+''; i++; }); return onlineTimesHtml; } //关联CLD客户 function relevanceClient(data){ var html=''; if(isExistence(data)){ html=buildClient(data); }else{ html='
CLD客户
' + ' 关联CLD客户
'; } return html; } /** * 构建操作日志 * @param data * @returns */ function buildCuringOperateLog(data){ var html=''; if(isExistence(data)){ $.each(data, function(k, v) { html+='

' + '@'+ v.username+'' + ' '+ v.operation+'
' + ''+ v.createDate+'

'; }); }else{ html=''; } html+=''; return html; } function autoHeight(){ var html=' '; $('div[autoHeight]').html(html); } //构建养护用户分页 function fnPage(data){ var html=''; $('div[pageDetail]').html(html); $('div[page]').show(); } /** * Created by MyPC on 2019/12/16. */ function setUndefined(data){ if(data===null||typeof(data) == "undefined"||data.length==0){ return ''; }else{ return data; } } // function isExistence(data){ if(Array.isArray(data)){ if(data.length==0){ return false; }else{ return true; } }else if(data==''||data===null||typeof(data) == 'undefined'||data=='undefined'){ return false; }else{ return true; } } $(function() { /** * change事件-隐藏-显示数据列 */ $('input[type=checkbox][name=columnShow]').on('change', function(e) { var column = $(this).attr('column'); var isAccept = $(this).prop("checked"); isColumnShow(isAccept,column); localStorage.setItem('curingColumn_'+column, isAccept); }); }) /** * 初始化数据列--是否展示 * @param columnLength * @returns */ function refreshColumn(columnLength){ var checkBoxList=$('input[type=checkbox][name=columnShow]'); var cbi=0; for(var i=1;i<=columnLength;i++){ var isAccept=localStorage.getItem("curingColumn_"+i); if(isAccept=='false'){ isAccept=false; } if (isAccept==null||isAccept) { //console.log(isAccept); checkBoxList.eq(cbi).attr("checked",'true'); }else{ //console.log(isAccept+'dddd'); checkBoxList.eq(cbi).removeAttr("checked"); } isColumnShow(isAccept,i); cbi++; } } function isColumnShow(isAccept,column){ if (isAccept==null||isAccept) { //console.log(isAccept==null||isAccept); $('table[columnShow] tr').find('th:eq('+column+')').show(); $('table[columnShow] tr').find('td:eq('+column+')').show(); } else { //console.log(column); $('table[columnShow] tr').find('th:eq('+column+')').hide(); $('table[columnShow] tr').find('td:eq('+column+')').hide(); } } /** * Created by MyPC on 2019/12/17. */ //构建地区HTML function buildArea(data){ //data-toggle="dropdown" var html='
' + ''+setUndefined(data.local)+'
' + ''; return html; } //构建客户HTML function buildClient(data){ var html=''; html+='
'; html+='
CLD客户' + ''+setUndefined(data.staff.username)+' 创建于 '+setUndefined(data.createTime)+'
'; html+=''+setUndefined(data.clientname)+' ' + '
'; html+='
' + '
' + '
姓名
' + ' '+setUndefined(data.clientname)+'
'; //地区 var areaHtml=buildArea(data); html+='
客户地区
'; html+='
'; html+=areaHtml; html+='
'; if(isExistence(data.companyname)){ /* '' + '' + * */ //单位 html+='
'; html+='
单位名称
' + ''+setUndefined(data.companyname)+'' + '
'; }else{ html+='
单位名称
'; } html+='
' + '
' + '
性别
' + '
' + '
' + ''+setUndefined(data.gender)+'
'; html+='
' + '
昵称
' + '
' + '
' + ''+setUndefined(data.nicename)+'
' + '' + '
' + '
' + '
手机
' + '
' + ''+setUndefined(data.telephone)+'
' + '
' + '
QQ
' + ''+setUndefined(data.qq)+'
' + '' + '
' + '
电话
' + ''+setUndefined(data.phone)+'
' + '
邮箱
' + ''+setUndefined(data.email)+'
' + '' + '
' + '
传真
' + ''+setUndefined(data.fax)+'
' + '' + '
' + '
部门/职称
' + ''+setUndefined(data.position)+'
' + '
办公室
' + ''+setUndefined(data.office)+'
' + '' + '
' + '
客户地址
' + ''+setUndefined(data.address)+'
' + '' + '
' + '
客户乘车
' + ''+setUndefined(data.ride)+'
' + '' + '
' + '
客户地标
' + ''+setUndefined(data.landmarks)+'
' + '' + '
' + '
客户住宿
' + ''+setUndefined(data.stay)+'
' + '' + '
' + '
备注
' + ''+setUndefined(data.mark)+' 
'; html+='
' + ' 移除CLD客户 ' + '
'; html+=''; html+='
' + ' ' + ''; return html; }