buildHtml.js 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  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> </div>';
  61. html+='<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>3天5小时</span>'+
  68. '</div></div></div>';
  69. return html;
  70. }
  71. //构建养护关联CLD客户列表
  72. function buildClientBySearch(data){
  73. var html='';
  74. $.each(data, function(k, v) {
  75. 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">' +
  76. '<div class="col-1 pr-0">'+ v.clientname+'</div>' +
  77. '<div class="col-2 pr-0">'+ v.position+'</div>' +
  78. '<div class="col-2 pr-0">'+ v.telephone+'</div>' +
  79. '<div class="col-4 pr-0">'+ v.companyname+'</div></div> </div></span>';
  80. });
  81. return html;
  82. }
  83. //构建养护升级产品信息
  84. function buildCuringCompilation(data){
  85. var upMajorBoxHtml='';
  86. $.each(data.detail.compilationList, function(k, v) {
  87. upMajorBoxHtml+='<tr>';
  88. upMajorBoxHtml+='<td></td>';
  89. upMajorBoxHtml+='<td>'+ v.name+'</td>';
  90. upMajorBoxHtml+='<td>';
  91. if(v.isUpgrade !== undefined && v.isUpgrade === true){
  92. upMajorBoxHtml+='已升级';
  93. }else{
  94. upMajorBoxHtml+='<a onclick=upCuring("'+ v.name+'","'+ v._id+'","'+data.detail.userInfo.username+'") ' +
  95. 'href="#update-confirm" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#update-confirm">升级</a>';
  96. }
  97. upMajorBoxHtml+='</td>';
  98. upMajorBoxHtml+='</tr>';
  99. });
  100. $('#curingSsoid').val(data.detail.userInfo.ssoIdKey);
  101. $('#curingMobile').val(data.detail.userInfo.mobile);
  102. $('#client_id').val(data.detail.clientInfo.cidKey);
  103. return upMajorBoxHtml;
  104. }
  105. //关联CLD客户
  106. function relevanceClient(data){
  107. var html='';
  108. if(isExistence(data)){
  109. html=buildClient(data);
  110. }else{
  111. 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">' +
  112. '<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>';
  113. }
  114. return html;
  115. }
  116. function buildCuringOperateLog(data){
  117. var html='';
  118. if(isExistence(data)){
  119. $.each(data, function(k, v) {
  120. html+='<p>' +
  121. '<a href="#">@'+ v.username+'</a>' +
  122. ' '+ v.operation+'<br>' +
  123. '<span class="text-muted">'+ v.createDate+'</span></p></p> ';
  124. });
  125. }else{
  126. html='';
  127. }
  128. html+='';
  129. return html;
  130. }
  131. function autoHeight(){
  132. 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>'
  133. $('div[autoHeight]').html(html);
  134. }