index.wxml 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <view class="head">
  2. <picker mode="selector" range='{{accountList}}' range-key='accountname' value='{{active}}' bindchange='changeAccount'>
  3. <navigator class="line-1" url="#">{{accountList[active].accountname}}</navigator>
  4. </picker>
  5. <view style="display: flex;align-items: center;">
  6. <picker mode="date" end='{{enddate||dateEnd}}' data-name="begindate" bindchange='changeDate'>
  7. <navigator url="#">{{begindate||'开始日期'}}</navigator>
  8. </picker>
  9. <text style="padding: 0 20rpx;">-</text>
  10. <picker mode="date" start='{{begindate}}' end='{{dateEnd}}' data-name="enddate" bindchange='changeDate'>
  11. <navigator url="#">{{enddate||'截止日期'}}</navigator>
  12. </picker>
  13. </view>
  14. </view>
  15. <swiper class="swiper-box" current='{{active}}' circular indicator-dots indicator-active-color='var(--assist)' bindchange='changeAccount'>
  16. <swiper-item wx:for="{{accountList}}" wx:key="name">
  17. <view class="upper">
  18. <view class="name">
  19. {{item.accountname}}(元)
  20. </view>
  21. <view class="price">
  22. {{item.balance}}
  23. </view>
  24. </view>
  25. <view class="lower">
  26. <view class="item">
  27. <view class="name">信用额度(元)</view>
  28. <view class="price">
  29. {{item.creditquota}}
  30. </view>
  31. </view>
  32. <view class="item">
  33. <view class="name">可用额度(元)</view>
  34. <view class="price">
  35. {{item.usable}}
  36. </view>
  37. </view>
  38. </view>
  39. <image class="image" mode="aspectFill" src="/static/image/qia.png" />
  40. <view class="top" />
  41. <view class="angle" />
  42. <view class="bottom" />
  43. </swiper-item>
  44. </swiper>
  45. <view class="total">
  46. 收入总计:{{expend}},支出总计:{{earning}}
  47. </view>
  48. <navigator url="#" class="record" wx:for="{{recordList}}" wx:key="sa_accountclassid">
  49. <view class="content">
  50. <view class="title">{{item.type==0?'支出':'收入'}}{{item.source?'-'+item.source:""}}</view>
  51. <view class="exp">{{item.accountname}}:{{item.showBalance}}</view>
  52. <view class="exp">分类:{{item.class || ' --'}}</view>
  53. <view class="exp">分类明细:{{item.subclass || ' --'}}</view>
  54. <view class="exp">交易备注:{{item.remarks || ' --'}}</view>
  55. <view class="exp">{{item.createdate}}</view>
  56. </view>
  57. <view class="price" style="color:{{item.type==0?'#DB0D27':'var(--success)'}};">
  58. {{item. amount}}
  59. </view>
  60. </navigator>
  61. <Yl_Empty wx:if="{{recordList.length==0}}" />