与牧同行-兽医端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

61 lines
2.5 KiB

  1. <view class="container-box">
  2. <!-- 头部:专家信息卡片 -->
  3. <view class="expert-card">
  4. <view class="avatar-wrapper">
  5. <image class="avatar" src="{{user.user.avatar?baseUrl+user.user.avatar:'/pages/images/tx.png'}}" mode="aspectFill"></image>
  6. <view class="online-status online"></view>
  7. </view>
  8. <view class="info">
  9. <view class="name-row">
  10. <text class="name">{{user.user.nickName}}</text>
  11. <text class="senior">{{user.vetInfo.expertType}}</text>
  12. <text class="online-text">在线</text>
  13. </view>
  14. <view class="specialty">{{user.vetInfo.specialty}}</view>
  15. <view class="experience-tag">
  16. <text class="tag-text">从业 {{user.vetInfo.workExperience}}</text>
  17. </view>
  18. </view>
  19. </view>
  20. <!-- 聊天申请列表区域 -->
  21. <view class="list-header">
  22. <view class="list-title-wrap">
  23. <text class="list-title">咨询申请</text>
  24. <text class="list-count">{{applyList.length}}</text>
  25. </view>
  26. </view>
  27. <scroll-view scroll-y class="apply-scroll" bindscrolltolower="loadMore" enhanced show-scrollbar="{{false}}" lower-threshold="100">
  28. <view class="apply-list">
  29. <block wx:for="{{applyList}}" wx:key="id">
  30. <view class="apply-item" bindtap="handleApply" data-id="{{item.otherUserId}}">
  31. <image class="user-avatar" src="{{item.otherUserAvatar?baseUrl+item.otherUserAvatar:'/pages/images/tx.png'}}" mode="aspectFill"></image>
  32. <view class="apply-content">
  33. <view class="apply-header">
  34. <view class="user-info">
  35. <text class="user-name">{{item.otherUserName}}</text>
  36. </view>
  37. <text class="apply-time">{{item.lastMessageTime}}</text>
  38. </view>
  39. <view class="message-area">
  40. <text class="message-preview">{{item.lastMessage || '请求咨询...'}}</text>
  41. </view>
  42. </view>
  43. </view>
  44. </block>
  45. <!-- 空状态提示 -->
  46. <view wx:if="{{applyList.length === 0 && !isLoading}}" class="empty-state">
  47. <text class="empty-text">暂无新的咨询申请</text>
  48. <text class="empty-subtext">稍后刷新试试</text>
  49. </view>
  50. <!-- 加载更多指示 -->
  51. <view wx:if="{{hasMore && applyList.length > 0}}" class="loading-more">
  52. <view class="loading-spinner"></view>
  53. <text>正在加载更多...</text>
  54. </view>
  55. <view wx:if="{{!hasMore && applyList.length > 0}}" class="no-more">没有更多了</view>
  56. </view>
  57. </scroll-view>
  58. </view>