message-consult.wxml 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <wxs module="_">
  2. module.exports.isUser = function (sender) {
  3. return sender === 'user'
  4. }
  5. module.exports.isHuman = function (sender) {
  6. return sender === 'human'
  7. }
  8. module.exports.isSystem = function (sender) {
  9. return sender === 'system'
  10. }
  11. module.exports.isAgent = function (sender) {
  12. return sender === 'agent'
  13. }
  14. // 判断是否需要 Markdown 渲染(AI 和医生的消息)
  15. module.exports.needMarkdown = function (sender) {
  16. return sender === 'agent' || sender === 'human'
  17. }
  18. </wxs>
  19. <!--module/chats/components/message-consult/message-consult.wxml-->
  20. <view class="consult-wrapper {{consultEnded ? 'consult-ended' : ''}}">
  21. <block wx:for="{{messages}}" wx:key="id">
  22. <!-- 系统消息样式 -->
  23. <view wx:if="{{_.isSystem(item.sender)}}" class="system-wrapper">
  24. <view class="date">{{item.sendTime}}</view>
  25. <view class="title">{{item.messageContent}}</view>
  26. </view>
  27. <!-- 普通消息 -->
  28. <view wx:else class="chat-card {{_.isUser(item.sender) ? 'right' : 'left'}}">
  29. <view class="chat-card__avatar ">
  30. <user-avatar wx:if="{{_.isUser(item.sender)}}"></user-avatar>
  31. <user-avatar wx:elif="{{_.isHuman(item.sender)}}"></user-avatar>
  32. <image wx:else src="../../assets/robot.png" mode="aspectFill" />
  33. </view>
  34. <view class="{{item.messageType === '2' ? 'image-message' : 'text-message'}}">
  35. <block wx:if="{{item.messageType === '1'}}">
  36. <t-cell t-class="cell-border-gradient" bordered="{{false}}" class="chat-box">
  37. <view slot="title" class="message-content">
  38. <!-- 所有消息都使用普通文本显示,不进行 Markdown 转换 -->
  39. <text>{{item.messageContent}}</text>
  40. </view>
  41. </t-cell>
  42. </block>
  43. <block wx:elif="{{item.messageType === '2'}}">
  44. <image class="message-image" src="{{item.messageContent}}"
  45. mode="aspectFill" show-menu-by-longpress="true"
  46. bind:tap="previewImage"
  47. data-url="{{item.messageContent}}" />
  48. </block>
  49. </view>
  50. </view>
  51. </block>
  52. </view>
  53. <view class="input-panel" style="bottom: {{inputBoxBottom}}rpx;" bind:tap="tapPanel" wx:if="{{!consultEnded}}">
  54. <view class="action-bar">
  55. <view class="action-btn danger" bind:tap="endConsult">结束咨询</view>
  56. </view>
  57. <view class="input-row">
  58. <textarea
  59. class="text-input"
  60. placeholder="请输入内容"
  61. bind:input="handleInput"
  62. bind:linechange="onLineChange"
  63. value="{{inputText}}"
  64. confirm-type="send"
  65. bindconfirm="sendText"
  66. adjust-position="{{false}}"
  67. bind:focus="onInputFocus"
  68. bind:blur="onInputBlur"
  69. focus="{{inputFocus}}"
  70. maxlength="{{2000}}"
  71. show-confirm-bar="{{false}}"
  72. style="height: {{textareaHeight}}rpx;"
  73. />
  74. <view class="media-btn" bind:tap="chooseImage">
  75. <t-icon name="camera" size="44rpx" color="#1D6FF6" />
  76. <text class="media-text">图片</text>
  77. </view>
  78. <view class="send-btn" bind:tap="sendText">发送</view>
  79. </view>
  80. </view>