minitest2.0 0.0.0

package/src/router/index.ts

@@ -0,0 +1,144 @@
+import { createRouter, createWebHashHistory } from 'vue-router'
+import { useUserStore } from '@/stores/user'
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  scrollBehavior(_to, _from, savedPosition) {
+    if (savedPosition) {
+      return savedPosition
+    }
+
+    return { left: 0, top: 0 }
+  },
+  routes: [
+    {
+      path: '/',
+      name: 'Home',
+      component: () => import('@/views/home/index.vue'),
+      meta: { requiresAuth: true, title: '头寸管理平台' },
+    },
+    {
+      path: '/login',
+      name: 'Login',
+      component: () => import('@/views/login/index.vue'),
+      meta: { hideTabbar: true, title: '账号登录' },
+    },
+    {
+      path: '/rmb-position',
+      name: 'RmbPosition',
+      component: () => import('@/views/rmb-position/index.vue'),
+      meta: { requiresAuth: true, hideTabbar: true, title: '本币预报信息查询' },
+    },
+    {
+      path: '/rmb-position/new',
+      name: 'RmbPositionCreate',
+      component: () => import('@/views/rmb-position-create/index.vue'),
+      meta: { requiresAuth: true, hideTabbar: true, title: '新增本币预报' },
+    },
+    {
+      path: '/rmb-position/:predRefNo',
+      name: 'RmbPositionDetail',
+      component: () => import('@/views/rmb-position-detail/index.vue'),
+      meta: { requiresAuth: true, hideTabbar: true, title: '预报详情' },
+    },
+    {
+      path: '/foreign-position',
+      name: 'ForeignPosition',
+      component: () => import('@/views/foreign-position/index.vue'),
+      meta: { requiresAuth: true, title: '外币头寸预报及查询' },
+    },
+    {
+      path: '/pbc-position',
+      name: 'PbcPosition',
+      component: () => import('@/views/pbc-position/index.vue'),
+      meta: { requiresAuth: true, hideTabbar: true, title: '人行头寸余额查询' },
+    },
+    {
+      path: '/position-estimate',
+      name: 'PositionEstimate',
+      component: () => import('@/views/position-estimate/index.vue'),
+      meta: { requiresAuth: true, title: '头寸匡算' },
+    },
+    {
+      path: '/position-estimate/report',
+      name: 'PositionEstimateReport',
+      component: () => import('@/views/position-estimate-report/index.vue'),
+      meta: { requiresAuth: true, hideTabbar: true, title: '头寸匡算报表' },
+    },
+    {
+      path: '/position-estimate/opening-reserve',
+      name: 'OpeningReserveEstimate',
+      component: () => import('@/views/opening-reserve-estimate/index.vue'),
+      meta: { requiresAuth: true, hideTabbar: true, title: '日初备款数匡算' },
+    },
+    {
+      path: '/net-debit',
+      name: 'NetDebit',
+      component: () => import('@/views/net-debit/index.vue'),
+      meta: { requiresAuth: true, title: '人民币净借记可用额度管理' },
+    },
+    {
+      path: '/clearing-detail',
+      name: 'ClearingDetail',
+      component: () => import('@/views/clearing-detail/index.vue'),
+      meta: { requiresAuth: true, title: '人民币小额网银清算场次明细' },
+    },
+    {
+      path: '/warning',
+      name: 'Warning',
+      component: () => import('@/views/warning/index.vue'),
+      meta: { requiresAuth: true, title: '预警信息' },
+    },
+    {
+      path: '/dashboard',
+      name: 'Dashboard',
+      component: () => import('@/views/dashboard/index.vue'),
+      meta: { requiresAuth: true, title: '看板' },
+    },
+    {
+      path: '/articles',
+      name: 'Articles',
+      component: () => import('@/views/articles/index.vue'),
+      meta: { requiresAuth: true, title: '公告' },
+    },
+    {
+      path: '/articles/new',
+      name: 'ArticlePublish',
+      component: () => import('@/views/article-edit/index.vue'),
+      meta: { requiresAuth: true, hideTabbar: true, title: '发布公告' },
+    },
+    {
+      path: '/articles/:id',
+      name: 'ArticleDetail',
+      component: () => import('@/views/article-detail/index.vue'),
+      meta: { requiresAuth: true, hideTabbar: true, title: '公告详情' },
+    },
+    {
+      path: '/articles/:id/edit',
+      name: 'ArticleEdit',
+      component: () => import('@/views/article-edit/index.vue'),
+      meta: { requiresAuth: true, hideTabbar: true, title: '编辑公告' },
+    },
+    {
+      path: '/mine',
+      name: 'Mine',
+      component: () => import('@/views/mine/index.vue'),
+      meta: { requiresAuth: true, title: '我的' },
+    },
+    {
+      path: '/settings',
+      name: 'Settings',
+      component: () => import('@/views/settings/index.vue'),
+      meta: { requiresAuth: true, hideTabbar: true, title: '设置' },
+    },
+  ],
+})
+
+router.beforeEach((to) => {
+  const userStore = useUserStore()
+  if (to.meta.requiresAuth && !userStore.token) {
+    return { name: 'Login' }
+  }
+})
+
+export default router

