negotiation-history.wxml 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <t-navbar title="协商历史" left-arrow />
  2. <scroll-view class="page-container" scroll-y>
  3. <view class="history-list">
  4. <view class="history-item" wx:for="{{historyList}}" wx:key="index">
  5. <!-- 顶部信息 -->
  6. <view class="item-header">
  7. <view class="avatar {{item.type === 'platform' ? 'avatar--platform' : 'avatar--user'}}">
  8. <text wx:if="{{item.type === 'platform'}}">平台</text>
  9. <text wx:else>{{item.name[0] || '用'}}</text>
  10. </view>
  11. <view class="user-info">
  12. <view class="user-name">{{item.name}}</view>
  13. <view class="action-time">{{item.time}}</view>
  14. </view>
  15. </view>
  16. <!-- 内容区 -->
  17. <view class="item-content">
  18. <!-- 平台消息 -->
  19. <block wx:if="{{item.type === 'platform'}}">
  20. <view class="platform-line" wx:for="{{item.lines}}" wx:for-item="line" wx:key="*this">{{line}}</view>
  21. </block>
  22. <!-- 用户行为 -->
  23. <block wx:elif="{{item.type === 'user'}}">
  24. <view class="action-title">{{item.actionTitle}}</view>
  25. <view class="detail-line" wx:for="{{item.details}}" wx:for-item="detail" wx:key="label">
  26. <text class="detail-label">{{detail.label}}:</text>
  27. <text class="detail-value">{{detail.value}}</text>
  28. </view>
  29. <!-- 图片矩阵 -->
  30. <view class="image-grid" wx:if="{{item.images && item.images.length > 0}}">
  31. <view class="grid-img-wrap" wx:for="{{item.images}}" wx:for-item="img" wx:key="index" bind:tap="previewImage" data-url="{{img}}" data-outer-index="{{index}}" data-images="{{item.images}}">
  32. <image class="grid-img" src="{{img}}" mode="aspectFill"></image>
  33. </view>
  34. </view>
  35. </block>
  36. </view>
  37. </view>
  38. </view>
  39. </scroll-view>