list.vue 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  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. }
  45. },
  46. onLoad() {
  47. var _this = this
  48. this.status = 'loading'
  49. this.getList()
  50. // 刷新
  51. uni.$on('refashList', function(content) {
  52. _this.status = 'loading'
  53. _this.getList()
  54. })
  55. },
  56. onUnload() {
  57. uni.$off("refashList")
  58. },
  59. methods:{
  60. getList(){
  61. receivingStockList({pageSize:this.pageSize,pageNo:this.pageNo}).then(res => {
  62. if(res.status == 200){
  63. const list = res.data.list
  64. this.total = res.data.count
  65. if(this.pageNo == 1){
  66. this.list = list
  67. }else{
  68. this.list = this.list.concat(list)
  69. }
  70. if(this.list.length < this.total){
  71. this.status = 'loadmore'
  72. }else{
  73. this.status = 'nomore'
  74. }
  75. }
  76. })
  77. },
  78. toEdit(item){
  79. // 入库
  80. if(item.auditState == 'PUT_WAREHOUSE_AUDIT_REJECT' || item.auditState == 'WAIT_PUT_WAREHOUSE'){
  81. uni.navigateTo({
  82. url:"/pages/purchasing/index?receivingBillSn="+item.receivingBillSn+"&id="+item.id
  83. })
  84. }
  85. },
  86. onReachBottom(){
  87. const pageNums = Math.ceil(this.total / this.pageSize)
  88. if(this.pageNo < pageNums){
  89. this.pageNo = this.pageNo + 1
  90. this.status = 'loading'
  91. this.getList()
  92. }else{
  93. this.status = 'nomore'
  94. }
  95. }
  96. }
  97. }
  98. </script>
  99. <style lang="scss">
  100. .u-time{
  101. color: $uni-text-color-grey;
  102. font-size: 30upx;
  103. }
  104. .u-kh{
  105. font-size: 34upx;
  106. display: flex;
  107. }
  108. .u-text{
  109. font-size: 30upx;
  110. }
  111. </style>