package/src/stores/app.ts

@@ -0,0 +1,103 @@
+import { defineStore } from 'pinia'
+import { waitNativeReady } from '@/core/mxApi'
+
+/**
+ * 应用级状态 Store
+ *
+ * 存放全局共享的运行时状态，应用设置通过 persistedstate 持久化。
+ * initNativeDetection 在 main.ts 挂载前调用，组件读取时值已就绪。
+ */
+export const useAppStore = defineStore(
+  'app',
+  () => {
+    /** 是否在原生 APP WebView 环境中 */
+    const isNative = ref(false)
+
+    /** 是否在底部导航中显示看板入口 */
+    const showDashboardTab = ref(false)
+
+    /** 是否在底部导航中显示公告入口 */
+    const showAnnouncementTab = ref(false)
+
+    /** 后端返回的系统工作日期原始值，来自 /uaa/log/lastLoginTime 的 appDt。 */
+    const systemAppDate = ref('')
+
+    /** 系统工作日期，页面日期控件使用 YYYY-MM-DD。 */
+    const systemWorkDate = computed(() => normalizeSystemWorkDate(systemAppDate.value) || today())
+
+    /** 系统工作日期，TAM 等接口使用 YYYYMMDD。 */
+    const systemWorkDateCompact = computed(() => systemWorkDate.value.replaceAll('-', ''))
+
+    /**
+     * 初始化原生环境检测
+     *
+     * 等待敏行宿主注入完成后判断当前运行环境。
+     */
+    async function initNativeDetection() {
+      isNative.value = await waitNativeReady()
+    }
+
+    function setShowDashboardTab(value: boolean) {
+      showDashboardTab.value = value
+    }
+
+    function setShowAnnouncementTab(value: boolean) {
+      showAnnouncementTab.value = value
+    }
+
+    function setSystemAppDate(value: string) {
+      systemAppDate.value = value
+    }
+
+    function clearSystemAppDate() {
+      systemAppDate.value = ''
+    }
+
+    return {
+      isNative,
+      showDashboardTab,
+      showAnnouncementTab,
+      systemAppDate,
+      systemWorkDate,
+      systemWorkDateCompact,
+      initNativeDetection,
+      setShowDashboardTab,
+      setShowAnnouncementTab,
+      setSystemAppDate,
+      clearSystemAppDate,
+    }
+  },
+  {
+    persist: {
+      key: 'mini2_app_settings',
+      pick: ['showDashboardTab', 'showAnnouncementTab', 'systemAppDate'],
+    },
+  },
+)
+
+function normalizeSystemWorkDate(value: string) {
+  const text = value.trim()
+
+  if (!text) return ''
+
+  const dashedDate = text.match(/^(\d{4})-(\d{2})-(\d{2})/)
+  if (dashedDate) {
+    return `${dashedDate[1]}-${dashedDate[2]}-${dashedDate[3]}`
+  }
+
+  const compactDate = text.match(/^(\d{4})(\d{2})(\d{2})/)
+  if (compactDate) {
+    return `${compactDate[1]}-${compactDate[2]}-${compactDate[3]}`
+  }
+
+  return ''
+}
+
+function today() {
+  const now = new Date()
+  const year = now.getFullYear()
+  const month = String(now.getMonth() + 1).padStart(2, '0')
+  const day = String(now.getDate()).padStart(2, '0')
+
+  return `${year}-${month}-${day}`
+}

package/src/stores/counter.ts

@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})

package/src/stores/user.ts

