minitest2.0 0.0.0

package/src/utils/rmb-forecast.ts

@@ -0,0 +1,84 @@
+export type ForecastStatusCode = '1' | '2' | '3' | '4' | '5' | '6'
+
+export type ForecastStatusOption = {
+  label: string
+  className: string
+}
+
+export const businessTypeMap: Record<string, string> = {
+  '1': '对公/个人客户收付',
+  '2': '本票签发/兑付',
+  '3': '三省一市汇票签发/兑付',
+  '4': '分行资金调拨',
+  '5': '同业业务',
+  '6': '资金业务',
+  '7': '理财业务',
+  '8': '债券承销业务',
+  '9': '司库业务',
+  '10': '现金出入库',
+  '11': '财政准备金退缴',
+  '12': '同业清算款项收付',
+  '13': '财政零余额业务',
+  '14': '银行承兑汇票',
+  '15': '托管业务',
+  '16': '票据业务',
+}
+
+export const clientTypeMap: Record<string, string> = {
+  '1': '公客户',
+  '2': '个人客户',
+}
+
+export const forecastStatusMap: Record<ForecastStatusCode, ForecastStatusOption> = {
+  '1': { label: '正常预报', className: 'status-tag-normal' },
+  '2': { label: '延迟预报', className: 'status-tag-delayed' },
+  '3': { label: '正常预报正常删除', className: 'status-tag-normal-delete' },
+  '4': { label: '正常预报延迟删除', className: 'status-tag-normal-delay-delete' },
+  '5': { label: '延迟预报延时删除', className: 'status-tag-delayed-late-delete' },
+  '6': { label: '延时预报延迟删除', className: 'status-tag-late-delay-delete' },
+}
+
+export const unknownForecastStatus: ForecastStatusOption = {
+  label: '未知状态',
+  className: 'status-tag-unknown',
+}
+
+export function resolveBusinessType(value?: string) {
+  return value ? businessTypeMap[value] || `业务类型${value}` : '业务类型-'
+}
+
+export function resolveClientType(value?: string) {
+  return value ? clientTypeMap[value] || '其他用户' : '其他用户'
+}
+
+export function resolveForecastStatus(value?: string): ForecastStatusOption {
+  if (value && value in forecastStatusMap) {
+    return forecastStatusMap[value as ForecastStatusCode]
+  }
+
+  return unknownForecastStatus
+}
+
+export function formatRmbForecastDate(value?: string) {
+  if (value && /^\d{8}$/.test(value)) {
+    return `${value.slice(0, 4)}-${value.slice(4, 6)}-${value.slice(6, 8)}`
+  }
+
+  return value || '-'
+}
+
+export function toBillionYuan(value?: string) {
+  const amount = Number(value || 0)
+  return Number.isFinite(amount) ? amount / 100000000 : 0
+}
+
+export function formatForecastAmount(value: number) {
+  const sign = value >= 0 ? '+' : '-'
+  return `${sign}${Math.abs(value).toFixed(2)}`
+}
+
+export function formatForecastAmountText(value?: string) {
+  if (!value?.trim()) return '-'
+
+  return `${formatForecastAmount(toBillionYuan(value))} 亿元`
+}

package/src/utils/toast.ts

@@ -0,0 +1,61 @@
+import {
+  closeToast,
+  setToastDefaultOptions,
+  showLoadingToast,
+  showToast,
+  type ToastOptions,
+  type ToastWrapperInstance,
+} from 'vant'
+
+const DEFAULT_TOAST_OPTIONS: ToastOptions = {
+  duration: 2200,
+  position: 'middle',
+  wordBreak: 'break-word',
+  teleport: 'body',
+  zIndex: 9999,
+}
+
+setToastDefaultOptions(DEFAULT_TOAST_OPTIONS)
+setToastDefaultOptions('loading', {
+  ...DEFAULT_TOAST_OPTIONS,
+  duration: 0,
+  forbidClick: true,
+})
+
+export type AppToastOptions = string | ToastOptions
+
+export function showAppToast(options: AppToastOptions): ToastWrapperInstance {
+  if (typeof options === 'string') {
+    return showToast({
+      ...DEFAULT_TOAST_OPTIONS,
+      message: options,
+    })
+  }
+
+  return showToast({
+    ...DEFAULT_TOAST_OPTIONS,
+    ...options,
+  })
+}
+
+export function showAppLoadingToast(options: AppToastOptions = '加载中...'): ToastWrapperInstance {
+  if (typeof options === 'string') {
+    return showLoadingToast({
+      ...DEFAULT_TOAST_OPTIONS,
+      message: options,
+      duration: 0,
+      forbidClick: true,
+    })
+  }
+
+  return showLoadingToast({
+    ...DEFAULT_TOAST_OPTIONS,
+    duration: 0,
+    forbidClick: true,
+    ...options,
+  })
+}
+
+export function closeAppToast(all?: boolean) {
+  closeToast(all)
+}

