123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910 |
- /**
- * 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!')
- }
- })
- }
- /**
- * 用户升级专业版 弹框提示--用户详情界面
- * @param name
- * @param _id
- * @param username
- * @returns
- */
- function upCuring(name,_id,username){
- $('#name').val(name);
- $('#_id').val(_id);
- var curingMobile=$('#curingMobile').val();
- var html='为用户 <b>'+curingMobile+','+username+'</b> 升级 <b>'+name+'</b>';
- $('div[upCuring] span').html(html);
- }
- $(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();
- 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},
- dataType: 'json',
- success: function(data) {
- if (data.status == 1) {
- refreshCuringPageDetail(curingSsoid,client_id);
- } else {
- alert(data.msg);
- }
- }
- })
- } else {
- alert('请选择需要升级的版本');
- }
- });
-
- /**
- * 用户绑定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);
- }
- /**
- * Created by cp on 2019/12/17.
- */
- /**
- * 用户列表--首页分页列表刷新
- * @param data
- * @returns
- */
- function fnStructureCuringUser(data){
- var html='';
- $.each(data, function(k, v) {
- html+='<tr class="pointer-hover" curingInfoEdi dataCid="'+setUndefined(v.client_id)+'" data='+setUndefined(v.ssoId)+' dataId="'+setUndefined(v._id)+'" data-toggle="modal" data-target="">';
- html+='<td>'+setUndefined(v.mobile)+'</td>';
- html+='<td>'+setUndefined(v.username)+'</td>';
- html+='<td>'+setUndefined(v.real_name)+'</td>';
- html+='<td>'+setUndefined(v.qq)+'</td>';
- html+='<td>'+setUndefined(v.company)+'</td>';
- html+='<td>'+setUndefined(v.clientInfo.clientname)+'</td>';
- html+='<td>'+setUndefined(v.clientInfo.companyname)+'</td>';
-
- html+='<td>'+setUndefined(v.latest_login)+'</td>';
- html+='<td>'+setUndefined(v.latest_usedName)+'</td>';
- html+='<td>'+setUndefined(v.online_newest)+'</td>';
- html+='<td>'+setUndefined(v.addtime)+'</td>';
- html+='<td>'+setUndefined(v.upgradeListName)+'</td>';
-
- html+='</tr>';
- });
- $('tbody[curingUser]').html(html);
- $('div[curingListBox]').show();
- $('p[upClientBox]').hide();
- }
- /**
- * 用户详情页 养护信息更新
- * @param data
- * @returns
- */
- function buildCuringInfo(data){
- var html=' ' +
- ' <div class="form-header">' +
- ' <div class="d-flex justify-content-between"><span class="text-muted">大司空用户</span></div> ' ;
- if(data.mobile==''){
- html+='<legend>'+setUndefined(data.email)+'</legend> ';
- }else{
- html+='<legend>'+setUndefined(data.mobile)+'</legend> ';
- }
- html+='</div><div class="cldform clearfix"> <div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
- '<div class="cldform-label">手机</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
- '<span>'+setUndefined(data.mobile)+'</span></div> </div> </div> <div class="cldform-item cldform-item-half pl-3"> ' +
- '<div class="cldform-label">邮箱</div> ' +
- '<div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
- '<span>'+setUndefined(data.email)+'</span></div></div>';
- html+='</div> <div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
- '<div class="cldform-label">称呼</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"> ' +
- '<span>'+setUndefined(data.username)+'</span></div> </div> </div>';
- html+='<div class="cldform-item cldform-item-half pl-3">'+
- '<div class="cldform-label">QQ</div>'+
- '<div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">'+
- '<span>'+setUndefined(data.qq)+
- '</span></div></div></div>';
-
-
-
- html+='<div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3">'+
- '<div class="cldform-label">真实姓名</div>'+
- '<div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"> '+
- '<span>'+setUndefined(data.real_name)+
- '</span></div></div></div>';
- html+='<div class="cldform-item cldform-item-half pl-3"> ' +
- '<div class="cldform-label">注册云版</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
- '<span>'+setUndefined(data.create_time)+'</span></div> </div> </div>';
- html+='<div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
- '<div class="cldform-label">企业名称</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
- '<span>'+setUndefined(data.company)+'</span></div> </div> </div>';
- html+='<div class="cldform-item cldform-item-half pl-3"> ' +
- '<div class="cldform-label">企业地区</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
- '<span>'+setUndefined(data.province)+'</span></div> </div> </div> ';
- html+='<div class="cldform-line"></div><div class="cldform-item cldform-item-half pr-3">'+
- '<div class="cldform-label">最近使用</div><div class="cldform-control"><div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">'+
- '<span>'+setUndefined(data.latest_usedName)+'</span>'+
- '</div></div></div>';
- html+='<div class="cldform-item cldform-item-half pl-3">'+
- '<div class="cldform-label">累计时长</div><div class="cldform-control"><div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">'+
- '<span>'+setUndefined(data.online_times)+'</span>'+
- '</div></div></div>'+
- '</div>';
-
- return html;
- }
- /**
- * 关联CLD客户--检索CLD客户后的结果列表
- * @param data
- * @returns
- */
- function buildClientBySearch(data){
- var html='';
- $.each(data, function(k, v) {
- html+='<span data="'+ v.cidKey+'" ><div class="card pointer-hover p-3 mb-3" data-toggle="tooltip" data-placement="bottom" title="点击关联该客户" data-original-title="点击关联该客户"> <div class="row">' +
- '<div class="col-1 pr-0">'+ v.clientname+'</div>' +
- '<div class="col-2 pr-0">'+ v.position+'</div>' +
- '<div class="col-2 pr-0">'+ v.telephone+'</div>' +
- '<div class="col-4 pr-0">'+ v.companyname+'</div></div> </div></span>';
- });
- return html;
- }
- //构建养护升级产品信息
- function buildCuringCompilation(data){
- var upMajorBoxHtml='';
- $.each(data.detail.compilationList, function(k, v) {
- upMajorBoxHtml+='<tr>';
- upMajorBoxHtml+='<td></td>';
- upMajorBoxHtml+='<td>'+ v.name+'</td>';
- upMajorBoxHtml+='<td>';
- if(v.isUpgrade !== undefined && v.isUpgrade === true){
- upMajorBoxHtml+='已升级';
- }else{
- upMajorBoxHtml+='<a onclick=upCuring("'+ v.name+'","'+ v._id+'","'+data.detail.userInfo.username+'") ' +
- 'href="#update-confirm" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#update-confirm">升级</a>';
- }
- upMajorBoxHtml+='</td>';
- upMajorBoxHtml+='</tr>';
- });
-
- return upMajorBoxHtml;
- }
- function buildCuringOnlineTimes(data){
- var onlineTimesHtml='';
- var i=1;
- $.each(data, function(k, v) {
- onlineTimesHtml+='<tr><td width="20">'+i+'</td><td width="140">'+v.dateString+'</td><td>'+v.online_times+'</td></tr>';
- i++;
- });
- return onlineTimesHtml;
- }
- //关联CLD客户
- function relevanceClient(data){
- var html='';
- if(isExistence(data)){
- html=buildClient(data);
- }else{
- html='<div class="form-header mt-3"> <div class="d-flex justify-content-between"><span class="text-muted">CLD客户</span><span class="text-muted"></span></div> <div class="text-center">' +
- '<a href="#linkcld" class="btn btn-sm btn-outline-primary" data-toggle="modal" data-target="#linkcld"><i class="far fa-link"></i> 关联CLD客户</a></div> </div>';
- }
- return html;
- }
- /**
- * 构建操作日志
- * @param data
- * @returns
- */
- function buildCuringOperateLog(data){
- var html='';
- if(isExistence(data)){
- $.each(data, function(k, v) {
- html+='<p>' +
- '<a href="#">@'+ v.username+'</a>' +
- ' '+ v.operation+'<br>' +
- '<span class="text-muted">'+ v.createDate+'</span></p></p> ';
- });
- }else{
- html='';
- }
- html+='';
- return html;
- }
- function autoHeight(){
- var html='<script type="text/javascript">autoFlashHeight();</script> <script type="text/javascript">$(".slimScroll1").slimScroll({position: \'right\', height:\'auto\' , railVisible: true}); </script> <script type="text/javascript"> $(".slimScrol2").slimScroll({ position: \'right\', height:\'auto\' , railVisible: true });</script> <script type="text/javascript"> $(".slimScrol3").slimScroll({ position: \'right\', height:\'auto\' , railVisible: true});</script> <script type="text/javascript"> $(".slimScrol4").slimScroll({position: \'right\', height:\'auto\' , railVisible: true});</script>';
- $('div[autoHeight]').html(html);
- }
- //构建养护用户分页
- function fnPage(data){
- var html='<ul class="pagination pagination-sm">';
- if( Number(data.previousPage) === Number(0)) {
- html+='<li class="page-item disabled"><span class="page-link" aria-label="Previous"> <span aria-hidden="true"><i class="fal fa-chevron-left"></i></span> </span> </li>';
- }else{
- html+='<li class="page-item "> <a' +
- ' parameter="'+ data.parameter+'" currentPage="'+ data.previousPage +'" class="page-link" href="javascript:void(0)" aria-label="Previous"> <span aria-hidden="true"><i class="fal fa-chevron-left"></i></span> </a> </li>';
- }
- if( Number(data.currentPage)>=Number(data.pageWidth) ) {
- html+='<li class="page-item">'+
- '<a parameter="'+data.parameter+'" currentPage="1" class="page-link" href="javascript:void(0)">1</a></li><li class="page-item "><span ><span aria-hidden="true">...</span></span></li>';
- }
-
- for (var i = data.startPage; i <= data.endPage; i++) {
- if(Number(data.currentPage) === Number(i)){
- html+='<li class="page-item active" aria-current="page"> <span class="page-link"> ' +
- ''+ i +'<span class="sr-only">(current)</span> </span> </li>';
- }else{
- html+='<li class="page-item">' +
- ' <a parameter="'+data.parameter+'" currentPage="'+i+'" class="page-link" href="javascript:void(0)">' +
- ''+i+'</a> ' +
- '</li>';
- }
- }
- if( Number(data.totalPage) >Number(data.pageWidth) && Number(data.totalPage)!== Number(data.currentPage) ) {
- html+='<li class="page-item "><span><span aria-hidden="true">...</span></span></li>';
- }
-
-
- if( Number(data.nextPage) === Number(data.currentPage)||Number(data.totalPage)===Number(0)) {
- html+='<li class="page-item disabled"> <span class="page-link" aria-label="Next"> <span aria-hidden="true"><i class="fal fa-chevron-right"></i></span> </span> </li>';
- }else{
- html+='<li class="page-item"> <a ' +
- 'parameter="'+ data.parameter +'" currentPage="'+ data.nextPage +'" class="page-link" href="#" aria-label="Next" > <span aria-hidden="true"><i class="fal fa-chevron-right"></i></span> </a> </li>';
- }
- html+='</ul>';
-
-
- $('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='<div class="cldform-contarl-box cldform-contarl-textareabox" >' +
- '<span class="cldform-contarl-dropdown">'+setUndefined(data.local)+'<i class="far fa-map-marker-alt mt-1"></i></span></div>' +
- '<div class="dropdown-menu" style="width:300px"> ' +
- '<ul class="nav nav-tabs nav-tabs-clean justify-content-center" role="tablist"> ' +
- '<li class="nav-item"><a class="nav-link text-center active" data-toggle="tab" href="#tab-province" role="tab" aria-selected="true">省份</a></li> ' +
- '<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-city" role="tab" aria-selected="false">市区</a></li> ' +
- '<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-area" role="tab" aria-selected="false">县区</a></li> ' +
- '</ul>';
- html+='<div class="tab-content p-3"> <div class="tab-pane city-item fade active show" id="tab-province" role="tabpanel" aria-labelledby="tab-province">';
- html+='<button type="button" class="btn btn-xs btn-outline-default">黑龙江省</button>';
- html+='</div>';
- html+='<div class="tab-pane city-item fade" id="tab-city" role="tabpanel" aria-labelledby="tab-city">';
- html+='<button type="button" class="btn btn-xs btn-outline-default">广州市</button>';
- html+='</div>';
- html+='<div class="tab-pane city-item fade" id="tab-area" role="tabpanel" aria-labelledby="tab-area">';
- html+='<button type="button" class="btn btn-xs btn-primary">香洲区</button>';
- html+='</div> </div> </div>';
- return html;
- }
- //构建客户HTML
- function buildClient(data){
- var html='';
- html+='<div class="form-header mt-3">';
- html+='<div class="d-flex justify-content-between"><span class="text-muted">CLD客户</span>' +
- '<span class="text-muted">'+setUndefined(data.staff.username)+' 创建于 '+setUndefined(data.createTime)+'</span></div>';
- html+='<legend>'+setUndefined(data.clientname)+'</legend> ' +
- '</div>';
- html+='<div class="cldform clearfix">' +
- '<div class="cldform-line"></div> <div class="cldform-item"> ' +
- '<div class="cldform-label">姓名</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox">' +
- ' <span>'+setUndefined(data.clientname)+'</span></div> </div> </div>';
- //地区
- var areaHtml=buildArea(data);
- html+='<div class="cldform-line"></div> <div class="cldform-item cldform-item-wauto"> <div class="cldform-label">客户地区</div>';
- html+='<div class="cldform-control">';
- html+=areaHtml;
- html+='</div> </div>';
- if(isExistence(data.companyname)){
- /*
- '<a href="javascript:void(0);" data-original-title="移除单位" class="btn btn-outline-danger btn-xs btn-icon mr-1" data-toggle="modal" data-target="#remover-com"><i class="far fa-unlink" data-toggle="tooltip" data-placement="left" ></i></a>' +
- '<a href="javascript:void(0);" data-original-title="更换单位" class="btn btn-outline-primary btn-xs btn-icon" data-toggle="modal" data-target="#link-com"><i class="far fa-retweet" data-toggle="tooltip" data-placement="left" ></i></a>' +
- * */
- //单位
- html+='<div class="cldform-line"></div> <div class="cldform-item">';
- html+='<div class="cldform-label">单位名称</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox"><div class="card p-2 text-primary" href="#"><div class="d-flex justify-content-between">' +
- '<span>'+setUndefined(data.companyname)+'</span><span>' +
- '</span></div></div></div> </div> </div>';
- }else{
- html+='<div class="cldform-line"></div> <div class="cldform-item"> <div class="cldform-label">单位名称</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox"><span>' +
- '<a href="#link-com" data-toggle="modal" data-target="#link-com"><i class="far fa-link"></i> 关联单位</a></span></div> </div> </div>';
- }
- html+='<div class="cldform-line"></div> ' +
- '<div class="cldform-item cldform-item-half pr-3"> ' +
- '<div class="cldform-label">性别</div> ' +
- '<div class="cldform-control"> ' +
- '<div class="cldform-contarl-box cldform-contarl-textareabox" data-toggle="dropdown">' +
- '<span class="cldform-contarl-dropdown">'+setUndefined(data.gender)+'</span></div> </div> </div>';
- html+='<div class="cldform-item cldform-item-half pl-3">' +
- '<div class="cldform-label">昵称</div> ' +
- '<div class="cldform-control"> ' +
- '<div class="cldform-contarl-box cldform-contarl-textareabox">' +
- '<span>'+setUndefined(data.nicename)+'</span></div> </div> </div>' +
- '' +
- '<div class="cldform-line"></div>' +
- '<div class="cldform-item cldform-item-half pr-3"> ' +
- '<div class="cldform-label">手机</div> ' +
- '<div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox">' +
- '<span>'+setUndefined(data.telephone)+'</span></div> </div> </div> ' +
- '<div class="cldform-item cldform-item-half pl-3"> ' +
- '<div class="cldform-label">QQ</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox">' +
- '<span>'+setUndefined(data.qq)+'</span></div> </div> </div> ' +
- '' +
- '<div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
- '<div class="cldform-label">电话</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox">' +
- '<span>'+setUndefined(data.phone)+'</span></div> </div> </div> <div class="cldform-item cldform-item-half pl-3"> ' +
- '<div class="cldform-label">邮箱</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox">' +
- '<span>'+setUndefined(data.email)+'</span></div> </div> </div> ' +
- '' +
- '<div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
- '<div class="cldform-label">传真</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox">' +
- '<span>'+setUndefined(data.fax)+'</span></div> </div> </div> ' +
- '' +
- '<div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
- '<div class="cldform-label">部门/职称</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox text-muted">' +
- '<span>'+setUndefined(data.position)+'</span></div> </div> </div> <div class="cldform-item cldform-item-half pl-3"> ' +
- '<div class="cldform-label">办公室</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox">' +
- '<span>'+setUndefined(data.office)+'</span></div> </div> </div> ' +
- '' +
- '<div class="cldform-line"></div> <div class="cldform-item">' +
- '<div class="cldform-label">客户地址</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox">' +
- '<span>'+setUndefined(data.address)+'</span></div> </div> </div> ' +
- '' +
- '<div class="cldform-line"></div> <div class="cldform-item"> ' +
- '<div class="cldform-label">客户乘车</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox text-muted">' +
- '<span>'+setUndefined(data.ride)+'</span></div> </div> </div> ' +
- '' +
- '<div class="cldform-line"></div> <div class="cldform-item"> ' +
- '<div class="cldform-label">客户地标</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox text-muted">' +
- '<span>'+setUndefined(data.landmarks)+'</span></div></div> </div> ' +
- '' +
- '<div class="cldform-line"></div> <div class="cldform-item">' +
- '<div class="cldform-label">客户住宿</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox text-muted">' +
- '<span>'+setUndefined(data.stay)+'</span></div> </div> </div> ' +
- '' +
- '<div class="cldform-line"></div> <div class="cldform-item"> ' +
- '<div class="cldform-label">备注</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox text-muted">' +
- '<span>'+setUndefined(data.mark)+' </span></div> </div> </div>';
- html+='<div class="cldform-line"></div> <div class="cldform-item text-center">' +
- '<a data="'+setUndefined(data.cid)+'" href="javascript:void(0)" class="btn btn-sm btn-outline-danger" data-toggle="modal" data-target="#unlinkcld"><i class="far fa-unlink"></i> 移除CLD客户</a> ' +
- '</div>';
- html+='';
- html+='</div>' +
- '<script type="text/javascript">autoFlashHeight();</script> <script type="text/javascript">$(".slimScroll1").slimScroll({position: \'right\', height:\'auto\' , railVisible: true}); </script> <script type="text/javascript"> $(".slimScrol2").slimScroll({ position: \'right\', height:\'auto\' , railVisible: true });</script> <script type="text/javascript"> $(".slimScrol3").slimScroll({ position: \'right\', height:\'auto\' , railVisible: true});</script> <script type="text/javascript"> $(".slimScrol4").slimScroll({position: \'right\', height:\'auto\' , railVisible: true});</script>' +
- '';
- return html;
- }
|