weicw-dshsa
d013e64500
上一提交只改了 template-07（当时 cms_website.template_id = 7），其余模板 仍读已废弃的 projectTime、文章页仍写 publishTime || createTime。 由于 CaseItem 带索引签名，这些引用不报编译错误，只在换模板时静默显示 系统创建时间——而 template_id 是数据库里可随时改的数字，改它不需发版。 本次补全全部模板： - template-01..10 的 CaseDetail 改读 publishTime，标签更正为「发布时间」 - 其中 8 套原先没有 formatDate，一并补 dayjs 导入与格式化 （此前直出 2026-09-23 19:06:37 完整时间戳） - 文章侧 38 处 publishTime || createTime 统一为 publishTime - useModuleRoute 的 SEO datePublished 不再回退 createTime （结构化数据应与页面展示的发布时间一致） 保留 server/api/sitemap.xml.ts 的 lastmod 回退链——那是抓取提示不是页面 展示，回退到创建时间是合理的保守行为。 现在官网上已不存在读取 createTime 的内容页。ADR 0016 中记录的该技术债 已标记为消除。
85 lines
3.2 KiB
Vue
85 lines
3.2 KiB
Vue
<template>
|
||
<div class="min-h-screen bg-white py-10">
|
||
<div class="t9-container">
|
||
<div v-if="article" class="max-w-4xl mx-auto">
|
||
<!-- 面包屑 -->
|
||
<div class="mb-6 text-sm" style="color: var(--t9-muted)">
|
||
<NuxtLink to="/" class="hover:text-[var(--t9-primary)] transition-colors">首页</NuxtLink>
|
||
<span class="mx-2">></span>
|
||
<NuxtLink :to="`/article${article?.navigationId ? '?navId=' + article.navigationId : ''}`" class="hover:text-[var(--t9-primary)] transition-colors">
|
||
{{ article.categoryName || '新闻中心' }}
|
||
</NuxtLink>
|
||
<span class="mx-2">></span>
|
||
<span>正文</span>
|
||
</div>
|
||
|
||
<h1 class="text-2xl sm:text-[28px] font-bold leading-relaxed text-center" style="color: var(--t9-text-strong)">
|
||
{{ article.title }}
|
||
</h1>
|
||
|
||
<div
|
||
class="flex flex-wrap items-center justify-center gap-5 text-sm mt-5 pb-5 border-b"
|
||
style="color: var(--t9-muted); border-color: var(--t9-border)"
|
||
>
|
||
<span>{{ formatDate(article.publishTime) }}</span>
|
||
<span v-if="article.author">作者：{{ article.author }}</span>
|
||
<span v-if="article.source">来源：{{ article.source }}</span>
|
||
<span v-if="article.categoryName" style="color: var(--t9-primary)">{{ article.categoryName }}</span>
|
||
</div>
|
||
|
||
<div v-if="article.image || article.cover" class="mt-8 overflow-hidden bg-[var(--t9-bg-gray)]">
|
||
<img
|
||
:src="fileUrl(article.image || article.cover)"
|
||
:alt="article.title"
|
||
class="w-full h-auto object-cover"
|
||
>
|
||
</div>
|
||
|
||
<div class="mt-8">
|
||
<RichText :content="article.content" />
|
||
<PageAttachments
|
||
v-if="article?.files?.length"
|
||
:attachments="article.files"
|
||
/>
|
||
</div>
|
||
|
||
<div class="mt-10 pt-6 border-t" style="border-color: var(--t9-border)">
|
||
<NuxtLink
|
||
:to="`/article${article?.navigationId ? '?navId=' + article.navigationId : ''}`"
|
||
class="inline-block px-6 py-2 text-sm border transition-colors hover:text-white hover:bg-[var(--t9-primary)] hover:border-[var(--t9-primary)]"
|
||
style="color: var(--t9-text); border-color: var(--t9-border-2)"
|
||
>
|
||
返回列表
|
||
</NuxtLink>
|
||
</div>
|
||
</div>
|
||
|
||
<div v-else class="text-center py-20">
|
||
<h1 class="text-2xl font-bold mb-4" style="color: var(--t9-text-strong)">文章不存在或已下架</h1>
|
||
<NuxtLink :to="`/article${article?.navigationId ? '?navId=' + article.navigationId : ''}`" class="hover:underline" style="color: var(--t9-primary)">返回新闻列表</NuxtLink>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import dayjs from 'dayjs'
|
||
import type { Article } from '~/types'
|
||
|
||
/**
|
||
* 模板 9 - 新闻详情页（墨绿文化出版风）
|
||
*/
|
||
const route = useRoute()
|
||
const id = route.params.id as string
|
||
const { fileUrl } = useFileUrl()
|
||
|
||
const { data: article } = await useFetch<Article | null>(`/api/article/detail?id=${id}`, {
|
||
key: `article-${id}`
|
||
})
|
||
|
||
function formatDate(date?: string) {
|
||
if (!date) return ''
|
||
return dayjs(date).format('YYYY-MM-DD')
|
||
}
|
||
</script>
|