detailinfo.wxml 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <view class="sg-container sg-index-bg" style="padding-bottom:0">
  2. <view class="sg-white sg-bold"
  3. style="font-size:36rpx;height:160rpx; display: flex;flex-direction: column;justify-content: flex-end;margin-left:25rpx">
  4. 月度详情
  5. <view style="font-size:26rpx;margin-top:15rpx">
  6. 请根据你需要查看都数据,选择筛选
  7. </view>
  8. </view>
  9. <view class="sg-chart-box" style="background:#fff">
  10. <view class="sg-flex sg-pad sg-align-center sg-space-between">
  11. <picker value="{{date}}" range="{{years}}" bindchange="onChange">
  12. <view class="picker">
  13. <view class="sg-font-small sg-pad-tb-sm sg-flex sg-align-center" style="color:#5693FC">
  14. <text style="margin-right:8rpx">{{years[date]}}</text>
  15. <van-icon name="arrow-down" class="sg-icon"></van-icon>
  16. </view>
  17. </view>
  18. </picker>
  19. <picker value="{{all}}" range="{{list}}" range-key="name" bindchange="onstatusChange">
  20. <view class="picker">
  21. <view class="sg-font-small sg-pad-tb-sm sg-flex sg-align-center" style="color:#5693FC">
  22. <text style="margin-right:8rpx">订单状态:{{list[all].name}}</text>
  23. <van-icon name="arrow-down" class="sg-icon"></van-icon>
  24. </view>
  25. </view>
  26. </picker>
  27. </view>
  28. <view class="sg-item sg-white-bg sg-pad sg-margin-bottom" wx:for="{{project_list}}" wx:key="index"
  29. bindtap="detailDatainfo" data-index="{{index}}">
  30. <view class="sg-top sg-flex sg-space-between sg-pad-bottom-sm sg-font-small sg-bold">
  31. <view class="sg-name sg-flex sg-align-center">
  32. 账单单号:{{item.order_sn}}
  33. </view>
  34. <view class="sg-flex sg-align-center" wx:if="{{item.status=='未确认'}}"
  35. style="padding:10rpx;background-color: #5693FC;border-radius: 50rpx;">
  36. <view class="sg-status sg-flex sg-align-center">
  37. <view class="sg-status-name" style="color:#fff;font-size:26rpx">未确认</view>
  38. </view>
  39. </view>
  40. <view class="sg-flex sg-align-center" wx:else
  41. style="padding:10rpx;background-color: #19be6b;border-radius: 50rpx;">
  42. <view class="sg-status sg-flex sg-align-center">
  43. <view class="sg-status-name" style="color:#fff;font-size:26rpx">已确认</view>
  44. </view>
  45. </view>
  46. </view>
  47. <view class="sg-body sg-font-xs sg-bottom-border sg-pad-bottom-sm">
  48. <view class="sg-item sg-margin-tb-sm sg-flex">
  49. <view class="sg-left-item">年月:{{item.date}}</view>
  50. </view>
  51. <view class="sg-item sg-margin-tb-sm sg-flex">
  52. <view class="sg-left-item sg-width-50">金额:{{item.total_price}}元</view>
  53. <view class="sg-right-item sg-width-50">对应项目:{{item.project_id}}</view>
  54. </view>
  55. <view class="sg-item sg-margin-tb-sm sg-flex">
  56. <view class="sg-right-item sg-width-50">确认人:{{item.confirmation_user_id}}</view>
  57. <view class="sg-right-item sg-width-50">对账时间:{{item.confirmation_time}}</view>
  58. </view>
  59. </view>
  60. </view>
  61. </view>
  62. </view>