message.blade.php 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <style>
  9. .title{
  10. width: 100%;
  11. height: 50px;
  12. text-align: center;
  13. }
  14. .docter{
  15. width: 50px;
  16. height: 50px;
  17. border-radius: 50%;
  18. overflow: hidden;
  19. }
  20. .docter img{
  21. width: 100%;
  22. }
  23. .user{
  24. width: 50px;
  25. height: 50px;
  26. border-radius: 50%;
  27. overflow: hidden;
  28. }
  29. .user img{
  30. width: 100%;
  31. }
  32. .docter-info{
  33. float: left;
  34. }
  35. .docter—content{
  36. margin-top: 20px;
  37. margin-left: 50px;
  38. float: left;
  39. }
  40. .clear{
  41. clear: both;
  42. }
  43. .user-info{
  44. float: right;
  45. }
  46. .user-content{
  47. float: left;
  48. margin-right: 50px;
  49. margin-top: 20px;
  50. size: 100px;
  51. }
  52. .left
  53. {
  54. margin-top: 20px;
  55. margin-bottom: 20px;
  56. float: left;
  57. }
  58. .right{
  59. margin-top: 20px;
  60. float: right;
  61. margin-bottom: 20px;
  62. }
  63. </style>
  64. </head>
  65. <body>
  66. <div class="all">
  67. <?php
  68. // ^ array:5 [▼
  69. // "docter_id" => "10086"
  70. // "user" => "14879"
  71. // "start" => "1614421200"
  72. // "end" => "1614421800"
  73. // "order_id" => "97453"
  74. //]
  75. $docter = request('docter_id');
  76. $user = request('user');
  77. $docter_info = \App\Models\Docter::where('id',$docter)->first(['name','avatar']);
  78. $user_info = \App\Models\User::where('id',$user)->first(['nickname','avatar']);
  79. ?>
  80. <div class="title"><h3>订单号:{{$order_id}}</h3></div>
  81. @foreach($arr as $value)
  82. @php($str = substr($value['senderId'],0,6))
  83. @php($time = date('Y-m-d H:i:s',$value['create_time']))
  84. @if($str == 'doctor')
  85. <div class="left">
  86. {{--头像和名字区域--}}
  87. <div class="docter-info">
  88. <div>{{$time}}</div>
  89. <div class="name">
  90. {{$docter_info['name']}}
  91. </div>
  92. <div class="docter">
  93. <img src="{{$docter_info['avatar']}}" alt="医生">
  94. </div>
  95. </div>
  96. {{--内容区域--}}
  97. <div class="docter—content">
  98. @if($value['type']=='audio')
  99. <?php
  100. $url = json_decode($value['payload']);
  101. $url = (Array)$url;
  102. ?>
  103. <div>
  104. <audio src="{{$url['url']}}" controls="controls">
  105. </audio>
  106. </div>
  107. @elseif($value['type']=='text')
  108. <?php
  109. $text = json_decode($value['payload']);
  110. $text = (Array)$text;
  111. ?>
  112. <div>
  113. <p>{{$text['text']}}</p>
  114. </div>
  115. @elseif($value['type']=='image')
  116. <?php
  117. $image = json_decode($value['payload']);
  118. $image = (Array)$image;
  119. ?>
  120. <div>
  121. <img class="content-img" src="{{$image['url']}}" alt="图片">
  122. </div>
  123. @endif
  124. </div>
  125. <div class="clear"></div>
  126. </div>
  127. <div class="clear"></div>
  128. @endif
  129. @if($str == 'member')
  130. <div class="right">
  131. {{--内容区域--}}
  132. <div class="user-content">
  133. @if($value['type']=='audio')
  134. <?php
  135. $url = json_decode($value['payload']);
  136. $url = (Array)$url;
  137. ?>
  138. <div>
  139. <audio src="{{$url['url']}}" controls="controls">
  140. </audio>
  141. </div>
  142. @elseif($value['type']=='text')
  143. <?php
  144. $text = json_decode($value['payload']);
  145. $text = (Array)$text;
  146. ?>
  147. <div>
  148. <p>{{$text['text']}}</p>
  149. </div>
  150. @elseif($value['type']=='image')
  151. <?php
  152. $image = json_decode($value['payload']);
  153. $image = (Array)$image;
  154. ?>
  155. <div>
  156. <img class="content-img" src="{{$image['url']}}" alt="图片">
  157. </div>
  158. @endif
  159. </div>
  160. {{--头像和名字区域--}}
  161. <div class="user-info">
  162. <div>
  163. {{$time}}
  164. </div>
  165. <div class="user-name">
  166. {{$user_info['nickname']}}
  167. </div>
  168. <div class="user">
  169. <img src="{{$user_info['avatar']}}" alt="医生">
  170. </div>
  171. </div>
  172. <div class="clear"></div>
  173. </div>
  174. <div class="clear"></div>
  175. @endif
  176. @endforeach
  177. </div>
  178. </body>
  179. </html>