package/src/views/article-detail/index.vue

@@ -0,0 +1,289 @@
+<script setup lang="ts">
+import { highlightArticleHtml } from '@/utils/code-highlight'
+import { copyText } from '@/utils/copy'
+import { formatArticleDate, getArticleDetail, type Article } from '@/api/announcement'
+import { showAppToast } from '@/utils/toast'
+
+defineOptions({ name: 'ArticleDetailPage' })
+
+const route = useRoute()
+const router = useRouter()
+
+const articleId = computed(() => String(route.params.id || ''))
+const article = ref<Article>()
+const loading = ref(false)
+const loadError = ref(false)
+const highlightedContent = computed(() =>
+  article.value ? highlightArticleHtml(article.value.content) : '',
+)
+
+onMounted(() => {
+  loadArticle()
+})
+
+async function loadArticle() {
+  if (!articleId.value) {
+    loadError.value = true
+    return
+  }
+
+  loading.value = true
+  loadError.value = false
+
+  try {
+    article.value = await getArticleDetail(articleId.value)
+  } catch (error) {
+    console.error('[公告] 详情加载失败', error)
+    loadError.value = true
+  } finally {
+    loading.value = false
+  }
+}
+
+function editArticle() {
+  if (article.value) {
+    router.push(`/articles/${article.value.id}/edit`)
+  }
+}
+
+async function copyArticleContent() {
+  if (!article.value) {
+    return
+  }
+
+  const text = articleContentToText(article.value.content)
+
+  if (!text) {
+    showAppToast('暂无可复制内容')
+    return
+  }
+
+  try {
+    await copyText(text)
+    showAppToast('已复制内容')
+  } catch (error) {
+    console.error('[公告] 内容复制失败', error)
+    showAppToast('复制失败')
+  }
+}
+
+function articleContentToText(html: string) {
+  const doc = new DOMParser().parseFromString(`<article>${html}</article>`, 'text/html')
+  const root = doc.body.firstElementChild
+
+  if (!root) {
+    return ''
+  }
+
+  root.querySelectorAll('pre code').forEach((code) => {
+    code.replaceWith(doc.createTextNode(`\n${code.textContent || ''}\n`))
+  })
+
+  return root.textContent?.replace(/\n{3,}/g, '\n\n').trim() || ''
+}
+</script>
+
+<template>
+  <main class="article-detail-page">
+    <section v-if="loading" class="state-section">
+      <van-loading vertical>加载中...</van-loading>
+    </section>
+
+    <article v-else-if="article" class="article-detail">
+      <div class="article-title-block">
+        <h2>{{ article.title }}</h2>
+        <div class="article-meta">
+          <span><van-icon name="manager-o" />{{ article.author }}</span>
+          <span><van-icon name="clock-o" />{{ formatArticleDate(article.updatedAt) }}</span>
+        </div>
+      </div>
+
+      <div class="article-content" v-html="highlightedContent"></div>
+
+      <footer class="detail-actions">
+        <van-button block plain type="danger" icon="description-o" @click="copyArticleContent">
+          复制内容
+        </van-button>
+        <van-button block type="danger" @click="editArticle">编辑公告</van-button>
+      </footer>
+    </article>
+
+    <van-empty v-else image="error" :description="loadError ? '公告加载失败' : '公告不存在'">
+      <van-button v-if="loadError" round type="danger" @click="loadArticle">重试</van-button>
+      <van-button v-else round type="danger" @click="router.replace('/articles')">
+        返回公告列表
+      </van-button>
+    </van-empty>
+  </main>
+</template>
+
+<style scoped>
+.article-detail-page {
+  width: 100%;
+  max-width: 750px;
+  min-height: var(--app-page-min-height, 100vh);
+  margin: 0 auto;
+  padding: 0 11px 28px;
+  color: #171b20;
+  background: #f7f8fa;
+  box-sizing: border-box;
+}
+
+.article-detail {
+  margin-top: 12px;
+  padding: 18px 15px 20px;
+  border: 1px solid #edf0f4;
+  border-radius: 8px;
+  background: #ffffff;
+  box-shadow: 0 6px 20px rgba(23, 27, 32, 0.05);
+}
+
+.state-section {
+  display: flex;
+  justify-content: center;
+  padding-top: 120px;
+}
+
+.article-title-block h2 {
+  margin: 0;
+  color: #171b20;
+  font-size: 23px;
+  font-weight: 800;
+  line-height: 1.32;
+}
+
+.article-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 14px;
+  margin-top: 12px;
+  color: #8a929f;
+  font-size: 12px;
+  line-height: 1.3;
+}
+
+.article-meta span {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.article-content {
+  margin-top: 20px;
+  color: #252a31;
+  font-size: 16px;
+  line-height: 1.78;
+  word-break: break-word;
+}
+
+.article-content :deep(h2),
+.article-content :deep(h3),
+.article-content :deep(p),
+.article-content :deep(blockquote),
+.article-content :deep(pre),
+.article-content :deep(ul),
+.article-content :deep(ol) {
+  margin: 0 0 14px;
+}
+
+.article-content :deep(h2) {
+  padding-top: 4px;
+  color: #171b20;
+  font-size: 20px;
+  font-weight: 800;
+  line-height: 1.4;
+}
+
+.article-content :deep(h3) {
+  color: #171b20;
+  font-size: 18px;
+  font-weight: 750;
+  line-height: 1.4;
+}
+
+.article-content :deep(blockquote) {
+  padding: 10px 12px;
+  border-left: 4px solid #d8dde6;
+  border-radius: 6px;
+  color: #596273;
+  background: #f6f7f9;
+}
+
+.article-content :deep(ul),
+.article-content :deep(ol) {
+  padding-left: 22px;
+}
+
+.article-content :deep(a) {
+  color: #1989fa;
+  text-decoration: none;
+}
+
+.article-content :deep(pre) {
+  position: relative;
+  overflow-x: auto;
+  padding: 13px 14px;
+  border: 1px solid #202c38;
+  border-radius: 7px;
+  background: #101820;
+}
+
+.article-content :deep(pre code) {
+  display: block;
+  min-width: max-content;
+  color: #eef3f7;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
+  font-size: 13px;
+  line-height: 1.65;
+  white-space: pre;
+}
+
+.article-content :deep(pre code[data-language]::before) {
+  content: attr(data-language);
+  position: sticky;
+  left: 0;
+  display: block;
+  width: fit-content;
+  margin-bottom: 8px;
+  color: #7f8b99;
+  font-family: inherit;
+  font-size: 11px;
+  line-height: 1;
+}
+
+.article-content :deep(.hl-keyword) {
+  color: #ff8aa0;
+}
+
+.article-content :deep(.hl-string) {
+  color: #8bdc8b;
+}
+
+.article-content :deep(.hl-number) {
+  color: #ffd36e;
+}
+
+.article-content :deep(.hl-comment) {
+  color: #7f8b99;
+}
+
+.article-content :deep(.hl-tag) {
+  color: #7cc7ff;
+}
+
+.detail-actions {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  gap: 10px;
+  margin-top: 28px;
+}
+
+.detail-actions :deep(.van-button) {
+  height: 42px;
+  font-weight: 600;
+}
+
+:deep(.van-empty) {
+  padding-top: 96px;
+}
+</style>