buildHtml.js 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. /**
  2. * Created by cp on 2019/12/17.
  3. */
  4. /**
  5. * 用户列表--首页分页列表刷新
  6. * @param data
  7. * @returns
  8. */
  9. function fnStructureCuringUser(data){
  10. var html='';
  11. $.each(data, function(k, v) {
  12. html+='<tr curingInfoEdi dataCid="'+setUndefined(v.client_id)+'" data='+setUndefined(v.ssoId)+' dataId="'+setUndefined(v._id)+'" data-toggle="modal" data-target="#detail">';
  13. html+='<td>'+setUndefined(v.mobile)+'</td>';
  14. html+='<td>'+setUndefined(v.company)+'</td>';
  15. html+='<td>'+setUndefined(v.clientInfo.clientname)+'</td>';
  16. html+='<td>'+setUndefined(v.clientInfo.companyname)+'</td>';
  17. html+='<td>'+setUndefined(v.latest_login)+'</td>';
  18. html+='<td>'+setUndefined(v.latest_usedName)+'</td>';
  19. html+='<td>'+setUndefined(v.online_newest)+'</td>';
  20. html+='<td>'+setUndefined(v.addtime)+'</td>';
  21. html+='<td>'+setUndefined(v.upgradeListName)+'</td>';
  22. html+='</tr>';
  23. });
  24. $('tbody[curingUser]').html(html);
  25. $('div[curingListBox]').show();
  26. $('p[upClientBox]').hide();
  27. }
  28. //构建养护用户信息
  29. function buildCuringInfo(data){
  30. var html=' ' +
  31. ' <div class="form-header">' +
  32. ' <div class="d-flex justify-content-between"><span class="text-muted">通行账号</span></div> ' ;
  33. if(data.mobile==''){
  34. html+='<legend>'+setUndefined(data.email)+'</legend> ';
  35. }else{
  36. html+='<legend>'+setUndefined(data.mobile)+'</legend> ';
  37. }
  38. html+='</div><div class="cldform clearfix"> <div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
  39. '<div class="cldform-label">手机</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
  40. '<span>'+setUndefined(data.mobile)+'</span></div> </div> </div> <div class="cldform-item cldform-item-half pl-3"> ' +
  41. '<div class="cldform-label">邮箱</div> ' +
  42. '<div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
  43. '<span>'+setUndefined(data.email)+'</span></div></div>';
  44. html+='</div> <div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
  45. '<div class="cldform-label">称呼</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"> ' +
  46. '<span>'+setUndefined(data.username)+'</span></div> </div> </div>';
  47. html+='<div class="cldform-item cldform-item-half pl-3">'+
  48. '<div class="cldform-label">QQ</div>'+
  49. '<div class="cldform-control">'+
  50. setUndefined(data.qq)+
  51. '</div></div>';
  52. html+='<div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
  53. '<div class="cldform-label">注册云版</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
  54. '<span>'+setUndefined(data.create_time)+'</span></div> </div> </div>';
  55. html+='<div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
  56. '<div class="cldform-label">企业名称</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
  57. '<span>'+setUndefined(data.company)+'</span></div> </div> </div>';
  58. html+='<div class="cldform-item cldform-item-half pl-3"> ' +
  59. '<div class="cldform-label">企业地区</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
  60. '<span>'+setUndefined(data.province)+'</span></div> </div> </div> ';
  61. html+='<div class="cldform-line"></div><div class="cldform-item cldform-item-half pr-3">'+
  62. '<div class="cldform-label">最近使用</div><div class="cldform-control"><div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">'+
  63. '<span>'+setUndefined(data.latest_usedName)+'</span>'+
  64. '</div></div></div>';
  65. html+='<div class="cldform-item cldform-item-half pl-3">'+
  66. '<div class="cldform-label">累计时长</div><div class="cldform-control"><div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">'+
  67. '<span>'+setUndefined(data.online_times)+'</span>'+
  68. '</div></div></div>'+
  69. '</div>';
  70. return html;
  71. }
  72. //构建养护关联CLD客户列表
  73. function buildClientBySearch(data){
  74. var html='';
  75. $.each(data, function(k, v) {
  76. 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">' +
  77. '<div class="col-1 pr-0">'+ v.clientname+'</div>' +
  78. '<div class="col-2 pr-0">'+ v.position+'</div>' +
  79. '<div class="col-2 pr-0">'+ v.telephone+'</div>' +
  80. '<div class="col-4 pr-0">'+ v.companyname+'</div></div> </div></span>';
  81. });
  82. return html;
  83. }
  84. //构建养护升级产品信息
  85. function buildCuringCompilation(data){
  86. var upMajorBoxHtml='';
  87. $.each(data.detail.compilationList, function(k, v) {
  88. upMajorBoxHtml+='<tr>';
  89. upMajorBoxHtml+='<td></td>';
  90. upMajorBoxHtml+='<td>'+ v.name+'</td>';
  91. upMajorBoxHtml+='<td>';
  92. if(v.isUpgrade !== undefined && v.isUpgrade === true){
  93. upMajorBoxHtml+='已升级';
  94. }else{
  95. upMajorBoxHtml+='<a onclick=upCuring("'+ v.name+'","'+ v._id+'","'+data.detail.userInfo.username+'") ' +
  96. 'href="#update-confirm" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#update-confirm">升级</a>';
  97. }
  98. upMajorBoxHtml+='</td>';
  99. upMajorBoxHtml+='</tr>';
  100. });
  101. return upMajorBoxHtml;
  102. }
  103. //关联CLD客户
  104. function relevanceClient(data){
  105. var html='';
  106. if(isExistence(data)){
  107. html=buildClient(data);
  108. }else{
  109. 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">' +
  110. '<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>';
  111. }
  112. return html;
  113. }
  114. function buildCuringOperateLog(data){
  115. var html='';
  116. if(isExistence(data)){
  117. $.each(data, function(k, v) {
  118. html+='<p>' +
  119. '<a href="#">@'+ v.username+'</a>' +
  120. ' '+ v.operation+'<br>' +
  121. '<span class="text-muted">'+ v.createDate+'</span></p></p> ';
  122. });
  123. }else{
  124. html='';
  125. }
  126. html+='';
  127. return html;
  128. }
  129. function autoHeight(){
  130. html='<script type="text/javascript">autoFlashHeight();console.log("sdfsdf")</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>'
  131. $('div[autoHeight]').html(html);
  132. }