minitest2.0 0.0.5 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minitest2.0",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "private": false,
   "type": "module",
   "repository": {

package/src/api/announcement.ts

@@ -44,6 +44,7 @@ const ALLOWED_TAGS = new Set([
   'H2',
   'H3',
   'I',
+  'IMG',
   'LI',
   'OL',
   'P',
@@ -56,6 +57,22 @@ const ALLOWED_TAGS = new Set([
   'CODE',
 ])
 
+const ALLOWED_IMAGE_MIME_TYPES = new Set([
+  'image/png',
+  'image/jpeg',
+  'image/gif',
+  'image/webp',
+  'image/bmp',
+])
+
+const BASE64_IMAGE_SIGNATURES = [
+  { mime: 'image/png', pattern: /^iVBORw0KGgo/ },
+  { mime: 'image/jpeg', pattern: /^\/9j\// },
+  { mime: 'image/gif', pattern: /^R0lGOD/ },
+  { mime: 'image/webp', pattern: /^UklGR/ },
+  { mime: 'image/bmp', pattern: /^Qk/ },
+]
+
 export async function queryArticles() {
   const response = await request<unknown>({
     url: LIST_URL,
@@ -334,6 +351,11 @@ function sanitizeAttributes(element: HTMLElement) {
   Array.from(element.attributes).forEach((attribute) => {
     const name = attribute.name.toLowerCase()
 
+    if (element.tagName === 'IMG') {
+      sanitizeImageAttribute(element, attribute)
+      return
+    }
+
     if (element.tagName === 'A' && name === 'href') {
       if (!isSafeHref(attribute.value)) {
         element.removeAttribute(attribute.name)
@@ -369,6 +391,137 @@ function sanitizeAttributes(element: HTMLElement) {
 
     element.removeAttribute(attribute.name)
   })
+
+  if (element.tagName === 'IMG') {
+    finalizeImageElement(element)
+  }
+}
+
+function sanitizeImageAttribute(element: HTMLElement, attribute: Attr) {
+  const name = attribute.name.toLowerCase()
+
+  if (name === 'src') {
+    const src = normalizeImageSource(attribute.value)
+
+    if (src) {
+      element.setAttribute('src', src)
+      return
+    }
+  }
+
+  if (name === 'alt' || name === 'title') {
+    element.setAttribute(name, attribute.value.trim().slice(0, 120))
+    return
+  }
+
+  if (name === 'width' || name === 'height') {
+    const dimension = normalizeImageDimension(attribute.value)
+
+    if (dimension) {
+      element.setAttribute(name, dimension)
+      return
+    }
+  }
+
+  element.removeAttribute(attribute.name)
+}
+
+function finalizeImageElement(element: HTMLElement) {
+  if (!element.getAttribute('src')) {
+    element.remove()
+    return
+  }
+
+  if (!element.hasAttribute('alt')) {
+    element.setAttribute('alt', '')
+  }
+
+  element.setAttribute('loading', 'lazy')
+  element.setAttribute('decoding', 'async')
+}
+
+function normalizeImageSource(value: string) {
+  const source = value.trim()
+
+  if (!source) {
+    return ''
+  }
+
+  const dataImageSource = normalizeDataImageSource(source)
+
+  if (dataImageSource) {
+    return dataImageSource
+  }
+
+  const bareBase64Source = normalizeBareBase64ImageSource(source)
+
+  if (bareBase64Source) {
+    return bareBase64Source
+  }
+
+  try {
+    const url = new URL(source, window.location.origin)
+
+    return ['http:', 'https:'].includes(url.protocol) ? source : ''
+  } catch {
+    return ''
+  }
+}
+
+function normalizeDataImageSource(value: string) {
+  const match = value.match(/^data:(image\/[a-z0-9.+-]+);base64,([\s\S]+)$/i)
+
+  if (!match) {
+    return ''
+  }
+
+  const mime = normalizeImageMimeType(match[1] || '')
+  const base64 = normalizeBase64Payload(match[2] || '')
+
+  if (!mime || !isBase64Payload(base64)) {
+    return ''
+  }
+
+  return `data:${mime};base64,${base64}`
+}
+
+function normalizeBareBase64ImageSource(value: string) {
+  const base64 = normalizeBase64Payload(value)
+  const mime = getBase64ImageMimeType(base64)
+
+  if (!mime || !isBase64Payload(base64)) {
+    return ''
+  }
+
+  return `data:${mime};base64,${base64}`
+}
+
+function normalizeImageMimeType(value: string) {
+  const mime = value.trim().toLowerCase().replace(/^image\/jpg$/, 'image/jpeg')
+
+  return ALLOWED_IMAGE_MIME_TYPES.has(mime) ? mime : ''
+}
+
+function normalizeBase64Payload(value: string) {
+  return value.replace(/\s+/g, '')
+}
+
+function isBase64Payload(value: string) {
+  return Boolean(value) && value.length % 4 !== 1 && /^[A-Za-z0-9+/]+={0,2}$/.test(value)
+}
+
+function getBase64ImageMimeType(value: string) {
+  return BASE64_IMAGE_SIGNATURES.find(({ pattern }) => pattern.test(value))?.mime || ''
+}
+
+function normalizeImageDimension(value: string) {
+  const dimension = Number.parseInt(value, 10)
+
+  if (!Number.isFinite(dimension) || dimension <= 0 || dimension > 4096) {
+    return ''
+  }
+
+  return String(dimension)
 }
 
 function normalizeCodeLanguageClass(value: string) {

package/src/api/foreign-position.ts

@@ -0,0 +1,213 @@
+import {
+  buildTamRequestPayload,
+  tamRequest,
+  type TamRequestPayload,
+  type TamResponse,
+} from '@/api/tam'
+import { useAppStore } from '@/stores/app'
+
+export type ForeignForecastRecord = {
+  /** 业务类型。 */
+  busiType?: string
+  /** 币种字段，不同后端版本可能返回不同命名。 */
+  ccy?: string
+  currency?: string
+  currencyCode?: string
+  currCode?: string
+  curType?: string
+  tranCcy?: string
+  /** 客户类型或客户名称，用于列表副标题兜底。 */
+  clientName?: string
+  clientType?: string
+  competName?: string
+  /** 交易对手或清算行信息。 */
+  bankSwift?: string
+  bicCode?: string
+  routeCode?: string
+  swiftCode?: string
+  /** 落地机构，列表主标题展示字段。 */
+  groundBranch?: string
+  /** 预报金额，接口按元级金额返回，页面转换为万元级展示。 */
+  predAmt?: string
+  /** 预报流水号，后续详情查询主键。 */
+  predRefNo?: string
+  /** 预报状态。 */
+  predStatus?: string
+  /** 交易日期。 */
+  tranDate?: string
+  /** 核销状态。 */
+  verifyStatus?: string
+}
+
+export type ForeignForecastQueryForm = {
+  /** 交易时间，当前视图必填筛选项。 */
+  tranDate: string
+  /** 落地机构关键字。 */
+  groundBranch?: string
+  /** 币种，当前后端交易未明确入参时页面做兼容筛选。 */
+  currency?: string
+  /** 业务类型。 */
+  busiType?: string
+  /** 预报状态。 */
+  predStatus?: string
+  /** 起始金额，页面单位为万元。 */
+  startTranAmt?: string
+  /** 截止金额，页面单位为万元。 */
+  endTranAmt?: string
+}
+
+export type ForeignForecastQueryPayload = {
+  appHead: TamRequestPayload<ForeignForecastQueryBody>['appHead']
+  body: ForeignForecastQueryBody
+  head: TamRequestPayload<ForeignForecastQueryBody>['head']
+}
+
+export type ForeignForecastQueryResult = {
+  body: ForeignForecastQueryResultBody
+  head: TamResponse<ForeignForecastQueryResultBody>['head']
+}
+
+export type ForeignForecastDetailPayload = {
+  appHead: TamRequestPayload<ForeignForecastDetailBody>['appHead']
+  body: ForeignForecastDetailBody
+  head: TamRequestPayload<ForeignForecastDetailBody>['head']
+}
+
+export type ForeignForecastDetailResult = {
+  body: ForeignForecastDetailRecord
+  head: TamResponse<ForeignForecastDetailRecord>['head']
+}
+
+type ForeignForecastQueryBody = {
+  busiType: string
+  clientName: string
+  competName: string
+  endTransAmt: string
+  groundBranch: string
+  payChannel: string
+  payDirec: string
+  predStatus: string
+  sortRule: string
+  startTransAmt: string
+  tranDate: string
+  verifyStatus: string
+}
+
+type ForeignForecastQueryResultBody = {
+  resultList: ForeignForecastRecord[]
+  totalCount: string
+}
+
+type ForeignForecastDetailBody = {
+  /** 预报流水号，详情查询主键。 */
+  predRefNo: string
+}
+
+export type ForeignForecastDetailRecord = ForeignForecastRecord & {
+  /** 出票日 */
+  billDate?: string
+  /** 票号 */
+  billNo?: string
+  /** 交易对手账号 */
+  competAcct?: string
+  /** 额度标志 */
+  eduFlag?: string
+  /** 落地机构代码 */
+  groundBranchCode?: string
+  /** 联系人 */
+  linkMan?: string
+  /** 支付渠道 */
+  payChannel?: string
+  /** 收支方向 */
+  payDirec?: string
+  /** 联系电话 */
+  phoneNo?: string
+  /** 预报机构 */
+  predBranch?: string
+  /** 预报机构名称 */
+  predBranchName?: string
+  /** 预报人员编号 */
+  predCode?: string
+  /** 预报日期 */
+  predDate?: string
+  /** 预报人员姓名 */
+  predName?: string
+  /** 用途 */
+  purpose?: string
+  /** 备注 */
+  remark?: string
+  /** 标准名称 */
+  standardName?: string
+  /** 已核销金额 */
+  verifyAmt?: string
+}
+
+type QueryOptions = {
+  form: ForeignForecastQueryForm
+  pageIndex: number
+  pageSize: number
+}
+
+const QUERY_TRAN_CODE = '/TAM/0001/140101001'
+const DETAIL_TRAN_CODE = '/TAM/0001/140101002'
+
+export function buildForeignForecastQueryPayload({
+  form,
+  pageIndex,
+  pageSize,
+}: QueryOptions): ForeignForecastQueryPayload {
+  const tranDate = normalizeDate(form.tranDate || useAppStore().systemWorkDate)
+
+  return buildTamRequestPayload({
+    tranCode: QUERY_TRAN_CODE,
+    pageIndex,
+    pageSize,
+    body: {
+      busiType: form.busiType || '',
+      clientName: '',
+      competName: '',
+      endTransAmt: toRequestAmount(form.endTranAmt),
+      groundBranch: form.groundBranch || '',
+      payChannel: '',
+      payDirec: '',
+      predStatus: form.predStatus || '',
+      sortRule: '',
+      startTransAmt: toRequestAmount(form.startTranAmt),
+      tranDate,
+      verifyStatus: '',
+    },
+  })
+}
+
+export async function queryForeignForecastPage(
+  payload: ForeignForecastQueryPayload,
+): Promise<ForeignForecastQueryResult> {
+  return tamRequest<ForeignForecastQueryBody, ForeignForecastQueryResultBody>(payload)
+}
+
+export function buildForeignForecastDetailPayload(predRefNo: string): ForeignForecastDetailPayload {
+  return buildTamRequestPayload({
+    tranCode: DETAIL_TRAN_CODE,
+    body: {
+      predRefNo,
+    },
+  })
+}
+
+export async function queryForeignForecastDetail(
+  payload: ForeignForecastDetailPayload,
+): Promise<ForeignForecastDetailResult> {
+  return tamRequest<ForeignForecastDetailBody, ForeignForecastDetailRecord>(payload)
+}
+
+function normalizeDate(value: string) {
+  if (/^\d{8}$/.test(value)) return value
+  return value.replaceAll('-', '')
+}
+
+function toRequestAmount(value?: string) {
+  if (!value?.trim()) return ''
+
+  const amount = Number(value)
+  return Number.isFinite(amount) ? String(Math.round(amount * 10000)) : ''
+}

package/src/router/index.ts

@@ -45,7 +45,19 @@ const router = createRouter({
       path: '/foreign-position',
       name: 'ForeignPosition',
       component: () => import('@/views/foreign-position/index.vue'),
-      meta: { requiresAuth: true, title: '外币头寸预报及查询' },
+      meta: { requiresAuth: true, title: '外币预报信息查询' },
+    },
+    {
+      path: '/foreign-position/new',
+      name: 'ForeignPositionCreate',
+      component: () => import('@/views/foreign-position-create/index.vue'),
+      meta: { requiresAuth: true, title: '新增外币预报' },
+    },
+    {
+      path: '/foreign-position/:predRefNo',
+      name: 'ForeignPositionDetail',
+      component: () => import('@/views/foreign-position-detail/index.vue'),
+      meta: { requiresAuth: true, title: '外币预报详情' },
     },
     {
       path: '/pbc-position',
@@ -87,7 +99,7 @@ const router = createRouter({
       path: '/warning',
       name: 'Warning',
       component: () => import('@/views/warning/index.vue'),
-      meta: { requiresAuth: true, title: '预警信息' },
+      meta: { requiresAuth: true, title: '头寸管理平台' },
     },
     {
       path: '/dashboard',

package/src/stores/user.ts

@@ -20,7 +20,7 @@ export const useUserStore = defineStore(
     // -------------------------------- State --------------------------------
 
     /** 登录凭证，登录成功后由后端返回，后续请求通过请求头携带 */
-    const token = ref('1s')
+    const token = ref('')
     const refreshToken = ref('')
     const username = ref('')
     const realName = ref('')

package/src/utils/foreign-forecast.ts

@@ -0,0 +1,134 @@
+export type ForeignCurrencyOption = {
+  label: string
+  shortLabel: string
+  value: string
+  unit: string
+}
+
+export type ForeignOption = {
+  label: string
+  value: string
+}
+
+export type ForeignStatusOption = ForeignOption & {
+  className: string
+}
+
+export const allForeignCurrencyOption: ForeignCurrencyOption = {
+  label: '全部币种',
+  shortLabel: '全部币种',
+  value: '',
+  unit: '万元',
+}
+
+export const foreignCurrencyOptions: ForeignCurrencyOption[] = [
+  allForeignCurrencyOption,
+  { label: '美元', shortLabel: '美元', value: 'USD', unit: '万美元' },
+  { label: '欧元', shortLabel: '欧元', value: 'EUR', unit: '万欧元' },
+  { label: '港币', shortLabel: '港币', value: 'HKD', unit: '万港币' },
+  { label: '日元', shortLabel: '日元', value: 'JPY', unit: '万日元' },
+  { label: '英镑', shortLabel: '英镑', value: 'GBP', unit: '万英镑' },
+  { label: '加拿大元', shortLabel: '加元', value: 'CAD', unit: '万加元' },
+  { label: '澳大利亚元', shortLabel: '澳元', value: 'AUD', unit: '万澳元' },
+  { label: '新加坡元', shortLabel: '新元', value: 'SGD', unit: '万新元' },
+  { label: '瑞士法郎', shortLabel: '瑞郎', value: 'CHF', unit: '万瑞郎' },
+]
+
+export const allForeignBusinessOption: ForeignOption = { label: '全部业务类型', value: '' }
+export const defaultForeignBusinessOption: ForeignOption = { label: '普通汇款', value: '1' }
+
+export const foreignBusinessOptions: ForeignOption[] = [
+  allForeignBusinessOption,
+  defaultForeignBusinessOption,
+  { label: '外汇买卖', value: '2' },
+  { label: '结售汇', value: '3' },
+  { label: '资金调拨', value: '4' },
+  { label: '同业业务', value: '5' },
+  { label: '贸易融资', value: '6' },
+]
+
+export const allForeignStatusOption: ForeignStatusOption = {
+  label: '全部预报状态',
+  value: '',
+  className: 'status-tag-unknown',
+}
+
+export const foreignStatusOptions: ForeignStatusOption[] = [
+  allForeignStatusOption,
+  { label: '已确认', value: '1', className: 'status-tag-confirmed' },
+  { label: '待确认', value: '2', className: 'status-tag-pending' },
+  { label: '已撤销', value: '3', className: 'status-tag-cancelled' },
+  { label: '已核销', value: '4', className: 'status-tag-verified' },
+  { label: '已驳回', value: '5', className: 'status-tag-rejected' },
+]
+
+export const unknownForeignStatus: ForeignStatusOption = {
+  label: '未知状态',
+  value: '',
+  className: 'status-tag-unknown',
+}
+
+export function resolveForeignCurrency(value?: string) {
+  const normalizedValue = value?.trim().toUpperCase()
+
+  if (!normalizedValue) {
+    return allForeignCurrencyOption
+  }
+
+  return (
+    foreignCurrencyOptions.find((item) => item.value === normalizedValue) || {
+      label: normalizedValue,
+      shortLabel: normalizedValue,
+      value: normalizedValue,
+      unit: `万${normalizedValue}`,
+    }
+  )
+}
+
+export function resolveForeignBusinessType(value?: string) {
+  if (!value?.trim()) return '普通汇款'
+
+  return foreignBusinessOptions.find((item) => item.value === value)?.label || value
+}
+
+export function resolveForeignStatus(value?: string) {
+  if (!value?.trim()) {
+    return unknownForeignStatus
+  }
+
+  return foreignStatusOptions.find((item) => item.value === value) || unknownForeignStatus
+}
+
+export function formatForeignForecastDate(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 toTenThousandAmount(value?: string) {
+  const amount = Number(value?.replaceAll(',', '') || 0)
+  return Number.isFinite(amount) ? amount / 10000 : 0
+}
+
+export function formatForeignForecastAmount(value: number) {
+  const sign = value >= 0 ? '+' : '-'
+  return `${sign}${Math.abs(value).toFixed(2)}`
+}
+
+export function formatForeignForecastAmountText(value?: string, currencyValue?: string) {
+  const currency = resolveForeignCurrency(currencyValue)
+  return `${formatForeignForecastAmount(toTenThousandAmount(value))}${currency.unit}`
+}
+
+export function formatForeignForecastAmountYuanText(value?: string) {
+  const amount = Number(value?.replaceAll(',', '') || 0)
+
+  if (!Number.isFinite(amount)) return '-'
+
+  return `${amount.toLocaleString('zh-CN', {
+    maximumFractionDigits: 2,
+    minimumFractionDigits: 2,
+  })} 元`
+}

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

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { showImagePreview } from 'vant'
 import { highlightArticleHtml } from '@/utils/code-highlight'
 import { copyText } from '@/utils/copy'
 import { formatArticleDate, getArticleDetail, type Article } from '@/api/announcement'
@@ -81,6 +82,38 @@ function articleContentToText(html: string) {
 
   return root.textContent?.replace(/\n{3,}/g, '\n\n').trim() || ''
 }
+
+function previewArticleImage(event: MouseEvent) {
+  if (!(event.target instanceof HTMLImageElement)) {
+    return
+  }
+
+  const container = event.currentTarget
+
+  if (!(container instanceof HTMLElement)) {
+    return
+  }
+
+  const images = Array.from(container.querySelectorAll('img'))
+    .map((image) => image.currentSrc || image.src || image.getAttribute('src') || '')
+    .filter(Boolean)
+  const currentSrc =
+    event.target.currentSrc || event.target.src || event.target.getAttribute('src') || ''
+  const startPosition = Math.max(images.findIndex((image) => image === currentSrc), 0)
+
+  if (!images.length || !currentSrc) {
+    return
+  }
+
+  event.preventDefault()
+  event.stopPropagation()
+
+  showImagePreview({
+    images,
+    startPosition,
+    closeable: true,
+  })
+}
 </script>
 
 <template>
@@ -98,7 +131,7 @@ function articleContentToText(html: string) {
         </div>
       </div>
 
-      <div class="article-content" v-html="highlightedContent"></div>
+      <div class="article-content" @click="previewArticleImage" v-html="highlightedContent"></div>
 
       <footer class="detail-actions">
         <van-button block plain type="danger" icon="description-o" @click="copyArticleContent">
@@ -219,6 +252,16 @@ function articleContentToText(html: string) {
   text-decoration: none;
 }
 
+.article-content :deep(img) {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: 8px auto 14px;
+  border-radius: 6px;
+  cursor: zoom-in;
+  object-fit: contain;
+}
+
 .article-content :deep(pre) {
   position: relative;
   overflow-x: auto;

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

@@ -514,6 +514,15 @@ function normalizeCodeLanguage(value: string) {
   background: #f6f7f9;
 }
 
+.rich-editor :deep(img) {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: 8px auto 12px;
+  border-radius: 6px;
+  object-fit: contain;
+}
+
 .rich-editor :deep(pre) {
   overflow-x: auto;
   margin: 0 0 12px;