index.tsx 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. import ColResult from '@/components/col-result'
  2. import request from '@/student/home-layout-orchestra/request-home'
  3. import { verifyUrl } from '@/helpers/toolsValidate'
  4. import { dateFormat } from '@/helpers/utils'
  5. import { openDefaultWebView } from '@/student/home-layout-orchestra/state-orchestra'
  6. import { Cell, CellGroup, Image, List } from 'vant'
  7. import { defineComponent, reactive } from 'vue'
  8. import { useRouter } from 'vue-router'
  9. import styles from './index.module.less'
  10. import event from '../../event'
  11. export default defineComponent({
  12. name: 'info-list',
  13. setup() {
  14. const router = useRouter()
  15. const params = reactive({
  16. platformType: 'STUDENT',
  17. type: '1',
  18. clientType: 'STUDENT',
  19. page: 1,
  20. rows: 20
  21. })
  22. const state = reactive({
  23. list: [],
  24. dataShow: true, // 判断是否有数据
  25. loading: false,
  26. finished: false
  27. })
  28. const getList = async () => {
  29. try {
  30. const res = await request.post('/api-cms/news/page', {
  31. data: {
  32. ...params
  33. }
  34. })
  35. state.loading = false
  36. const result = res.data || {}
  37. // 处理重复请求数据
  38. if (state.list.length > 0 && result.pageNo === 1) {
  39. return
  40. }
  41. state.list = state.list.concat(result.rows || [])
  42. state.finished = result.pageNo >= result.totalPage
  43. params.page = result.pageNo + 1
  44. state.dataShow = state.list.length > 0
  45. } catch {
  46. state.dataShow = false
  47. state.finished = true
  48. }
  49. }
  50. getList()
  51. return () => (
  52. <>
  53. {state.dataShow ? (
  54. <List
  55. v-model:loading={state.loading}
  56. finished={state.finished}
  57. finishedText=" "
  58. immediateCheck={false}
  59. class={[styles.liveList]}
  60. onLoad={getList}
  61. >
  62. <CellGroup inset class={state.list.length > 0 && styles.cellGroup}>
  63. {state.list.map((item: any) => (
  64. <Cell
  65. valueClass={styles.valueContent}
  66. onClick={() => {
  67. // let url =
  68. // location.origin +
  69. // location.pathname +
  70. // '#/specialDetail?id=' +
  71. // item.id
  72. // if (verifyUrl(item.linkUrl)) {
  73. // openDefaultWebView(item.linkUrl, () => {
  74. // window.location.href = item.linkUrl
  75. // })
  76. // } else {
  77. // openDefaultWebView(url, () => {
  78. // router.push({
  79. // path: '/specialDetail',
  80. // query: {
  81. // id: item.id
  82. // }
  83. // })
  84. // })
  85. // }
  86. event.emit('downloadApp')
  87. }}
  88. >
  89. {{
  90. icon: () => (
  91. <Image src={item.coverImage} class={styles.infoImg} />
  92. ),
  93. value: () => (
  94. <>
  95. <h2 class={'van-multi-ellipsis--l2'}>{item.title}</h2>
  96. <p>{dateFormat(item.createTime, 'YYYY年MM月DD日')}</p>
  97. </>
  98. )
  99. }}
  100. </Cell>
  101. ))}
  102. </CellGroup>
  103. </List>
  104. ) : (
  105. <ColResult
  106. btnStatus={false}
  107. classImgSize="SMALL"
  108. tips="暂无热门资讯"
  109. />
  110. )}
  111. </>
  112. )
  113. }
  114. })