billHistory.vue 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <template>
  2. <view class="content flex flex_column">
  3. <view class="p-header" @click="jumpPage('/pages/statistics/chooseShelf')">
  4. <text>{{ curCustomerName || '全部客户' }}</text>
  5. <u-icon name="arrow-right"></u-icon>
  6. </view>
  7. <view class="p-content">
  8. <view class="list" @click="jumpPage('/pages/sales/billHistoryDetail')">
  9. <view class="list_t u-flex u-row-between">
  10. <view class="u-line-1">东莞市寮步车正汽车服务中心东莞市寮步车正汽车服务中心</view>
  11. <view>¥526.88</view>
  12. </view>
  13. <view class="list_b u-flex u-row-between">
  14. <view>2022-11-29 14:32:32</view>
  15. <view class="u-flex">
  16. <view>已付款</view>
  17. <u-icon name="yifukuan" custom-prefix="iscm-icon" size="40" :color="wordColor"></u-icon>
  18. </view>
  19. </view>
  20. </view>
  21. </view>
  22. </view>
  23. </template>
  24. <script>
  25. export default {
  26. data(){
  27. return {
  28. wordColor:this.$config('infoColor'),
  29. curCustomerName:''
  30. }
  31. },
  32. onLoad() {
  33. },
  34. methods:{
  35. jumpPage(url){
  36. uni.navigateTo({
  37. url
  38. })
  39. }
  40. }
  41. }
  42. </script>
  43. <style lang="scss" scoped>
  44. .content {
  45. height: 100vh;
  46. width: 100%;
  47. .p-header {
  48. background-color: #fff;
  49. text-align: center;
  50. padding-bottom: 20rpx;
  51. }
  52. .p-content{
  53. flex-grow: 1;
  54. padding:20rpx;
  55. .list{
  56. width: 100%;
  57. background: #ffffff;
  58. padding:30rpx 20rpx;
  59. border-radius: 20rpx;
  60. box-sizing: border-box;
  61. margin-bottom: 20rpx;
  62. .list_t{
  63. margin-bottom: 20rpx;
  64. view{
  65. &:first-child{
  66. width: calc(100% - 200rpx);
  67. }
  68. &:last-child{
  69. color:$uni-color-warning;
  70. }
  71. }
  72. }
  73. .list_b{
  74. color:$uni-text-color-grey;
  75. font-size: $uni-font-size-sm;
  76. font-weight: 500;
  77. }
  78. }
  79. }
  80. }
  81. </style>