message.blade.php 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  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. }
  13. .docter{
  14. width: 50px;
  15. height: 50px;
  16. border-radius: 50%;
  17. overflow: hidden;
  18. }
  19. .docter img{
  20. width: 100%;
  21. }
  22. .content{
  23. align-content: center;
  24. }
  25. .user-content{
  26. float: right;
  27. }
  28. .substance{
  29. display: inline;
  30. float: left;
  31. }
  32. .clear{
  33. clear: both;
  34. }
  35. .content-img{
  36. width: 500px;
  37. }
  38. </style>
  39. </head>
  40. <body>
  41. <div class="all">
  42. <?php
  43. // ^ array:5 [▼
  44. // "docter_id" => "10086"
  45. // "user" => "14879"
  46. // "start" => "1614421200"
  47. // "end" => "1614421800"
  48. // "order_id" => "97453"
  49. //]
  50. $docter = request('docter_id');
  51. $user = request('user');
  52. $docter_info = \App\Models\Docter::where('id',$docter)->first(['name','avatar'])->toArray();
  53. $user_info = \App\Models\User::where('id',$user)->first(['nickname','avatar'])->toArray();
  54. ?>
  55. <div class="title">订单号:{{$order_id}}</div>
  56. @foreach($arr as $value)
  57. @php($str = substr($value['senderId'],0,6))
  58. @if($str == 'doctor')
  59. {{--头像和名字区域--}}
  60. <div class="content">
  61. <div class="docter-content">
  62. {{$docter_info['name']}}
  63. </div>
  64. <div class="docter">
  65. <img src="{{$docter_info['avatar']}}" alt="医生">
  66. </div>
  67. <div class="clear"></div>
  68. </div>
  69. {{--内容区域--}}
  70. <div>
  71. @if($value['type']=='audio')
  72. <?php
  73. $url = json_decode($value['payload']);
  74. $url = (Array)$url;
  75. ?>
  76. <div>
  77. <audio src="{{$url['url']}}" controls="controls">
  78. </audio>
  79. </div>
  80. @elseif($value['type']=='text')
  81. <?php
  82. $text = json_decode($value['payload']);
  83. $text = (Array)$text;
  84. ?>
  85. <div>
  86. <p>{{$text['text']}}</p>
  87. </div>
  88. @elseif($value['type']=='image')
  89. <?php
  90. $image = json_decode($value['payload']);
  91. $image = (Array)$image;
  92. ?>
  93. <div>
  94. <img class="content-img" src="{{$image['url']}}" alt="图片">
  95. </div>
  96. @endif
  97. </div>
  98. @elseif($str == 'member')
  99. {{--头像和名字区域--}}
  100. <div class="user-content">
  101. <div class="docter-content">
  102. {{$user_info['nickname']}}
  103. </div>
  104. <div class="docter">
  105. <img src="{{$user_info['avatar']}}" alt="用户">
  106. </div>
  107. <div class="clear"></div>
  108. </div>
  109. {{--内容区域--}}
  110. <div>
  111. @if($value['type']=='audio')
  112. <?php
  113. $url = json_decode($value['payload']);
  114. $url = (Array)$url;
  115. ?>
  116. <div>
  117. <audio src="{{$url['url']}}" controls="controls">
  118. </audio>
  119. </div>
  120. @elseif($value['type']=='text')
  121. <?php
  122. $text = json_decode($value['payload']);
  123. $text = (Array)$text;
  124. ?>
  125. <div>
  126. <p>{{$text['text']}}</p>
  127. </div>
  128. @elseif($value['type']=='image')
  129. <?php
  130. $image = json_decode($value['payload']);
  131. $image = (Array)$image;
  132. ?>
  133. <div>
  134. <img class="content-img" src="{{$image['url']}}" alt="图片">
  135. </div>
  136. @endif
  137. </div>
  138. @endif
  139. @endforeach
  140. </div>
  141. </body>
  142. </html>