buildHtml.js 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  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="">';
  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. * 用户详情页 养护信息更新
  30. * @param data
  31. * @returns
  32. */
  33. function buildCuringInfo(data){
  34. var html=' ' +
  35. ' <div class="form-header">' +
  36. ' <div class="d-flex justify-content-between"><span class="text-muted">大司空用户</span></div> ' ;
  37. if(data.mobile==''){
  38. html+='<legend>'+setUndefined(data.email)+'</legend> ';
  39. }else{
  40. html+='<legend>'+setUndefined(data.mobile)+'</legend> ';
  41. }
  42. html+='</div><div class="cldform clearfix"> <div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
  43. '<div class="cldform-label">手机</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
  44. '<span>'+setUndefined(data.mobile)+'</span></div> </div> </div> <div class="cldform-item cldform-item-half pl-3"> ' +
  45. '<div class="cldform-label">邮箱</div> ' +
  46. '<div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
  47. '<span>'+setUndefined(data.email)+'</span></div></div>';
  48. html+='</div> <div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
  49. '<div class="cldform-label">称呼</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"> ' +
  50. '<span>'+setUndefined(data.username)+'</span></div> </div> </div>';
  51. html+='<div class="cldform-item cldform-item-half pl-3">'+
  52. '<div class="cldform-label">QQ</div>'+
  53. '<div class="cldform-control">'+
  54. setUndefined(data.qq)+
  55. '</div></div>';
  56. html+='<div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
  57. '<div class="cldform-label">注册云版</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
  58. '<span>'+setUndefined(data.create_time)+'</span></div> </div> </div>';
  59. html+='<div class="cldform-line"></div> <div class="cldform-item cldform-item-half pr-3"> ' +
  60. '<div class="cldform-label">企业名称</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
  61. '<span>'+setUndefined(data.company)+'</span></div> </div> </div>';
  62. html+='<div class="cldform-item cldform-item-half pl-3"> ' +
  63. '<div class="cldform-label">企业地区</div> <div class="cldform-control"> <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">' +
  64. '<span>'+setUndefined(data.province)+'</span></div> </div> </div> ';
  65. html+='<div class="cldform-line"></div><div class="cldform-item cldform-item-half pr-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.latest_usedName)+'</span>'+
  68. '</div></div></div>';
  69. html+='<div class="cldform-item cldform-item-half pl-3">'+
  70. '<div class="cldform-label">累计时长</div><div class="cldform-control"><div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank">'+
  71. '<span>'+setUndefined(data.online_times)+'</span>'+
  72. '</div></div></div>'+
  73. '</div>';
  74. return html;
  75. }
  76. /**
  77. * 关联CLD客户--检索CLD客户后的结果列表
  78. * @param data
  79. * @returns
  80. */
  81. function buildClientBySearch(data){
  82. var html='';
  83. $.each(data, function(k, v) {
  84. 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">' +
  85. '<div class="col-1 pr-0">'+ v.clientname+'</div>' +
  86. '<div class="col-2 pr-0">'+ v.position+'</div>' +
  87. '<div class="col-2 pr-0">'+ v.telephone+'</div>' +
  88. '<div class="col-4 pr-0">'+ v.companyname+'</div></div> </div></span>';
  89. });
  90. return html;
  91. }
  92. //构建养护升级产品信息
  93. function buildCuringCompilation(data){
  94. var upMajorBoxHtml='';
  95. $.each(data.detail.compilationList, function(k, v) {
  96. upMajorBoxHtml+='<tr>';
  97. upMajorBoxHtml+='<td></td>';
  98. upMajorBoxHtml+='<td>'+ v.name+'</td>';
  99. upMajorBoxHtml+='<td>';
  100. if(v.isUpgrade !== undefined && v.isUpgrade === true){
  101. upMajorBoxHtml+='已升级';
  102. }else{
  103. upMajorBoxHtml+='<a onclick=upCuring("'+ v.name+'","'+ v._id+'","'+data.detail.userInfo.username+'") ' +
  104. 'href="#update-confirm" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#update-confirm">升级</a>';
  105. }
  106. upMajorBoxHtml+='</td>';
  107. upMajorBoxHtml+='</tr>';
  108. });
  109. return upMajorBoxHtml;
  110. }
  111. function buildCuringOnlineTimes(data){
  112. var onlineTimesHtml='';
  113. var i=1;
  114. $.each(data, function(k, v) {
  115. onlineTimesHtml+='<tr><td width="20">'+i+'</td><td width="140">'+v.dateString+'</td><td>'+v.online_times+'</td></tr>';
  116. i++;
  117. });
  118. return onlineTimesHtml;
  119. }
  120. //关联CLD客户
  121. function relevanceClient(data){
  122. var html='';
  123. if(isExistence(data)){
  124. html=buildClient(data);
  125. }else{
  126. 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">' +
  127. '<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>';
  128. }
  129. return html;
  130. }
  131. /**
  132. * 构建操作日志
  133. * @param data
  134. * @returns
  135. */
  136. function buildCuringOperateLog(data){
  137. var html='';
  138. if(isExistence(data)){
  139. $.each(data, function(k, v) {
  140. html+='<p>' +
  141. '<a href="#">@'+ v.username+'</a>' +
  142. ' '+ v.operation+'<br>' +
  143. '<span class="text-muted">'+ v.createDate+'</span></p></p> ';
  144. });
  145. }else{
  146. html='';
  147. }
  148. html+='';
  149. return html;
  150. }
  151. function autoHeight(){
  152. 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>'
  153. $('div[autoHeight]').html(html);
  154. }