minitest2.0 0.0.0

package/src/views/login/index.vue

@@ -0,0 +1,275 @@
+<script setup lang="ts">
+import { useRouter } from 'vue-router'
+import { getLastLoginTimeApi, getOrgByUserNameApi, loginApi, loginByAppTokenApi } from '@/api/user'
+import { useAppStore } from '@/stores/app'
+import { useUserStore } from '@/stores/user'
+import { getAppToken } from '@/core/mxApi'
+import { appEnv } from '@/config/env'
+import { saveAuthTokens, type AuthTokenResponse } from '@/utils/auth-token'
+import { showAppToast } from '@/utils/toast'
+
+const router = useRouter()
+const appStore = useAppStore()
+const userStore = useUserStore()
+
+const form = ref({
+  username: '',
+  password: '',
+})
+
+const loading = ref(false)
+const appVersion = __APP_VERSION__
+const APP_TOKEN_TIMEOUT = 30000
+const LOGIN_UNAVAILABLE_MESSAGE = '抱歉暂时无法登录'
+const MOCK_APP_TOKEN = 'mock_token'
+const isDevelopment = appEnv === 'development'
+
+onMounted(() => {
+  if (!appStore.isNative) return
+
+  loginWithAppToken()
+})
+
+async function loginWithAppToken() {
+  loading.value = true
+  try {
+    await loginByAppToken(await getLoginAppToken())
+  } catch (error) {
+    console.error('[登录页] APP token 自动登录失败', error)
+    if (!isLoginUnavailableError(error)) {
+      showAppToast({ message: 'APP 自动登录失败，请手动登录', duration: 3000 })
+    }
+    appStore.isNative = false
+  } finally {
+    loading.value = false
+  }
+}
+
+function getLoginAppToken() {
+  return isDevelopment ? Promise.resolve(MOCK_APP_TOKEN) : getAppTokenWithTimeout()
+}
+
+function getAppTokenWithTimeout() {
+  return Promise.race([
+    getAppToken(),
+    new Promise<string>((_, reject) => {
+      window.setTimeout(() => {
+        reject(new Error('30 秒内未获取到敏行 token'))
+      }, APP_TOKEN_TIMEOUT)
+    }),
+  ])
+}
+
+async function onSubmit() {
+  loading.value = true
+  try {
+    if (isDevelopment) {
+      await loginByAppToken(MOCK_APP_TOKEN)
+      return
+    }
+
+    await loginByPassword()
+  } catch (error) {
+    if (!isLoginUnavailableError(error)) {
+      console.error('[登录页] 账号密码登录失败', error)
+    }
+    // 错误已由 request.ts 拦截器统一处理
+  } finally {
+    loading.value = false
+  }
+}
+
+async function loginByAppToken(appToken: string) {
+  const res = await loginByAppTokenApi(appToken)
+  await saveBusinessTokenAndOrg(res)
+  showAppToast('登录成功')
+  router.push('/')
+}
+
+async function loginByPassword() {
+  const res = await loginApi(form.value)
+  await saveBusinessTokenAndOrg(res)
+  showAppToast('登录成功')
+  router.push('/')
+}
+
+async function saveBusinessTokenAndOrg(response: unknown) {
+  // 先保存 token，后续机构接口需要携带 Authorization 访问。
+  saveAuthTokens(response as AuthTokenResponse)
+
+  try {
+    await saveSystemWorkDate()
+
+    const username = userStore.username.trim()
+    if (!username) {
+      rejectLoginWithoutOrg()
+    }
+
+    const orgResponse = await getOrgByUserNameApi(username)
+    // 后端约定第一条机构就是当前登录机构；空数组表示该用户暂不可进入系统。
+    const firstOrg = Array.isArray(orgResponse.data) ? orgResponse.data[0] : undefined
+
+    if (!firstOrg) {
+      rejectLoginWithoutOrg()
+    }
+
+    // 机构列表第一条就是当前用户本次登录机构，保存后供 TAM 公共 head 使用。
+    userStore.setLoginOrg(firstOrg)
+  } catch (error) {
+    // 机构校验失败时撤销刚保存的登录态，避免后续路由误认为已登录。
+    userStore.clearToken()
+    appStore.clearSystemAppDate()
+    throw error
+  }
+}
+
+async function saveSystemWorkDate() {
+  const response = await getLastLoginTimeApi()
+  const appDt = response.data?.appDt
+
+  if (!appDt) {
+    throw new Error('系统工作日期为空')
+  }
+
+  appStore.setSystemAppDate(appDt)
+}
+
+function rejectLoginWithoutOrg(): never {
+  showAppToast(LOGIN_UNAVAILABLE_MESSAGE)
+  throw new Error(LOGIN_UNAVAILABLE_MESSAGE)
+}
+
+function isLoginUnavailableError(error: unknown) {
+  return error instanceof Error && error.message === LOGIN_UNAVAILABLE_MESSAGE
+}
+</script>
+
+<template>
+  <div class="login-page">
+    <van-loading v-if="appStore.isNative" vertical class="native-loading">
+      正在登录...
+    </van-loading>
+
+    <template v-else>
+      <section class="login-header">
+        <p class="login-eyebrow">Welcome back</p>
+        <h1 class="login-title">账号登录</h1>
+        <p class="login-subtitle">请输入账号信息继续访问</p>
+      </section>
+
+      <van-form class="login-form" @submit="onSubmit">
+        <van-cell-group inset class="form-panel">
+          <van-field
+            v-model="form.username"
+            name="username"
+            label="用户名"
+            placeholder="请输入用户名"
+            :rules="[{ required: true, message: '请输入用户名' }]"
+          />
+          <van-field
+            v-model="form.password"
+            type="password"
+            name="password"
+            label="密码"
+            placeholder="请输入密码"
+            :rules="[{ required: true, message: '请输入密码' }]"
+          />
+        </van-cell-group>
+        <div class="btn-wrap">
+          <van-button block round type="primary" native-type="submit" :loading="loading">
+            登录
+          </van-button>
+        </div>
+      </van-form>
+    </template>
+
+    <footer class="login-version">v{{ appVersion }}</footer>
+  </div>
+</template>
+
+<style scoped>
+.login-page {
+  min-height: var(--app-page-min-height, 100vh);
+  padding: 72px 24px 24px;
+  display: flex;
+  flex-direction: column;
+  background:
+    radial-gradient(circle at 18% 8%, rgba(25, 137, 250, 0.16), transparent 110px),
+    linear-gradient(180deg, #f6f9ff 0%, #ffffff 44%, #f7f8fa 100%);
+  box-sizing: border-box;
+}
+
+.login-header {
+  margin-bottom: 36px;
+}
+
+.login-eyebrow {
+  margin: 0 0 10px;
+  color: #1989fa;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.2;
+}
+
+.login-title {
+  margin: 0;
+  color: #1f2937;
+  font-size: 28px;
+  font-weight: 700;
+  line-height: 1.18;
+}
+
+.login-subtitle {
+  margin: 10px 0 0;
+  color: #6b7280;
+  font-size: 15px;
+  line-height: 1.5;
+}
+
+.login-form {
+  --van-cell-font-size: 15px;
+  --van-cell-line-height: 24px;
+  --van-cell-vertical-padding: 15px;
+  --van-cell-horizontal-padding: 16px;
+  --van-field-label-width: 66px;
+  --van-field-label-margin-right: 8px;
+  --van-field-placeholder-text-color: #b6bdc8;
+  --van-button-large-height: 48px;
+  --van-button-default-height: 48px;
+  --van-button-default-font-size: 17px;
+}
+
+.form-panel {
+  margin: 0;
+  border-radius: 14px;
+  overflow: hidden;
+  box-shadow: 0 10px 30px rgba(31, 41, 55, 0.08);
+}
+
+.btn-wrap {
+  margin-top: 28px;
+}
+
+.btn-wrap :deep(.van-button) {
+  border: 0;
+  background: linear-gradient(135deg, #1989fa 0%, #1268e5 100%);
+  box-shadow: 0 9px 18px rgba(25, 137, 250, 0.26);
+  font-weight: 600;
+}
+
+.native-loading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 60vh;
+}
+
+.login-version {
+  margin-top: auto;
+  padding-top: 28px;
+  color: #9ca3af;
+  font-size: 12px;
+  line-height: 1.4;
+  text-align: center;
+}
+</style>

package/src/views/mine/index.vue

@@ -0,0 +1,147 @@
+<script setup lang="ts">
+import { useUserStore } from '@/stores/user'
+import { showAppToast } from '@/utils/toast'
+
+defineOptions({ name: 'MinePage' })
+
+const router = useRouter()
+const userStore = useUserStore()
+const appVersion = __APP_VERSION__
+
+const tokenText = computed(() => (userStore.token ? '已登录' : '未登录'))
+const displayName = computed(() => userStore.realName || userStore.username || tokenText.value)
+const organizationNameText = computed(() => userStore.organizationName || '暂无所属机构')
+
+function openSettings() {
+  router.push('/settings')
+}
+
+async function handleLogout() {
+  try {
+    await showConfirmDialog({
+      title: '退出登录',
+      message: '确认退出当前账号？',
+      confirmButtonText: '退出',
+      confirmButtonColor: '#f22f3d',
+    })
+    userStore.clearToken()
+    showAppToast('已退出登录')
+    router.replace('/login')
+  } catch {
+    // 用户取消时不需要处理
+  }
+}
+</script>
+
+<template>
+  <main class="mine-page">
+    <section class="profile-header">
+      <div class="avatar" aria-hidden="true">
+        <van-icon name="manager-o" />
+      </div>
+      <div class="profile-copy">
+        <h1>{{ displayName }}</h1>
+        <p>{{ organizationNameText }}</p>
+      </div>
+    </section>
+
+    <section class="info-section">
+      <van-cell-group inset>
+        <van-cell title="登录状态" :value="tokenText" />
+        <van-cell title="应用版本" :value="`v${appVersion}`" />
+        <van-cell title="设置" icon="setting-o" is-link @click="openSettings" />
+      </van-cell-group>
+    </section>
+
+    <section class="action-section">
+      <van-button block round type="danger" plain @click="handleLogout">重新登录</van-button>
+    </section>
+  </main>
+</template>
+
+<style scoped>
+.mine-page {
+  width: 100%;
+  max-width: 750px;
+  min-height: var(--app-page-min-height, 100vh);
+  margin: 0 auto;
+  padding: 22px 11px 24px;
+  color: #171b20;
+  background: radial-gradient(circle at 16% 4%, rgba(242, 47, 61, 0.1), transparent 112px), #f7f8fa;
+  box-sizing: border-box;
+}
+
+.profile-header {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  min-height: 92px;
+  padding: 18px 16px;
+  border-radius: 8px;
+  background: linear-gradient(135deg, #ffffff 0%, #fff5f6 100%);
+  box-shadow: 0 6px 18px rgba(22, 27, 34, 0.05);
+  box-sizing: border-box;
+}
+
+.avatar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 54px;
+  height: 54px;
+  flex: 0 0 54px;
+  border-radius: 50%;
+  color: #ffffff;
+  font-size: 28px;
+  background: linear-gradient(135deg, #f22f3d 0%, #ff6a71 100%);
+}
+
+.profile-copy {
+  flex: 1;
+  min-width: 0;
+}
+
+.profile-copy h1 {
+  margin: 0;
+  color: #171b20;
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 1.25;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.profile-copy p {
+  margin: 6px 0 0;
+  color: #6b7280;
+  font-size: 14px;
+  line-height: 1.4;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.info-section {
+  margin-top: 14px;
+}
+
+.info-section :deep(.van-cell-group--inset) {
+  margin: 0;
+  border-radius: 8px;
+}
+
+.info-section :deep(.van-cell) {
+  align-items: center;
+  min-height: 50px;
+}
+
+.action-section {
+  margin-top: 22px;
+}
+
+.action-section :deep(.van-button) {
+  height: 46px;
+  font-size: 16px;
+}
+</style>

package/src/views/net-debit/index.vue

@@ -0,0 +1,26 @@
+<template>
+  <main class="page">
+    <section class="page-body">
+      <p class="placeholder">页面建设中…</p>
+    </section>
+  </main>
+</template>
+
+<style scoped>
+.page {
+  max-width: 750px;
+  min-height: var(--app-page-min-height, 100vh);
+  margin: 0 auto;
+  padding: 0 11px;
+  background: #f7f8fa;
+}
+.page-body {
+  padding: 24px 0;
+}
+.placeholder {
+  text-align: center;
+  color: #969799;
+  font-size: 14px;
+  padding-top: 120px;
+}
+</style>

package/src/views/opening-reserve-estimate/index.vue

@@ -0,0 +1,28 @@
+<template>
+  <main class="page">
+    <section class="page-body">
+      <p class="placeholder">页面建设中…</p>
+    </section>
+  </main>
+</template>
+
+<style scoped>
+.page {
+  max-width: 750px;
+  min-height: var(--app-page-min-height, 100vh);
+  margin: 0 auto;
+  padding: 0 11px;
+  background: #f7f8fa;
+}
+
+.page-body {
+  padding: 24px 0;
+}
+
+.placeholder {
+  padding-top: 120px;
+  color: #969799;
+  font-size: 14px;
+  text-align: center;
+}
+</style>