@@ -0,0 +1,137 @@
+import { defineStore } from 'pinia'
+import type { UserOrg } from '@/api/user'
+import type { AuthTokenPayload } from '@/utils/auth-token'
+
+const LEGACY_TOKEN_KEYS = ['token', 'refresh_token', 'user']
+
+/** 用户登录态在本地存储中的 key，由 pinia-plugin-persistedstate 使用。 */
+const AUTH_PERSIST_KEY = 'mini2_user_auth'
+
+/**
+ * 用户状态 Store
+ *
+ * 使用 Composition API 风格（setup 语法）定义。
+ * 登录信息通过 pinia-plugin-persistedstate 保存到本地，刷新页面后可继续使用。
+ */
+export const useUserStore = defineStore(
+  'user',
+
+  () => {
+    // -------------------------------- State --------------------------------
+
+    /** 登录凭证，登录成功后由后端返回，后续请求通过请求头携带 */
+    const token = ref('1s')
+    const refreshToken = ref('')
+    const username = ref('')
+    const realName = ref('')
+    const organizationName = ref('')
+
+    /** 登录接口原始返回信息，已在保存前去除敏感字段。 */
+    const authPayload = ref<AuthTokenPayload | null>(null)
+
+    /** 当前登录机构，登录后取机构列表第一条。 */
+    const loginOrg = ref<UserOrg | null>(null)
+
+    clearLegacyStoredTokens()
+
+    // ------------------------------ Actions --------------------------------
+
+    /**
+     * 设置 token
+     * 登录成功或刷新 token 成功后调用。
+     */
+    function setToken(value: string) {
+      token.value = value
+    }
+
+    function setRefreshToken(value: string) {
+      refreshToken.value = value
+    }
+
+    function setAuthTokens(
+      accessToken: string,
+      newRefreshToken?: string,
+      payload?: AuthTokenPayload,
+    ) {
+      setToken(accessToken)
+
+      if (newRefreshToken) {
+        setRefreshToken(newRefreshToken)
+      }
+
+      if (payload) {
+        authPayload.value = payload
+      }
+    }
+
+    function setUserInfo(info: {
+      username?: string
+      realName?: string
+      organizationName?: string
+    }) {
+      username.value = info.username || username.value
+      realName.value = info.realName || realName.value
+      organizationName.value = info.organizationName || organizationName.value
+    }
+
+    function setAuthPayload(payload: AuthTokenPayload | null) {
+      authPayload.value = payload
+    }
+
+    function setLoginOrg(org: UserOrg) {
+      loginOrg.value = org
+      organizationName.value = org.orgCnAbre || organizationName.value
+    }
+
+    /**
+     * 清空 token
+     * 退出登录或刷新 token 失败时调用。
+     */
+    function clearToken() {
+      token.value = ''
+      refreshToken.value = ''
+      username.value = ''
+      realName.value = ''
+      organizationName.value = ''
+      authPayload.value = null
+      loginOrg.value = null
+    }
+
+    // ----------------------------- Return ----------------------------------
+
+    return {
+      token,
+      refreshToken,
+      username,
+      realName,
+      organizationName,
+      authPayload,
+      loginOrg,
+      setToken,
+      setRefreshToken,
+      setAuthTokens,
+      setUserInfo,
+      setAuthPayload,
+      setLoginOrg,
+      clearToken,
+    }
+  },
+  {
+    persist: {
+      key: AUTH_PERSIST_KEY,
+      pick: [
+        'token',
+        'refreshToken',
+        'username',
+        'realName',
+        'organizationName',
+        'authPayload',
+        'loginOrg',
+      ],
+    },
+  },
+)
+
+function clearLegacyStoredTokens() {
+  LEGACY_TOKEN_KEYS.forEach((key) => localStorage.removeItem(key))
+}

package/src/styles/nprogress.css

@@ -0,0 +1,22 @@
+#nprogress {
+  pointer-events: none;
+}
+
+#nprogress .bar {
+  top: calc(50px + env(safe-area-inset-top));
+  left: max(0px, calc((100vw - 750px) / 2));
+  width: min(100vw, 750px);
+  height: 2px;
+  background: #f22f3d;
+  z-index: 21;
+}
+
+#nprogress .peg {
+  box-shadow:
+    0 0 10px #f22f3d,
+    0 0 5px #f22f3d;
+}
+
+#nprogress .spinner {
+  display: none;
+}

package/src/styles/vant-overrides.css

@@ -0,0 +1,42 @@
+:root {
+  --van-toast-max-width: min(78vw, 360px);
+  --van-toast-font-size: 14px;
+  --van-toast-line-height: 1.45;
+  --van-toast-text-color: #fff;
+  --van-toast-radius: 8px;
+  --van-toast-text-min-width: 96px;
+  --van-toast-text-padding: 9px 14px;
+  --van-toast-default-padding: 14px 16px;
+  --van-toast-default-width: auto;
+  --van-toast-default-min-height: 0;
+  --van-toast-background: rgba(17, 24, 39, 0.82);
+  --van-toast-loading-icon-color: #fff;
+}
+
+.van-toast {
+  color: #fff !important;
+  background: rgba(17, 24, 39, 0.82) !important;
+  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.2);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+}
+
+.van-toast--text {
+  width: fit-content;
+  min-width: 96px;
+  max-width: min(78vw, 360px);
+  min-height: 0 !important;
+  padding: 9px 14px !important;
+  border-radius: 8px !important;
+}
+
+.van-toast__text {
+  color: #fff !important;
+  font-size: 14px;
+  line-height: 1.45;
+  word-break: break-word;
+}
+
+.van-toast__loading {
+  color: #fff !important;
+}

package/src/types/api.d.ts

@@ -0,0 +1,14 @@
+/** 后端统一响应格式 */
+export interface ApiResponse<T = unknown> {
+  code: number | string
+  message: string
+  data: T
+}
+
+/** 分页响应 */
+export interface PaginatedData<T> {
+  list: T[]
+  total: number
+  page: number
+  pageSize: number
+}

package/src/types/nprogress.d.ts

@@ -0,0 +1,8 @@
+declare module 'nprogress' {
+  const NProgress: {
+    configure(options: { showSpinner?: boolean }): void
+    start(): void
+    done(): void
+  }
+  export default NProgress
+}