Página inicial Explorar Ajuda
Registrar Entrar
zhh
/
huahuibao
1
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Tree: 36abaed05c
Branches Tags
huahuibao
/
app
/
admin
/
views
/
chat
/
index.php

index.php 39 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598 
  1. <?php 
    2. 

  2. use common\components\stringUtil;
    3. 

  3. ?>
    4. 

  4. <!DOCTYPE html>
    5. 

  5. <html xmlns="http://www.w3.org/1999/xhtml">
    6. 

  6. <head id="Head1">
    7. 

  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    8. 

  8. <title><?= $themself['userName'] ?></title>
    9. 

  9. <meta name="description">
    10. 

  10. <meta name="keywords">
    11. 

  11. <meta content="eric.wu" name="author">
    12. 

  12. <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    13. 

  13. <meta content="no-cache" http-equiv="pragma">
    14. 

  14. <meta content="0" http-equiv="expires">
    15. 

  15. <meta content="telephone=no, address=no" name="format-detection">
    16. 

  16. <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    17. 

  17. <link rel="stylesheet" type="text/css" href="/css/chat/mobilemain.css">
    18. 

  18. <link rel="stylesheet" href="/css/chat/custom.css">
    19. 

  19. <style>
    20. 

  20.     .qqface-img {
    21. 

  21.         background: url(<?= Yii::$app->params['imgUrl'] ?>/qq/qqface.jpg) no-repeat left top;
    22. 

  22.         background-size: 100%;
    23. 

  23.         width: 29px;
    24. 

  24.         height: 29px;
    25. 

  25.         display:block;
    26. 

  26.     }
    27. 

  27. </style>
    28. 

  28. <script src="/js/jquery-1.10.2.min.js"></script>
    29. 

  29. <script src="/js/chat/jquery.json.js"></script>
    30. 

  30. <script type="text/javascript">
    31. 

  31.     var webim = {'server' : "ws://<?=$swooleUrl?>:9503"};
    32. 

  32.     var imgUrl = "<?= Yii::$app->params['imgUrl'] ?>";
    33. 

  33. </script>
    34. 

  34. <script src="/js/chat/chat.js" charset="utf-8"></script>
    35. 

  35. <script type="text/javascript">
    36. 

  36.     var user = <?=json_encode($ourself)?>;
    37. 

  37.     var chatClientId = <?=$clientId ?>;
    38. 

  38.     var role = "<?=$ourself['role'] ?>";
    39. 

  39.     var customId = <?=$customId ?>;
    40. 

  40.     var account = <?=$account ?>;
    41. 

  41.     var debug = true;
    42. 

  42. </script>
    43. 

  43. </head>
    44. 

  44. 

  45. <body onselectstart="return true;" ondragstart="return false;">
    46. 

  46. <div class="returnIcon">
    47. 

  47. <div>
    48. 

  48. <a href="<?php if($hasHistoryPage == 'no'){ echo '/'; }else{ echo Yii::$app->request->referrer; } ?>"><img width="30" src="/images/historyGo.png" /></a>
    49. 

  49. <?php if(!empty($userTag)){ foreach($userTag as $val){ if(isset($merchantTag[$val])){ echo '<p>'.stringUtil::subStringUtf8($merchantTag[$val],4,'..').'</p>'; } } } ?>
    50. 

  50. </div>
    51. 

  51. </div>
    52. 

  52. 	<div id="container" class="container animate">
    53. 

  53. 		<div class="containertop" id="containertop" style="margin-bottom:85px;">
    54. 

  54. 		</div>
    55. 

  55. 		<footer>
    56. 

  56. 			<section class="nav_footer" id="nav_footer" style="height:auto;">
    57. 

  57. 				<ul>
    58. 

  58. 					<ol class="tbox">
    59. 

  59. 						<li>
    60. 

  60. 							<a class="pointer toolsface preTag" name="toolFace" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></a>
    61. 

  61. 						</li>
    62. 

  62. 						<li>
    63. 

  63. 							<form method="post" enctype="multipart/form-data" target="Upload_iframe" action="" id="Upload_form">
    64. 

  64. 								<a class="pointer toolscamera preTag xhImgUpload" href="javascript:;"><input type="file" id="uploadImg" accept="image/*" value="" /></a>
    65. 

  65. 							</form>
    66. 

  66. 

  67. 						</li>
    68. 

  68.                         <?php if($this->context->isWeixin){ ?>
    69. 

  69. 						<li style="width: 100%;padding:10px 0 4px 0;">							
    70. 

  70.                             <textarea id="sendtext" class="toolstext" placeholder="" style="width: 100%;" ></textarea>
    71. 

  71. 						</li>
    72. 

  72. 						<li><a id="btnsend" class="toolssend on preTag" onclick="sendMsg($('#sendtext').val(), 'text')" style="height: 22px;color:white;padding-top: 6px; margin: 0 7px;cursor:pointer;width:85px;">发送</a></li>
    73. 

  73.                         <?php }else{ ?>
    74. 

  74. 						<li style="width: 100%;padding:10px 0 4px 0;">							
    75. 

  75.                             <textarea id="sendtext" class="toolstext" placeholder=" 按【回车键】发送" style="width: 100%;height:70px;" ></textarea>
    76. 

  76. 						</li>
    77. 

  77. 						<li><a id="btnsend" class="toolssend on preTag" onclick="sendMsg($('#sendtext').val(), 'text')" style="height: 22px;color:white;padding-top: 6px; margin: 0 7px;cursor:pointer;width:85px;padding:14px 5px 12px 5px;">发送</a></li>
    78. 

  78.                         <?php } ?>
    79. 

  79. 					</ol>
    80. 

  80. 

  81.                     <ol id="face_area" style="display: block;">
    82. 

  82. 	                    <li>
    83. 

  83. 			                <div class="post-qq-face-all rel bz">
    84. 

  84. 				                <div class="post-qq-face bz clearfix">
    85. 

  85.                                     <span class="fl">
    86. 

  86.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="微笑" code="[微笑]" style="background-position: left 0;"></a>
    87. 

  87.                                     </span>
    88. 

  88.                                     <span class="fl">
    89. 

  89.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="撇嘴" code="[撇嘴]" style="background-position: left -29px;"></a>
    90. 

  90.                                     </span>
    91. 

  91.                                     <span class="fl">
    92. 

  92.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="色" code="[色]" style="background-position: left -58px;"></a>
    93. 

  93.                                     </span>
    94. 

  94.                                     <span class="fl">
    95. 

  95.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="发呆" code="[发呆]" style="background-position: left -87px;"></a>
    96. 

  96.                                     </span>
    97. 

  97.                                     <span class="fl">
    98. 

  98.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="得意" code="[得意]" style="background-position: left -116px;"></a>
    99. 

  99.                                     </span>
    100. 

  100.                                     <span class="fl">
    101. 

  101.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="流泪" code="[流泪]" style="background-position: left -145px;"></a>
    102. 

  102.                                     </span>
    103. 

  103.                                     <span class="fl">
    104. 

  104.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="害羞" code="[害羞]" style="background-position: left -174px;"></a>
    105. 

  105.                                     </span>
    106. 

  106.                                     <span class="fl">
    107. 

  107.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="闭嘴" code="[闭嘴]" style="background-position: left -203px;"></a>
    108. 

  108.                                     </span>
    109. 

  109.                                     <span class="fl">
    110. 

  110.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="睡" code="[睡]" style="background-position: left -232px;"></a>
    111. 

  111.                                     </span>
    112. 

  112.                                     <span class="fl">
    113. 

  113.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="大哭" code="[大哭]" style="background-position: left -261px;"></a>
    114. 

  114.                                     </span>
    115. 

  115.                                     <span class="fl">
    116. 

  116.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="尴尬" code="[尴尬]" style="background-position: left -290px;"></a>
    117. 

  117.                                     </span>
    118. 

  118.                                     <span class="fl">
    119. 

  119.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="发怒" code="[发怒]" style="background-position: left -319px;"></a>
    120. 

  120.                                     </span>
    121. 

  121.                                     <span class="fl">
    122. 

  122.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="调皮" code="[调皮]" style="background-position: left -348px;"></a>
    123. 

  123.                                     </span>
    124. 

  124.                                     <span class="fl">
    125. 

  125.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="呲牙" code="[呲牙]" style="background-position: left -377px;"></a>
    126. 

  126.                                     </span>
    127. 

  127.                                     <span class="fl">
    128. 

  128.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="惊讶" code="[惊讶]" style="background-position: left -406px;"></a>
    129. 

  129.                                     </span>
    130. 

  130.                                     <span class="fl">
    131. 

  131.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="难过" code="[难过]" style="background-position: left -435px;"></a>
    132. 

  132.                                     </span>
    133. 

  133.                                     <span class="fl">
    134. 

  134.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="酷" code="[酷]" style="background-position: left -464px;"></a>
    135. 

  135.                                     </span>
    136. 

  136.                                     <span class="fl">
    137. 

  137.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="冷汗" code="[冷汗]" style="background-position: left -493px;"></a>
    138. 

  138.                                     </span>
    139. 

  139.                                     <span class="fl">
    140. 

  140.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="抓狂" code="[抓狂]" style="background-position: left -522px;"></a>
    141. 

  141.                                     </span>
    142. 

  142.                                     <span class="fl">
    143. 

  143.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="吐" code="[吐]" style="background-position: left -551px;"></a>
    144. 

  144.                                     </span>
    145. 

  145.                                     <span class="fl">
    146. 

  146.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="偷笑" code="[偷笑]" style="background-position: left -580px;"></a>
    147. 

  147.                                     </span>
    148. 

  148.                                     <!--
    149. 

  149.                                     <span class="fl">
    150. 

  150.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="可爱" code="[可爱]" style="background-position: left -609px;"></a>
    151. 

  151.                                     </span>
    152. 

  152.                                      -->
    153. 

  153.                                     <span class="fl">
    154. 

  154.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="白眼" code="[白眼]" style="background-position: left -638px;"></a>
    155. 

  155.                                     </span>
    156. 

  156.                                     <span class="fl">
    157. 

  157.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="傲慢" code="[傲慢]" style="background-position: left -667px;"></a>
    158. 

  158.                                     </span>
    159. 

  159.                                     <span class="fl">
    160. 

  160.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="饥饿" code="[饥饿]" style="background-position: left -696px;"></a>
    161. 

  161.                                     </span>
    162. 

  162.                                     <span class="fl">
    163. 

  163.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="困" code="[困]" style="background-position: left -725px;"></a>
    164. 

  164.                                     </span>
    165. 

  165.                                     <span class="fl">
    166. 

  166.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="惊恐" code="[惊恐]" style="background-position: left -754px;"></a>
    167. 

  167.                                     </span>
    168. 

  168.                                     <span class="fl">
    169. 

  169.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="流汗" code="[流汗]" style="background-position: left -783px;"></a>
    170. 

  170.                                     </span>
    171. 

  171.                                     <span class="fl">
    172. 

  172.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="憨笑" code="[憨笑]" style="background-position: left -812px;"></a>
    173. 

  173.                                     </span>
    174. 

  174.                                     <span class="fl">
    175. 

  175.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="大兵" code="[大兵]" style="background-position: left -841px;"></a>
    176. 

  176.                                     </span>
    177. 

  177.                                     <span class="fl">
    178. 

  178.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="奋斗" code="[奋斗]" style="background-position: left -870px;"></a>
    179. 

  179.                                     </span>
    180. 

  180.                                     <span class="fl">
    181. 

  181.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="咒骂" code="[咒骂]" style="background-position: left -899px;"></a>
    182. 

  182.                                     </span>
    183. 

  183.                                     <span class="fl">
    184. 

  184.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="疑问" code="[疑问]" style="background-position: left -928px;"></a>
    185. 

  185.                                     </span>
    186. 

  186.                                     <span class="fl">
    187. 

  187.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="嘘" code="[嘘]" style="background-position: left -957px;"></a>
    188. 

  188.                                     </span>
    189. 

  189.                                     <span class="fl">
    190. 

  190.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="晕" code="[晕]" style="background-position: left -986px;"></a>
    191. 

  191.                                     </span>
    192. 

  192.                                     <span class="fl">
    193. 

  193.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="折磨" code="[折磨]" style="background-position: left -1015px;"></a>
    194. 

  194.                                     </span>
    195. 

  195.                                     <span class="fl">
    196. 

  196.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="哀" code="[哀]" style="background-position: left -1044px;"></a>
    197. 

  197.                                     </span>
    198. 

  198.                                     <span class="fl">
    199. 

  199.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="骷髅" code="[骷髅]" style="background-position: left -1073px;"></a>
    200. 

  200.                                     </span>
    201. 

  201.                                     <span class="fl">
    202. 

  202.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="敲打" code="[敲打]" style="background-position: left -1102px;"></a>
    203. 

  203.                                     </span>
    204. 

  204.                                     <span class="fl">
    205. 

  205.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="再见" code="[再见]" style="background-position: left -1131px;"></a>
    206. 

  206.                                     </span>
    207. 

  207.                                     <span class="fl">
    208. 

  208.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="擦汗" code="[擦汗]" style="background-position: left -1160px;"></a>
    209. 

  209.                                     </span>
    210. 

  210.                                     <span class="fl">
    211. 

  211.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="抠鼻" code="[抠鼻]" style="background-position: left -1189px;"></a>
    212. 

  212.                                     </span>
    213. 

  213.                                     <span class="fl">
    214. 

  214.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="鼓掌" code="[鼓掌]" style="background-position: left -1218px;"></a>
    215. 

  215.                                     </span>
    216. 

  216.                                     <span class="fl">
    217. 

  217.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="糗大了" code="[糗大了]" style="background-position: left -1247px;"></a>
    218. 

  218.                                     </span>
    219. 

  219.                                     <span class="fl">
    220. 

  220.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="坏笑" code="[坏笑]" style="background-position: left -1276px;"></a>
    221. 

  221.                                     </span>
    222. 

  222.                                     <span class="fl">
    223. 

  223.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="左哼哼" code="[左哼哼]" style="background-position: left -1305px;"></a>
    224. 

  224.                                     </span>
    225. 

  225.                                     <span class="fl">
    226. 

  226.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="右哼哼" code="[右哼哼]" style="background-position: left -1334px;"></a>
    227. 

  227.                                     </span>
    228. 

  228.                                     <span class="fl">
    229. 

  229.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="哈欠" code="[哈欠]" style="background-position: left -1363px;"></a>
    230. 

  230.                                     </span>
    231. 

  231.                                     <span class="fl">
    232. 

  232.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="鄙视" code="[鄙视]" style="background-position: left -1392px;"></a>
    233. 

  233.                                     </span>
    234. 

  234.                                     <span class="fl">
    235. 

  235.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="委屈" code="[委屈]" style="background-position: left -1421px;"></a>
    236. 

  236.                                     </span>
    237. 

  237.                                     <span class="fl">
    238. 

  238.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="快哭了" code="[快哭了]" style="background-position: left -1450px;"></a>
    239. 

  239.                                     </span>
    240. 

  240.                                     <span class="fl">
    241. 

  241.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="阴险" code="[阴险]" style="background-position: left -1479px;"></a>
    242. 

  242.                                     </span>
    243. 

  243.                                     <span class="fl">
    244. 

  244.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="亲亲" code="[亲亲]" style="background-position: left -1508px;"></a>
    245. 

  245.                                     </span>
    246. 

  246.                                     <span class="fl">
    247. 

  247.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="吓" code="[吓]" style="background-position: left -1537px;"></a>
    248. 

  248.                                     </span>
    249. 

  249.                                     <span class="fl">
    250. 

  250.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="可怜" code="[可怜]" style="background-position: left -1566px;"></a>
    251. 

  251.                                     </span>
    252. 

  252.                                     <span class="fl">
    253. 

  253.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="菜刀" code="[菜刀]" style="background-position: left -1595px;"></a>
    254. 

  254.                                     </span>
    255. 

  255.                                     <span class="fl">
    256. 

  256.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="西瓜" code="[西瓜]" style="background-position: left -1624px;"></a>
    257. 

  257.                                     </span>
    258. 

  258.                                     <span class="fl">
    259. 

  259.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="啤酒" code="[啤酒]" style="background-position: left -1653px;"></a>
    260. 

  260.                                     </span>
    261. 

  261.                                     <span class="fl">
    262. 

  262.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="篮球" code="[篮球]" style="background-position: left -1682px;"></a>
    263. 

  263.                                     </span>
    264. 

  264.                                     <span class="fl">
    265. 

  265.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="乒乓" code="[乒乓]" style="background-position: left -1711px;"></a>
    266. 

  266.                                     </span>
    267. 

  267.                                     <span class="fl">
    268. 

  268.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="咖啡" code="[咖啡]" style="background-position: left -1740px;"></a>
    269. 

  269.                                     </span>
    270. 

  270.                                     <span class="fl">
    271. 

  271.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="饭" code="[饭]" style="background-position: left -1769px;"></a>
    272. 

  272.                                     </span>
    273. 

  273.                                     <span class="fl">
    274. 

  274.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="猪头" code="[猪头]" style="background-position: left -1798px;"></a>
    275. 

  275.                                     </span>
    276. 

  276.                                     <span class="fl">
    277. 

  277.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="玫瑰" code="[玫瑰]" style="background-position: left -1827px;"></a>
    278. 

  278.                                     </span>
    279. 

  279.                                     <span class="fl">
    280. 

  280.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="凋谢" code="[凋谢]" style="background-position: left -1856px;"></a>
    281. 

  281.                                     </span>
    282. 

  282.                                     <span class="fl">
    283. 

  283.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="示爱" code="[示爱]" style="background-position: left -1885px;"></a>
    284. 

  284.                                     </span>
    285. 

  285.                                     <span class="fl">
    286. 

  286.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="爱心" code="[爱心]" style="background-position: left -1914px;"></a>
    287. 

  287.                                     </span>
    288. 

  288.                                     <span class="fl">
    289. 

  289.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="心碎" code="[心碎]" style="background-position: left -1943px;"></a>
    290. 

  290.                                     </span>
    291. 

  291.                                     <span class="fl">
    292. 

  292.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="蛋糕" code="[蛋糕]" style="background-position: left -1972px;"></a>
    293. 

  293.                                     </span>
    294. 

  294.                                     <span class="fl">
    295. 

  295.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="闪电" code="[闪电]" style="background-position: left -2001px;"></a>
    296. 

  296.                                     </span>
    297. 

  297.                                     <span class="fl">
    298. 

  298.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="炸弹" code="[炸弹]" style="background-position: left -2030px;"></a>
    299. 

  299.                                     </span>
    300. 

  300.                                     <span class="fl">
    301. 

  301.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="刀" code="[刀]" style="background-position: left -2059px;"></a>
    302. 

  302.                                     </span>
    303. 

  303.                                     <span class="fl">
    304. 

  304.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="足球" code="[足球]" style="background-position: left -2088px;"></a>
    305. 

  305.                                     </span>
    306. 

  306.                                     <span class="fl">
    307. 

  307.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="瓢虫" code="[瓢虫]" style="background-position: left -2117px;"></a>
    308. 

  308.                                     </span>
    309. 

  309.                                     <span class="fl">
    310. 

  310.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="便便" code="[便便]" style="background-position: left -2146px;"></a>
    311. 

  311.                                     </span>
    312. 

  312.                                     <span class="fl">
    313. 

  313.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="月亮" code="[月亮]" style="background-position: left -2175px;"></a>
    314. 

  314.                                     </span>
    315. 

  315.                                     <span class="fl">
    316. 

  316.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="太阳" code="[太阳]" style="background-position: left -2204px;"></a>
    317. 

  317.                                     </span>
    318. 

  318.                                     <span class="fl">
    319. 

  319.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="礼物" code="[礼物]" style="background-position: left -2233px;"></a>
    320. 

  320.                                     </span>
    321. 

  321.                                     <span class="fl">
    322. 

  322.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="拥抱" code="[拥抱]" style="background-position: left -2262px;"></a>
    323. 

  323.                                     </span>
    324. 

  324.                                     <span class="fl">
    325. 

  325.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="强" code="[强]" style="background-position: left -2291px;"></a>
    326. 

  326.                                     </span>
    327. 

  327.                                     <span class="fl">
    328. 

  328.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="弱" code="[弱]" style="background-position: left -2320px;"></a>
    329. 

  329.                                     </span>
    330. 

  330.                                     <span class="fl">
    331. 

  331.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="握手" code="[握手]" style="background-position: left -2349px;"></a>
    332. 

  332.                                     </span>
    333. 

  333.                                     <span class="fl">
    334. 

  334.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="胜利" code="[胜利]" style="background-position: left -2378px;"></a>
    335. 

  335.                                     </span>
    336. 

  336.                                     <span class="fl">
    337. 

  337.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="抱拳" code="[抱拳]" style="background-position: left -2407px;"></a>
    338. 

  338.                                     </span>
    339. 

  339.                                     <span class="fl">
    340. 

  340.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="勾引" code="[勾引]" style="background-position: left -2436px;"></a>
    341. 

  341.                                     </span>
    342. 

  342.                                     <span class="fl">
    343. 

  343.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="拳头" code="[拳头]" style="background-position: left -2465px;"></a>
    344. 

  344.                                     </span>
    345. 

  345.                                     <span class="fl">
    346. 

  346.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="差劲" code="[差劲]" style="background-position: left -2494px;"></a>
    347. 

  347.                                     </span>
    348. 

  348.                                     <span class="fl">
    349. 

  349.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="爱你" code="[爱你]" style="background-position: left -2523px;"></a>
    350. 

  350.                                     </span>
    351. 

  351.                                     <span class="fl">
    352. 

  352.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="NO" code="[NO]" style="background-position: left -2552px;"></a>
    353. 

  353.                                     </span>
    354. 

  354.                                     <span class="fl">
    355. 

  355.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="ok" code="[OK]" style="background-position: left -2581px;"></a>
    356. 

  356.                                     </span>
    357. 

  357.                                     <span class="fl">
    358. 

  358.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="爱情" code="[爱情]" style="background-position: left -2610px;"></a>
    359. 

  359.                                     </span>
    360. 

  360.                                     <span class="fl">
    361. 

  361.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="飞吻" code="[飞吻]" style="background-position: left -2639px;"></a>
    362. 

  362.                                     </span>
    363. 

  363.                                     <span class="fl">
    364. 

  364.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="跳跳" code="[跳跳]" style="background-position: left -2668px;"></a>
    365. 

  365.                                     </span>
    366. 

  366.                                     <span class="fl">
    367. 

  367.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="发抖" code="[发抖]" style="background-position: left -2697px;"></a>
    368. 

  368.                                     </span>
    369. 

  369.                                     <span class="fl">
    370. 

  370.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="怄火" code="[怄火]" style="background-position: left -2726px;"></a>
    371. 

  371.                                     </span>
    372. 

  372.                                     <span class="fl">
    373. 

  373.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="转圈" code="[转圈]" style="background-position: left -2755px;"></a>
    374. 

  374.                                     </span>
    375. 

  375.                                     <span class="fl">
    376. 

  376.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="磕头" code="[磕头]" style="background-position: left -2784px;"></a>
    377. 

  377.                                     </span>
    378. 

  378.                                     <span class="fl">
    379. 

  379.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="回头" code="[回头]" style="background-position: left -2813px;"></a>
    380. 

  380.                                     </span>
    381. 

  381.                                     <span class="fl">
    382. 

  382.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="跳绳" code="[跳绳]" style="background-position: left -2842px;"></a>
    383. 

  383.                                     </span>
    384. 

  384.                                     <span class="fl">
    385. 

  385.                                         <a href="javascript:;" class="qqface-img" emojiCode="" title="挥手" code="[挥手]" style="background-position: left -2871px;"></a>
    386. 

  386.                                     </span>
    387. 

  387.                                 </div>
    388. 

  388.                             </div>
    389. 

  389.                         </li>
    390. 

  390.                     </ol>
    391. 

  391. 				</ul>
    392. 

  392. 			</section>
    393. 

  393. 		</footer>
    394. 

  394. 	</div>
    395. 

  395. 

  396. 	<script src="/js/chat/emotion.js"></script>
    397. 

  397. 	<script src="/js/chat/helper_min.js"></script>
    398. 

  398. 	<script src="/js/chat/swipe.js"></script>
    399. 

  399. 	<!--<script src="/js/chat/MobileCustomer.js?v=1"></script>-->
    400. 

  400. <script>
    401. 

  401.     var themselfAvatar 		= '<?= Yii::$app->params['imgUrl'].$themself['avatar'] ?>';
    402. 

  402.     var themselfUserName	= '<?= $themself['userName'] ?>';
    403. 

  403.     var ourselfAvatar		= '<?= Yii::$app->params['imgUrl'].$ourself['avatar'] ?>';
    404. 

  404.     var ourselfUserName		= '<?= $ourself['userName'] ?>';
    405. 

  405. 

  406.     //用于替换的QQ表情
    407. 

  407.     var EMOJICODE = <?= $emojiCode ?>;
    408. 

  408. 

  409.     $("a[name=toolFace]").click(function(){
    410. 

  410.         var fDisplay = $(".post-qq-face-all").css("display");
    411. 

  411.         if(fDisplay == 'none'){
    412. 

  412.             $(".post-qq-face-all").css("display","block");
    413. 

  413.         }else{
    414. 

  414.             $(".post-qq-face-all").css("display","none");
    415. 

  415.         }
    416. 

  416. 

  417.     });
    418. 

  418. 

  419.     $(".qqface-img").each(function(){
    420. 

  420.         $(this).click(function(){
    421. 

  421.             var sendtext = $("#sendtext").val();
    422. 

  422.             var emojiCode = $(this).attr('code');
    423. 

  423.             $("#sendtext").val(sendtext+emojiCode);
    424. 

  424.         });
    425. 

  425.     });
    426. 

  426. 

  427.     //回车发送消息
    428. 

  428.     $("#sendtext").keydown(function(event){
    429. 

  429.     	event = event || window.event;
    430. 

  430.     	if(event.keyCode == 13){
    431. 

  431.     		sendMsg($('#sendtext').val(), 'text');
    432. 

  432.     	}
    433. 

  433. 

  434.         //保持滚动到底部
    435. 

  435.         /*var h = $(document).height()-$(window).height();
    436. 

  436.         $(document).scrollTop(h);*/
    437. 

  437.     });
    438. 

  438. 

  439. 	//输入框获得焦点，QQ表情隐藏
    440. 

  440.     $("#sendtext").focus(function(){
    441. 

  441.     	$(".post-qq-face-all").css("display","none");
    442. 

  442.     });
    443. 

  443. 

  444.     $(function(){
    445. 

  445.         var h = $(document).height()-$(window).height();
    446. 

  446.         $(document).scrollTop(h);
    447. 

  447.     });
    448. 

  448. </script>
    449. 

  449. 

  450. <script src="/js/lrz/dist/lrz.bundle.js"></script>
    451. 

  451. <script>
    452. 

  452. document.querySelector('#uploadImg').addEventListener('change', function () {
    453. 

  453. 

  454.     var content			= '图片发送中…';
    455. 

  455.     if(content.length > 0){
    456. 

  456.         var msgBelongTo = 'ourself';
    457. 

  457.         var ulClass		= msgBelongTo == 'ourself' ? 'ul_talk reply' : 'ul_talk';
    458. 

  458.         var name		= msgBelongTo == 'ourself' ? ourselfUserName : themselfUserName;
    459. 

  459.         var avatar		= msgBelongTo == 'ourself' ? ourselfAvatar : themselfAvatar;
    460. 

  460.         var ulHtml		= "";
    461. 

  461.         ulHtml			+= '<ul class="'+ulClass+'"><li class="tbox">';
    462. 

  462.         ulHtml			+= '<div><span class="head"><img src="'+avatar+'"></span>';
    463. 

  463.         if(name.length > 0){
    464. 

  464.             ulHtml		+= '<label class="name">'+name+'</label>';
    465. 

  465.         }
    466. 

  466.         ulHtml 			+= '</div>';
    467. 

  467.         ulHtml 			+= '<div><span class="arrow"></span></div><div>';
    468. 

  468.         ulHtml 			+= '<article class="content">' + content + '</article></div></li></ul>';
    469. 

  469.         $("#containertop").append(ulHtml);//元素内尾部添加
    470. 

  470.         //保持滚动到底部
    471. 

  471.         var h = $(document).height()-$(window).height();
    472. 

  472.         $(document).scrollTop(h);
    473. 

  473.     }
    474. 

  474.     lrz(this.files[0],{
    475. 

  475.         width:600,// 图片最大不超过的宽度，默认为原图宽度，高度不设时会适应宽度。
    476. 

  476.         fieldName:'Filedata',//文件名
    477. 

  477.         quality:1,//图片质量 0.1 - 1
    478. 

  478.         })
    479. 

  479.         .then(function (rst) {
    480. 

  480.             // 处理成功会执行
    481. 

  481.             rst.formData.append('fileLen', rst.fileLen);
    482. 

  482.             rst.formData.append('userId', '<?= $adminId ?>');
    483. 

  483.             rst.formData.append('customId', '<?= $customId ?>');
    484. 

  484.             rst.formData.append('_csrf', '<?= Yii::$app->request->csrfToken?>');
    485. 

  485.             $.ajax({
    486. 

  486.                 //url: '/main/img', // 这个地址做了跨域处理，可以用于实际调试
    487. 

  487.                 url: '/chat/upload-file', // 这个地址做了跨域处理，可以用于实际调试
    488. 

  488.                 data: rst.formData,
    489. 

  489.                 processData: false,
    490. 

  490.                 contentType: false,
    491. 

  491.                 type: 'POST',
    492. 

  492.                 dataType:'json',
    493. 

  493.                 success: function (data) {
    494. 

  494.                     if(data.code == 'A0002'){
    495. 

  495.                         xhPopMsg(data.msg,2000);
    496. 

  496.                         return;
    497. 

  497.                     }
    498. 

  498.                     var content			= data.data.content;
    499. 

  499.                     if(content.length > 0){
    500. 

  500.                         var msgBelongTo = 'ourself';
    501. 

  501.                         var ulClass		= msgBelongTo == 'ourself' ? 'ul_talk reply' : 'ul_talk';
    502. 

  502.                         var name		= msgBelongTo == 'ourself' ? ourselfUserName : themselfUserName;
    503. 

  503.                         var avatar		= msgBelongTo == 'ourself' ? ourselfAvatar : themselfAvatar;
    504. 

  504.                         var ulHtml		= "";
    505. 

  505.                         ulHtml			+= '<ul class="'+ulClass+'"><li class="tbox">';
    506. 

  506.                         ulHtml			+= '<div><span class="head"><img src="'+avatar+'"></span>';
    507. 

  507.                         if(name.length > 0){
    508. 

  508.                             ulHtml		+= '<label class="name">'+name+'</label>';
    509. 

  509.                         }
    510. 

  510.                         ulHtml 			+= '</div>';
    511. 

  511.                         ulHtml 			+= '<div><span class="arrow"></span></div><div>';
    512. 

  512.                         ulHtml 			+= '<article class="content">' + content + '</article></div></li></ul>';
    513. 

  513.                         $("#containertop").append(ulHtml);//元素内尾部添加
    514. 

  514.                         //保持滚动到底部
    515. 

  515.                         var h = $(document).height()-$(window).height();
    516. 

  516.                         $(document).scrollTop(h);
    517. 

  517.                     }
    518. 

  518.                 }
    519. 

  519.             });
    520. 

  520.         })
    521. 

  521.         .catch(function (err) {
    522. 

  522.             // 处理失败会执行
    523. 

  523.         })
    524. 

  524.         .always(function () {
    525. 

  525.             // 不管是成功失败，都会执行
    526. 

  526.         });
    527. 

  527. });
    528. 

  528. </script>
    529. 

  529. <div name="beCenterMask" style="position:fixed;left:0;top:0;width:100%;height:100%;z-index:9998;background-color:gray;filter:alpha(opacity=10);opacity:0.3;display:none;"></div>
    530. 

  530. <div name="imgBeCenter" style="position:fixed;display:none;z-index:9999;text-align:center;"><img src="/images/invalid.jpg" /></div>
    531. 

  531. <div name="xhCenterModal" class="xhCenterModal"></div>
    532. 

  532. <script src="/js/util.js"></script>
    533. 

  533. <script>
    534. 

  534.     var imgBeCenter = $("div[name=imgBeCenter]");
    535. 

  535.     var beCenterMask = $("div[name=beCenterMask]");
    536. 

  536.     //取div标签的高宽
    537. 

  537.     var imgHeight = imgBeCenter.outerHeight();
    538. 

  538.     var imgWidth = imgBeCenter.outerWidth();
    539. 

  539.     //取浏览器高宽
    540. 

  540.     var wWidth = $(window).width();
    541. 

  541.     var wHeight = $(window).height();
    542. 

  542.     var _scrollHeight = $(document).scrollTop();//获取当前窗口距离页面顶部高度
    543. 

  543.     beCenter();
    544. 

  544. 

  545.     function beCenter()
    546. 

  546.     {
    547. 

  547.         var rH = (wHeight - imgHeight) / 2 + _scrollHeight;
    548. 

  548.         var rW = (wWidth - imgWidth) /2;
    549. 

  549.         imgBeCenter.css({"z-index":9999,"position":"absolute","left":rW,"top":_scrollHeight,});
    550. 

  550.     }
    551. 

  551.     //浏览器有滚动条时的操作
    552. 

  552.     $(window).scroll(function() {
    553. 

  553.         wWidth = $(window).width();
    554. 

  554.         wHeight = $(window).height();
    555. 

  555.         _scrollHeight = $(document).scrollTop();
    556. 

  556.         beCenter();
    557. 

  557.     });
    558. 

  558. 

  559.     //图片预览
    560. 

  560.     function previewImg()
    561. 

  561.     {
    562. 

  562.         var obj				= arguments[0];
    563. 

  563.         var imgWidth		= $(obj).attr('widthNum');
    564. 

  564.         var imgHeight		= $(obj).attr('heightNum');
    565. 

  565.         var bigImgSrc		= $(obj).attr('bigImgSrc');
    566. 

  566.         beCenterMask.css('display','block');
    567. 

  567.         imgBeCenter.css('display','block');
    568. 

  568.         <?php if($isWeixin == true){ ?>
    569. 

  569.             $("div[name=imgBeCenter] img").attr('src',bigImgSrc).css('width',wWidth);
    570. 

  570.         <?php }else{ ?>
    571. 

  571.             if(parseInt(imgWidth) > parseInt(imgHeight)){
    572. 

  572.                 $("div[name=imgBeCenter] img").attr('src',bigImgSrc).css('max-width','500px');
    573. 

  573.             }else{
    574. 

  574.                 $("div[name=imgBeCenter] img").attr('src',bigImgSrc).css('max-height','500px');
    575. 

  575.             }
    576. 

  576.         <?php } ?>
    577. 

  577.     }
    578. 

  578.     $("div[name=imgBeCenter] img").click(function(){
    579. 

  579.         beCenterMask.css('display','none');
    580. 

  580.         imgBeCenter.css('display','none');
    581. 

  581.     });
    582. 

  582.     beCenterMask.click(function(){
    583. 

  583.         beCenterMask.css('display','none');
    584. 

  584.         imgBeCenter.css('display','none');
    585. 

  585.     });
    586. 

  586. 

  587.     //播放语音
    588. 

  588.     //function playVoice()
    589. 

  589.     //{
    590. 

  590.     //var obj			= arguments[0];
    591. 

  591.     //var voiceId		= $(obj).attr('voiceId');
    592. 

  592.     //$.ajax({type:"GET",url:"/chat/get-chat-voice?voiceId="+voiceId,dataType:'json',async:false,success:function(data){
    593. 

  593.     //}});
    594. 

  594.     //}
    595. 

  595. </script>
    596. 

  596. 

  597. </body>
    598. 

  598. </html>
    599.