my-applied.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <view >
  3. <mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
  4. <card :list="list"></card>
  5. </mescroll-body>
  6. </view>
  7. </template>
  8. <script>
  9. import card from "../comps/my-applied-card.vue"
  10. import MescrollMixin from "@/components/mescroll-body/mescroll-mixins.js";
  11. export default {
  12. mixins:[MescrollMixin],
  13. components:{
  14. card
  15. },
  16. data() {
  17. return {
  18. upOption: {
  19. empty: {
  20. isSmall:true,
  21. use: true, // 是否显示空布局
  22. icon: "http://139.9.103.171:1888/miniofile/xlyq/party-empty.png", // 图标路径 (建议放入static目录, 如 /static/img/mescroll-empty.png )
  23. }
  24. },
  25. };
  26. },
  27. onLoad() {
  28. },
  29. onShow() {
  30. this.$util.reload(this.mescroll)
  31. },
  32. methods:{
  33. upCallback(mescroll){
  34. let params={
  35. enrollStatus:1,
  36. memberId:this.vuex_party_person.id
  37. }
  38. try{
  39. this.$api.party.checkIsEnroll(params).then(res=>{
  40. let data=res.data.records
  41. let total=res.data.total
  42. mescroll.endBySize(data.length,total);
  43. if(mescroll.num == 1) this.list = []; //如果是第一页需手动制空列表
  44. this.list=this.list.concat(data); //追加新数据
  45. })
  46. }catch(e){
  47. this.mescroll.endErr()
  48. }
  49. }
  50. }
  51. };
  52. </script>
  53. <style lang="scss" >
  54. </style>