list.vue 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <template>
  2. <u-cell-group>
  3. <u-cell
  4. center
  5. isLink
  6. v-for="item in list"
  7. :key="item.id"
  8. @click="toEdit(item)"
  9. >
  10. <view slot="label">
  11. <view class="u-kh">
  12. <view>
  13. {{item.purchaseBillNo}}
  14. </view>
  15. </view>
  16. <view class="u-time">
  17. 发货单号: {{item.sendBillNo}}
  18. </view>
  19. <view class="u-time">创建时间:{{item.createDate}}</view>
  20. <view class="u-time" v-if="item.stockPutTime">入库时间:{{item.stockPutTime}}</view>
  21. </view>
  22. <view slot="value">
  23. <text class="u-text" :style="{color: (item.auditState == 'PUT_WAREHOUSE_AUDIT_REJECT'|| item.auditState == 'WAIT_PUT_WAREHOUSE') ? '#00aaff' : '#999'}">{{item.auditStateDictValue}}</text>
  24. </view>
  25. </u-cell>
  26. <view v-if="list.length==0&&status != 'loading'">
  27. <u-empty :iconSize="60" text="暂无数据" :marginTop="100"></u-empty>
  28. </view>
  29. <view style="padding: 30rpx 0;">
  30. <u-loadmore :status="status" />
  31. </view>
  32. </u-cell-group>
  33. </template>
  34. <script>
  35. import { receivingStockList } from '@/config/api.js'
  36. export default{
  37. data(){
  38. return {
  39. list: [],
  40. pageSize: 10,
  41. pageNo: 1,
  42. total: 0,
  43. status: 'loadmore',
  44. warehouseList: []
  45. }
  46. },
  47. onLoad() {
  48. var _this = this
  49. this.status = 'loading'
  50. this.getList()
  51. // 刷新
  52. uni.$on('refashList', function(content) {
  53. _this.status = 'loading'
  54. _this.getList()
  55. })
  56. },
  57. onUnload() {
  58. uni.$off("refashList")
  59. },
  60. methods:{
  61. getList(){
  62. receivingStockList({pageSize:this.pageSize,pageNo:this.pageNo}).then(res => {
  63. if(res.status == 200){
  64. const list = res.data.list
  65. this.total = res.data.count
  66. if(this.pageNo == 1){
  67. this.list = list
  68. }else{
  69. this.list = this.list.concat(list)
  70. }
  71. if(this.list.length < this.total){
  72. this.status = 'loadmore'
  73. }else{
  74. this.status = 'nomore'
  75. }
  76. }
  77. })
  78. },
  79. toEdit(item){
  80. // 入库
  81. if(item.auditState == 'PUT_WAREHOUSE_AUDIT_REJECT' || item.auditState == 'WAIT_PUT_WAREHOUSE'){
  82. uni.navigateTo({
  83. url:"/pages/purchasing/index?receivingBillSn="+item.receivingBillSn+"&id="+item.id
  84. })
  85. }
  86. },
  87. onReachBottom(){
  88. const pageNums = Math.ceil(this.total / this.pageSize)
  89. if(this.pageNo < pageNums){
  90. this.pageNo = this.pageNo + 1
  91. this.status = 'loading'
  92. this.getList()
  93. }else{
  94. this.status = 'nomore'
  95. }
  96. }
  97. }
  98. }
  99. </script>
  100. <style lang="scss">
  101. .u-time{
  102. color: $uni-text-color-grey;
  103. font-size: 30upx;
  104. }
  105. .u-kh{
  106. font-size: 34upx;
  107. display: flex;
  108. }
  109. .u-text{
  110. font-size: 30upx;
  111. }
  112. </style>