chats.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. {template 'common/header'}
  2. <div class="main">
  3. <ol class="breadcrumb we7-breadcrumb">
  4. <a href="{php echo url('mc/fans')}"><i class="wi wi-back-circle"></i> </a>
  5. <li>
  6. <a href="{php echo url('mc/fans')}">粉丝列表</a>
  7. </li>
  8. <li>
  9. 粉丝聊天
  10. </li>
  11. </ol>
  12. <div class="notice-fans-info">
  13. <div class="media">
  14. <a class="media-left" href="#">
  15. <img src="{php echo tomedia($fans_info['tag']['avatar'])}" width="48">
  16. </a>
  17. <div class="media-body">
  18. <h4 class="media-heading">{$fans_info['nickname']}</h4>
  19. <p>
  20. <span>粉丝编号:{$fans_info['openid']}</span>
  21. </p>
  22. <p>
  23. {if empty($fans_info['uid'])}
  24. <span>非会员</span>
  25. {else}
  26. <span>会员名: {$fans_info['member_info']['nickname']}</span>
  27. <span>手机号:{$fans_info['member_info']['mobile']}</span>
  28. <span>邮箱:无</span>
  29. {/if}
  30. </p>
  31. <p><span>状态:{if $fans_info['follow'] == 1}已关注{else}取消关注{/if}</span>
  32. {if $fans_info['follow'] == 1}
  33. <span>关注时间:{php echo date('Y-m-d H:i', $fans_info['followtime'])}</span>
  34. {else}
  35. <span>取关时间:{php echo date('Y-m-d H:i', $fans_info['unfollowtime'])}</span>
  36. {/if}
  37. </p>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="notice-fans-post">
  42. <div class="panel we7-panel">
  43. {php echo module_build_form('core', $rid, $show_chast_content)}
  44. </div>
  45. <button class="btn btn-primary col-lg-1 submit" onclick="send()">发送</button>
  46. </div>
  47. <div class="clearfix"></div>
  48. <div class="notice-fans-list" ng-controller="chatsCtrl">
  49. <h2 class="notice-list-head">最近20条聊天记录</h2>
  50. <div class="media notice-item" ng-repeat="log in chatLogs">
  51. <a class="media-left" href="#">
  52. <img src="{php echo $_W['account']['logo']}" width="48" class="head-logo" ng-if="log.flag == 1">
  53. <img src="{php echo tomedia($fans_info['tag']['avatar'])}?time={php echo time()}" width="48" ng-if="log.flag == 2">
  54. </a>
  55. <div class="media-body">
  56. <div class="media-heading" ng-if="log.flag == 1">
  57. {$_W['account']['name']}
  58. <span class="notice-item-time">{{ log.createtime }}</span>
  59. </div>
  60. <div class="media-heading" ng-if="log.flag == 2">
  61. {$fans_info['nickname']}
  62. <span class="notice-item-time">{{ log.createtime }}</span>
  63. </div>
  64. <div class="notice-item-content" ng-if="log.msgtype == 'text'">
  65. {{ log.content }}
  66. </div>
  67. <div class="notice-item-content" ng-if="log.msgtype == 'image' || log.msgtype == 'mpnews'">
  68. <img ng-src="{{log.content}}" width="48">
  69. </div>
  70. <div class="appmsgSendedItem" ng-if="log.msgtype == 'video' || log.msgtype == 'music'">
  71. <a class="title-wrp" href="javascript:;">
  72. <span class="icon cover" style="width: 80px;height: 80px;vertical-align: middle;display: inline-block;background-color: #d7d8da!important;"></span>
  73. <span class="title" ng-if="log.msgtype == 'video'">[视频]</span>
  74. <span class="title" ng-if="log.msgtype == 'music'">[音乐]</span>
  75. </a>
  76. </div>
  77. <div class="audio-msg" ng-if="log.msgtype == 'voice'">
  78. <div class="icon-audio-wrp">
  79. <span class="icon-audio-msg"></span>
  80. </div>
  81. <div class="audio-content">
  82. <div class="audio-title">[语音]</div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <!--<div class="media notice-item">-->
  88. <!--<a class="media-left" href="#">-->
  89. <!--<img src="http://wx.qlogo.cn/mmopen/vrqNZwpc2mRbnoM7JPibTOLJOIHLZRf4cQvickmK2MEBu7ziaOvIalLpaNPoeehWOPd0Tmz1rpYzweibbuiat76Cs04Xj17mqJNWR/132" width="48">-->
  90. <!--</a>-->
  91. <!--<div class="media-body">-->
  92. <!--<div class="media-heading">-->
  93. <!--昵称-->
  94. <!--<span class="notice-item-time">17:48</span>-->
  95. <!--</div>-->
  96. <!--<div class="notice-item-content">-->
  97. <!--<div class="media">-->
  98. <!--<a class="media-left" href="#">-->
  99. <!--<img src="http://wx.qlogo.cn/mmopen/vrqNZwpc2mRbnoM7JPibTOLJOIHLZRf4cQvickmK2MEBu7ziaOvIalLpaNPoeehWOPd0Tmz1rpYzweibbuiat76Cs04Xj17mqJNWR/132" width="48">-->
  100. <!--</a>-->
  101. <!--<div class="media-body">-->
  102. <!--<span class="media-heading">-->
  103. <!--[图片]-->
  104. <!--</span>-->
  105. <!--</div>-->
  106. <!--</div>-->
  107. <!--</div>-->
  108. <!--</div>-->
  109. <!--</div>-->
  110. </div>
  111. </div>
  112. <script>
  113. require(['underscore'], function() {
  114. angular.module('fansApp').value('config', {
  115. 'chatLogs' : {php echo !empty($chat_record) ? json_encode($chat_record) : '[]'},
  116. 'endurl' : "{php echo url('mc/chats/endchats', array('openid' => $openid))}",
  117. 'sendurl' : "{php echo url('mc/chats/send', array('openid' => $openid))}"
  118. });
  119. angular.bootstrap($('.notice-fans-list'), ['fansApp']);
  120. });
  121. </script>
  122. {template 'common/footer'}