minitest2.0 0.0.0

package/src/views/rmb-position-create/index.vue

@@ -0,0 +1,221 @@
+<script setup lang="ts">
+import { useAppStore } from '@/stores/app'
+import { showAppToast } from '@/utils/toast'
+
+defineOptions({ name: 'RmbPositionCreatePage' })
+
+type PendingForecast = {
+  institution: string
+  date: string
+  customerType: string
+  business: string
+  amount: number
+}
+
+const route = useRoute()
+const router = useRouter()
+const appStore = useAppStore()
+const pendingForecastKey = 'rmb-position:pending-create'
+
+const form = reactive({
+  tranDate: getInitialTranDate(),
+  institution: '北京银行总行核算中心',
+  customerType: '其他用户',
+  business: '',
+  amount: '',
+})
+
+const submitting = ref(false)
+
+function getInitialTranDate() {
+  const tranDate = route.query.tranDate
+
+  if (typeof tranDate === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(tranDate)) {
+    return tranDate
+  }
+
+  return appStore.systemWorkDate
+}
+
+function parseAmount(value: string) {
+  if (!value.trim()) return undefined
+
+  const amount = Number(value)
+  return Number.isFinite(amount) ? amount : undefined
+}
+
+function submitCreate() {
+  if (submitting.value) return
+
+  const amount = parseAmount(form.amount)
+
+  if (!form.tranDate) {
+    showAppToast('请选择交易日期')
+    return
+  }
+
+  if (!form.institution.trim() || !form.business.trim()) {
+    showAppToast('请补充落地机构和业务类型')
+    return
+  }
+
+  if (form.amount && amount === undefined) {
+    showAppToast('请输入正确的预报金额')
+    return
+  }
+
+  submitting.value = true
+
+  const pendingForecast: PendingForecast = {
+    institution: form.institution.trim(),
+    date: form.tranDate,
+    customerType: form.customerType.trim() || '其他用户',
+    business: form.business.trim(),
+    amount: amount ?? 0,
+  }
+
+  sessionStorage.setItem(pendingForecastKey, JSON.stringify(pendingForecast))
+  showAppToast('新增预报成功')
+  router.replace({ name: 'RmbPosition' })
+}
+</script>
+
+<template>
+  <main class="create-page">
+    <section class="form-card" aria-label="新增本币预报表单">
+      <van-cell-group inset class="forecast-form">
+        <van-field
+          v-model="form.tranDate"
+          label="交易日期"
+          type="date"
+          inputmode="numeric"
+          placeholder="请选择交易日期"
+        />
+        <van-field v-model.trim="form.institution" label="落地机构" placeholder="请输入落地机构" />
+        <van-field v-model.trim="form.customerType" label="客户类型" placeholder="请输入客户类型" />
+        <van-field v-model.trim="form.business" label="业务类型" placeholder="请输入业务类型" />
+        <van-field
+          v-model.trim="form.amount"
+          label="预报金额"
+          type="number"
+          inputmode="decimal"
+          placeholder="请输入金额"
+        >
+          <template #right-icon>亿元</template>
+        </van-field>
+      </van-cell-group>
+    </section>
+
+    <footer class="action-bar">
+      <button class="cancel-btn" type="button" @click="router.back()">取消</button>
+      <button class="submit-btn" type="button" :disabled="submitting" @click="submitCreate">
+        确认新增
+      </button>
+    </footer>
+  </main>
+</template>
+
+<style scoped>
+.create-page {
+  width: 100%;
+  max-width: 750px;
+  min-height: var(--app-page-min-height, 100vh);
+  margin: 0 auto;
+  padding: 13px 13px calc(env(safe-area-inset-bottom, 0px) + 88px);
+  color: #080d1f;
+  background:
+    radial-gradient(circle at 50% 0%, rgba(255, 242, 243, 0.92), transparent 118px),
+    linear-gradient(180deg, #ffffff 0%, #fbfcfd 54%, #ffffff 100%);
+  box-sizing: border-box;
+}
+
+.form-card {
+  margin-top: 15px;
+  border-radius: 13px;
+  padding: 8px 0;
+  background: rgba(255, 255, 255, 0.96);
+  box-shadow: 0 7px 22px rgba(21, 28, 45, 0.055);
+}
+
+.forecast-form {
+  margin: 0;
+  overflow: hidden;
+  border-radius: 13px;
+  background: transparent;
+}
+
+.forecast-form :deep(.van-cell) {
+  min-height: 56px;
+  align-items: center;
+  padding: 10px 14px;
+  background: transparent;
+}
+
+.forecast-form :deep(.van-field__label) {
+  width: 72px;
+  color: #111728;
+  font-size: 14px;
+  font-weight: 650;
+}
+
+.forecast-form :deep(.van-field__control) {
+  color: #202638;
+  font-size: 14px;
+  text-align: right;
+}
+
+.forecast-form :deep(.van-field__right-icon) {
+  min-width: 28px;
+  color: #7f8798;
+  font-size: 12px;
+  text-align: right;
+}
+
+.action-bar {
+  position: fixed;
+  right: max(13px, calc((100vw - 750px) / 2 + 13px));
+  bottom: calc(env(safe-area-inset-bottom, 0px) + 14px);
+  left: max(13px, calc((100vw - 750px) / 2 + 13px));
+  z-index: 20;
+  display: grid;
+  grid-template-columns: 96px 1fr;
+  gap: 10px;
+}
+
+.cancel-btn,
+.submit-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 44px;
+  border-radius: 22px;
+  font-size: 15px;
+  font-weight: 650;
+}
+
+.cancel-btn {
+  border: 1px solid #e5e8ef;
+  color: #303747;
+  background: rgba(255, 255, 255, 0.94);
+}
+
+.submit-btn {
+  color: #ffffff;
+  background: linear-gradient(135deg, #ff3340 0%, #ff1d34 100%);
+  box-shadow: 0 9px 18px rgba(255, 36, 52, 0.18);
+}
+
+.submit-btn:disabled {
+  opacity: 0.68;
+}
+
+@media (max-width: 340px) {
+  .forecast-form :deep(.van-field__label) {
+    width: 64px;
+  }
+
+  .action-bar {
+    grid-template-columns: 82px 1fr;
+  }
+}
+</style>

package/src/views/rmb-position-detail/index.vue

@@ -0,0 +1,355 @@
+<script setup lang="ts">
+import {
+  buildRmbForecastDetailPayload,
+  queryRmbForecastDetail,
+  type RmbForecastDetailRecord,
+} from '@/api/rmb-position'
+import {
+  formatForecastAmountText,
+  formatRmbForecastDate,
+  resolveBusinessType,
+  resolveClientType,
+  resolveForecastStatus,
+} from '@/utils/rmb-forecast'
+import { showAppToast } from '@/utils/toast'
+
+defineOptions({ name: 'RmbPositionDetailPage' })
+
+type DetailField = {
+  label: string
+  value: string
+}
+
+type DetailSection = {
+  title: string
+  fields: DetailField[]
+}
+
+const route = useRoute()
+const router = useRouter()
+
+const predRefNo = computed(() => String(route.params.predRefNo || ''))
+const detail = ref<RmbForecastDetailRecord>()
+const loading = ref(false)
+const loadError = ref(false)
+const statusOption = computed(() => resolveForecastStatus(detail.value?.predStatus))
+const heroAmount = computed(() => formatForecastAmountText(detail.value?.predAmt))
+const heroDate = computed(() => formatRmbForecastDate(detail.value?.tranDate))
+
+const detailSections = computed<DetailSection[]>(() => {
+  const item = detail.value
+
+  if (!item) return []
+
+  return [
+    {
+      title: '基础信息',
+      fields: [
+        { label: '预报流水号', value: fieldText(item.predRefNo) },
+        { label: '交易日期', value: formatRmbForecastDate(item.tranDate) },
+        { label: '预报日期', value: formatRmbForecastDate(item.predDate) },
+        { label: '预报状态', value: statusOption.value.label },
+        { label: '核销状态', value: fieldText(item.verifyStatus) },
+        { label: '额度标志', value: fieldText(item.eduFlag) },
+      ],
+    },
+    {
+      title: '机构与人员',
+      fields: [
+        { label: '预报机构', value: fieldText(item.predBranchName || item.predBranch) },
+        { label: '预报机构代码', value: fieldText(item.predBranch) },
+        { label: '预报人员编号', value: fieldText(item.predCode) },
+        { label: '预报人员姓名', value: fieldText(item.predName) },
+        { label: '落地机构名称', value: fieldText(item.groundBranch) },
+        { label: '落地机构代码', value: fieldText(item.groundBranchCode) },
+      ],
+    },
+    {
+      title: '业务信息',
+      fields: [
+        { label: '业务类型', value: resolveBusinessType(item.busiType) },
+        { label: '客户类型', value: resolveClientType(item.clientType) },
+        { label: '客户名称', value: fieldText(item.clientName) },
+        { label: '交易对手名称', value: fieldText(item.competName) },
+        { label: '交易对手账号', value: fieldText(item.competAcct) },
+        { label: '标准名称', value: fieldText(item.standardName) },
+        { label: '用途', value: fieldText(item.purpose) },
+        { label: '备注', value: fieldText(item.remark) },
+      ],
+    },
+    {
+      title: '支付与金额',
+      fields: [
+        { label: '预报金额', value: formatForecastAmountText(item.predAmt) },
+        { label: '已核销金额', value: formatForecastAmountText(item.verifyAmt) },
+        { label: '支付渠道', value: fieldText(item.payChannel) },
+        { label: '收支方向', value: fieldText(item.payDirec) },
+      ],
+    },
+    {
+      title: '票据与联系',
+      fields: [
+        { label: '出票日', value: formatRmbForecastDate(item.billDate) },
+        { label: '票号', value: fieldText(item.billNo) },
+        { label: '联系人', value: fieldText(item.linkMan) },
+        { label: '联系电话', value: fieldText(item.phoneNo) },
+      ],
+    },
+  ]
+})
+
+onMounted(() => {
+  loadDetail()
+})
+
+async function loadDetail() {
+  if (!predRefNo.value) {
+    loadError.value = true
+    return
+  }
+
+  loading.value = true
+  loadError.value = false
+
+  const payload = buildRmbForecastDetailPayload(predRefNo.value)
+  console.log('[人民币预报详情入参]', payload)
+
+  try {
+    const response = await queryRmbForecastDetail(payload)
+    detail.value = response.body
+  } catch (error) {
+    console.error('[人民币预报详情加载失败]', error)
+    loadError.value = true
+    showAppToast('详情加载失败，请重试')
+  } finally {
+    loading.value = false
+  }
+}
+
+function fieldText(value?: string) {
+  const text = value?.trim()
+  return text || '-'
+}
+</script>
+
+<template>
+  <main class="detail-page">
+    <section v-if="loading" class="state-section">
+      <van-loading vertical>加载中...</van-loading>
+    </section>
+
+    <template v-else-if="detail">
+      <section class="hero-card" aria-label="预报详情概要">
+        <div class="hero-topline">
+          <span class="status-tag" :class="statusOption.className">{{ statusOption.label }}</span>
+          <span class="hero-date">{{ heroDate }}</span>
+        </div>
+        <strong>{{ heroAmount }}</strong>
+        <p>{{ detail.predRefNo || predRefNo }}</p>
+      </section>
+
+      <section
+        v-for="section in detailSections"
+        :key="section.title"
+        class="detail-card"
+        :aria-label="section.title"
+      >
+        <h2>{{ section.title }}</h2>
+        <dl class="detail-list">
+          <div v-for="field in section.fields" :key="`${section.title}-${field.label}`">
+            <dt>{{ field.label }}</dt>
+            <dd>{{ field.value }}</dd>
+          </div>
+        </dl>
+      </section>
+    </template>
+
+    <van-empty v-else image="error" :description="loadError ? '详情加载失败' : '详情不存在'">
+      <van-button v-if="loadError" round type="danger" @click="loadDetail">重试</van-button>
+      <van-button v-else round type="danger" @click="router.replace('/rmb-position')">
+        返回列表
+      </van-button>
+    </van-empty>
+  </main>
+</template>
+
+<style scoped>
+.detail-page {
+  width: 100%;
+  max-width: 750px;
+  min-height: var(--app-page-min-height, 100vh);
+  margin: 0 auto;
+  padding: 13px 13px calc(env(safe-area-inset-bottom, 0px) + 24px);
+  color: #080d1f;
+  background:
+    radial-gradient(circle at 50% 0%, rgba(255, 242, 243, 0.92), transparent 118px),
+    linear-gradient(180deg, #ffffff 0%, #fbfcfd 54%, #ffffff 100%);
+  box-sizing: border-box;
+}
+
+button {
+  border: 0;
+  padding: 0;
+  background: transparent;
+  appearance: none;
+}
+
+.state-section {
+  display: flex;
+  justify-content: center;
+  padding-top: 120px;
+}
+
+.hero-card {
+  margin-top: 15px;
+  border-radius: 13px;
+  padding: 16px;
+  color: #ffffff;
+  background: linear-gradient(135deg, #f22f3d 0%, #ff5660 100%);
+  box-shadow: 0 13px 28px rgba(244, 29, 48, 0.18);
+}
+
+.hero-topline {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.hero-card strong {
+  display: block;
+  margin-top: 18px;
+  font-size: 27px;
+  font-weight: 800;
+  line-height: 1.1;
+}
+
+.hero-card p {
+  overflow: hidden;
+  margin: 12px 0 0;
+  color: rgba(255, 255, 255, 0.82);
+  font-size: 12px;
+  line-height: 1.3;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.hero-date {
+  color: rgba(255, 255, 255, 0.88);
+  font-size: 13px;
+  font-weight: 650;
+}
+
+.detail-card {
+  margin-top: 10px;
+  border-radius: 13px;
+  padding: 15px;
+  background: rgba(255, 255, 255, 0.96);
+  box-shadow: 0 7px 22px rgba(21, 28, 45, 0.055);
+}
+
+.detail-card h2 {
+  margin: 0;
+  color: #111728;
+  font-size: 15px;
+  font-weight: 760;
+  line-height: 1.2;
+}
+
+.detail-list {
+  margin: 12px 0 0;
+}
+
+.detail-list div {
+  display: grid;
+  grid-template-columns: 96px minmax(0, 1fr);
+  gap: 12px;
+  padding: 10px 0;
+  border-top: 1px solid #eef0f4;
+}
+
+.detail-list div:first-child {
+  border-top: 0;
+}
+
+.detail-list dt,
+.detail-list dd {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.42;
+}
+
+.detail-list dt {
+  color: #7f8798;
+}
+
+.detail-list dd {
+  overflow-wrap: anywhere;
+  color: #151827;
+  font-weight: 650;
+  text-align: right;
+}
+
+.status-tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 20px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  padding: 2px 7px;
+  font-size: 11px;
+  font-weight: 650;
+  line-height: 1.25;
+  white-space: nowrap;
+}
+
+.status-tag-normal {
+  border-color: #b7ebc9;
+  color: #0b8f3a;
+  background: #e4f8eb;
+}
+
+.status-tag-delayed {
+  border-color: #ffd99a;
+  color: #a05a00;
+  background: #fff4d8;
+}
+
+.status-tag-normal-delete {
+  border-color: #b7d7ff;
+  color: #1d5fbf;
+  background: #e6f0ff;
+}
+
+.status-tag-normal-delay-delete {
+  border-color: #d5c2ff;
+  color: #6e43c4;
+  background: #f0eaff;
+}
+
+.status-tag-delayed-late-delete {
+  border-color: #ffc0cb;
+  color: #bf2549;
+  background: #ffe8ed;
+}
+
+.status-tag-late-delay-delete {
+  border-color: #a7dced;
+  color: #08768f;
+  background: #dff6fb;
+}
+
+.status-tag-unknown {
+  border-color: #d6dbe3;
+  color: #687083;
+  background: #f3f5f8;
+}
+
+@media (max-width: 340px) {
+  .detail-list div {
+    grid-template-columns: 84px minmax(0, 1fr);
+    gap: 8px;
+  }
+}
+</style>

package/src/views/settings/index.vue

@@ -0,0 +1,67 @@
+<script setup lang="ts">
+import { useAppStore } from '@/stores/app'
+
+defineOptions({ name: 'SettingsPage' })
+
+const appStore = useAppStore()
+
+const showDashboardTab = computed({
+  get: () => appStore.showDashboardTab,
+  set: (value: boolean) => appStore.setShowDashboardTab(value),
+})
+
+const showAnnouncementTab = computed({
+  get: () => appStore.showAnnouncementTab,
+  set: (value: boolean) => appStore.setShowAnnouncementTab(value),
+})
+</script>
+
+<template>
+  <main class="settings-page">
+    <section class="settings-section">
+      <van-cell-group inset>
+        <van-cell title="显示看板" label="控制底部导航栏是否显示看板入口" center>
+          <template #right-icon>
+            <van-switch v-model="showDashboardTab" size="22px" active-color="#f22f3d" />
+          </template>
+        </van-cell>
+        <van-cell title="显示公告" label="控制底部导航栏是否显示公告入口" center>
+          <template #right-icon>
+            <van-switch v-model="showAnnouncementTab" size="22px" active-color="#f22f3d" />
+          </template>
+        </van-cell>
+      </van-cell-group>
+    </section>
+  </main>
+</template>
+
+<style scoped>
+.settings-page {
+  width: 100%;
+  max-width: 750px;
+  min-height: var(--app-page-min-height, 100vh);
+  margin: 0 auto;
+  padding: 14px 11px 28px;
+  color: #171b20;
+  background: #f7f8fa;
+  box-sizing: border-box;
+}
+
+.settings-section {
+  margin-top: 0;
+}
+
+.settings-section :deep(.van-cell-group--inset) {
+  margin: 0;
+  border-radius: 8px;
+}
+
+.settings-section :deep(.van-cell) {
+  align-items: center;
+  min-height: 62px;
+}
+
+.settings-section :deep(.van-cell__title) {
+  min-width: 0;
+}
+</style>

package/src/views/warning/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/tsconfig.app.json

@@ -0,0 +1,18 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "auto-imports.d.ts", "components.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    // Extra safety for array and object lookups, but may have false positives.
+    "noUncheckedIndexedAccess": true,
+
+    // Path mapping for cleaner imports.
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+
+    // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+    // Specified here to keep it out of the root directory.
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}