index.vue 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <template>
  2. <auth-wrap class="usr-regist-info-container" ref="authWrap">
  3. <template slot="content">
  4. <view class="u-page" v-if="indexList&&indexList.length>0">
  5. <view class="apply-item" v-for="item in indexList" @click="()=>onContentClick(item)">
  6. <view class="apply-item-header">
  7. <view>{{ item.applyTypeName }}</view>
  8. <view>
  9. <u-tag
  10. plain
  11. :text="REVIEW_STATUS[item.reviewState].name"
  12. :type="REVIEW_STATUS[item.reviewState].tag">
  13. </u-tag>
  14. </view>
  15. </view>
  16. <view class="apply-item-title overflow-hidden" style="height: 50px;line-height: 25px" v-if="item.contentTitle">{{ item.contentTitle }}</view>
  17. <view class="apply-item-footer">
  18. <view>参会人:{{ item.usrName }}</view>
  19. <view>{{ $u.timeFormat(item.createTime, 'yyyy-MM-dd hh:mm') }}</view>
  20. </view>
  21. </view>
  22. </view>
  23. <u-empty
  24. v-else
  25. mode="data"
  26. text="还没有报名,赶紧去报名吧!"
  27. >
  28. </u-empty>
  29. </template>
  30. </auth-wrap>
  31. </template>
  32. <script>
  33. import { getUsrApplyInfo } from '@/common/api';
  34. import { REVIEW_STATUS } from '@/common/EnumConst';
  35. import AuthWrap from '@/components/AuthComp/index.vue';
  36. export default {
  37. computed: {
  38. REVIEW_STATUS() {
  39. return REVIEW_STATUS;
  40. },
  41. },
  42. components: {
  43. AuthWrap,
  44. },
  45. data() {
  46. return {
  47. keyword: '',
  48. indexList: [],
  49. };
  50. },
  51. onLoad() {
  52. debugger
  53. this.$refs.authWrap.reloadPage();
  54. this.loadmore();
  55. },
  56. methods: {
  57. onContentClick(item) {
  58. uni.navigateTo({
  59. url: `/pasbrg/pages/regmeeting/index?id=${item.id}`,
  60. });
  61. },
  62. async loadmore() {
  63. const { data } = await getUsrApplyInfo();
  64. if (data) {
  65. this.indexList = data;
  66. }
  67. },
  68. },
  69. onShareAppMessage() {
  70. return {
  71. title: 'First UI组件库',
  72. };
  73. },
  74. };
  75. </script>
  76. <style lang="scss" src="./index.scss" />