123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117 |
- import ColResult from '@/components/col-result'
- import request from '@/student/home-layout-orchestra/request-home'
- import { verifyUrl } from '@/helpers/toolsValidate'
- import { dateFormat } from '@/helpers/utils'
- import { openDefaultWebView } from '@/student/home-layout-orchestra/state-orchestra'
- import { Cell, CellGroup, Image, List } from 'vant'
- import { defineComponent, reactive } from 'vue'
- import { useRouter } from 'vue-router'
- import styles from './index.module.less'
- import event from '../../event'
- export default defineComponent({
- name: 'info-list',
- setup() {
- const router = useRouter()
- const params = reactive({
- platformType: 'STUDENT',
- type: '1',
- clientType: 'STUDENT',
- page: 1,
- rows: 20
- })
- const state = reactive({
- list: [],
- dataShow: true, // 判断是否有数据
- loading: false,
- finished: false
- })
- const getList = async () => {
- try {
- const res = await request.post('/api-cms/news/page', {
- data: {
- ...params
- }
- })
- state.loading = false
- const result = res.data || {}
- // 处理重复请求数据
- if (state.list.length > 0 && result.pageNo === 1) {
- return
- }
- state.list = state.list.concat(result.rows || [])
- state.finished = result.pageNo >= result.totalPage
- params.page = result.pageNo + 1
- state.dataShow = state.list.length > 0
- } catch {
- state.dataShow = false
- state.finished = true
- }
- }
- getList()
- return () => (
- <>
- {state.dataShow ? (
- <List
- v-model:loading={state.loading}
- finished={state.finished}
- finishedText=" "
- immediateCheck={false}
- class={[styles.liveList]}
- onLoad={getList}
- >
- <CellGroup inset class={state.list.length > 0 && styles.cellGroup}>
- {state.list.map((item: any) => (
- <Cell
- valueClass={styles.valueContent}
- onClick={() => {
- // let url =
- // location.origin +
- // location.pathname +
- // '#/specialDetail?id=' +
- // item.id
- // if (verifyUrl(item.linkUrl)) {
- // openDefaultWebView(item.linkUrl, () => {
- // window.location.href = item.linkUrl
- // })
- // } else {
- // openDefaultWebView(url, () => {
- // router.push({
- // path: '/specialDetail',
- // query: {
- // id: item.id
- // }
- // })
- // })
- // }
- event.emit('downloadApp')
- }}
- >
- {{
- icon: () => (
- <Image src={item.coverImage} class={styles.infoImg} />
- ),
- value: () => (
- <>
- <h2 class={'van-multi-ellipsis--l2'}>{item.title}</h2>
- <p>{dateFormat(item.createTime, 'YYYY年MM月DD日')}</p>
- </>
- )
- }}
- </Cell>
- ))}
- </CellGroup>
- </List>
- ) : (
- <ColResult
- btnStatus={false}
- classImgSize="SMALL"
- tips="暂无热门资讯"
- />
- )}
- </>
- )
- }
- })
|