DarkMarkCheck(暗标文件检查)

DarkMarkCheck 是一个面向投标人、深度适配评标业务暗标评审规范的智能化校验组件。该组件依托人工智能技术，自动、精准地核查投标文件的暗标编制格式，包括排版、字体字号、页码标注及潜在标识信息等关键合规要点，旨在提升暗标文件的规范性与评审公正性，帮助投标人有效降低因格式问题导致的投标风险。。

主要功能

• 格式合规核查：自动检测文件排版、字体字号、页码标注等暗标格式要求。
• 标识信息过滤：精准识别并提示可能暴露投标人身份的标识信息。
• 结果清晰反馈：提供详细的校验报告，便于快速定位并修正问题。

适用场景

• 投标文件暗标格式自检
• 标书编制过程中的实时校验
• 评标前批量文件规范性审查

集成指南

1. 安装依赖

# npm 安装
npm install dark-mark-check

2. 基础使用

<template>
  <DarkMarkCheck />
</template>

<script setup>
import { DarkMarkCheck } from 'dark-mark-check'
import 'dark-mark-check/dark-mark-check.css';
</script>

📦 宿主项目使用方式

方式 1：Memory 模式（默认，不改变宿主 URL）

<template>
  <DarkMarkCheck />
</template>

• ✅ 路由在组件内部处理
• ✅ 宿主地址栏不变
• ❌ 无法通过 URL 分享特定页，浏览器刷新会丢失路由信息

方式 2：Hash 模式（推荐，地址栏显示路由）

<template>
  <DarkMarkCheck 
    router-mode="hash" 
    base-path="/dark-mark/" 
  />
</template>

• 宿主地址： https://host.com/#/dark-mark/stepView
• ✅ 地址栏显示 #/dark-mark/stepView
• ✅ 支持分享和收藏，不需要服务端配置
• ✅ 兼容性好（支持旧浏览器）

方式 3：History 模式（最优雅，需要宿主配置）

<template>
  <DarkMarkCheck 
    router-mode="history" 
    base-path="/dark-mark/" 
  />
</template>

• 宿主地址： https://host.com/dark-mark/stepView
• ✅ 地址栏显示路由（最优雅的 URL 格式）
• ✅ 可以分享 URL
• ⚠️ 需要宿主项目配置路由

🔧 宿主项目需要配置（History 模式必需）：

// 宿主项目的 router/index.js
import { createRouter, createWebHistory } from 'vue-router'

const routes = [
  {
    path: '/dark-mark/:pathMatch(.*)*',  // 通配符路由，捕获所有子路径
    component: () => import('@/components/DarkMarkContainer.vue')
  },
  // ... 宿主其他路由
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router

同时需要配置服务器：：

location / {
  try_files $uri $uri/ /index.html;
}

传递用户信息

宿主项目通过 provide 传递用户信息，组件内部自动获取：

<script setup>
import { provide, ref } from 'vue'

// 提供用户信息（必须包含 userId）
const userInfo = ref({
  userId: '123456'   // 必须字段
})

provide('userInfo', userInfo)
</script>

组件内部使用：

import { getUserId } from 'dark-mark-check'

const userId = getUserId()  // 获取用户 ID

完整示例

<!-- 宿主项目：views/InformationRelease.vue -->
<template>
  <div class="dark-mark-wrapper">
    <DarkMarkCheck 
      router-mode="hash" 
      base-path="/dark-mark/"
      :initial-route="'/stepView'"
    />
  </div>
</template>

<script setup>
import { provide, ref } from 'vue'
import { DarkMarkCheck } from 'dark-mark-check'
import 'dark-mark-check/dark-mark-check.css'

// 提供给子组件的用户信息
const userInfo = ref({
  userId: 'xxx',    //必传
  name: '张三',
  token: 'xxx'
})

// 通过 provide/inject 传递给子组件
provide('userInfo', userInfo)
</script>

<style>
.dark-mark-wrapper {
  width: 100%;
  height: 100vh;
}
</style>

注意事项

• 必须使用 ref 创建用户信息（保持响应式）
• provide 必须在组件挂载之前执行
• 用户信息必须包含 userId 字段

祝使用愉快！ 🎉