billListComponent.vue 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <template>
  2. <view class="bill-list-component">
  3. <view class="chooseList u-flex" @click="jumpPage('/pages/sales/salesDetail')">
  4. <view class="checkbox" v-show="showCheck"><u-checkbox v-model="checked" name="productSn" @change="checkChange" size="40" shape="circle"></u-checkbox></view>
  5. <view class="choose_r">
  6. <view class="u-flex u-row-between">
  7. <view class="billInfo u-flex">
  8. <text>2022-11-23</text>
  9. <view>待出库</view>
  10. <view>数字货架</view>
  11. </view>
  12. <view class="billOrder">XS211230001</view>
  13. </view>
  14. <view class="rigth_b u-flex u-row-between">
  15. <view>应收:¥12.00</view>
  16. <view>已收:¥12.00</view>
  17. <view>
  18. 待收:
  19. <text>¥12.00</text>
  20. </view>
  21. </view>
  22. </view>
  23. </view>
  24. </view>
  25. </template>
  26. <script>
  27. export default {
  28. props: {
  29. listData: {
  30. type: Array,
  31. default: () => {
  32. return [];
  33. }
  34. },
  35. showCheck:{
  36. type: Boolean,
  37. default:false
  38. }
  39. },
  40. data() {
  41. return {
  42. checked:true
  43. };
  44. },
  45. methods: {
  46. jumpPage(url){
  47. uni.navigateTo({
  48. url
  49. })
  50. }
  51. }
  52. };
  53. </script>
  54. <style lang="less">
  55. .bill-list-component {
  56. .chooseList {
  57. padding: 30rpx 20rpx;
  58. border-bottom: 1rpx solid #e4e7ed;
  59. &:last-child {
  60. border-bottom: 0rpx solid #e4e7ed;
  61. }
  62. .checkbox {
  63. width: 74rpx;
  64. }
  65. .choose_r {
  66. flex: 1;
  67. .billInfo {
  68. text {
  69. font-weight: 600;
  70. }
  71. view {
  72. padding: 4rpx 10rpx;
  73. text-align: center;
  74. border-radius: 30rpx;
  75. border: 1rpx solid #e4e7ed;
  76. margin-left: 10rpx;
  77. font-size: 0.7rem;
  78. color: #666;
  79. }
  80. }
  81. .billOrder {
  82. font-size: 0.8rem;
  83. color: #666;
  84. }
  85. .rigth_b {
  86. color: #666;
  87. font-size: 0.8rem;
  88. margin-top: 20rpx;
  89. view {
  90. &:last-child {
  91. color: #333;
  92. text {
  93. color: #f0ad4e;
  94. }
  95. }
  96. }
  97. }
  98. }
  99. }
  100. }
  101. </style>