76 lines
2.2 KiB
Vue
76 lines
2.2 KiB
Vue
<template>
|
|
<crud-layout bg="/static/page/blue-bg.png">
|
|
<z-paging
|
|
ref="pageRef"
|
|
height="100%"
|
|
:fixed="false"
|
|
v-model="pageHook.list"
|
|
:default-page-size="10"
|
|
safe-area-inset-bottom
|
|
:loading-more-enabled="true"
|
|
:show-scrollbar="false"
|
|
@query="query"
|
|
:auto-clean-list-when-reload="false"
|
|
:auto-scroll-to-top-when-reload="false"
|
|
@scroll="pageHook.scroll"
|
|
>
|
|
<view class="h-30rpx" />
|
|
<tm-sheet v-if="false" v-for="(item, index) in pageHook.list" :key="index" :margin="[0, 20]">
|
|
<view class="text-36 overflow-hidden text-nowrap text-ellipsis">
|
|
文本TmText文本TmText文本TmText文本TmText文本TmText文本TmText文本TmText文本TmText文本TmText文本TmText文本TmText文本
|
|
</view>
|
|
<view class="flex items-center">
|
|
<image src="@/static/page/时间.svg" mode="aspectFill" class="w-28rpx h-28rpx mr-1" />
|
|
<tm-text font-size="26">2025-06-06</tm-text>
|
|
</view>
|
|
<swiper class="my-1" circular :indicator-dots="false" indicator-active-color="#0779FD" indicator-color="#ffffff" :autoplay="true">
|
|
<swiper-item>
|
|
<image
|
|
class="w-full h-full"
|
|
:src="'https://stgl.pj.gov.cn/api/admin/sys-file/oss/file?fileName=3378726f7c4b40128c238c8827d6350e.jpg'"
|
|
mode="aspectFill"
|
|
/>
|
|
</swiper-item>
|
|
</swiper>
|
|
<tm-text
|
|
@item-click="doDetail(item.id)"
|
|
class="line-10"
|
|
:heightLight="['高亮显示', '正则', '邮箱']"
|
|
label="支持多文本高亮显示，比如根据正则高亮电话号码，邮箱等，点击后打电话，发邮件。"
|
|
/>
|
|
</tm-sheet>
|
|
</z-paging>
|
|
</crud-layout>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from "vue"
|
|
import { hooks, router } from "@/sheep"
|
|
import { doorApi } from "@/sheep/api"
|
|
import { onLoad, onShow } from "@dcloudio/uni-app"
|
|
|
|
const pageRef = ref<any>(null)
|
|
|
|
onLoad(() => {
|
|
const app = getApp()
|
|
app._initTabbar()
|
|
})
|
|
onShow(() => {
|
|
if (pageRef.value) {
|
|
pageRef.value.reload(false)
|
|
}
|
|
})
|
|
|
|
const pageHook = hooks.usePage(pageRef, doorApi.hardDoorPage, null, "data.records")
|
|
|
|
const query = (page: number, pagesize: number) => {
|
|
pageHook.startPage(page, pagesize, false, {})
|
|
}
|
|
|
|
// 公告详情
|
|
const doDetail = (id: string) => {
|
|
if (!id) return
|
|
router.jump("/pages/cabinet/cabinetDetail", { id }, 1)
|
|
}
|
|
</script>
|