zwgczx/calculator2026
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: zwgczx/calculator2026:55e133852ef8b7c5fee5997221521fcafe161c51
zwgczx/calculator2026:粤公学标字〔2026〕5号 zwgczx/calculator2026:33 zwgczx/calculator2026:929
..
compare: zwgczx/calculator2026:粤公学标字〔2026〕5号
zwgczx/calculator2026:33 zwgczx/calculator2026:929 zwgczx/calculator2026:粤公学标字〔2026〕5号
12 Commits
55e133852e .. 粤公学标字〔2026〕5号
Author SHA1 Message Date
zwgczx 50e71f786d 1 2026-06-25 09:20:03 +08:00
ForeverSmiYng 8cc542110b 修复报表导出功能中无项目规模时的bug 2026-05-29 10:29:05 +08:00
zwgczx 66bfe8b46e 修复传值少了十位数 2026-05-28 09:39:55 +08:00
zwgczx 9508f1390e 翻译问题 2026-04-22 09:40:08 +08:00
zwgczx 32f7469e84 修复数据联动ug 2026-04-14 12:20:24 +08:00
zwgczx ce682c3679 修复bug 2026-04-14 10:44:41 +08:00
zwgczx aa67a66047 免责确认 2026-04-13 14:40:46 +08:00
zwgczx aed6fe2bfa 修复数据导出不正确 2026-04-13 11:24:47 +08:00
zwgczx 99684c04f2 20260410罗总新需求修改 2026-04-10 16:24:44 +08:00
zwgczx 860bd0161b home修改 2026-04-09 09:59:38 +08:00
zwgczx bbc9ad13fe 修改界面 2026-04-09 09:15:49 +08:00
zwgczx 6fdf336b9e 1 2026-04-07 16:27:49 +08:00
127 changed files with 24956 additions and 9743 deletions
Expand all files Collapse all files

No files matched your search

.claude/settings.local.json
-20
View File
@@ -1,20 +0,0 @@
{
"permissions": {
"allow": [
"Skill(update-config)",
"Bash(mv views/Ht.vue views/htCard.vue views/htInfo.vue views/HtAdditionalWorkFee.vue views/HtConsultCategoryFactor.vue views/HtFeeRateMethodForm.vue views/HtMajorFactor.vue views/HtReserveFee.vue ht/)",
"Bash(mv views/xmCard.vue views/xmInfo.vue views/info.vue views/XmMajorFactor.vue views/XmConsultCategoryFactor.vue xm/)",
"Bash(mv views/pricingView/HourlyPricingPane.vue views/pricingView/InvestmentScalePricingPane.vue views/pricingView/LandScalePricingPane.vue views/pricingView/WorkloadPricingPane.vue pricing/)",
"Bash(mv common/HourlyFeeGrid.vue common/HtFeeGrid.vue common/HtFeeMethodGrid.vue common/MethodUnavailableNotice.vue common/XmFactorGrid.vue common/xmCommonAgGrid.vue views/ServiceCheckboxSelector.vue views/WorkContentGrid.vue shared/)",
"Bash(rmdir views/pricingView common)",
"Bash(cd:*)",
"Bash(bun run:*)",
"Bash(grep:*)",
"mcp__context7__resolve-library-id",
"mcp__context7__query-docs",
"mcp__ag-mcp__detect_version",
"WebSearch",
"WebFetch(domain:reka-ui.com)"
]
}
}
.dockerignore
+7
View File
@@ -0,0 +1,7 @@
**
!dist/
!dist/**
!Dockerfile.dist
!docker/
!docker/dist-server/
!docker/dist-server/**
CLAUDE.md
-115
View File
@@ -1,115 +0,0 @@
# CLAUDE.md
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
# 任何项目都务必遵守的规则（极其重要！！！）
## Communication
- 永远使用简体中文进行思考和对话
## Documentation
- 编写 .md 文档时，也要用中文
- 正式文档写到项目的 docs/ 目录下
- 用于讨论和评审的计划、方案等文档，写到项目的 discuss/ 目录下
## Code Architecture
- 编写代码的硬性指标，包括以下原则：
（1）对于 Python、JavaScript、TypeScript 等动态语言，尽可能确保每个代码文件不要超过 500 行
（3）每层文件夹中的文件，尽可能不超过 8 个。如有超过，需要规划为多层子文件夹
- 除了硬性指标以外，还需要时刻关注优雅的架构设计，避免出现以下可能侵蚀我们代码质量的「坏味道」：
（1）僵化 (Rigidity): 系统难以变更，任何微小的改动都会引发一连串的连锁修改。
（2）冗余 (Redundancy): 同样的代码逻辑在多处重复出现，导致维护困难且容易产生不一致。
（3）循环依赖 (Circular Dependency): 两个或多个模块互相纠缠，形成无法解耦的“死结”，导致难以测试与复用。
（4）脆弱性 (Fragility): 对代码一处的修改，导致了系统中其他看似无关部分功能的意外损坏。
（5）晦涩性 (Obscurity): 代码意图不明，结构混乱，导致阅读者难以理解其功能和设计。
（6）数据泥团 (Data Clump): 多个数据项总是一起出现在不同方法的参数中，暗示着它们应该被组合成一个独立的对象。
（7）不必要的复杂性 (Needless Complexity): 用“杀牛刀”去解决“杀鸡”的问题，过度设计使系统变得臃肿且难以理解。
- 【非常重要！！】无论是你自己编写代码，还是阅读或审核他人代码时，都要严格遵守上述硬性指标，以及时刻关注优雅的架构设计。
- 【非常重要！！】无论何时，一旦你识别出那些可能侵蚀我们代码质量的「坏味道」，都应当立即询问用户是否需要优化，并给出合理的优化建议。
## Commands
- **Dev server**: `bun run dev` (uses `bunx --bun vite`)
- **Build**: `bun run build` (type-checks then bundles via Vite)
- **Type check only**: `bun run type-check`
- **Preview build**: `bun run preview`
No test runner is configured. Use Playwright for UI automation when needed (see AGENTS.md).
## Architecture Overview
This is a **browser-only Vue 3 SPA** — no backend, no SSR. All data is persisted client-side via IndexedDB (through localforage). The domain is **交通建设项目工程造价咨询** (transport infrastructure cost-consulting fee calculation for road, railway, and waterway projects).
### App Entry & Routing
There is no Vue Router. Navigation is tab-based, managed entirely by `useTabStore` (`src/pinia/tab.ts`). `src/App.vue` shows either `HomeEntryView` (first-launch onboarding) or the main `Tab` layout depending on `tabStore.hasCompletedSetup`.
The `Tab` layout (`src/layout/tab.vue`) renders the active tab's component by name using `defineAsyncComponent` with a map of component names → import paths.
### Workspace Modes
Defined in `src/lib/workspace.ts`. Three modes: `home`, `project`, `quick`. The current mode is persisted to `localStorage` under key `jgjs-workspace-mode-v1`. Two fixed/protected tab IDs exist: `ProjectCalcView` and `QuickCalcView` (and the quick-contract tab), which cannot be closed.
### State & Persistence
- **Pinia** is used for all state management with `pinia-plugin-persistedstate`.
- The persistence plugin is customized at `src/pinia/Plugin/indexdb` — it stores pinia state in IndexedDB (not localStorage), using localforage with `mode: 'multiple'` (each store in its own IndexedDB store named `pinia`).
- `useTabStore` (`src/pinia/tab.ts`): tab list, active tab, setup flag. Persisted.
- `useZxFwPricingStore` (`src/pinia/zxFwPricing.ts`): the core domain store. Manages contract-level 咨询服务 (consulting service) pricing state, per-service pricing method states, and contract extra-fee states. Uses a generic key/value layer (`getKeyState`/`setKeyState`/`loadKeyState`) backed by `useKvStore`.
- `useKvStore` (`src/pinia/kv.ts`): raw key-value access to IndexedDB via localforage.
### Data Layer (`src/sql.ts`)
Despite the name, there is no SQL database. `src/sql.ts` is a large static data file containing:
- `industryTypeList`: road / railway / waterway
- `majorList`: engineering specialties (E1–E4 codes) with coefficient ranges
- `serviceList`: consulting service types (D1–D5 codes) with pricing method flags
- `additionalWorkList`: extra work item definitions
- `exportFile`: Excel export logic using ExcelJS
All fee calculation formulas and coefficient tables live here.
### Lib Utilities (`src/lib/`)
- `decimal.ts` / `number.ts` / `numberFormat.ts`: safe arithmetic using `decimal.js`, thousand-separator formatting
- `zwArchive.ts`: AES-GCM encryption/decryption for `.zw` save files (import/export format). The key is derived from a fixed seed via SHA-256. File magic bytes: `JGJSZW`.
- `workspace.ts`: workspace mode constants and storage helpers
- `diyAgGridOptions.ts`: shared AG Grid configuration defaults
- `pricingScaleFee.ts` / `pricingMethodTotals.ts`: fee calculation helpers
- `projectWorkspace.ts` / `xmFactorDefaults.ts`: project-level workspace helpers
- `zxFwPricingSync.ts`: syncs pricing store state to/from IndexedDB on demand
### Views (`src/components/views/`)
Key views:
- `HomeEntryView.vue`: onboarding screen shown on first launch; dispatches `home-import-selected` DOM event on completion
- `ProjectWorkspaceView.vue` / `xmCard.vue`: project card workspace (项目卡片)
- `QuickCalcView.vue`: quick calculation mode
- `ZxFwView.vue`: 咨询服务 (consulting services) grid — the primary fee input view
- `Ht.vue` / `htCard.vue`: contract (合同) views
- `HtFeeMethodTypeLineView.vue`: per-service fee method line (rate/hourly/quantity-unit-price)
- `WorkContentGrid.vue`: AG Grid-based work content table
### AG Grid
AG Grid Enterprise is used throughout. Modules are registered once globally in `src/main.ts`. A license key is set there. Shared grid option defaults live in `src/lib/diyAgGridOptions.ts`.
### UI Components
Reka UI (headless component library) + Tailwind CSS v4 + `lucide-vue-next` icons + `@iconify/vue`. Shared UI primitives are in `src/components/ui/`. Tailwind is integrated as a Vite plugin (`@tailwindcss/vite`).
### Build
Vite 8 with rolldown. Output goes to `dist/` with `base: './'` (relative paths — important for local file:// deployment). Code-splitting separates `ag-grid`, `vue/pinia`, and `reka-ui` into distinct vendor chunks.
### Code Conventions
- All code comments are in Chinese.
- Composition API (`<script setup>`) everywhere.
- No Vue Router — use `useTabStore.openTab()` to navigate.
- Numeric calculations always go through `src/lib/decimal.ts` helpers to avoid floating-point errors.
- Storage keys follow patterns like `zxFW-{contractId}`, `tzGMF-{contractId}-{serviceId}`, `htExtraFee-{contractId}-{feeType}`.
Dockerfile.dist
+18
View File
@@ -0,0 +1,18 @@
FROM golang:1.24-alpine AS builder
WORKDIR /src
COPY docker/dist-server/ ./
RUN CGO_ENABLED=0 GOOS=linux go build -trimpath -ldflags="-s -w" -o /out/dist-server .
FROM scratch
WORKDIR /www
COPY --from=builder /out/dist-server /dist-server
COPY dist/ /www/
EXPOSE 80
ENTRYPOINT ["/dist-server"]
README.md
-5
View File
@@ -1,5 +0,0 @@
# Vue 3 + TypeScript + Vite
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
XUQIU.md
View File
Whitespace-only changes.
bun.lock
+286 -263
View File
@@ -9,9 +9,10 @@
"@iconify/vue": "^5.0.0",
"@internationalized/date": "^3.12.0",
"@internationalized/number": "^3.6.5",
"@noble/ciphers": "^2.1.1",
"@noble/hashes": "^2.0.1",
"@tailwindcss/vite": "^4.1.18",
"@vueuse/core": "^14.2.1",
"ag-grid-community": "^35.1.0",
"ag-grid-enterprise": "^35.1.0",
"ag-grid-vue3": "^35.1.0",
"class-variance-authority": "^0.7.1",
@@ -27,6 +28,8 @@
"tailwind-merge": "^3.4.0",
"tailwindcss": "^4.1.18",
"vue": "^3.5.25",
"vue-i18n": "^11.3.0",
"vue-router": "^4.6.4",
"vuedraggable": "^4.1.0",
},
"devDependencies": {
@@ -42,528 +45,548 @@
},
},
"packages": {
"@ag-grid-community/locale": ["@ag-grid-community/locale@35.1.0", "", {}, "sha512-Tez1imtqfipMT3O1Ay+dyDcFJIj6H6gXBp45s44pwkzWQzxO20IBpZUrmAPTNRMYVZNXqCVbNsozWrPaVFAgeQ=="],
"@ag-grid-community/locale": ["@ag-grid-community/locale@35.1.0", "https://registry.npmmirror.com/@ag-grid-community/locale/-/locale-35.1.0.tgz", {}, "sha512-Tez1imtqfipMT3O1Ay+dyDcFJIj6H6gXBp45s44pwkzWQzxO20IBpZUrmAPTNRMYVZNXqCVbNsozWrPaVFAgeQ=="],
"@babel/helper-string-parser": ["@babel/helper-string-parser@7.27.1", "", {}, "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA=="],
"@babel/helper-string-parser": ["@babel/helper-string-parser@7.27.1", "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz", {}, "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA=="],
"@babel/helper-validator-identifier": ["@babel/helper-validator-identifier@7.28.5", "", {}, "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q=="],
"@babel/helper-validator-identifier": ["@babel/helper-validator-identifier@7.28.5", "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz", {}, "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q=="],
"@babel/parser": ["@babel/parser@7.29.0", "", { "dependencies": { "@babel/types": "^7.29.0" }, "bin": "./bin/babel-parser.js" }, "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww=="],
"@babel/parser": ["@babel/parser@7.29.0", "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.0.tgz", { "dependencies": { "@babel/types": "^7.29.0" }, "bin": "./bin/babel-parser.js" }, "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww=="],
"@babel/types": ["@babel/types@7.29.0", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A=="],
"@babel/types": ["@babel/types@7.29.0", "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A=="],
"@emnapi/core": ["@emnapi/core@1.8.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" } }, "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg=="],
"@emnapi/core": ["@emnapi/core@1.8.1", "https://registry.npmmirror.com/@emnapi/core/-/core-1.8.1.tgz", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" } }, "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg=="],
"@emnapi/runtime": ["@emnapi/runtime@1.8.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg=="],
"@emnapi/runtime": ["@emnapi/runtime@1.8.1", "https://registry.npmmirror.com/@emnapi/runtime/-/runtime-1.8.1.tgz", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg=="],
"@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.1.0", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ=="],
"@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.1.0", "https://registry.npmmirror.com/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ=="],
"@fast-csv/format": ["@fast-csv/format@4.3.5", "", { "dependencies": { "@types/node": "^14.0.1", "lodash.escaperegexp": "^4.1.2", "lodash.isboolean": "^3.0.3", "lodash.isequal": "^4.5.0", "lodash.isfunction": "^3.0.9", "lodash.isnil": "^4.0.0" } }, "sha512-8iRn6QF3I8Ak78lNAa+Gdl5MJJBM5vRHivFtMRUWINdevNo00K7OXxS2PshawLKTejVwieIlPmK5YlLu6w4u8A=="],
"@fast-csv/format": ["@fast-csv/format@4.3.5", "https://registry.npmmirror.com/@fast-csv/format/-/format-4.3.5.tgz", { "dependencies": { "@types/node": "^14.0.1", "lodash.escaperegexp": "^4.1.2", "lodash.isboolean": "^3.0.3", "lodash.isequal": "^4.5.0", "lodash.isfunction": "^3.0.9", "lodash.isnil": "^4.0.0" } }, "sha512-8iRn6QF3I8Ak78lNAa+Gdl5MJJBM5vRHivFtMRUWINdevNo00K7OXxS2PshawLKTejVwieIlPmK5YlLu6w4u8A=="],
"@fast-csv/parse": ["@fast-csv/parse@4.3.6", "", { "dependencies": { "@types/node": "^14.0.1", "lodash.escaperegexp": "^4.1.2", "lodash.groupby": "^4.6.0", "lodash.isfunction": "^3.0.9", "lodash.isnil": "^4.0.0", "lodash.isundefined": "^3.0.1", "lodash.uniq": "^4.5.0" } }, "sha512-uRsLYksqpbDmWaSmzvJcuApSEe38+6NQZBUsuAyMZKqHxH0g1wcJgsKUvN3WC8tewaqFjBMMGrkHmC+T7k8LvA=="],
"@fast-csv/parse": ["@fast-csv/parse@4.3.6", "https://registry.npmmirror.com/@fast-csv/parse/-/parse-4.3.6.tgz", { "dependencies": { "@types/node": "^14.0.1", "lodash.escaperegexp": "^4.1.2", "lodash.groupby": "^4.6.0", "lodash.isfunction": "^3.0.9", "lodash.isnil": "^4.0.0", "lodash.isundefined": "^3.0.1", "lodash.uniq": "^4.5.0" } }, "sha512-uRsLYksqpbDmWaSmzvJcuApSEe38+6NQZBUsuAyMZKqHxH0g1wcJgsKUvN3WC8tewaqFjBMMGrkHmC+T7k8LvA=="],
"@floating-ui/core": ["@floating-ui/core@1.7.4", "", { "dependencies": { "@floating-ui/utils": "^0.2.10" } }, "sha512-C3HlIdsBxszvm5McXlB8PeOEWfBhcGBTZGkGlWc2U0KFY5IwG5OQEuQ8rq52DZmcHDlPLd+YFBK+cZcytwIFWg=="],
"@floating-ui/core": ["@floating-ui/core@1.7.4", "https://registry.npmmirror.com/@floating-ui/core/-/core-1.7.4.tgz", { "dependencies": { "@floating-ui/utils": "^0.2.10" } }, "sha512-C3HlIdsBxszvm5McXlB8PeOEWfBhcGBTZGkGlWc2U0KFY5IwG5OQEuQ8rq52DZmcHDlPLd+YFBK+cZcytwIFWg=="],
"@floating-ui/dom": ["@floating-ui/dom@1.7.5", "", { "dependencies": { "@floating-ui/core": "^1.7.4", "@floating-ui/utils": "^0.2.10" } }, "sha512-N0bD2kIPInNHUHehXhMke1rBGs1dwqvC9O9KYMyyjK7iXt7GAhnro7UlcuYcGdS/yYOlq0MAVgrow8IbWJwyqg=="],
"@floating-ui/dom": ["@floating-ui/dom@1.7.5", "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.7.5.tgz", { "dependencies": { "@floating-ui/core": "^1.7.4", "@floating-ui/utils": "^0.2.10" } }, "sha512-N0bD2kIPInNHUHehXhMke1rBGs1dwqvC9O9KYMyyjK7iXt7GAhnro7UlcuYcGdS/yYOlq0MAVgrow8IbWJwyqg=="],
"@floating-ui/utils": ["@floating-ui/utils@0.2.10", "", {}, "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ=="],
"@floating-ui/utils": ["@floating-ui/utils@0.2.10", "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.2.10.tgz", {}, "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ=="],
"@floating-ui/vue": ["@floating-ui/vue@1.1.10", "", { "dependencies": { "@floating-ui/dom": "^1.7.5", "@floating-ui/utils": "^0.2.10", "vue-demi": ">=0.13.0" } }, "sha512-vdf8f6rHnFPPLRsmL4p12wYl+Ux4mOJOkjzKEMYVnwdf7UFdvBtHlLvQyx8iKG5vhPRbDRgZxdtpmyigDPjzYg=="],
"@floating-ui/vue": ["@floating-ui/vue@1.1.10", "https://registry.npmmirror.com/@floating-ui/vue/-/vue-1.1.10.tgz", { "dependencies": { "@floating-ui/dom": "^1.7.5", "@floating-ui/utils": "^0.2.10", "vue-demi": ">=0.13.0" } }, "sha512-vdf8f6rHnFPPLRsmL4p12wYl+Ux4mOJOkjzKEMYVnwdf7UFdvBtHlLvQyx8iKG5vhPRbDRgZxdtpmyigDPjzYg=="],
"@iconify/types": ["@iconify/types@2.0.0", "", {}, "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="],
"@iconify/types": ["@iconify/types@2.0.0", "https://registry.npmmirror.com/@iconify/types/-/types-2.0.0.tgz", {}, "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="],
"@iconify/vue": ["@iconify/vue@5.0.0", "", { "dependencies": { "@iconify/types": "^2.0.0" }, "peerDependencies": { "vue": ">=3" } }, "sha512-C+KuEWIF5nSBrobFJhT//JS87OZ++QDORB6f2q2Wm6fl2mueSTpFBeBsveK0KW9hWiZ4mNiPjsh6Zs4jjdROSg=="],
"@iconify/vue": ["@iconify/vue@5.0.0", "https://registry.npmmirror.com/@iconify/vue/-/vue-5.0.0.tgz", { "dependencies": { "@iconify/types": "^2.0.0" }, "peerDependencies": { "vue": ">=3" } }, "sha512-C+KuEWIF5nSBrobFJhT//JS87OZ++QDORB6f2q2Wm6fl2mueSTpFBeBsveK0KW9hWiZ4mNiPjsh6Zs4jjdROSg=="],
"@internationalized/date": ["@internationalized/date@3.12.0", "", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-/PyIMzK29jtXaGU23qTvNZxvBXRtKbNnGDFD+PY6CZw/Y8Ex8pFUzkuCJCG9aOqmShjqhS9mPqP6Dk5onQY8rQ=="],
"@internationalized/date": ["@internationalized/date@3.12.0", "https://registry.npmmirror.com/@internationalized/date/-/date-3.12.0.tgz", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-/PyIMzK29jtXaGU23qTvNZxvBXRtKbNnGDFD+PY6CZw/Y8Ex8pFUzkuCJCG9aOqmShjqhS9mPqP6Dk5onQY8rQ=="],
"@internationalized/number": ["@internationalized/number@3.6.5", "", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-6hY4Kl4HPBvtfS62asS/R22JzNNy8vi/Ssev7x6EobfCp+9QIB2hKvI2EtbdJ0VSQacxVNtqhE/NmF/NZ0gm6g=="],
"@internationalized/number": ["@internationalized/number@3.6.5", "https://registry.npmmirror.com/@internationalized/number/-/number-3.6.5.tgz", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-6hY4Kl4HPBvtfS62asS/R22JzNNy8vi/Ssev7x6EobfCp+9QIB2hKvI2EtbdJ0VSQacxVNtqhE/NmF/NZ0gm6g=="],
"@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
"@intlify/core-base": ["@intlify/core-base@11.3.1", "https://registry.npmmirror.com/@intlify/core-base/-/core-base-11.3.1.tgz", { "dependencies": { "@intlify/devtools-types": "11.3.1", "@intlify/message-compiler": "11.3.1", "@intlify/shared": "11.3.1" } }, "sha512-9nG3ItSD5ApZHmTbv2UFqvJSy3m+u6C/orMohukNKoT/Yuwiz8tPtlNw6ylLuPqSP2kP7ZF4Cdqwp6V1m3BQgw=="],
"@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
"@intlify/devtools-types": ["@intlify/devtools-types@11.3.1", "https://registry.npmmirror.com/@intlify/devtools-types/-/devtools-types-11.3.1.tgz", { "dependencies": { "@intlify/core-base": "11.3.1", "@intlify/shared": "11.3.1" } }, "sha512-qrOknIx294W4YYVYBgldDOeOnv2NlpabW+aYGjMuXMSrY36f7GCAPlEBE2G+qTC5x0oAWDBSY5BmvLlPUx1exg=="],
"@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],
"@intlify/message-compiler": ["@intlify/message-compiler@11.3.1", "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-11.3.1.tgz", { "dependencies": { "@intlify/shared": "11.3.1", "source-map-js": "^1.0.2" } }, "sha512-uIa4YurbphU+4Cl5CoL6nq/c7uQhVNRowEelgboNmXNs+UEcyFLQBESwaUjMvdtYxzA2qh+vGim080KZ84ruDA=="],
"@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],
"@intlify/shared": ["@intlify/shared@11.3.1", "https://registry.npmmirror.com/@intlify/shared/-/shared-11.3.1.tgz", {}, "sha512-9GWc5PKuRdeWkT7FJN43c/+rD6xpSB3WtizewkfFCK/0XzYqCk4gQBWWcTdfKo8ylEcHwqYsR2Z3HRE3XhEHrQ=="],
"@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
"@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
"@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.1", "", { "dependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1", "@tybys/wasm-util": "^0.10.1" } }, "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A=="],
"@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "https://registry.npmmirror.com/@jridgewell/remapping/-/remapping-2.3.5.tgz", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
"@oxc-project/runtime": ["@oxc-project/runtime@0.114.0", "", {}, "sha512-mVGQvr/uFJGQ3hsvgQ1sJfh79t5owyZZZtw+VaH+WhtvsmtgjT6imznB9sz2Q67Q0/4obM9mOOtQscU4aJteSg=="],
"@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],
"@oxc-project/types": ["@oxc-project/types@0.114.0", "", {}, "sha512-//nBfbzHQHvJs8oFIjv6coZ6uxQ4alLfiPe6D5vit6c4pmxATHHlVwgB1k+Hv4yoAMyncdxgRBF5K4BYWUCzvA=="],
"@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],
"@rolldown/binding-android-arm64": ["@rolldown/binding-android-arm64@1.0.0-rc.5", "", { "os": "android", "cpu": "arm64" }, "sha512-zCEmUrt1bggwgBgeKLxNj217J1OrChrp3jJt24VK9jAharSTeVaHODNL+LpcQVhRz+FktYWfT9cjo5oZ99ZLpg=="],
"@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
"@rolldown/binding-darwin-arm64": ["@rolldown/binding-darwin-arm64@1.0.0-rc.5", "", { "os": "darwin", "cpu": "arm64" }, "sha512-ZP9xb9lPAex36pvkNWCjSEJW/Gfdm9I3ssiqOFLmpZ/vosPXgpoGxCmh+dX1Qs+/bWQE6toNFXWWL8vYoKoK9Q=="],
"@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.1", "https://registry.npmmirror.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz", { "dependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1", "@tybys/wasm-util": "^0.10.1" } }, "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A=="],
"@rolldown/binding-darwin-x64": ["@rolldown/binding-darwin-x64@1.0.0-rc.5", "", { "os": "darwin", "cpu": "x64" }, "sha512-7IdrPunf6dp9mywMgTOKMMGDnMHQ6+h5gRl6LW8rhD8WK2kXX0IwzcM5Zc0B5J7xQs8QWOlKjv8BJsU/1CD3pg=="],
"@noble/ciphers": ["@noble/ciphers@2.1.1", "https://registry.npmmirror.com/@noble/ciphers/-/ciphers-2.1.1.tgz", {}, "sha512-bysYuiVfhxNJuldNXlFEitTVdNnYUc+XNJZd7Qm2a5j1vZHgY+fazadNFWFaMK/2vye0JVlxV3gHmC0WDfAOQw=="],
"@rolldown/binding-freebsd-x64": ["@rolldown/binding-freebsd-x64@1.0.0-rc.5", "", { "os": "freebsd", "cpu": "x64" }, "sha512-o/JCk+dL0IN68EBhZ4DqfsfvxPfMeoM6cJtxORC1YYoxGHZyth2Kb2maXDb4oddw2wu8iIbnYXYPEzBtAF5CAg=="],
"@noble/hashes": ["@noble/hashes@2.0.1", "https://registry.npmmirror.com/@noble/hashes/-/hashes-2.0.1.tgz", {}, "sha512-XlOlEbQcE9fmuXxrVTXCTlG2nlRXa9Rj3rr5Ue/+tX+nmkgbX720YHh0VR3hBF9xDvwnb8D2shVGOwNx+ulArw=="],
"@rolldown/binding-linux-arm-gnueabihf": ["@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.5", "", { "os": "linux", "cpu": "arm" }, "sha512-IIBwTtA6VwxQLcEgq2mfrUgam7VvPZjhd/jxmeS1npM+edWsrrpRLHUdze+sk4rhb8/xpP3flemgcZXXUW6ukw=="],
"@oxc-project/runtime": ["@oxc-project/runtime@0.114.0", "https://registry.npmmirror.com/@oxc-project/runtime/-/runtime-0.114.0.tgz", {}, "sha512-mVGQvr/uFJGQ3hsvgQ1sJfh79t5owyZZZtw+VaH+WhtvsmtgjT6imznB9sz2Q67Q0/4obM9mOOtQscU4aJteSg=="],
"@rolldown/binding-linux-arm64-gnu": ["@rolldown/binding-linux-arm64-gnu@1.0.0-rc.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-KSol1De1spMZL+Xg7K5IBWXIvRWv7+pveaxFWXpezezAG7CS6ojzRjtCGCiLxQricutTAi/LkNWKMsd2wNhMKQ=="],
"@oxc-project/types": ["@oxc-project/types@0.114.0", "https://registry.npmmirror.com/@oxc-project/types/-/types-0.114.0.tgz", {}, "sha512-//nBfbzHQHvJs8oFIjv6coZ6uxQ4alLfiPe6D5vit6c4pmxATHHlVwgB1k+Hv4yoAMyncdxgRBF5K4BYWUCzvA=="],
"@rolldown/binding-linux-arm64-musl": ["@rolldown/binding-linux-arm64-musl@1.0.0-rc.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-WFljyDkxtXRlWxMjxeegf7xMYXxUr8u7JdXlOEWKYgDqEgxUnSEsVDxBiNWQ1D5kQKwf8Wo4sVKEYPRhCdsjwA=="],
"@rolldown/binding-android-arm64": ["@rolldown/binding-android-arm64@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.5.tgz", { "os": "android", "cpu": "arm64" }, "sha512-zCEmUrt1bggwgBgeKLxNj217J1OrChrp3jJt24VK9jAharSTeVaHODNL+LpcQVhRz+FktYWfT9cjo5oZ99ZLpg=="],
"@rolldown/binding-linux-x64-gnu": ["@rolldown/binding-linux-x64-gnu@1.0.0-rc.5", "", { "os": "linux", "cpu": "x64" }, "sha512-CUlplTujmbDWp2gamvrqVKi2Or8lmngXT1WxsizJfts7JrvfGhZObciaY/+CbdbS9qNnskvwMZNEhTPrn7b+WA=="],
"@rolldown/binding-darwin-arm64": ["@rolldown/binding-darwin-arm64@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.5.tgz", { "os": "darwin", "cpu": "arm64" }, "sha512-ZP9xb9lPAex36pvkNWCjSEJW/Gfdm9I3ssiqOFLmpZ/vosPXgpoGxCmh+dX1Qs+/bWQE6toNFXWWL8vYoKoK9Q=="],
"@rolldown/binding-linux-x64-musl": ["@rolldown/binding-linux-x64-musl@1.0.0-rc.5", "", { "os": "linux", "cpu": "x64" }, "sha512-wdf7g9NbVZCeAo2iGhsjJb7I8ZFfs6X8bumfrWg82VK+8P6AlLXwk48a1ASiJQDTS7Svq2xVzZg3sGO2aXpHRA=="],
"@rolldown/binding-darwin-x64": ["@rolldown/binding-darwin-x64@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.5.tgz", { "os": "darwin", "cpu": "x64" }, "sha512-7IdrPunf6dp9mywMgTOKMMGDnMHQ6+h5gRl6LW8rhD8WK2kXX0IwzcM5Zc0B5J7xQs8QWOlKjv8BJsU/1CD3pg=="],
"@rolldown/binding-openharmony-arm64": ["@rolldown/binding-openharmony-arm64@1.0.0-rc.5", "", { "os": "none", "cpu": "arm64" }, "sha512-0CWY7ubu12nhzz+tkpHjoG3IRSTlWYe0wrfJRf4qqjqQSGtAYgoL9kwzdvlhaFdZ5ffVeyYw9qLsChcjUMEloQ=="],
"@rolldown/binding-freebsd-x64": ["@rolldown/binding-freebsd-x64@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.5.tgz", { "os": "freebsd", "cpu": "x64" }, "sha512-o/JCk+dL0IN68EBhZ4DqfsfvxPfMeoM6cJtxORC1YYoxGHZyth2Kb2maXDb4oddw2wu8iIbnYXYPEzBtAF5CAg=="],
"@rolldown/binding-wasm32-wasi": ["@rolldown/binding-wasm32-wasi@1.0.0-rc.5", "", { "dependencies": { "@napi-rs/wasm-runtime": "^1.1.1" }, "cpu": "none" }, "sha512-LztXnGzv6t2u830mnZrFLRVqT/DPJ9DL4ZTz/y93rqUVkeHjMMYIYaFj+BUthiYxbVH9dH0SZYufETspKY/NhA=="],
"@rolldown/binding-linux-arm-gnueabihf": ["@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.5.tgz", { "os": "linux", "cpu": "arm" }, "sha512-IIBwTtA6VwxQLcEgq2mfrUgam7VvPZjhd/jxmeS1npM+edWsrrpRLHUdze+sk4rhb8/xpP3flemgcZXXUW6ukw=="],
"@rolldown/binding-win32-arm64-msvc": ["@rolldown/binding-win32-arm64-msvc@1.0.0-rc.5", "", { "os": "win32", "cpu": "arm64" }, "sha512-jUct1XVeGtyjqJXEAfvdFa8xoigYZ2rge7nYEm70ppQxpfH9ze2fbIrpHmP2tNM2vL/F6Dd0CpXhpjPbC6bSxQ=="],
"@rolldown/binding-linux-arm64-gnu": ["@rolldown/binding-linux-arm64-gnu@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.5.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-KSol1De1spMZL+Xg7K5IBWXIvRWv7+pveaxFWXpezezAG7CS6ojzRjtCGCiLxQricutTAi/LkNWKMsd2wNhMKQ=="],
"@rolldown/binding-win32-x64-msvc": ["@rolldown/binding-win32-x64-msvc@1.0.0-rc.5", "", { "os": "win32", "cpu": "x64" }, "sha512-VQ8F9ld5gw29epjnVGdrx8ugiLTe8BMqmhDYy7nGbdeDo4HAt4bgdZvLbViEhg7DZyHLpiEUlO5/jPSUrIuxRQ=="],
"@rolldown/binding-linux-arm64-musl": ["@rolldown/binding-linux-arm64-musl@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.5.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-WFljyDkxtXRlWxMjxeegf7xMYXxUr8u7JdXlOEWKYgDqEgxUnSEsVDxBiNWQ1D5kQKwf8Wo4sVKEYPRhCdsjwA=="],
"@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-rc.2", "", {}, "sha512-izyXV/v+cHiRfozX62W9htOAvwMo4/bXKDrQ+vom1L1qRuexPock/7VZDAhnpHCLNejd3NJ6hiab+tO0D44Rgw=="],
"@rolldown/binding-linux-x64-gnu": ["@rolldown/binding-linux-x64-gnu@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.5.tgz", { "os": "linux", "cpu": "x64" }, "sha512-CUlplTujmbDWp2gamvrqVKi2Or8lmngXT1WxsizJfts7JrvfGhZObciaY/+CbdbS9qNnskvwMZNEhTPrn7b+WA=="],
"@swc/helpers": ["@swc/helpers@0.5.18", "", { "dependencies": { "tslib": "^2.8.0" } }, "sha512-TXTnIcNJQEKwThMMqBXsZ4VGAza6bvN4pa41Rkqoio6QBKMvo+5lexeTMScGCIxtzgQJzElcvIltani+adC5PQ=="],
"@rolldown/binding-linux-x64-musl": ["@rolldown/binding-linux-x64-musl@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.5.tgz", { "os": "linux", "cpu": "x64" }, "sha512-wdf7g9NbVZCeAo2iGhsjJb7I8ZFfs6X8bumfrWg82VK+8P6AlLXwk48a1ASiJQDTS7Svq2xVzZg3sGO2aXpHRA=="],
"@tailwindcss/node": ["@tailwindcss/node@4.2.0", "", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "enhanced-resolve": "^5.19.0", "jiti": "^2.6.1", "lightningcss": "1.31.1", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.2.0" } }, "sha512-Yv+fn/o2OmL5fh/Ir62VXItdShnUxfpkMA4Y7jdeC8O81WPB8Kf6TT6GSHvnqgSwDzlB5iT7kDpeXxLsUS0T6Q=="],
"@rolldown/binding-openharmony-arm64": ["@rolldown/binding-openharmony-arm64@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.5.tgz", { "os": "none", "cpu": "arm64" }, "sha512-0CWY7ubu12nhzz+tkpHjoG3IRSTlWYe0wrfJRf4qqjqQSGtAYgoL9kwzdvlhaFdZ5ffVeyYw9qLsChcjUMEloQ=="],
"@tailwindcss/oxide": ["@tailwindcss/oxide@4.2.0", "", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.2.0", "@tailwindcss/oxide-darwin-arm64": "4.2.0", "@tailwindcss/oxide-darwin-x64": "4.2.0", "@tailwindcss/oxide-freebsd-x64": "4.2.0", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.0", "@tailwindcss/oxide-linux-arm64-gnu": "4.2.0", "@tailwindcss/oxide-linux-arm64-musl": "4.2.0", "@tailwindcss/oxide-linux-x64-gnu": "4.2.0", "@tailwindcss/oxide-linux-x64-musl": "4.2.0", "@tailwindcss/oxide-wasm32-wasi": "4.2.0", "@tailwindcss/oxide-win32-arm64-msvc": "4.2.0", "@tailwindcss/oxide-win32-x64-msvc": "4.2.0" } }, "sha512-AZqQzADaj742oqn2xjl5JbIOzZB/DGCYF/7bpvhA8KvjUj9HJkag6bBuwZvH1ps6dfgxNHyuJVlzSr2VpMgdTQ=="],
"@rolldown/binding-wasm32-wasi": ["@rolldown/binding-wasm32-wasi@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.5.tgz", { "dependencies": { "@napi-rs/wasm-runtime": "^1.1.1" }, "cpu": "none" }, "sha512-LztXnGzv6t2u830mnZrFLRVqT/DPJ9DL4ZTz/y93rqUVkeHjMMYIYaFj+BUthiYxbVH9dH0SZYufETspKY/NhA=="],
"@tailwindcss/oxide-android-arm64": ["@tailwindcss/oxide-android-arm64@4.2.0", "", { "os": "android", "cpu": "arm64" }, "sha512-F0QkHAVaW/JNBWl4CEKWdZ9PMb0khw5DCELAOnu+RtjAfx5Zgw+gqCHFvqg3AirU1IAd181fwOtJQ5I8Yx5wtw=="],
"@rolldown/binding-win32-arm64-msvc": ["@rolldown/binding-win32-arm64-msvc@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.5.tgz", { "os": "win32", "cpu": "arm64" }, "sha512-jUct1XVeGtyjqJXEAfvdFa8xoigYZ2rge7nYEm70ppQxpfH9ze2fbIrpHmP2tNM2vL/F6Dd0CpXhpjPbC6bSxQ=="],
"@tailwindcss/oxide-darwin-arm64": ["@tailwindcss/oxide-darwin-arm64@4.2.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-I0QylkXsBsJMZ4nkUNSR04p6+UptjcwhcVo3Zu828ikiEqHjVmQL9RuQ6uT/cVIiKpvtVA25msu/eRV97JeNSA=="],
"@rolldown/binding-win32-x64-msvc": ["@rolldown/binding-win32-x64-msvc@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.5.tgz", { "os": "win32", "cpu": "x64" }, "sha512-VQ8F9ld5gw29epjnVGdrx8ugiLTe8BMqmhDYy7nGbdeDo4HAt4bgdZvLbViEhg7DZyHLpiEUlO5/jPSUrIuxRQ=="],
"@tailwindcss/oxide-darwin-x64": ["@tailwindcss/oxide-darwin-x64@4.2.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-6TmQIn4p09PBrmnkvbYQ0wbZhLtbaksCDx7Y7R3FYYx0yxNA7xg5KP7dowmQ3d2JVdabIHvs3Hx4K3d5uCf8xg=="],
"@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-rc.2", "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.2.tgz", {}, "sha512-izyXV/v+cHiRfozX62W9htOAvwMo4/bXKDrQ+vom1L1qRuexPock/7VZDAhnpHCLNejd3NJ6hiab+tO0D44Rgw=="],
"@tailwindcss/oxide-freebsd-x64": ["@tailwindcss/oxide-freebsd-x64@4.2.0", "", { "os": "freebsd", "cpu": "x64" }, "sha512-qBudxDvAa2QwGlq9y7VIzhTvp2mLJ6nD/G8/tI70DCDoneaUeLWBJaPcbfzqRIWraj+o969aDQKvKW9dvkUizw=="],
"@swc/helpers": ["@swc/helpers@0.5.18", "https://registry.npmmirror.com/@swc/helpers/-/helpers-0.5.18.tgz", { "dependencies": { "tslib": "^2.8.0" } }, "sha512-TXTnIcNJQEKwThMMqBXsZ4VGAza6bvN4pa41Rkqoio6QBKMvo+5lexeTMScGCIxtzgQJzElcvIltani+adC5PQ=="],
"@tailwindcss/oxide-linux-arm-gnueabihf": ["@tailwindcss/oxide-linux-arm-gnueabihf@4.2.0", "", { "os": "linux", "cpu": "arm" }, "sha512-7XKkitpy5NIjFZNUQPeUyNJNJn1CJeV7rmMR+exHfTuOsg8rxIO9eNV5TSEnqRcaOK77zQpsyUkBWmPy8FgdSg=="],
"@tailwindcss/node": ["@tailwindcss/node@4.2.0", "https://registry.npmmirror.com/@tailwindcss/node/-/node-4.2.0.tgz", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "enhanced-resolve": "^5.19.0", "jiti": "^2.6.1", "lightningcss": "1.31.1", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.2.0" } }, "sha512-Yv+fn/o2OmL5fh/Ir62VXItdShnUxfpkMA4Y7jdeC8O81WPB8Kf6TT6GSHvnqgSwDzlB5iT7kDpeXxLsUS0T6Q=="],
"@tailwindcss/oxide-linux-arm64-gnu": ["@tailwindcss/oxide-linux-arm64-gnu@4.2.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-Mff5a5Q3WoQR01pGU1gr29hHM1N93xYrKkGXfPw/aRtK4bOc331Ho4Tgfsm5WDGvpevqMpdlkCojT3qlCQbCpA=="],
"@tailwindcss/oxide": ["@tailwindcss/oxide@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide/-/oxide-4.2.0.tgz", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.2.0", "@tailwindcss/oxide-darwin-arm64": "4.2.0", "@tailwindcss/oxide-darwin-x64": "4.2.0", "@tailwindcss/oxide-freebsd-x64": "4.2.0", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.0", "@tailwindcss/oxide-linux-arm64-gnu": "4.2.0", "@tailwindcss/oxide-linux-arm64-musl": "4.2.0", "@tailwindcss/oxide-linux-x64-gnu": "4.2.0", "@tailwindcss/oxide-linux-x64-musl": "4.2.0", "@tailwindcss/oxide-wasm32-wasi": "4.2.0", "@tailwindcss/oxide-win32-arm64-msvc": "4.2.0", "@tailwindcss/oxide-win32-x64-msvc": "4.2.0" } }, "sha512-AZqQzADaj742oqn2xjl5JbIOzZB/DGCYF/7bpvhA8KvjUj9HJkag6bBuwZvH1ps6dfgxNHyuJVlzSr2VpMgdTQ=="],
"@tailwindcss/oxide-linux-arm64-musl": ["@tailwindcss/oxide-linux-arm64-musl@4.2.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-XKcSStleEVnbH6W/9DHzZv1YhjE4eSS6zOu2eRtYAIh7aV4o3vIBs+t/B15xlqoxt6ef/0uiqJVB6hkHjWD/0A=="],
"@tailwindcss/oxide-android-arm64": ["@tailwindcss/oxide-android-arm64@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.0.tgz", { "os": "android", "cpu": "arm64" }, "sha512-F0QkHAVaW/JNBWl4CEKWdZ9PMb0khw5DCELAOnu+RtjAfx5Zgw+gqCHFvqg3AirU1IAd181fwOtJQ5I8Yx5wtw=="],
"@tailwindcss/oxide-linux-x64-gnu": ["@tailwindcss/oxide-linux-x64-gnu@4.2.0", "", { "os": "linux", "cpu": "x64" }, "sha512-/hlXCBqn9K6fi7eAM0RsobHwJYa5V/xzWspVTzxnX+Ft9v6n+30Pz8+RxCn7sQL/vRHHLS30iQPrHQunu6/vJA=="],
"@tailwindcss/oxide-darwin-arm64": ["@tailwindcss/oxide-darwin-arm64@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.0.tgz", { "os": "darwin", "cpu": "arm64" }, "sha512-I0QylkXsBsJMZ4nkUNSR04p6+UptjcwhcVo3Zu828ikiEqHjVmQL9RuQ6uT/cVIiKpvtVA25msu/eRV97JeNSA=="],
"@tailwindcss/oxide-linux-x64-musl": ["@tailwindcss/oxide-linux-x64-musl@4.2.0", "", { "os": "linux", "cpu": "x64" }, "sha512-lKUaygq4G7sWkhQbfdRRBkaq4LY39IriqBQ+Gk6l5nKq6Ay2M2ZZb1tlIyRNgZKS8cbErTwuYSor0IIULC0SHw=="],
"@tailwindcss/oxide-darwin-x64": ["@tailwindcss/oxide-darwin-x64@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.0.tgz", { "os": "darwin", "cpu": "x64" }, "sha512-6TmQIn4p09PBrmnkvbYQ0wbZhLtbaksCDx7Y7R3FYYx0yxNA7xg5KP7dowmQ3d2JVdabIHvs3Hx4K3d5uCf8xg=="],
"@tailwindcss/oxide-wasm32-wasi": ["@tailwindcss/oxide-wasm32-wasi@4.2.0", "", { "dependencies": { "@emnapi/core": "^1.8.1", "@emnapi/runtime": "^1.8.1", "@emnapi/wasi-threads": "^1.1.0", "@napi-rs/wasm-runtime": "^1.1.1", "@tybys/wasm-util": "^0.10.1", "tslib": "^2.8.1" }, "cpu": "none" }, "sha512-xuDjhAsFdUuFP5W9Ze4k/o4AskUtI8bcAGU4puTYprr89QaYFmhYOPfP+d1pH+k9ets6RoE23BXZM1X1jJqoyw=="],
"@tailwindcss/oxide-freebsd-x64": ["@tailwindcss/oxide-freebsd-x64@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.0.tgz", { "os": "freebsd", "cpu": "x64" }, "sha512-qBudxDvAa2QwGlq9y7VIzhTvp2mLJ6nD/G8/tI70DCDoneaUeLWBJaPcbfzqRIWraj+o969aDQKvKW9dvkUizw=="],
"@tailwindcss/oxide-win32-arm64-msvc": ["@tailwindcss/oxide-win32-arm64-msvc@4.2.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-2UU/15y1sWDEDNJXxEIrfWKC2Yb4YgIW5Xz2fKFqGzFWfoMHWFlfa1EJlGO2Xzjkq/tvSarh9ZTjvbxqWvLLXA=="],
"@tailwindcss/oxide-linux-arm-gnueabihf": ["@tailwindcss/oxide-linux-arm-gnueabihf@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.0.tgz", { "os": "linux", "cpu": "arm" }, "sha512-7XKkitpy5NIjFZNUQPeUyNJNJn1CJeV7rmMR+exHfTuOsg8rxIO9eNV5TSEnqRcaOK77zQpsyUkBWmPy8FgdSg=="],
"@tailwindcss/oxide-win32-x64-msvc": ["@tailwindcss/oxide-win32-x64-msvc@4.2.0", "", { "os": "win32", "cpu": "x64" }, "sha512-CrFadmFoc+z76EV6LPG1jx6XceDsaCG3lFhyLNo/bV9ByPrE+FnBPckXQVP4XRkN76h3Fjt/a+5Er/oA/nCBvQ=="],
"@tailwindcss/oxide-linux-arm64-gnu": ["@tailwindcss/oxide-linux-arm64-gnu@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.0.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-Mff5a5Q3WoQR01pGU1gr29hHM1N93xYrKkGXfPw/aRtK4bOc331Ho4Tgfsm5WDGvpevqMpdlkCojT3qlCQbCpA=="],
"@tailwindcss/vite": ["@tailwindcss/vite@4.2.0", "", { "dependencies": { "@tailwindcss/node": "4.2.0", "@tailwindcss/oxide": "4.2.0", "tailwindcss": "4.2.0" }, "peerDependencies": { "vite": "^5.2.0 || ^6 || ^7" } }, "sha512-da9mFCaHpoOgtQiWtDGIikTrSpUFBtIZCG3jy/u2BGV+l/X1/pbxzmIUxNt6JWm19N3WtGi4KlJdSH/Si83WOA=="],
"@tailwindcss/oxide-linux-arm64-musl": ["@tailwindcss/oxide-linux-arm64-musl@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.0.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-XKcSStleEVnbH6W/9DHzZv1YhjE4eSS6zOu2eRtYAIh7aV4o3vIBs+t/B15xlqoxt6ef/0uiqJVB6hkHjWD/0A=="],
"@tanstack/virtual-core": ["@tanstack/virtual-core@3.13.18", "", {}, "sha512-Mx86Hqu1k39icq2Zusq+Ey2J6dDWTjDvEv43PJtRCoEYTLyfaPnxIQ6iy7YAOK0NV/qOEmZQ/uCufrppZxTgcg=="],
"@tailwindcss/oxide-linux-x64-gnu": ["@tailwindcss/oxide-linux-x64-gnu@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.0.tgz", { "os": "linux", "cpu": "x64" }, "sha512-/hlXCBqn9K6fi7eAM0RsobHwJYa5V/xzWspVTzxnX+Ft9v6n+30Pz8+RxCn7sQL/vRHHLS30iQPrHQunu6/vJA=="],
"@tanstack/vue-virtual": ["@tanstack/vue-virtual@3.13.18", "", { "dependencies": { "@tanstack/virtual-core": "3.13.18" }, "peerDependencies": { "vue": "^2.7.0 || ^3.0.0" } }, "sha512-6pT8HdHtTU5Z+t906cGdCroUNA5wHjFXsNss9gwk7QAr1VNZtz9IQCs2Nhx0gABK48c+OocHl2As+TMg8+Hy4A=="],
"@tailwindcss/oxide-linux-x64-musl": ["@tailwindcss/oxide-linux-x64-musl@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.0.tgz", { "os": "linux", "cpu": "x64" }, "sha512-lKUaygq4G7sWkhQbfdRRBkaq4LY39IriqBQ+Gk6l5nKq6Ay2M2ZZb1tlIyRNgZKS8cbErTwuYSor0IIULC0SHw=="],
"@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
"@tailwindcss/oxide-wasm32-wasi": ["@tailwindcss/oxide-wasm32-wasi@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.0.tgz", { "dependencies": { "@emnapi/core": "^1.8.1", "@emnapi/runtime": "^1.8.1", "@emnapi/wasi-threads": "^1.1.0", "@napi-rs/wasm-runtime": "^1.1.1", "@tybys/wasm-util": "^0.10.1", "tslib": "^2.8.1" }, "cpu": "none" }, "sha512-xuDjhAsFdUuFP5W9Ze4k/o4AskUtI8bcAGU4puTYprr89QaYFmhYOPfP+d1pH+k9ets6RoE23BXZM1X1jJqoyw=="],
"@types/bun": ["@types/bun@1.3.9", "", { "dependencies": { "bun-types": "1.3.9" } }, "sha512-KQ571yULOdWJiMH+RIWIOZ7B2RXQGpL1YQrBtLIV3FqDcCu6FsbFUBwhdKUlCKUpS3PJDsHlJ1QKlpxoVR+xtw=="],
"@tailwindcss/oxide-win32-arm64-msvc": ["@tailwindcss/oxide-win32-arm64-msvc@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.0.tgz", { "os": "win32", "cpu": "arm64" }, "sha512-2UU/15y1sWDEDNJXxEIrfWKC2Yb4YgIW5Xz2fKFqGzFWfoMHWFlfa1EJlGO2Xzjkq/tvSarh9ZTjvbxqWvLLXA=="],
"@types/node": ["@types/node@24.10.13", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-oH72nZRfDv9lADUBSo104Aq7gPHpQZc4BTx38r9xf9pg5LfP6EzSyH2n7qFmmxRQXh7YlUXODcYsg6PuTDSxGg=="],
"@tailwindcss/oxide-win32-x64-msvc": ["@tailwindcss/oxide-win32-x64-msvc@4.2.0", "https://registry.npmmirror.com/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.0.tgz", { "os": "win32", "cpu": "x64" }, "sha512-CrFadmFoc+z76EV6LPG1jx6XceDsaCG3lFhyLNo/bV9ByPrE+FnBPckXQVP4XRkN76h3Fjt/a+5Er/oA/nCBvQ=="],
"@types/web-bluetooth": ["@types/web-bluetooth@0.0.21", "", {}, "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA=="],
"@tailwindcss/vite": ["@tailwindcss/vite@4.2.0", "https://registry.npmmirror.com/@tailwindcss/vite/-/vite-4.2.0.tgz", { "dependencies": { "@tailwindcss/node": "4.2.0", "@tailwindcss/oxide": "4.2.0", "tailwindcss": "4.2.0" }, "peerDependencies": { "vite": "^5.2.0 || ^6 || ^7" } }, "sha512-da9mFCaHpoOgtQiWtDGIikTrSpUFBtIZCG3jy/u2BGV+l/X1/pbxzmIUxNt6JWm19N3WtGi4KlJdSH/Si83WOA=="],
"@vitejs/plugin-vue": ["@vitejs/plugin-vue@6.0.4", "", { "dependencies": { "@rolldown/pluginutils": "1.0.0-rc.2" }, "peerDependencies": { "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "vue": "^3.2.25" } }, "sha512-uM5iXipgYIn13UUQCZNdWkYk+sysBeA97d5mHsAoAt1u/wpN3+zxOmsVJWosuzX+IMGRzeYUNytztrYznboIkQ=="],
"@tanstack/virtual-core": ["@tanstack/virtual-core@3.13.18", "https://registry.npmmirror.com/@tanstack/virtual-core/-/virtual-core-3.13.18.tgz", {}, "sha512-Mx86Hqu1k39icq2Zusq+Ey2J6dDWTjDvEv43PJtRCoEYTLyfaPnxIQ6iy7YAOK0NV/qOEmZQ/uCufrppZxTgcg=="],
"@volar/language-core": ["@volar/language-core@2.4.28", "", { "dependencies": { "@volar/source-map": "2.4.28" } }, "sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ=="],
"@tanstack/vue-virtual": ["@tanstack/vue-virtual@3.13.18", "https://registry.npmmirror.com/@tanstack/vue-virtual/-/vue-virtual-3.13.18.tgz", { "dependencies": { "@tanstack/virtual-core": "3.13.18" }, "peerDependencies": { "vue": "^2.7.0 || ^3.0.0" } }, "sha512-6pT8HdHtTU5Z+t906cGdCroUNA5wHjFXsNss9gwk7QAr1VNZtz9IQCs2Nhx0gABK48c+OocHl2As+TMg8+Hy4A=="],
"@volar/source-map": ["@volar/source-map@2.4.28", "", {}, "sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ=="],
"@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "https://registry.npmmirror.com/@tybys/wasm-util/-/wasm-util-0.10.1.tgz", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
"@volar/typescript": ["@volar/typescript@2.4.28", "", { "dependencies": { "@volar/language-core": "2.4.28", "path-browserify": "^1.0.1", "vscode-uri": "^3.0.8" } }, "sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw=="],
"@types/bun": ["@types/bun@1.3.9", "https://registry.npmmirror.com/@types/bun/-/bun-1.3.9.tgz", { "dependencies": { "bun-types": "1.3.9" } }, "sha512-KQ571yULOdWJiMH+RIWIOZ7B2RXQGpL1YQrBtLIV3FqDcCu6FsbFUBwhdKUlCKUpS3PJDsHlJ1QKlpxoVR+xtw=="],
"@vue/compiler-core": ["@vue/compiler-core@3.5.28", "", { "dependencies": { "@babel/parser": "^7.29.0", "@vue/shared": "3.5.28", "entities": "^7.0.1", "estree-walker": "^2.0.2", "source-map-js": "^1.2.1" } }, "sha512-kviccYxTgoE8n6OCw96BNdYlBg2GOWfBuOW4Vqwrt7mSKWKwFVvI8egdTltqRgITGPsTFYtKYfxIG8ptX2PJHQ=="],
"@types/node": ["@types/node@24.10.13", "https://registry.npmmirror.com/@types/node/-/node-24.10.13.tgz", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-oH72nZRfDv9lADUBSo104Aq7gPHpQZc4BTx38r9xf9pg5LfP6EzSyH2n7qFmmxRQXh7YlUXODcYsg6PuTDSxGg=="],
"@vue/compiler-dom": ["@vue/compiler-dom@3.5.28", "", { "dependencies": { "@vue/compiler-core": "3.5.28", "@vue/shared": "3.5.28" } }, "sha512-/1ZepxAb159jKR1btkefDP+J2xuWL5V3WtleRmxaT+K2Aqiek/Ab/+Ebrw2pPj0sdHO8ViAyyJWfhXXOP/+LQA=="],
"@types/web-bluetooth": ["@types/web-bluetooth@0.0.21", "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz", {}, "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA=="],
"@vue/compiler-sfc": ["@vue/compiler-sfc@3.5.28", "", { "dependencies": { "@babel/parser": "^7.29.0", "@vue/compiler-core": "3.5.28", "@vue/compiler-dom": "3.5.28", "@vue/compiler-ssr": "3.5.28", "@vue/shared": "3.5.28", "estree-walker": "^2.0.2", "magic-string": "^0.30.21", "postcss": "^8.5.6", "source-map-js": "^1.2.1" } }, "sha512-6TnKMiNkd6u6VeVDhZn/07KhEZuBSn43Wd2No5zaP5s3xm8IqFTHBj84HJah4UepSUJTro5SoqqlOY22FKY96g=="],
"@vitejs/plugin-vue": ["@vitejs/plugin-vue@6.0.4", "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-6.0.4.tgz", { "dependencies": { "@rolldown/pluginutils": "1.0.0-rc.2" }, "peerDependencies": { "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "vue": "^3.2.25" } }, "sha512-uM5iXipgYIn13UUQCZNdWkYk+sysBeA97d5mHsAoAt1u/wpN3+zxOmsVJWosuzX+IMGRzeYUNytztrYznboIkQ=="],
"@vue/compiler-ssr": ["@vue/compiler-ssr@3.5.28", "", { "dependencies": { "@vue/compiler-dom": "3.5.28", "@vue/shared": "3.5.28" } }, "sha512-JCq//9w1qmC6UGLWJX7RXzrGpKkroubey/ZFqTpvEIDJEKGgntuDMqkuWiZvzTzTA5h2qZvFBFHY7fAAa9475g=="],
"@volar/language-core": ["@volar/language-core@2.4.28", "https://registry.npmmirror.com/@volar/language-core/-/language-core-2.4.28.tgz", { "dependencies": { "@volar/source-map": "2.4.28" } }, "sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ=="],
"@vue/devtools-api": ["@vue/devtools-api@7.7.9", "", { "dependencies": { "@vue/devtools-kit": "^7.7.9" } }, "sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g=="],
"@volar/source-map": ["@volar/source-map@2.4.28", "https://registry.npmmirror.com/@volar/source-map/-/source-map-2.4.28.tgz", {}, "sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ=="],
"@vue/devtools-kit": ["@vue/devtools-kit@7.7.9", "", { "dependencies": { "@vue/devtools-shared": "^7.7.9", "birpc": "^2.3.0", "hookable": "^5.5.3", "mitt": "^3.0.1", "perfect-debounce": "^1.0.0", "speakingurl": "^14.0.1", "superjson": "^2.2.2" } }, "sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA=="],
"@volar/typescript": ["@volar/typescript@2.4.28", "https://registry.npmmirror.com/@volar/typescript/-/typescript-2.4.28.tgz", { "dependencies": { "@volar/language-core": "2.4.28", "path-browserify": "^1.0.1", "vscode-uri": "^3.0.8" } }, "sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw=="],
"@vue/devtools-shared": ["@vue/devtools-shared@7.7.9", "", { "dependencies": { "rfdc": "^1.4.1" } }, "sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA=="],
"@vue/compiler-core": ["@vue/compiler-core@3.5.28", "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.28.tgz", { "dependencies": { "@babel/parser": "^7.29.0", "@vue/shared": "3.5.28", "entities": "^7.0.1", "estree-walker": "^2.0.2", "source-map-js": "^1.2.1" } }, "sha512-kviccYxTgoE8n6OCw96BNdYlBg2GOWfBuOW4Vqwrt7mSKWKwFVvI8egdTltqRgITGPsTFYtKYfxIG8ptX2PJHQ=="],
"@vue/language-core": ["@vue/language-core@3.2.5", "", { "dependencies": { "@volar/language-core": "2.4.28", "@vue/compiler-dom": "^3.5.0", "@vue/shared": "^3.5.0", "alien-signals": "^3.0.0", "muggle-string": "^0.4.1", "path-browserify": "^1.0.1", "picomatch": "^4.0.2" } }, "sha512-d3OIxN/+KRedeM5wQ6H6NIpwS3P5gC9nmyaHgBk+rO6dIsjY+tOh4UlPpiZbAh3YtLdCGEX4M16RmsBqPmJV+g=="],
"@vue/compiler-dom": ["@vue/compiler-dom@3.5.28", "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.28.tgz", { "dependencies": { "@vue/compiler-core": "3.5.28", "@vue/shared": "3.5.28" } }, "sha512-/1ZepxAb159jKR1btkefDP+J2xuWL5V3WtleRmxaT+K2Aqiek/Ab/+Ebrw2pPj0sdHO8ViAyyJWfhXXOP/+LQA=="],
"@vue/reactivity": ["@vue/reactivity@3.5.28", "", { "dependencies": { "@vue/shared": "3.5.28" } }, "sha512-gr5hEsxvn+RNyu9/9o1WtdYdwDjg5FgjUSBEkZWqgTKlo/fvwZ2+8W6AfKsc9YN2k/+iHYdS9vZYAhpi10kNaw=="],
"@vue/compiler-sfc": ["@vue/compiler-sfc@3.5.28", "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.28.tgz", { "dependencies": { "@babel/parser": "^7.29.0", "@vue/compiler-core": "3.5.28", "@vue/compiler-dom": "3.5.28", "@vue/compiler-ssr": "3.5.28", "@vue/shared": "3.5.28", "estree-walker": "^2.0.2", "magic-string": "^0.30.21", "postcss": "^8.5.6", "source-map-js": "^1.2.1" } }, "sha512-6TnKMiNkd6u6VeVDhZn/07KhEZuBSn43Wd2No5zaP5s3xm8IqFTHBj84HJah4UepSUJTro5SoqqlOY22FKY96g=="],
"@vue/runtime-core": ["@vue/runtime-core@3.5.28", "", { "dependencies": { "@vue/reactivity": "3.5.28", "@vue/shared": "3.5.28" } }, "sha512-POVHTdbgnrBBIpnbYU4y7pOMNlPn2QVxVzkvEA2pEgvzbelQq4ZOUxbp2oiyo+BOtiYlm8Q44wShHJoBvDPAjQ=="],
"@vue/compiler-ssr": ["@vue/compiler-ssr@3.5.28", "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.28.tgz", { "dependencies": { "@vue/compiler-dom": "3.5.28", "@vue/shared": "3.5.28" } }, "sha512-JCq//9w1qmC6UGLWJX7RXzrGpKkroubey/ZFqTpvEIDJEKGgntuDMqkuWiZvzTzTA5h2qZvFBFHY7fAAa9475g=="],
"@vue/runtime-dom": ["@vue/runtime-dom@3.5.28", "", { "dependencies": { "@vue/reactivity": "3.5.28", "@vue/runtime-core": "3.5.28", "@vue/shared": "3.5.28", "csstype": "^3.2.3" } }, "sha512-4SXxSF8SXYMuhAIkT+eBRqOkWEfPu6nhccrzrkioA6l0boiq7sp18HCOov9qWJA5HML61kW8p/cB4MmBiG9dSA=="],
"@vue/devtools-api": ["@vue/devtools-api@7.7.9", "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-7.7.9.tgz", { "dependencies": { "@vue/devtools-kit": "^7.7.9" } }, "sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g=="],
"@vue/server-renderer": ["@vue/server-renderer@3.5.28", "", { "dependencies": { "@vue/compiler-ssr": "3.5.28", "@vue/shared": "3.5.28" }, "peerDependencies": { "vue": "3.5.28" } }, "sha512-pf+5ECKGj8fX95bNincbzJ6yp6nyzuLDhYZCeFxUNp8EBrQpPpQaLX3nNCp49+UbgbPun3CeVE+5CXVV1Xydfg=="],
"@vue/devtools-kit": ["@vue/devtools-kit@7.7.9", "https://registry.npmmirror.com/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz", { "dependencies": { "@vue/devtools-shared": "^7.7.9", "birpc": "^2.3.0", "hookable": "^5.5.3", "mitt": "^3.0.1", "perfect-debounce": "^1.0.0", "speakingurl": "^14.0.1", "superjson": "^2.2.2" } }, "sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA=="],
"@vue/shared": ["@vue/shared@3.5.28", "", {}, "sha512-cfWa1fCGBxrvaHRhvV3Is0MgmrbSCxYTXCSCau2I0a1Xw1N1pHAvkWCiXPRAqjvToILvguNyEwjevUqAuBQWvQ=="],
"@vue/devtools-shared": ["@vue/devtools-shared@7.7.9", "https://registry.npmmirror.com/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz", { "dependencies": { "rfdc": "^1.4.1" } }, "sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA=="],
"@vue/tsconfig": ["@vue/tsconfig@0.8.1", "", { "peerDependencies": { "typescript": "5.x", "vue": "^3.4.0" }, "optionalPeers": ["typescript", "vue"] }, "sha512-aK7feIWPXFSUhsCP9PFqPyFOcz4ENkb8hZ2pneL6m2UjCkccvaOhC/5KCKluuBufvp2KzkbdA2W2pk20vLzu3g=="],
"@vue/language-core": ["@vue/language-core@3.2.5", "https://registry.npmmirror.com/@vue/language-core/-/language-core-3.2.5.tgz", { "dependencies": { "@volar/language-core": "2.4.28", "@vue/compiler-dom": "^3.5.0", "@vue/shared": "^3.5.0", "alien-signals": "^3.0.0", "muggle-string": "^0.4.1", "path-browserify": "^1.0.1", "picomatch": "^4.0.2" } }, "sha512-d3OIxN/+KRedeM5wQ6H6NIpwS3P5gC9nmyaHgBk+rO6dIsjY+tOh4UlPpiZbAh3YtLdCGEX4M16RmsBqPmJV+g=="],
"@vueuse/core": ["@vueuse/core@14.2.1", "", { "dependencies": { "@types/web-bluetooth": "^0.0.21", "@vueuse/metadata": "14.2.1", "@vueuse/shared": "14.2.1" }, "peerDependencies": { "vue": "^3.5.0" } }, "sha512-3vwDzV+GDUNpdegRY6kzpLm4Igptq+GA0QkJ3W61Iv27YWwW/ufSlOfgQIpN6FZRMG0mkaz4gglJRtq5SeJyIQ=="],
"@vue/reactivity": ["@vue/reactivity@3.5.28", "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.28.tgz", { "dependencies": { "@vue/shared": "3.5.28" } }, "sha512-gr5hEsxvn+RNyu9/9o1WtdYdwDjg5FgjUSBEkZWqgTKlo/fvwZ2+8W6AfKsc9YN2k/+iHYdS9vZYAhpi10kNaw=="],
"@vueuse/metadata": ["@vueuse/metadata@14.2.1", "", {}, "sha512-1ButlVtj5Sb/HDtIy1HFr1VqCP4G6Ypqt5MAo0lCgjokrk2mvQKsK2uuy0vqu/Ks+sHfuHo0B9Y9jn9xKdjZsw=="],
"@vue/runtime-core": ["@vue/runtime-core@3.5.28", "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.28.tgz", { "dependencies": { "@vue/reactivity": "3.5.28", "@vue/shared": "3.5.28" } }, "sha512-POVHTdbgnrBBIpnbYU4y7pOMNlPn2QVxVzkvEA2pEgvzbelQq4ZOUxbp2oiyo+BOtiYlm8Q44wShHJoBvDPAjQ=="],
"@vueuse/shared": ["@vueuse/shared@14.2.1", "", { "peerDependencies": { "vue": "^3.5.0" } }, "sha512-shTJncjV9JTI4oVNyF1FQonetYAiTBd+Qj7cY89SWbXSkx7gyhrgtEdF2ZAVWS1S3SHlaROO6F2IesJxQEkZBw=="],
"@vue/runtime-dom": ["@vue/runtime-dom@3.5.28", "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.28.tgz", { "dependencies": { "@vue/reactivity": "3.5.28", "@vue/runtime-core": "3.5.28", "@vue/shared": "3.5.28", "csstype": "^3.2.3" } }, "sha512-4SXxSF8SXYMuhAIkT+eBRqOkWEfPu6nhccrzrkioA6l0boiq7sp18HCOov9qWJA5HML61kW8p/cB4MmBiG9dSA=="],
"ag-charts-community": ["ag-charts-community@13.1.0", "", { "dependencies": { "ag-charts-core": "13.1.0", "ag-charts-locale": "13.1.0", "ag-charts-types": "13.1.0" } }, "sha512-w+uFTjxlAoTq1+8tgUORtB/zr9jm38ibXzbbWnkBP9Dep9yahi5a1jZL7yExAX35uq3g9QtjTh0Oj/QPDBQ9Ew=="],
"@vue/server-renderer": ["@vue/server-renderer@3.5.28", "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.28.tgz", { "dependencies": { "@vue/compiler-ssr": "3.5.28", "@vue/shared": "3.5.28" }, "peerDependencies": { "vue": "3.5.28" } }, "sha512-pf+5ECKGj8fX95bNincbzJ6yp6nyzuLDhYZCeFxUNp8EBrQpPpQaLX3nNCp49+UbgbPun3CeVE+5CXVV1Xydfg=="],
"ag-charts-core": ["ag-charts-core@13.1.0", "", { "dependencies": { "ag-charts-types": "13.1.0" } }, "sha512-mLHJZ8oU5CPeLRURescdISCtMsiiA/m4d1iBr6aQBEgiTVogRMGpFpsYNtQiYtoW2sRh+62I9sN8fhC3JQjX/g=="],
"@vue/shared": ["@vue/shared@3.5.28", "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.28.tgz", {}, "sha512-cfWa1fCGBxrvaHRhvV3Is0MgmrbSCxYTXCSCau2I0a1Xw1N1pHAvkWCiXPRAqjvToILvguNyEwjevUqAuBQWvQ=="],
"ag-charts-enterprise": ["ag-charts-enterprise@13.1.0", "", { "dependencies": { "ag-charts-community": "13.1.0", "ag-charts-core": "13.1.0" } }, "sha512-WyKIqvkOdtdvEJxq76hjTacXTCpIR2lq1JDMYc5MtoHYtiVt1KHApsxS0nbutp/CxGKRgdOqJtxUF+3r33pgPw=="],
"@vue/tsconfig": ["@vue/tsconfig@0.8.1", "https://registry.npmmirror.com/@vue/tsconfig/-/tsconfig-0.8.1.tgz", { "peerDependencies": { "typescript": "5.x", "vue": "^3.4.0" }, "optionalPeers": ["typescript", "vue"] }, "sha512-aK7feIWPXFSUhsCP9PFqPyFOcz4ENkb8hZ2pneL6m2UjCkccvaOhC/5KCKluuBufvp2KzkbdA2W2pk20vLzu3g=="],
"ag-charts-locale": ["ag-charts-locale@13.1.0", "", {}, "sha512-mPgJnVsOI4Cf17CAlRh8BvLz19e165sdQJeUXNaB7M+DPB+pxODOcfx4oqZlR4Wc8Zu++TGb/2ueHa/aeV2qeQ=="],
"@vueuse/core": ["@vueuse/core@14.2.1", "https://registry.npmmirror.com/@vueuse/core/-/core-14.2.1.tgz", { "dependencies": { "@types/web-bluetooth": "^0.0.21", "@vueuse/metadata": "14.2.1", "@vueuse/shared": "14.2.1" }, "peerDependencies": { "vue": "^3.5.0" } }, "sha512-3vwDzV+GDUNpdegRY6kzpLm4Igptq+GA0QkJ3W61Iv27YWwW/ufSlOfgQIpN6FZRMG0mkaz4gglJRtq5SeJyIQ=="],
"ag-charts-types": ["ag-charts-types@13.1.0", "", {}, "sha512-DytRM3CXli+Y013SC1Mr8lQBrhVTACK+11ilDHOhwUM0sRpmGuR51XFGcBKOliW1Vas1AycP31Cm3Pp0jx3hqw=="],
"@vueuse/metadata": ["@vueuse/metadata@14.2.1", "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-14.2.1.tgz", {}, "sha512-1ButlVtj5Sb/HDtIy1HFr1VqCP4G6Ypqt5MAo0lCgjokrk2mvQKsK2uuy0vqu/Ks+sHfuHo0B9Y9jn9xKdjZsw=="],
"ag-grid-community": ["ag-grid-community@35.1.0", "", { "dependencies": { "ag-charts-types": "13.1.0" } }, "sha512-yWFQfRNjv3KUBkHHzFdDOYGjPcDMU0B8Up4qG651diFlGRUGEGVs94SK73niWvk1FDZdpV9oWrwq3f30/qAoVg=="],
"@vueuse/shared": ["@vueuse/shared@14.2.1", "https://registry.npmmirror.com/@vueuse/shared/-/shared-14.2.1.tgz", { "peerDependencies": { "vue": "^3.5.0" } }, "sha512-shTJncjV9JTI4oVNyF1FQonetYAiTBd+Qj7cY89SWbXSkx7gyhrgtEdF2ZAVWS1S3SHlaROO6F2IesJxQEkZBw=="],
"ag-grid-enterprise": ["ag-grid-enterprise@35.1.0", "", { "dependencies": { "ag-grid-community": "35.1.0" }, "optionalDependencies": { "ag-charts-community": "13.1.0", "ag-charts-enterprise": "13.1.0" } }, "sha512-Zhod3fpgWa9KE0JNFkkkb8/3Qv66UR9KF3wFyCz++wQUtQm5wdExul4UA8wm1ukvBmD6QyBLQ5Cs9zDnIEb0uQ=="],
"ag-charts-community": ["ag-charts-community@13.1.0", "https://registry.npmmirror.com/ag-charts-community/-/ag-charts-community-13.1.0.tgz", { "dependencies": { "ag-charts-core": "13.1.0", "ag-charts-locale": "13.1.0", "ag-charts-types": "13.1.0" } }, "sha512-w+uFTjxlAoTq1+8tgUORtB/zr9jm38ibXzbbWnkBP9Dep9yahi5a1jZL7yExAX35uq3g9QtjTh0Oj/QPDBQ9Ew=="],
"ag-grid-vue3": ["ag-grid-vue3@35.1.0", "", { "dependencies": { "ag-grid-community": "35.1.0" }, "peerDependencies": { "vue": "^3.5.0" } }, "sha512-BvM7yrFxRB/r5hZ4xSyE6T2lU2Rj+Ls6RH5tTu/n8DmhCTmLj4QCEkoU7EuaE0/Az3uEHOubYMaCX4jcDf181A=="],
"ag-charts-core": ["ag-charts-core@13.1.0", "https://registry.npmmirror.com/ag-charts-core/-/ag-charts-core-13.1.0.tgz", { "dependencies": { "ag-charts-types": "13.1.0" } }, "sha512-mLHJZ8oU5CPeLRURescdISCtMsiiA/m4d1iBr6aQBEgiTVogRMGpFpsYNtQiYtoW2sRh+62I9sN8fhC3JQjX/g=="],
"alien-signals": ["alien-signals@3.1.2", "", {}, "sha512-d9dYqZTS90WLiU0I5c6DHj/HcKkF8ZyGN3G5x8wSbslulz70KOxaqCT0hQCo9KOyhVqzqGojvNdJXoTumZOtcw=="],
"ag-charts-enterprise": ["ag-charts-enterprise@13.1.0", "https://registry.npmmirror.com/ag-charts-enterprise/-/ag-charts-enterprise-13.1.0.tgz", { "dependencies": { "ag-charts-community": "13.1.0", "ag-charts-core": "13.1.0" } }, "sha512-WyKIqvkOdtdvEJxq76hjTacXTCpIR2lq1JDMYc5MtoHYtiVt1KHApsxS0nbutp/CxGKRgdOqJtxUF+3r33pgPw=="],
"archiver": ["archiver@5.3.2", "", { "dependencies": { "archiver-utils": "^2.1.0", "async": "^3.2.4", "buffer-crc32": "^0.2.1", "readable-stream": "^3.6.0", "readdir-glob": "^1.1.2", "tar-stream": "^2.2.0", "zip-stream": "^4.1.0" } }, "sha512-+25nxyyznAXF7Nef3y0EbBeqmGZgeN/BxHX29Rs39djAfaFalmQ89SE6CWyDCHzGL0yt/ycBtNOmGTW0FyGWNw=="],
"ag-charts-locale": ["ag-charts-locale@13.1.0", "https://registry.npmmirror.com/ag-charts-locale/-/ag-charts-locale-13.1.0.tgz", {}, "sha512-mPgJnVsOI4Cf17CAlRh8BvLz19e165sdQJeUXNaB7M+DPB+pxODOcfx4oqZlR4Wc8Zu++TGb/2ueHa/aeV2qeQ=="],
"archiver-utils": ["archiver-utils@2.1.0", "", { "dependencies": { "glob": "^7.1.4", "graceful-fs": "^4.2.0", "lazystream": "^1.0.0", "lodash.defaults": "^4.2.0", "lodash.difference": "^4.5.0", "lodash.flatten": "^4.4.0", "lodash.isplainobject": "^4.0.6", "lodash.union": "^4.6.0", "normalize-path": "^3.0.0", "readable-stream": "^2.0.0" } }, "sha512-bEL/yUb/fNNiNTuUz979Z0Yg5L+LzLxGJz8x79lYmR54fmTIb6ob/hNQgkQnIUDWIFjZVQwl9Xs356I6BAMHfw=="],
"ag-charts-types": ["ag-charts-types@13.1.0", "https://registry.npmmirror.com/ag-charts-types/-/ag-charts-types-13.1.0.tgz", {}, "sha512-DytRM3CXli+Y013SC1Mr8lQBrhVTACK+11ilDHOhwUM0sRpmGuR51XFGcBKOliW1Vas1AycP31Cm3Pp0jx3hqw=="],
"aria-hidden": ["aria-hidden@1.2.6", "", { "dependencies": { "tslib": "^2.0.0" } }, "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA=="],
"ag-grid-community": ["ag-grid-community@35.1.0", "https://registry.npmmirror.com/ag-grid-community/-/ag-grid-community-35.1.0.tgz", { "dependencies": { "ag-charts-types": "13.1.0" } }, "sha512-yWFQfRNjv3KUBkHHzFdDOYGjPcDMU0B8Up4qG651diFlGRUGEGVs94SK73niWvk1FDZdpV9oWrwq3f30/qAoVg=="],
"async": ["async@3.2.6", "", {}, "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA=="],
"ag-grid-enterprise": ["ag-grid-enterprise@35.1.0", "https://registry.npmmirror.com/ag-grid-enterprise/-/ag-grid-enterprise-35.1.0.tgz", { "dependencies": { "ag-grid-community": "35.1.0" }, "optionalDependencies": { "ag-charts-community": "13.1.0", "ag-charts-enterprise": "13.1.0" } }, "sha512-Zhod3fpgWa9KE0JNFkkkb8/3Qv66UR9KF3wFyCz++wQUtQm5wdExul4UA8wm1ukvBmD6QyBLQ5Cs9zDnIEb0uQ=="],
"balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
"ag-grid-vue3": ["ag-grid-vue3@35.1.0", "https://registry.npmmirror.com/ag-grid-vue3/-/ag-grid-vue3-35.1.0.tgz", { "dependencies": { "ag-grid-community": "35.1.0" }, "peerDependencies": { "vue": "^3.5.0" } }, "sha512-BvM7yrFxRB/r5hZ4xSyE6T2lU2Rj+Ls6RH5tTu/n8DmhCTmLj4QCEkoU7EuaE0/Az3uEHOubYMaCX4jcDf181A=="],
"base64-js": ["base64-js@1.5.1", "", {}, "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="],
"alien-signals": ["alien-signals@3.1.2", "https://registry.npmmirror.com/alien-signals/-/alien-signals-3.1.2.tgz", {}, "sha512-d9dYqZTS90WLiU0I5c6DHj/HcKkF8ZyGN3G5x8wSbslulz70KOxaqCT0hQCo9KOyhVqzqGojvNdJXoTumZOtcw=="],
"big-integer": ["big-integer@1.6.52", "", {}, "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg=="],
"archiver": ["archiver@5.3.2", "https://registry.npmmirror.com/archiver/-/archiver-5.3.2.tgz", { "dependencies": { "archiver-utils": "^2.1.0", "async": "^3.2.4", "buffer-crc32": "^0.2.1", "readable-stream": "^3.6.0", "readdir-glob": "^1.1.2", "tar-stream": "^2.2.0", "zip-stream": "^4.1.0" } }, "sha512-+25nxyyznAXF7Nef3y0EbBeqmGZgeN/BxHX29Rs39djAfaFalmQ89SE6CWyDCHzGL0yt/ycBtNOmGTW0FyGWNw=="],
"binary": ["binary@0.3.0", "", { "dependencies": { "buffers": "~0.1.1", "chainsaw": "~0.1.0" } }, "sha512-D4H1y5KYwpJgK8wk1Cue5LLPgmwHKYSChkbspQg5JtVuR5ulGckxfR62H3AE9UDkdMC8yyXlqYihuz3Aqg2XZg=="],
"archiver-utils": ["archiver-utils@2.1.0", "https://registry.npmmirror.com/archiver-utils/-/archiver-utils-2.1.0.tgz", { "dependencies": { "glob": "^7.1.4", "graceful-fs": "^4.2.0", "lazystream": "^1.0.0", "lodash.defaults": "^4.2.0", "lodash.difference": "^4.5.0", "lodash.flatten": "^4.4.0", "lodash.isplainobject": "^4.0.6", "lodash.union": "^4.6.0", "normalize-path": "^3.0.0", "readable-stream": "^2.0.0" } }, "sha512-bEL/yUb/fNNiNTuUz979Z0Yg5L+LzLxGJz8x79lYmR54fmTIb6ob/hNQgkQnIUDWIFjZVQwl9Xs356I6BAMHfw=="],
"birpc": ["birpc@2.9.0", "", {}, "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw=="],
"aria-hidden": ["aria-hidden@1.2.6", "https://registry.npmmirror.com/aria-hidden/-/aria-hidden-1.2.6.tgz", { "dependencies": { "tslib": "^2.0.0" } }, "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA=="],
"bl": ["bl@4.1.0", "", { "dependencies": { "buffer": "^5.5.0", "inherits": "^2.0.4", "readable-stream": "^3.4.0" } }, "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w=="],
"async": ["async@3.2.6", "https://registry.npmmirror.com/async/-/async-3.2.6.tgz", {}, "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA=="],
"bluebird": ["bluebird@3.4.7", "", {}, "sha512-iD3898SR7sWVRHbiQv+sHUtHnMvC1o3nW5rAcqnq3uOn07DSAppZYUkIGslDz6gXC7HfunPe7YVBgoEJASPcHA=="],
"balanced-match": ["balanced-match@1.0.2", "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
"brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],
"base64-js": ["base64-js@1.5.1", "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz", {}, "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="],
"buffer": ["buffer@5.7.1", "", { "dependencies": { "base64-js": "^1.3.1", "ieee754": "^1.1.13" } }, "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ=="],
"big-integer": ["big-integer@1.6.52", "https://registry.npmmirror.com/big-integer/-/big-integer-1.6.52.tgz", {}, "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg=="],
"buffer-crc32": ["buffer-crc32@0.2.13", "", {}, "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ=="],
"binary": ["binary@0.3.0", "https://registry.npmmirror.com/binary/-/binary-0.3.0.tgz", { "dependencies": { "buffers": "~0.1.1", "chainsaw": "~0.1.0" } }, "sha512-D4H1y5KYwpJgK8wk1Cue5LLPgmwHKYSChkbspQg5JtVuR5ulGckxfR62H3AE9UDkdMC8yyXlqYihuz3Aqg2XZg=="],
"buffer-indexof-polyfill": ["buffer-indexof-polyfill@1.0.2", "", {}, "sha512-I7wzHwA3t1/lwXQh+A5PbNvJxgfo5r3xulgpYDB5zckTu/Z9oUK9biouBKQUjEqzaz3HnAT6TYoovmE+GqSf7A=="],
"birpc": ["birpc@2.9.0", "https://registry.npmmirror.com/birpc/-/birpc-2.9.0.tgz", {}, "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw=="],
"buffers": ["buffers@0.1.1", "", {}, "sha512-9q/rDEGSb/Qsvv2qvzIzdluL5k7AaJOTrw23z9reQthrbF7is4CtlT0DXyO1oei2DCp4uojjzQ7igaSHp1kAEQ=="],
"bl": ["bl@4.1.0", "https://registry.npmmirror.com/bl/-/bl-4.1.0.tgz", { "dependencies": { "buffer": "^5.5.0", "inherits": "^2.0.4", "readable-stream": "^3.4.0" } }, "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w=="],
"bun-types": ["bun-types@1.3.9", "", { "dependencies": { "@types/node": "*" } }, "sha512-+UBWWOakIP4Tswh0Bt0QD0alpTY8cb5hvgiYeWCMet9YukHbzuruIEeXC2D7nMJPB12kbh8C7XJykSexEqGKJg=="],
"bluebird": ["bluebird@3.4.7", "https://registry.npmmirror.com/bluebird/-/bluebird-3.4.7.tgz", {}, "sha512-iD3898SR7sWVRHbiQv+sHUtHnMvC1o3nW5rAcqnq3uOn07DSAppZYUkIGslDz6gXC7HfunPe7YVBgoEJASPcHA=="],
"chainsaw": ["chainsaw@0.1.0", "", { "dependencies": { "traverse": ">=0.3.0 <0.4" } }, "sha512-75kWfWt6MEKNC8xYXIdRpDehRYY/tNSgwKaJq+dbbDcxORuVrrQ+SEHoWsniVn9XPYfP4gmdWIeDk/4YNp1rNQ=="],
"brace-expansion": ["brace-expansion@2.0.2", "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.2.tgz", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],
"class-variance-authority": ["class-variance-authority@0.7.1", "", { "dependencies": { "clsx": "^2.1.1" } }, "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg=="],
"buffer": ["buffer@5.7.1", "https://registry.npmmirror.com/buffer/-/buffer-5.7.1.tgz", { "dependencies": { "base64-js": "^1.3.1", "ieee754": "^1.1.13" } }, "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ=="],
"clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],
"buffer-crc32": ["buffer-crc32@0.2.13", "https://registry.npmmirror.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz", {}, "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ=="],
"compress-commons": ["compress-commons@4.1.2", "", { "dependencies": { "buffer-crc32": "^0.2.13", "crc32-stream": "^4.0.2", "normalize-path": "^3.0.0", "readable-stream": "^3.6.0" } }, "sha512-D3uMHtGc/fcO1Gt1/L7i1e33VOvD4A9hfQLP+6ewd+BvG/gQ84Yh4oftEhAdjSMgBgwGL+jsppT7JYNpo6MHHg=="],
"buffer-indexof-polyfill": ["buffer-indexof-polyfill@1.0.2", "https://registry.npmmirror.com/buffer-indexof-polyfill/-/buffer-indexof-polyfill-1.0.2.tgz", {}, "sha512-I7wzHwA3t1/lwXQh+A5PbNvJxgfo5r3xulgpYDB5zckTu/Z9oUK9biouBKQUjEqzaz3HnAT6TYoovmE+GqSf7A=="],
"concat-map": ["concat-map@0.0.1", "", {}, "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="],
"buffers": ["buffers@0.1.1", "https://registry.npmmirror.com/buffers/-/buffers-0.1.1.tgz", {}, "sha512-9q/rDEGSb/Qsvv2qvzIzdluL5k7AaJOTrw23z9reQthrbF7is4CtlT0DXyO1oei2DCp4uojjzQ7igaSHp1kAEQ=="],
"copy-anything": ["copy-anything@4.0.5", "", { "dependencies": { "is-what": "^5.2.0" } }, "sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA=="],
"bun-types": ["bun-types@1.3.9", "https://registry.npmmirror.com/bun-types/-/bun-types-1.3.9.tgz", { "dependencies": { "@types/node": "*" } }, "sha512-+UBWWOakIP4Tswh0Bt0QD0alpTY8cb5hvgiYeWCMet9YukHbzuruIEeXC2D7nMJPB12kbh8C7XJykSexEqGKJg=="],
"core-util-is": ["core-util-is@1.0.3", "", {}, "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="],
"chainsaw": ["chainsaw@0.1.0", "https://registry.npmmirror.com/chainsaw/-/chainsaw-0.1.0.tgz", { "dependencies": { "traverse": ">=0.3.0 <0.4" } }, "sha512-75kWfWt6MEKNC8xYXIdRpDehRYY/tNSgwKaJq+dbbDcxORuVrrQ+SEHoWsniVn9XPYfP4gmdWIeDk/4YNp1rNQ=="],
"crc-32": ["crc-32@1.2.2", "", { "bin": { "crc32": "bin/crc32.njs" } }, "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ=="],
"class-variance-authority": ["class-variance-authority@0.7.1", "https://registry.npmmirror.com/class-variance-authority/-/class-variance-authority-0.7.1.tgz", { "dependencies": { "clsx": "^2.1.1" } }, "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg=="],
"crc32-stream": ["crc32-stream@4.0.3", "", { "dependencies": { "crc-32": "^1.2.0", "readable-stream": "^3.4.0" } }, "sha512-NT7w2JVU7DFroFdYkeq8cywxrgjPHWkdX1wjpRQXPX5Asews3tA+Ght6lddQO5Mkumffp3X7GEqku3epj2toIw=="],
"clsx": ["clsx@2.1.1", "https://registry.npmmirror.com/clsx/-/clsx-2.1.1.tgz", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],
"csstype": ["csstype@3.2.3", "", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
"compress-commons": ["compress-commons@4.1.2", "https://registry.npmmirror.com/compress-commons/-/compress-commons-4.1.2.tgz", { "dependencies": { "buffer-crc32": "^0.2.13", "crc32-stream": "^4.0.2", "normalize-path": "^3.0.0", "readable-stream": "^3.6.0" } }, "sha512-D3uMHtGc/fcO1Gt1/L7i1e33VOvD4A9hfQLP+6ewd+BvG/gQ84Yh4oftEhAdjSMgBgwGL+jsppT7JYNpo6MHHg=="],
"dayjs": ["dayjs@1.11.19", "", {}, "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw=="],
"concat-map": ["concat-map@0.0.1", "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz", {}, "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="],
"decimal.js": ["decimal.js@10.6.0", "", {}, "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg=="],
"copy-anything": ["copy-anything@4.0.5", "https://registry.npmmirror.com/copy-anything/-/copy-anything-4.0.5.tgz", { "dependencies": { "is-what": "^5.2.0" } }, "sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA=="],
"defu": ["defu@6.1.4", "", {}, "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="],
"core-util-is": ["core-util-is@1.0.3", "https://registry.npmmirror.com/core-util-is/-/core-util-is-1.0.3.tgz", {}, "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="],
"detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
"crc-32": ["crc-32@1.2.2", "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz", { "bin": { "crc32": "bin/crc32.njs" } }, "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ=="],
"duplexer2": ["duplexer2@0.1.4", "", { "dependencies": { "readable-stream": "^2.0.2" } }, "sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA=="],
"crc32-stream": ["crc32-stream@4.0.3", "https://registry.npmmirror.com/crc32-stream/-/crc32-stream-4.0.3.tgz", { "dependencies": { "crc-32": "^1.2.0", "readable-stream": "^3.4.0" } }, "sha512-NT7w2JVU7DFroFdYkeq8cywxrgjPHWkdX1wjpRQXPX5Asews3tA+Ght6lddQO5Mkumffp3X7GEqku3epj2toIw=="],
"end-of-stream": ["end-of-stream@1.4.5", "", { "dependencies": { "once": "^1.4.0" } }, "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg=="],
"csstype": ["csstype@3.2.3", "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
"enhanced-resolve": ["enhanced-resolve@5.19.0", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.0" } }, "sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg=="],
"dayjs": ["dayjs@1.11.19", "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.19.tgz", {}, "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw=="],
"entities": ["entities@7.0.1", "", {}, "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA=="],
"decimal.js": ["decimal.js@10.6.0", "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.6.0.tgz", {}, "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg=="],
"estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
"defu": ["defu@6.1.4", "https://registry.npmmirror.com/defu/-/defu-6.1.4.tgz", {}, "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="],
"exceljs": ["exceljs@4.4.0", "", { "dependencies": { "archiver": "^5.0.0", "dayjs": "^1.8.34", "fast-csv": "^4.3.1", "jszip": "^3.10.1", "readable-stream": "^3.6.0", "saxes": "^5.0.1", "tmp": "^0.2.0", "unzipper": "^0.10.11", "uuid": "^8.3.0" } }, "sha512-XctvKaEMaj1Ii9oDOqbW/6e1gXknSY4g/aLCDicOXqBE4M0nRWkUu0PTp++UPNzoFY12BNHMfs/VadKIS6llvg=="],
"detect-libc": ["detect-libc@2.1.2", "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
"fast-csv": ["fast-csv@4.3.6", "", { "dependencies": { "@fast-csv/format": "4.3.5", "@fast-csv/parse": "4.3.6" } }, "sha512-2RNSpuwwsJGP0frGsOmTb9oUF+VkFSM4SyLTDgwf2ciHWTarN0lQTC+F2f/t5J9QjW+c65VFIAAu85GsvMIusw=="],
"duplexer2": ["duplexer2@0.1.4", "https://registry.npmmirror.com/duplexer2/-/duplexer2-0.1.4.tgz", { "dependencies": { "readable-stream": "^2.0.2" } }, "sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA=="],
"fdir": ["fdir@6.5.0", "", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
"end-of-stream": ["end-of-stream@1.4.5", "https://registry.npmmirror.com/end-of-stream/-/end-of-stream-1.4.5.tgz", { "dependencies": { "once": "^1.4.0" } }, "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg=="],
"framer-motion": ["framer-motion@12.34.3", "", { "dependencies": { "motion-dom": "^12.34.3", "motion-utils": "^12.29.2", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-v81ecyZKYO/DfpTwHivqkxSUBzvceOpoI+wLfgCgoUIKxlFKEXdg0oR9imxwXumT4SFy8vRk9xzJ5l3/Du/55Q=="],
"enhanced-resolve": ["enhanced-resolve@5.19.0", "https://registry.npmmirror.com/enhanced-resolve/-/enhanced-resolve-5.19.0.tgz", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.0" } }, "sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg=="],
"fs-constants": ["fs-constants@1.0.0", "", {}, "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow=="],
"entities": ["entities@7.0.1", "https://registry.npmmirror.com/entities/-/entities-7.0.1.tgz", {}, "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA=="],
"fs.realpath": ["fs.realpath@1.0.0", "", {}, "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="],
"estree-walker": ["estree-walker@2.0.2", "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
"fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
"exceljs": ["exceljs@4.4.0", "https://registry.npmmirror.com/exceljs/-/exceljs-4.4.0.tgz", { "dependencies": { "archiver": "^5.0.0", "dayjs": "^1.8.34", "fast-csv": "^4.3.1", "jszip": "^3.10.1", "readable-stream": "^3.6.0", "saxes": "^5.0.1", "tmp": "^0.2.0", "unzipper": "^0.10.11", "uuid": "^8.3.0" } }, "sha512-XctvKaEMaj1Ii9oDOqbW/6e1gXknSY4g/aLCDicOXqBE4M0nRWkUu0PTp++UPNzoFY12BNHMfs/VadKIS6llvg=="],
"fstream": ["fstream@1.0.12", "", { "dependencies": { "graceful-fs": "^4.1.2", "inherits": "~2.0.0", "mkdirp": ">=0.5 0", "rimraf": "2" } }, "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg=="],
"fast-csv": ["fast-csv@4.3.6", "https://registry.npmmirror.com/fast-csv/-/fast-csv-4.3.6.tgz", { "dependencies": { "@fast-csv/format": "4.3.5", "@fast-csv/parse": "4.3.6" } }, "sha512-2RNSpuwwsJGP0frGsOmTb9oUF+VkFSM4SyLTDgwf2ciHWTarN0lQTC+F2f/t5J9QjW+c65VFIAAu85GsvMIusw=="],
"glob": ["glob@7.2.3", "", { "dependencies": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", "inherits": "2", "minimatch": "^3.1.1", "once": "^1.3.0", "path-is-absolute": "^1.0.0" } }, "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q=="],
"fdir": ["fdir@6.5.0", "https://registry.npmmirror.com/fdir/-/fdir-6.5.0.tgz", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
"graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
"framer-motion": ["framer-motion@12.34.3", "https://registry.npmmirror.com/framer-motion/-/framer-motion-12.34.3.tgz", { "dependencies": { "motion-dom": "^12.34.3", "motion-utils": "^12.29.2", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-v81ecyZKYO/DfpTwHivqkxSUBzvceOpoI+wLfgCgoUIKxlFKEXdg0oR9imxwXumT4SFy8vRk9xzJ5l3/Du/55Q=="],
"hey-listen": ["hey-listen@1.0.8", "", {}, "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q=="],
"fs-constants": ["fs-constants@1.0.0", "https://registry.npmmirror.com/fs-constants/-/fs-constants-1.0.0.tgz", {}, "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow=="],
"hookable": ["hookable@5.5.3", "", {}, "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ=="],
"fs.realpath": ["fs.realpath@1.0.0", "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz", {}, "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="],
"ieee754": ["ieee754@1.2.1", "", {}, "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="],
"fsevents": ["fsevents@2.3.3", "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
"immediate": ["immediate@3.0.6", "", {}, "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="],
"fstream": ["fstream@1.0.12", "https://registry.npmmirror.com/fstream/-/fstream-1.0.12.tgz", { "dependencies": { "graceful-fs": "^4.1.2", "inherits": "~2.0.0", "mkdirp": ">=0.5 0", "rimraf": "2" } }, "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg=="],
"inflight": ["inflight@1.0.6", "", { "dependencies": { "once": "^1.3.0", "wrappy": "1" } }, "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA=="],
"glob": ["glob@7.2.3", "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz", { "dependencies": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", "inherits": "2", "minimatch": "^3.1.1", "once": "^1.3.0", "path-is-absolute": "^1.0.0" } }, "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q=="],
"inherits": ["inherits@2.0.4", "", {}, "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="],
"graceful-fs": ["graceful-fs@4.2.11", "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
"is-what": ["is-what@5.5.0", "", {}, "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw=="],
"hey-listen": ["hey-listen@1.0.8", "https://registry.npmmirror.com/hey-listen/-/hey-listen-1.0.8.tgz", {}, "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q=="],
"isarray": ["isarray@1.0.0", "", {}, "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="],
"hookable": ["hookable@5.5.3", "https://registry.npmmirror.com/hookable/-/hookable-5.5.3.tgz", {}, "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ=="],
"jiti": ["jiti@2.6.1", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],
"ieee754": ["ieee754@1.2.1", "https://registry.npmmirror.com/ieee754/-/ieee754-1.2.1.tgz", {}, "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="],
"jszip": ["jszip@3.10.1", "", { "dependencies": { "lie": "~3.3.0", "pako": "~1.0.2", "readable-stream": "~2.3.6", "setimmediate": "^1.0.5" } }, "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g=="],
"immediate": ["immediate@3.0.6", "https://registry.npmmirror.com/immediate/-/immediate-3.0.6.tgz", {}, "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="],
"lazystream": ["lazystream@1.0.1", "", { "dependencies": { "readable-stream": "^2.0.5" } }, "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw=="],
"inflight": ["inflight@1.0.6", "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz", { "dependencies": { "once": "^1.3.0", "wrappy": "1" } }, "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA=="],
"lie": ["lie@3.1.1", "", { "dependencies": { "immediate": "~3.0.5" } }, "sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw=="],
"inherits": ["inherits@2.0.4", "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz", {}, "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="],
"lightningcss": ["lightningcss@1.31.1", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-android-arm64": "1.31.1", "lightningcss-darwin-arm64": "1.31.1", "lightningcss-darwin-x64": "1.31.1", "lightningcss-freebsd-x64": "1.31.1", "lightningcss-linux-arm-gnueabihf": "1.31.1", "lightningcss-linux-arm64-gnu": "1.31.1", "lightningcss-linux-arm64-musl": "1.31.1", "lightningcss-linux-x64-gnu": "1.31.1", "lightningcss-linux-x64-musl": "1.31.1", "lightningcss-win32-arm64-msvc": "1.31.1", "lightningcss-win32-x64-msvc": "1.31.1" } }, "sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ=="],
"is-what": ["is-what@5.5.0", "https://registry.npmmirror.com/is-what/-/is-what-5.5.0.tgz", {}, "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw=="],
"lightningcss-android-arm64": ["lightningcss-android-arm64@1.31.1", "", { "os": "android", "cpu": "arm64" }, "sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg=="],
"isarray": ["isarray@1.0.0", "https://registry.npmmirror.com/isarray/-/isarray-1.0.0.tgz", {}, "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="],
"lightningcss-darwin-arm64": ["lightningcss-darwin-arm64@1.31.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg=="],
"jiti": ["jiti@2.6.1", "https://registry.npmmirror.com/jiti/-/jiti-2.6.1.tgz", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],
"lightningcss-darwin-x64": ["lightningcss-darwin-x64@1.31.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA=="],
"jszip": ["jszip@3.10.1", "https://registry.npmmirror.com/jszip/-/jszip-3.10.1.tgz", { "dependencies": { "lie": "~3.3.0", "pako": "~1.0.2", "readable-stream": "~2.3.6", "setimmediate": "^1.0.5" } }, "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g=="],
"lightningcss-freebsd-x64": ["lightningcss-freebsd-x64@1.31.1", "", { "os": "freebsd", "cpu": "x64" }, "sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A=="],
"lazystream": ["lazystream@1.0.1", "https://registry.npmmirror.com/lazystream/-/lazystream-1.0.1.tgz", { "dependencies": { "readable-stream": "^2.0.5" } }, "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw=="],
"lightningcss-linux-arm-gnueabihf": ["lightningcss-linux-arm-gnueabihf@1.31.1", "", { "os": "linux", "cpu": "arm" }, "sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g=="],
"lie": ["lie@3.1.1", "https://registry.npmmirror.com/lie/-/lie-3.1.1.tgz", { "dependencies": { "immediate": "~3.0.5" } }, "sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw=="],
"lightningcss-linux-arm64-gnu": ["lightningcss-linux-arm64-gnu@1.31.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg=="],
"lightningcss": ["lightningcss@1.31.1", "https://registry.npmmirror.com/lightningcss/-/lightningcss-1.31.1.tgz", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-android-arm64": "1.31.1", "lightningcss-darwin-arm64": "1.31.1", "lightningcss-darwin-x64": "1.31.1", "lightningcss-freebsd-x64": "1.31.1", "lightningcss-linux-arm-gnueabihf": "1.31.1", "lightningcss-linux-arm64-gnu": "1.31.1", "lightningcss-linux-arm64-musl": "1.31.1", "lightningcss-linux-x64-gnu": "1.31.1", "lightningcss-linux-x64-musl": "1.31.1", "lightningcss-win32-arm64-msvc": "1.31.1", "lightningcss-win32-x64-msvc": "1.31.1" } }, "sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ=="],
"lightningcss-linux-arm64-musl": ["lightningcss-linux-arm64-musl@1.31.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg=="],
"lightningcss-android-arm64": ["lightningcss-android-arm64@1.31.1", "https://registry.npmmirror.com/lightningcss-android-arm64/-/lightningcss-android-arm64-1.31.1.tgz", { "os": "android", "cpu": "arm64" }, "sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg=="],
"lightningcss-linux-x64-gnu": ["lightningcss-linux-x64-gnu@1.31.1", "", { "os": "linux", "cpu": "x64" }, "sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA=="],
"lightningcss-darwin-arm64": ["lightningcss-darwin-arm64@1.31.1", "https://registry.npmmirror.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.31.1.tgz", { "os": "darwin", "cpu": "arm64" }, "sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg=="],
"lightningcss-linux-x64-musl": ["lightningcss-linux-x64-musl@1.31.1", "", { "os": "linux", "cpu": "x64" }, "sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA=="],
"lightningcss-darwin-x64": ["lightningcss-darwin-x64@1.31.1", "https://registry.npmmirror.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.31.1.tgz", { "os": "darwin", "cpu": "x64" }, "sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA=="],
"lightningcss-win32-arm64-msvc": ["lightningcss-win32-arm64-msvc@1.31.1", "", { "os": "win32", "cpu": "arm64" }, "sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w=="],
"lightningcss-freebsd-x64": ["lightningcss-freebsd-x64@1.31.1", "https://registry.npmmirror.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.31.1.tgz", { "os": "freebsd", "cpu": "x64" }, "sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A=="],
"lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.31.1", "", { "os": "win32", "cpu": "x64" }, "sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw=="],
"lightningcss-linux-arm-gnueabihf": ["lightningcss-linux-arm-gnueabihf@1.31.1", "https://registry.npmmirror.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.31.1.tgz", { "os": "linux", "cpu": "arm" }, "sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g=="],
"listenercount": ["listenercount@1.0.1", "", {}, "sha512-3mk/Zag0+IJxeDrxSgaDPy4zZ3w05PRZeJNnlWhzFz5OkX49J4krc+A8X2d2M69vGMBEX0uyl8M+W+8gH+kBqQ=="],
"lightningcss-linux-arm64-gnu": ["lightningcss-linux-arm64-gnu@1.31.1", "https://registry.npmmirror.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.31.1.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg=="],
"localforage": ["localforage@1.10.0", "", { "dependencies": { "lie": "3.1.1" } }, "sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg=="],
"lightningcss-linux-arm64-musl": ["lightningcss-linux-arm64-musl@1.31.1", "https://registry.npmmirror.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.31.1.tgz", { "os": "linux", "cpu": "arm64" }, "sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg=="],
"lodash.defaults": ["lodash.defaults@4.2.0", "", {}, "sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ=="],
"lightningcss-linux-x64-gnu": ["lightningcss-linux-x64-gnu@1.31.1", "https://registry.npmmirror.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.31.1.tgz", { "os": "linux", "cpu": "x64" }, "sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA=="],
"lodash.difference": ["lodash.difference@4.5.0", "", {}, "sha512-dS2j+W26TQ7taQBGN8Lbbq04ssV3emRw4NY58WErlTO29pIqS0HmoT5aJ9+TUQ1N3G+JOZSji4eugsWwGp9yPA=="],
"lightningcss-linux-x64-musl": ["lightningcss-linux-x64-musl@1.31.1", "https://registry.npmmirror.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.31.1.tgz", { "os": "linux", "cpu": "x64" }, "sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA=="],
"lodash.escaperegexp": ["lodash.escaperegexp@4.1.2", "", {}, "sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw=="],
"lightningcss-win32-arm64-msvc": ["lightningcss-win32-arm64-msvc@1.31.1", "https://registry.npmmirror.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.31.1.tgz", { "os": "win32", "cpu": "arm64" }, "sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w=="],
"lodash.flatten": ["lodash.flatten@4.4.0", "", {}, "sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g=="],
"lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.31.1", "https://registry.npmmirror.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.31.1.tgz", { "os": "win32", "cpu": "x64" }, "sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw=="],
"lodash.groupby": ["lodash.groupby@4.6.0", "", {}, "sha512-5dcWxm23+VAoz+awKmBaiBvzox8+RqMgFhi7UvX9DHZr2HdxHXM/Wrf8cfKpsW37RNrvtPn6hSwNqurSILbmJw=="],
"listenercount": ["listenercount@1.0.1", "https://registry.npmmirror.com/listenercount/-/listenercount-1.0.1.tgz", {}, "sha512-3mk/Zag0+IJxeDrxSgaDPy4zZ3w05PRZeJNnlWhzFz5OkX49J4krc+A8X2d2M69vGMBEX0uyl8M+W+8gH+kBqQ=="],
"lodash.isboolean": ["lodash.isboolean@3.0.3", "", {}, "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg=="],
"localforage": ["localforage@1.10.0", "https://registry.npmmirror.com/localforage/-/localforage-1.10.0.tgz", { "dependencies": { "lie": "3.1.1" } }, "sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg=="],
"lodash.isequal": ["lodash.isequal@4.5.0", "", {}, "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="],
"lodash.defaults": ["lodash.defaults@4.2.0", "https://registry.npmmirror.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz", {}, "sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ=="],
"lodash.isfunction": ["lodash.isfunction@3.0.9", "", {}, "sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw=="],
"lodash.difference": ["lodash.difference@4.5.0", "https://registry.npmmirror.com/lodash.difference/-/lodash.difference-4.5.0.tgz", {}, "sha512-dS2j+W26TQ7taQBGN8Lbbq04ssV3emRw4NY58WErlTO29pIqS0HmoT5aJ9+TUQ1N3G+JOZSji4eugsWwGp9yPA=="],
"lodash.isnil": ["lodash.isnil@4.0.0", "", {}, "sha512-up2Mzq3545mwVnMhTDMdfoG1OurpA/s5t88JmQX809eH3C8491iu2sfKhTfhQtKY78oPNhiaHJUpT/dUDAAtng=="],
"lodash.escaperegexp": ["lodash.escaperegexp@4.1.2", "https://registry.npmmirror.com/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz", {}, "sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw=="],
"lodash.isplainobject": ["lodash.isplainobject@4.0.6", "", {}, "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA=="],
"lodash.flatten": ["lodash.flatten@4.4.0", "https://registry.npmmirror.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz", {}, "sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g=="],
"lodash.isundefined": ["lodash.isundefined@3.0.1", "", {}, "sha512-MXB1is3s899/cD8jheYYE2V9qTHwKvt+npCwpD+1Sxm3Q3cECXCiYHjeHWXNwr6Q0SOBPrYUDxendrO6goVTEA=="],
"lodash.groupby": ["lodash.groupby@4.6.0", "https://registry.npmmirror.com/lodash.groupby/-/lodash.groupby-4.6.0.tgz", {}, "sha512-5dcWxm23+VAoz+awKmBaiBvzox8+RqMgFhi7UvX9DHZr2HdxHXM/Wrf8cfKpsW37RNrvtPn6hSwNqurSILbmJw=="],
"lodash.union": ["lodash.union@4.6.0", "", {}, "sha512-c4pB2CdGrGdjMKYLA+XiRDO7Y0PRQbm/Gzg8qMj+QH+pFVAoTp5sBpO0odL3FjoPCGjK96p6qsP+yQoiLoOBcw=="],
"lodash.isboolean": ["lodash.isboolean@3.0.3", "https://registry.npmmirror.com/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz", {}, "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg=="],
"lodash.uniq": ["lodash.uniq@4.5.0", "", {}, "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ=="],
"lodash.isequal": ["lodash.isequal@4.5.0", "https://registry.npmmirror.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz", {}, "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="],
"lucide-vue-next": ["lucide-vue-next@0.563.0", "", { "peerDependencies": { "vue": ">=3.0.1" } }, "sha512-zsE/lCKtmaa7bGfhSpN84br1K9YoQ5pCN+2oKWjQQG3Lo6ufUUKBuHSjNFI6RvUevxaajNXb8XwFUKeTXG3sIA=="],
"lodash.isfunction": ["lodash.isfunction@3.0.9", "https://registry.npmmirror.com/lodash.isfunction/-/lodash.isfunction-3.0.9.tgz", {}, "sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw=="],
"magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
"lodash.isnil": ["lodash.isnil@4.0.0", "https://registry.npmmirror.com/lodash.isnil/-/lodash.isnil-4.0.0.tgz", {}, "sha512-up2Mzq3545mwVnMhTDMdfoG1OurpA/s5t88JmQX809eH3C8491iu2sfKhTfhQtKY78oPNhiaHJUpT/dUDAAtng=="],
"minimatch": ["minimatch@5.1.9", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw=="],
"lodash.isplainobject": ["lodash.isplainobject@4.0.6", "https://registry.npmmirror.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz", {}, "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA=="],
"mitt": ["mitt@3.0.1", "", {}, "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw=="],
"lodash.isundefined": ["lodash.isundefined@3.0.1", "https://registry.npmmirror.com/lodash.isundefined/-/lodash.isundefined-3.0.1.tgz", {}, "sha512-MXB1is3s899/cD8jheYYE2V9qTHwKvt+npCwpD+1Sxm3Q3cECXCiYHjeHWXNwr6Q0SOBPrYUDxendrO6goVTEA=="],
"mkdirp": ["mkdirp@3.0.1", "", { "bin": { "mkdirp": "dist/cjs/src/bin.js" } }, "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg=="],
"lodash.union": ["lodash.union@4.6.0", "https://registry.npmmirror.com/lodash.union/-/lodash.union-4.6.0.tgz", {}, "sha512-c4pB2CdGrGdjMKYLA+XiRDO7Y0PRQbm/Gzg8qMj+QH+pFVAoTp5sBpO0odL3FjoPCGjK96p6qsP+yQoiLoOBcw=="],
"motion-dom": ["motion-dom@12.34.3", "", { "dependencies": { "motion-utils": "^12.29.2" } }, "sha512-sYgFe+pR9aIM7o4fhs2aXtOI+oqlUd33N9Yoxcgo1Fv7M20sRkHtCmzE/VRNIcq7uNJ+qio+Xubt1FXH3pQ+eQ=="],
"lodash.uniq": ["lodash.uniq@4.5.0", "https://registry.npmmirror.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz", {}, "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ=="],
"motion-utils": ["motion-utils@12.29.2", "", {}, "sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A=="],
"lucide-vue-next": ["lucide-vue-next@0.563.0", "https://registry.npmmirror.com/lucide-vue-next/-/lucide-vue-next-0.563.0.tgz", { "peerDependencies": { "vue": ">=3.0.1" } }, "sha512-zsE/lCKtmaa7bGfhSpN84br1K9YoQ5pCN+2oKWjQQG3Lo6ufUUKBuHSjNFI6RvUevxaajNXb8XwFUKeTXG3sIA=="],
"motion-v": ["motion-v@2.0.0", "", { "dependencies": { "framer-motion": "^12.29.2", "hey-listen": "^1.0.8", "motion-dom": "^12.29.2", "motion-utils": "^12.29.2" }, "peerDependencies": { "@vueuse/core": ">=10.0.0", "vue": ">=3.0.0" } }, "sha512-oQuQMrPhti+Zps6OosOaW3b/eqzaGAuwI54XHJKq/dIWtQWcNzfyhTo4VB5xmp7yLN+3BE9FKF6skLsynfgbHQ=="],
"magic-string": ["magic-string@0.30.21", "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
"muggle-string": ["muggle-string@0.4.1", "", {}, "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ=="],
"minimatch": ["minimatch@5.1.9", "https://registry.npmmirror.com/minimatch/-/minimatch-5.1.9.tgz", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw=="],
"nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
"mitt": ["mitt@3.0.1", "https://registry.npmmirror.com/mitt/-/mitt-3.0.1.tgz", {}, "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw=="],
"normalize-path": ["normalize-path@3.0.0", "", {}, "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="],
"mkdirp": ["mkdirp@3.0.1", "https://registry.npmmirror.com/mkdirp/-/mkdirp-3.0.1.tgz", { "bin": { "mkdirp": "dist/cjs/src/bin.js" } }, "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg=="],
"ohash": ["ohash@2.0.11", "", {}, "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ=="],
"motion-dom": ["motion-dom@12.34.3", "https://registry.npmmirror.com/motion-dom/-/motion-dom-12.34.3.tgz", { "dependencies": { "motion-utils": "^12.29.2" } }, "sha512-sYgFe+pR9aIM7o4fhs2aXtOI+oqlUd33N9Yoxcgo1Fv7M20sRkHtCmzE/VRNIcq7uNJ+qio+Xubt1FXH3pQ+eQ=="],
"once": ["once@1.4.0", "", { "dependencies": { "wrappy": "1" } }, "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w=="],
"motion-utils": ["motion-utils@12.29.2", "https://registry.npmmirror.com/motion-utils/-/motion-utils-12.29.2.tgz", {}, "sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A=="],
"pako": ["pako@1.0.11", "", {}, "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="],
"motion-v": ["motion-v@2.0.0", "https://registry.npmmirror.com/motion-v/-/motion-v-2.0.0.tgz", { "dependencies": { "framer-motion": "^12.29.2", "hey-listen": "^1.0.8", "motion-dom": "^12.29.2", "motion-utils": "^12.29.2" }, "peerDependencies": { "@vueuse/core": ">=10.0.0", "vue": ">=3.0.0" } }, "sha512-oQuQMrPhti+Zps6OosOaW3b/eqzaGAuwI54XHJKq/dIWtQWcNzfyhTo4VB5xmp7yLN+3BE9FKF6skLsynfgbHQ=="],
"path-browserify": ["path-browserify@1.0.1", "", {}, "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="],
"muggle-string": ["muggle-string@0.4.1", "https://registry.npmmirror.com/muggle-string/-/muggle-string-0.4.1.tgz", {}, "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ=="],
"path-is-absolute": ["path-is-absolute@1.0.1", "", {}, "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg=="],
"nanoid": ["nanoid@3.3.11", "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.11.tgz", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
"perfect-debounce": ["perfect-debounce@1.0.0", "", {}, "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA=="],
"normalize-path": ["normalize-path@3.0.0", "https://registry.npmmirror.com/normalize-path/-/normalize-path-3.0.0.tgz", {}, "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="],
"picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
"ohash": ["ohash@2.0.11", "https://registry.npmmirror.com/ohash/-/ohash-2.0.11.tgz", {}, "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ=="],
"picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
"once": ["once@1.4.0", "https://registry.npmmirror.com/once/-/once-1.4.0.tgz", { "dependencies": { "wrappy": "1" } }, "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w=="],
"pinia": ["pinia@3.0.4", "", { "dependencies": { "@vue/devtools-api": "^7.7.7" }, "peerDependencies": { "typescript": ">=4.5.0", "vue": "^3.5.11" }, "optionalPeers": ["typescript"] }, "sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw=="],
"pako": ["pako@1.0.11", "https://registry.npmmirror.com/pako/-/pako-1.0.11.tgz", {}, "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="],
"pinia-plugin-persistedstate": ["pinia-plugin-persistedstate@4.7.1", "", { "dependencies": { "defu": "^6.1.4" }, "peerDependencies": { "@nuxt/kit": ">=3.0.0", "@pinia/nuxt": ">=0.10.0", "pinia": ">=3.0.0" }, "optionalPeers": ["@nuxt/kit", "@pinia/nuxt", "pinia"] }, "sha512-WHOqh2esDlR3eAaknPbqXrkkj0D24h8shrDPqysgCFR6ghqP/fpFfJmMPJp0gETHsvrh9YNNg6dQfo2OEtDnIQ=="],
"path-browserify": ["path-browserify@1.0.1", "https://registry.npmmirror.com/path-browserify/-/path-browserify-1.0.1.tgz", {}, "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="],
"postcss": ["postcss@8.5.6", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg=="],
"path-is-absolute": ["path-is-absolute@1.0.1", "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz", {}, "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg=="],
"process-nextick-args": ["process-nextick-args@2.0.1", "", {}, "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="],
"perfect-debounce": ["perfect-debounce@1.0.0", "https://registry.npmmirror.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz", {}, "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA=="],
"readable-stream": ["readable-stream@3.6.2", "", { "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", "util-deprecate": "^1.0.1" } }, "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="],
"picocolors": ["picocolors@1.1.1", "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
"readdir-glob": ["readdir-glob@1.1.3", "", { "dependencies": { "minimatch": "^5.1.0" } }, "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA=="],
"picomatch": ["picomatch@4.0.3", "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.3.tgz", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
"reka-ui": ["reka-ui@2.8.2", "", { "dependencies": { "@floating-ui/dom": "^1.6.13", "@floating-ui/vue": "^1.1.6", "@internationalized/date": "^3.5.0", "@internationalized/number": "^3.5.0", "@tanstack/vue-virtual": "^3.12.0", "@vueuse/core": "^14.1.0", "@vueuse/shared": "^14.1.0", "aria-hidden": "^1.2.4", "defu": "^6.1.4", "ohash": "^2.0.11" }, "peerDependencies": { "vue": ">= 3.2.0" } }, "sha512-8lTKcJhmG+D3UyJxhBnNnW/720sLzm0pbA9AC1MWazmJ5YchJAyTSl+O00xP/kxBmEN0fw5JqWVHguiFmsGjzA=="],
"pinia": ["pinia@3.0.4", "https://registry.npmmirror.com/pinia/-/pinia-3.0.4.tgz", { "dependencies": { "@vue/devtools-api": "^7.7.7" }, "peerDependencies": { "typescript": ">=4.5.0", "vue": "^3.5.11" }, "optionalPeers": ["typescript"] }, "sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw=="],
"rfdc": ["rfdc@1.4.1", "", {}, "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA=="],
"pinia-plugin-persistedstate": ["pinia-plugin-persistedstate@4.7.1", "https://registry.npmmirror.com/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-4.7.1.tgz", { "dependencies": { "defu": "^6.1.4" }, "peerDependencies": { "@nuxt/kit": ">=3.0.0", "@pinia/nuxt": ">=0.10.0", "pinia": ">=3.0.0" }, "optionalPeers": ["@nuxt/kit", "@pinia/nuxt", "pinia"] }, "sha512-WHOqh2esDlR3eAaknPbqXrkkj0D24h8shrDPqysgCFR6ghqP/fpFfJmMPJp0gETHsvrh9YNNg6dQfo2OEtDnIQ=="],
"rimraf": ["rimraf@2.7.1", "", { "dependencies": { "glob": "^7.1.3" }, "bin": { "rimraf": "./bin.js" } }, "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w=="],
"postcss": ["postcss@8.5.6", "https://registry.npmmirror.com/postcss/-/postcss-8.5.6.tgz", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg=="],
"rolldown": ["rolldown@1.0.0-rc.5", "", { "dependencies": { "@oxc-project/types": "=0.114.0", "@rolldown/pluginutils": "1.0.0-rc.5" }, "optionalDependencies": { "@rolldown/binding-android-arm64": "1.0.0-rc.5", "@rolldown/binding-darwin-arm64": "1.0.0-rc.5", "@rolldown/binding-darwin-x64": "1.0.0-rc.5", "@rolldown/binding-freebsd-x64": "1.0.0-rc.5", "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.5", "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.5", "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.5", "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.5", "@rolldown/binding-linux-x64-musl": "1.0.0-rc.5", "@rolldown/binding-openharmony-arm64": "1.0.0-rc.5", "@rolldown/binding-wasm32-wasi": "1.0.0-rc.5", "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.5", "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.5" }, "bin": { "rolldown": "bin/cli.mjs" } }, "sha512-0AdalTs6hNTioaCYIkAa7+xsmHBfU5hCNclZnM/lp7lGGDuUOb6N4BVNtwiomybbencDjq/waKjTImqiGCs5sw=="],
"process-nextick-args": ["process-nextick-args@2.0.1", "https://registry.npmmirror.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz", {}, "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="],
"safe-buffer": ["safe-buffer@5.1.2", "", {}, "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="],
"readable-stream": ["readable-stream@3.6.2", "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz", { "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", "util-deprecate": "^1.0.1" } }, "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="],
"saxes": ["saxes@5.0.1", "", { "dependencies": { "xmlchars": "^2.2.0" } }, "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw=="],
"readdir-glob": ["readdir-glob@1.1.3", "https://registry.npmmirror.com/readdir-glob/-/readdir-glob-1.1.3.tgz", { "dependencies": { "minimatch": "^5.1.0" } }, "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA=="],
"setimmediate": ["setimmediate@1.0.5", "", {}, "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="],
"reka-ui": ["reka-ui@2.8.2", "https://registry.npmmirror.com/reka-ui/-/reka-ui-2.8.2.tgz", { "dependencies": { "@floating-ui/dom": "^1.6.13", "@floating-ui/vue": "^1.1.6", "@internationalized/date": "^3.5.0", "@internationalized/number": "^3.5.0", "@tanstack/vue-virtual": "^3.12.0", "@vueuse/core": "^14.1.0", "@vueuse/shared": "^14.1.0", "aria-hidden": "^1.2.4", "defu": "^6.1.4", "ohash": "^2.0.11" }, "peerDependencies": { "vue": ">= 3.2.0" } }, "sha512-8lTKcJhmG+D3UyJxhBnNnW/720sLzm0pbA9AC1MWazmJ5YchJAyTSl+O00xP/kxBmEN0fw5JqWVHguiFmsGjzA=="],
"sortablejs": ["sortablejs@1.14.0", "", {}, "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="],
"rfdc": ["rfdc@1.4.1", "https://registry.npmmirror.com/rfdc/-/rfdc-1.4.1.tgz", {}, "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA=="],
"source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
"rimraf": ["rimraf@2.7.1", "https://registry.npmmirror.com/rimraf/-/rimraf-2.7.1.tgz", { "dependencies": { "glob": "^7.1.3" }, "bin": { "rimraf": "./bin.js" } }, "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w=="],
"speakingurl": ["speakingurl@14.0.1", "", {}, "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ=="],
"rolldown": ["rolldown@1.0.0-rc.5", "https://registry.npmmirror.com/rolldown/-/rolldown-1.0.0-rc.5.tgz", { "dependencies": { "@oxc-project/types": "=0.114.0", "@rolldown/pluginutils": "1.0.0-rc.5" }, "optionalDependencies": { "@rolldown/binding-android-arm64": "1.0.0-rc.5", "@rolldown/binding-darwin-arm64": "1.0.0-rc.5", "@rolldown/binding-darwin-x64": "1.0.0-rc.5", "@rolldown/binding-freebsd-x64": "1.0.0-rc.5", "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.5", "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.5", "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.5", "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.5", "@rolldown/binding-linux-x64-musl": "1.0.0-rc.5", "@rolldown/binding-openharmony-arm64": "1.0.0-rc.5", "@rolldown/binding-wasm32-wasi": "1.0.0-rc.5", "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.5", "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.5" }, "bin": { "rolldown": "bin/cli.mjs" } }, "sha512-0AdalTs6hNTioaCYIkAa7+xsmHBfU5hCNclZnM/lp7lGGDuUOb6N4BVNtwiomybbencDjq/waKjTImqiGCs5sw=="],
"string_decoder": ["string_decoder@1.3.0", "", { "dependencies": { "safe-buffer": "~5.2.0" } }, "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA=="],
"safe-buffer": ["safe-buffer@5.1.2", "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz", {}, "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="],
"superjson": ["superjson@2.2.6", "", { "dependencies": { "copy-anything": "^4" } }, "sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA=="],
"saxes": ["saxes@5.0.1", "https://registry.npmmirror.com/saxes/-/saxes-5.0.1.tgz", { "dependencies": { "xmlchars": "^2.2.0" } }, "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw=="],
"tailwind-merge": ["tailwind-merge@3.5.0", "", {}, "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A=="],
"setimmediate": ["setimmediate@1.0.5", "https://registry.npmmirror.com/setimmediate/-/setimmediate-1.0.5.tgz", {}, "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="],
"tailwindcss": ["tailwindcss@4.2.0", "", {}, "sha512-yYzTZ4++b7fNYxFfpnberEEKu43w44aqDMNM9MHMmcKuCH7lL8jJ4yJ7LGHv7rSwiqM0nkiobF9I6cLlpS2P7Q=="],
"sortablejs": ["sortablejs@1.14.0", "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.14.0.tgz", {}, "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="],
"tapable": ["tapable@2.3.0", "", {}, "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg=="],
"source-map-js": ["source-map-js@1.2.1", "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
"tar-stream": ["tar-stream@2.2.0", "", { "dependencies": { "bl": "^4.0.3", "end-of-stream": "^1.4.1", "fs-constants": "^1.0.0", "inherits": "^2.0.3", "readable-stream": "^3.1.1" } }, "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ=="],
"speakingurl": ["speakingurl@14.0.1", "https://registry.npmmirror.com/speakingurl/-/speakingurl-14.0.1.tgz", {}, "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ=="],
"tinyglobby": ["tinyglobby@0.2.15", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="],
"string_decoder": ["string_decoder@1.3.0", "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz", { "dependencies": { "safe-buffer": "~5.2.0" } }, "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA=="],
"tmp": ["tmp@0.2.5", "", {}, "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow=="],
"superjson": ["superjson@2.2.6", "https://registry.npmmirror.com/superjson/-/superjson-2.2.6.tgz", { "dependencies": { "copy-anything": "^4" } }, "sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA=="],
"traverse": ["traverse@0.3.9", "", {}, "sha512-iawgk0hLP3SxGKDfnDJf8wTz4p2qImnyihM5Hh/sGvQ3K37dPi/w8sRhdNIxYA1TwFwc5mDhIJq+O0RsvXBKdQ=="],
"tailwind-merge": ["tailwind-merge@3.5.0", "https://registry.npmmirror.com/tailwind-merge/-/tailwind-merge-3.5.0.tgz", {}, "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A=="],
"tslib": ["tslib@2.8.1", "", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
"tailwindcss": ["tailwindcss@4.2.0", "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-4.2.0.tgz", {}, "sha512-yYzTZ4++b7fNYxFfpnberEEKu43w44aqDMNM9MHMmcKuCH7lL8jJ4yJ7LGHv7rSwiqM0nkiobF9I6cLlpS2P7Q=="],
"tw-animate-css": ["tw-animate-css@1.4.0", "", {}, "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ=="],
"tapable": ["tapable@2.3.0", "https://registry.npmmirror.com/tapable/-/tapable-2.3.0.tgz", {}, "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg=="],
"typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
"tar-stream": ["tar-stream@2.2.0", "https://registry.npmmirror.com/tar-stream/-/tar-stream-2.2.0.tgz", { "dependencies": { "bl": "^4.0.3", "end-of-stream": "^1.4.1", "fs-constants": "^1.0.0", "inherits": "^2.0.3", "readable-stream": "^3.1.1" } }, "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ=="],
"undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
"tinyglobby": ["tinyglobby@0.2.15", "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.15.tgz", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="],
"unzipper": ["unzipper@0.10.14", "", { "dependencies": { "big-integer": "^1.6.17", "binary": "~0.3.0", "bluebird": "~3.4.1", "buffer-indexof-polyfill": "~1.0.0", "duplexer2": "~0.1.4", "fstream": "^1.0.12", "graceful-fs": "^4.2.2", "listenercount": "~1.0.1", "readable-stream": "~2.3.6", "setimmediate": "~1.0.4" } }, "sha512-ti4wZj+0bQTiX2KmKWuwj7lhV+2n//uXEotUmGuQqrbVZSEGFMbI68+c6JCQ8aAmUWYvtHEz2A8K6wXvueR/6g=="],
"tmp": ["tmp@0.2.5", "https://registry.npmmirror.com/tmp/-/tmp-0.2.5.tgz", {}, "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow=="],
"util-deprecate": ["util-deprecate@1.0.2", "", {}, "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="],
"traverse": ["traverse@0.3.9", "https://registry.npmmirror.com/traverse/-/traverse-0.3.9.tgz", {}, "sha512-iawgk0hLP3SxGKDfnDJf8wTz4p2qImnyihM5Hh/sGvQ3K37dPi/w8sRhdNIxYA1TwFwc5mDhIJq+O0RsvXBKdQ=="],
"uuid": ["uuid@8.3.2", "", { "bin": { "uuid": "dist/bin/uuid" } }, "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="],
"tslib": ["tslib@2.8.1", "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
"vite": ["vite@8.0.0-beta.15", "", { "dependencies": { "@oxc-project/runtime": "0.114.0", "lightningcss": "^1.31.1", "picomatch": "^4.0.3", "postcss": "^8.5.6", "rolldown": "1.0.0-rc.5", "tinyglobby": "^0.2.15" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "@vitejs/devtools": "^0.0.0-alpha.31", "esbuild": "^0.27.0", "jiti": ">=1.21.0", "less": "^4.0.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "@vitejs/devtools", "esbuild", "jiti", "less", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-RHX7IvsJlEfjyA1rS7MY0UsmF91etdLAamslHR5lfuO3W/BXRdXm2tRE64ztpSPZbKqB4wAAZ0AwtF6QzfKZLA=="],
"tw-animate-css": ["tw-animate-css@1.4.0", "https://registry.npmmirror.com/tw-animate-css/-/tw-animate-css-1.4.0.tgz", {}, "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ=="],
"vscode-uri": ["vscode-uri@3.1.0", "", {}, "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ=="],
"typescript": ["typescript@5.9.3", "https://registry.npmmirror.com/typescript/-/typescript-5.9.3.tgz", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
"vue": ["vue@3.5.28", "", { "dependencies": { "@vue/compiler-dom": "3.5.28", "@vue/compiler-sfc": "3.5.28", "@vue/runtime-dom": "3.5.28", "@vue/server-renderer": "3.5.28", "@vue/shared": "3.5.28" }, "peerDependencies": { "typescript": "*" }, "optionalPeers": ["typescript"] }, "sha512-BRdrNfeoccSoIZeIhyPBfvWSLFP4q8J3u8Ju8Ug5vu3LdD+yTM13Sg4sKtljxozbnuMu1NB1X5HBHRYUzFocKg=="],
"undici-types": ["undici-types@7.16.0", "https://registry.npmmirror.com/undici-types/-/undici-types-7.16.0.tgz", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
"vue-demi": ["vue-demi@0.14.10", "", { "peerDependencies": { "@vue/composition-api": "^1.0.0-rc.1", "vue": "^3.0.0-0 || ^2.6.0" }, "optionalPeers": ["@vue/composition-api"], "bin": { "vue-demi-fix": "bin/vue-demi-fix.js", "vue-demi-switch": "bin/vue-demi-switch.js" } }, "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg=="],
"unzipper": ["unzipper@0.10.14", "https://registry.npmmirror.com/unzipper/-/unzipper-0.10.14.tgz", { "dependencies": { "big-integer": "^1.6.17", "binary": "~0.3.0", "bluebird": "~3.4.1", "buffer-indexof-polyfill": "~1.0.0", "duplexer2": "~0.1.4", "fstream": "^1.0.12", "graceful-fs": "^4.2.2", "listenercount": "~1.0.1", "readable-stream": "~2.3.6", "setimmediate": "~1.0.4" } }, "sha512-ti4wZj+0bQTiX2KmKWuwj7lhV+2n//uXEotUmGuQqrbVZSEGFMbI68+c6JCQ8aAmUWYvtHEz2A8K6wXvueR/6g=="],
"vue-tsc": ["vue-tsc@3.2.5", "", { "dependencies": { "@volar/typescript": "2.4.28", "@vue/language-core": "3.2.5" }, "peerDependencies": { "typescript": ">=5.0.0" }, "bin": { "vue-tsc": "bin/vue-tsc.js" } }, "sha512-/htfTCMluQ+P2FISGAooul8kO4JMheOTCbCy4M6dYnYYjqLe3BExZudAua6MSIKSFYQtFOYAll7XobYwcpokGA=="],
"util-deprecate": ["util-deprecate@1.0.2", "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz", {}, "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="],
"vuedraggable": ["vuedraggable@4.1.0", "", { "dependencies": { "sortablejs": "1.14.0" }, "peerDependencies": { "vue": "^3.0.1" } }, "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww=="],
"uuid": ["uuid@8.3.2", "https://registry.npmmirror.com/uuid/-/uuid-8.3.2.tgz", { "bin": { "uuid": "dist/bin/uuid" } }, "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="],
"wrappy": ["wrappy@1.0.2", "", {}, "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="],
"vite": ["vite@8.0.0-beta.15", "https://registry.npmmirror.com/vite/-/vite-8.0.0-beta.15.tgz", { "dependencies": { "@oxc-project/runtime": "0.114.0", "lightningcss": "^1.31.1", "picomatch": "^4.0.3", "postcss": "^8.5.6", "rolldown": "1.0.0-rc.5", "tinyglobby": "^0.2.15" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "@vitejs/devtools": "^0.0.0-alpha.31", "esbuild": "^0.27.0", "jiti": ">=1.21.0", "less": "^4.0.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "@vitejs/devtools", "esbuild", "jiti", "less", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-RHX7IvsJlEfjyA1rS7MY0UsmF91etdLAamslHR5lfuO3W/BXRdXm2tRE64ztpSPZbKqB4wAAZ0AwtF6QzfKZLA=="],
"xmlchars": ["xmlchars@2.2.0", "", {}, "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="],
"vscode-uri": ["vscode-uri@3.1.0", "https://registry.npmmirror.com/vscode-uri/-/vscode-uri-3.1.0.tgz", {}, "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ=="],
"zip-stream": ["zip-stream@4.1.1", "", { "dependencies": { "archiver-utils": "^3.0.4", "compress-commons": "^4.1.2", "readable-stream": "^3.6.0" } }, "sha512-9qv4rlDiopXg4E69k+vMHjNN63YFMe9sZMrdlvKnCjlCRWeCBswPPMPUfx+ipsAWq1LXHe70RcbaHdJJpS6hyQ=="],
"vue": ["vue@3.5.28", "https://registry.npmmirror.com/vue/-/vue-3.5.28.tgz", { "dependencies": { "@vue/compiler-dom": "3.5.28", "@vue/compiler-sfc": "3.5.28", "@vue/runtime-dom": "3.5.28", "@vue/server-renderer": "3.5.28", "@vue/shared": "3.5.28" }, "peerDependencies": { "typescript": "*" }, "optionalPeers": ["typescript"] }, "sha512-BRdrNfeoccSoIZeIhyPBfvWSLFP4q8J3u8Ju8Ug5vu3LdD+yTM13Sg4sKtljxozbnuMu1NB1X5HBHRYUzFocKg=="],
"@fast-csv/format/@types/node": ["@types/node@14.18.63", "", {}, "sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ=="],
"vue-demi": ["vue-demi@0.14.10", "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.10.tgz", { "peerDependencies": { "@vue/composition-api": "^1.0.0-rc.1", "vue": "^3.0.0-0 || ^2.6.0" }, "optionalPeers": ["@vue/composition-api"], "bin": { "vue-demi-fix": "bin/vue-demi-fix.js", "vue-demi-switch": "bin/vue-demi-switch.js" } }, "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg=="],
"@fast-csv/parse/@types/node": ["@types/node@14.18.63", "", {}, "sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ=="],
"vue-i18n": ["vue-i18n@11.3.1", "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-11.3.1.tgz", { "dependencies": { "@intlify/core-base": "11.3.1", "@intlify/devtools-types": "11.3.1", "@intlify/shared": "11.3.1", "@vue/devtools-api": "^6.5.0" }, "peerDependencies": { "vue": "^3.0.0" } }, "sha512-azq8fhVnCwJAw0iXW7i44h9P+Bj+snNuevBAaJ9bxn0I3YVsRU3deVFPNnTfZ2uxVJefGp83JUmL68ddCPw5Pw=="],
"@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.8.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" }, "bundled": true }, "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg=="],
"vue-router": ["vue-router@4.6.4", "https://registry.npmmirror.com/vue-router/-/vue-router-4.6.4.tgz", { "dependencies": { "@vue/devtools-api": "^6.6.4" }, "peerDependencies": { "vue": "^3.5.0" } }, "sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg=="],
"@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.8.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg=="],
"vue-tsc": ["vue-tsc@3.2.5", "https://registry.npmmirror.com/vue-tsc/-/vue-tsc-3.2.5.tgz", { "dependencies": { "@volar/typescript": "2.4.28", "@vue/language-core": "3.2.5" }, "peerDependencies": { "typescript": ">=5.0.0" }, "bin": { "vue-tsc": "bin/vue-tsc.js" } }, "sha512-/htfTCMluQ+P2FISGAooul8kO4JMheOTCbCy4M6dYnYYjqLe3BExZudAua6MSIKSFYQtFOYAll7XobYwcpokGA=="],
"@tailwindcss/oxide-wasm32-wasi/@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.1.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ=="],
"vuedraggable": ["vuedraggable@4.1.0", "https://registry.npmmirror.com/vuedraggable/-/vuedraggable-4.1.0.tgz", { "dependencies": { "sortablejs": "1.14.0" }, "peerDependencies": { "vue": "^3.0.1" } }, "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww=="],
"@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.1", "", { "dependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1", "@tybys/wasm-util": "^0.10.1" }, "bundled": true }, "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A=="],
"wrappy": ["wrappy@1.0.2", "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz", {}, "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="],
"@tailwindcss/oxide-wasm32-wasi/@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
"xmlchars": ["xmlchars@2.2.0", "https://registry.npmmirror.com/xmlchars/-/xmlchars-2.2.0.tgz", {}, "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="],
"@tailwindcss/oxide-wasm32-wasi/tslib": ["tslib@2.8.1", "", { "bundled": true }, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
"zip-stream": ["zip-stream@4.1.1", "https://registry.npmmirror.com/zip-stream/-/zip-stream-4.1.1.tgz", { "dependencies": { "archiver-utils": "^3.0.4", "compress-commons": "^4.1.2", "readable-stream": "^3.6.0" } }, "sha512-9qv4rlDiopXg4E69k+vMHjNN63YFMe9sZMrdlvKnCjlCRWeCBswPPMPUfx+ipsAWq1LXHe70RcbaHdJJpS6hyQ=="],
"archiver-utils/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
"@fast-csv/format/@types/node": ["@types/node@14.18.63", "https://registry.npmmirror.com/@types/node/-/node-14.18.63.tgz", {}, "sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ=="],
"duplexer2/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
"@fast-csv/parse/@types/node": ["@types/node@14.18.63", "https://registry.npmmirror.com/@types/node/-/node-14.18.63.tgz", {}, "sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ=="],
"glob/minimatch": ["minimatch@3.1.5", "", { "dependencies": { "brace-expansion": "^1.1.7" } }, "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w=="],
"@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.8.1", "https://registry.npmmirror.com/@emnapi/core/-/core-1.8.1.tgz", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" }, "bundled": true }, "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg=="],
"jszip/lie": ["lie@3.3.0", "", { "dependencies": { "immediate": "~3.0.5" } }, "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ=="],
"@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.8.1", "https://registry.npmmirror.com/@emnapi/runtime/-/runtime-1.8.1.tgz", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg=="],
"jszip/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
"@tailwindcss/oxide-wasm32-wasi/@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.1.0", "https://registry.npmmirror.com/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ=="],
"lazystream/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
"@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.1", "https://registry.npmmirror.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz", { "dependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1", "@tybys/wasm-util": "^0.10.1" }, "bundled": true }, "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A=="],
"reka-ui/@internationalized/date": ["@internationalized/date@3.11.0", "", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-BOx5huLAWhicM9/ZFs84CzP+V3gBW6vlpM02yzsdYC7TGlZJX1OJiEEHcSayF00Z+3jLlm4w79amvSt6RqKN3Q=="],
"@tailwindcss/oxide-wasm32-wasi/@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "https://registry.npmmirror.com/@tybys/wasm-util/-/wasm-util-0.10.1.tgz", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
"rolldown/@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-rc.5", "", {}, "sha512-RxlLX/DPoarZ9PtxVrQgZhPoor987YtKQqCo5zkjX+0S0yLJ7Vv515Wk6+xtTL67VONKJKxETWZwuZjss2idYw=="],
"@tailwindcss/oxide-wasm32-wasi/tslib": ["tslib@2.8.1", "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz", { "bundled": true }, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
"string_decoder/safe-buffer": ["safe-buffer@5.2.1", "", {}, "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="],
"archiver-utils/readable-stream": ["readable-stream@2.3.8", "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
"unzipper/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
"duplexer2/readable-stream": ["readable-stream@2.3.8", "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
"zip-stream/archiver-utils": ["archiver-utils@3.0.4", "", { "dependencies": { "glob": "^7.2.3", "graceful-fs": "^4.2.0", "lazystream": "^1.0.0", "lodash.defaults": "^4.2.0", "lodash.difference": "^4.5.0", "lodash.flatten": "^4.4.0", "lodash.isplainobject": "^4.0.6", "lodash.union": "^4.6.0", "normalize-path": "^3.0.0", "readable-stream": "^3.6.0" } }, "sha512-KVgf4XQVrTjhyWmx6cte4RxonPLR9onExufI1jhvw/MQ4BB6IsZD5gT8Lq+u/+pRkWna/6JoHpiQioaqFP5Rzw=="],
"glob/minimatch": ["minimatch@3.1.5", "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.5.tgz", { "dependencies": { "brace-expansion": "^1.1.7" } }, "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w=="],
"archiver-utils/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
"jszip/lie": ["lie@3.3.0", "https://registry.npmmirror.com/lie/-/lie-3.3.0.tgz", { "dependencies": { "immediate": "~3.0.5" } }, "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ=="],
"duplexer2/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
"jszip/readable-stream": ["readable-stream@2.3.8", "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
"glob/minimatch/brace-expansion": ["brace-expansion@1.1.12", "", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg=="],
"lazystream/readable-stream": ["readable-stream@2.3.8", "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
"jszip/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
"reka-ui/@internationalized/date": ["@internationalized/date@3.11.0", "https://registry.npmmirror.com/@internationalized/date/-/date-3.11.0.tgz", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-BOx5huLAWhicM9/ZFs84CzP+V3gBW6vlpM02yzsdYC7TGlZJX1OJiEEHcSayF00Z+3jLlm4w79amvSt6RqKN3Q=="],
"lazystream/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
"rolldown/@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-rc.5", "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.5.tgz", {}, "sha512-RxlLX/DPoarZ9PtxVrQgZhPoor987YtKQqCo5zkjX+0S0yLJ7Vv515Wk6+xtTL67VONKJKxETWZwuZjss2idYw=="],
"unzipper/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
"string_decoder/safe-buffer": ["safe-buffer@5.2.1", "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz", {}, "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="],
"unzipper/readable-stream": ["readable-stream@2.3.8", "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
"vue-i18n/@vue/devtools-api": ["@vue/devtools-api@6.6.4", "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz", {}, "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g=="],
"vue-router/@vue/devtools-api": ["@vue/devtools-api@6.6.4", "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz", {}, "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g=="],
"zip-stream/archiver-utils": ["archiver-utils@3.0.4", "https://registry.npmmirror.com/archiver-utils/-/archiver-utils-3.0.4.tgz", { "dependencies": { "glob": "^7.2.3", "graceful-fs": "^4.2.0", "lazystream": "^1.0.0", "lodash.defaults": "^4.2.0", "lodash.difference": "^4.5.0", "lodash.flatten": "^4.4.0", "lodash.isplainobject": "^4.0.6", "lodash.union": "^4.6.0", "normalize-path": "^3.0.0", "readable-stream": "^3.6.0" } }, "sha512-KVgf4XQVrTjhyWmx6cte4RxonPLR9onExufI1jhvw/MQ4BB6IsZD5gT8Lq+u/+pRkWna/6JoHpiQioaqFP5Rzw=="],
"archiver-utils/readable-stream/string_decoder": ["string_decoder@1.1.1", "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.1.1.tgz", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
"duplexer2/readable-stream/string_decoder": ["string_decoder@1.1.1", "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.1.1.tgz", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
"glob/minimatch/brace-expansion": ["brace-expansion@1.1.12", "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.12.tgz", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg=="],
"jszip/readable-stream/string_decoder": ["string_decoder@1.1.1", "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.1.1.tgz", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
"lazystream/readable-stream/string_decoder": ["string_decoder@1.1.1", "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.1.1.tgz", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
"unzipper/readable-stream/string_decoder": ["string_decoder@1.1.1", "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.1.1.tgz", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
}
}
codex.exe
BIN
View File
Binary file not shown.
data.js
+117
View File
@@ -0,0 +1,117 @@
const DEFAULT_FILE_NAME = 'data'
const DEFAULT_MIME_TYPE = 'application/octet-stream'
const encoder = new TextEncoder()
const decoder = new TextDecoder()
const normalizeSuffix = (suffix) => {
const value = String(suffix || '').trim()
if (!value) throw new Error('INVALID_SUFFIX')
return value.startsWith('.') ? value : `.${value}`
}
const sanitizeFileNamePart = (value) => {
const cleaned = String(value || '')
.replace(/[\\/:*?"<>|]/g, '_')
.replace(/\s+/g, ' ')
.trim()
return cleaned || DEFAULT_FILE_NAME
}
const formatTimestamp = (date = new Date()) => {
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
const hour = String(date.getHours()).padStart(2, '0')
const minute = String(date.getMinutes()).padStart(2, '0')
const second = String(date.getSeconds()).padStart(2, '0')
return `${year}${month}${day}-${hour}${minute}${second}`
}
const encodeData = (data) => {
const json = JSON.stringify(data)
return encoder.encode(json)
}
const decodeData = (bytes) => {
const text = decoder.decode(bytes)
return JSON.parse(text)
}
const downloadBlob = (blob, fileName) => {
const url = URL.createObjectURL(blob)
const link = document.createElement('a')
link.href = url
link.download = fileName
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
URL.revokeObjectURL(url)
}
const pickFile = (accept) => {
return new Promise((resolve, reject) => {
const input = document.createElement('input')
input.type = 'file'
input.accept = accept
input.style.display = 'none'
const cleanup = () => {
input.removeEventListener('change', handleChange)
input.remove()
}
const handleChange = () => {
const file = input.files?.[0] || null
cleanup()
if (!file) {
reject(new Error('FILE_NOT_SELECTED'))
return
}
resolve(file)
}
input.addEventListener('change', handleChange, { once: true })
document.body.appendChild(input)
input.click()
})
}
export const exportData = async (data, suffix, options = {}) => {
const normalizedSuffix = normalizeSuffix(suffix)
const bytes = encodeData(data)
const blob = new Blob([bytes], {
type: options.mimeType || DEFAULT_MIME_TYPE
})
const baseName = sanitizeFileNamePart(options.fileName)
const fileName = `${baseName}-${formatTimestamp()}${normalizedSuffix}`
const shouldDownload = options.download !== false
if (shouldDownload) {
downloadBlob(blob, fileName)
}
return {
blob,
fileName,
bytes
}
}
export const importData = async (suffix) => {
const normalizedSuffix = normalizeSuffix(suffix)
const file = await pickFile(normalizedSuffix)
const fileName = String(file.name || '')
if (!fileName.toLowerCase().endsWith(normalizedSuffix.toLowerCase())) {
throw new Error('INVALID_FILE_SUFFIX')
}
const bytes = new Uint8Array(await file.arrayBuffer())
return decodeData(bytes)
}
docker/dist-server/go.mod
+3
View File
@@ -0,0 +1,3 @@
module dist-server
go 1.24
docker/dist-server/main.go
+69
View File
@@ -0,0 +1,69 @@
package main
import (
"log"
"net/http"
"os"
"path/filepath"
"strings"
)
const (
defaultPort = "80"
webRoot = "/www"
indexName = "index.html"
)
func main() {
port := strings.TrimSpace(os.Getenv("PORT"))
if port == "" {
port = defaultPort
}
server := &http.Server{
Addr: ":" + port,
Handler: http.HandlerFunc(serve),
}
log.Printf("dist server listening on :%s", port)
if err := server.ListenAndServe(); err != nil && err != http.ErrServerClosed {
log.Fatal(err)
}
}
func serve(w http.ResponseWriter, r *http.Request) {
requestPath := strings.TrimPrefix(filepath.Clean("/"+r.URL.Path), "/")
if requestPath == "." || requestPath == "" {
serveIndex(w, r)
return
}
fullPath := filepath.Join(webRoot, filepath.FromSlash(requestPath))
if info, err := os.Stat(fullPath); err == nil && !info.IsDir() {
applyAssetCacheHeaders(w, requestPath)
http.ServeFile(w, r, fullPath)
return
}
serveIndex(w, r)
}
func serveIndex(w http.ResponseWriter, r *http.Request) {
w.Header().Set("Cache-Control", "no-cache")
w.Header().Set("Pragma", "no-cache")
w.Header().Set("Expires", "0")
http.ServeFile(w, r, filepath.Join(webRoot, indexName))
}
func applyAssetCacheHeaders(w http.ResponseWriter, requestPath string) {
if strings.EqualFold(requestPath, indexName) {
w.Header().Set("Cache-Control", "no-cache")
w.Header().Set("Pragma", "no-cache")
w.Header().Set("Expires", "0")
return
}
if strings.HasPrefix(requestPath, "static/") {
w.Header().Set("Cache-Control", "public, max-age=31536000, immutable")
}
}
home-entry-after.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 85 KiB

home-entry-before.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 86 KiB

index.html
+15 -3
View File
@@ -4,11 +4,23 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>造价计算工具</title>
<title>交通运输工程造价咨询服务预算编制规范</title>
<!-- 👇 企微 / 微信分享专用 meta 👇 -->
<meta name="description" content="交通运输工程造价咨询服务预算编制规范工具，依据 T/GDHS 017-2026 标准，提供专业预算编制、计算、导出功能。" />
<!-- 微信开放平台标签（解决不显示封面/标题问题） -->
<meta property="og:title" content="交通运输工程造价咨询服务预算编制工具" />
<meta property="og:description" content="依据 T/GDHS 017-2026 标准，专业工程造价预算编制工具。" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://jtzjfw.lianzhong.com.cn/logo.jpg" /> <!-- 必须替换成你自己的在线图片 -->
<!-- 企微专用优化 -->
<meta name="wx:cover" content="https://jtzjfw.lianzhong.com.cn/logo.jpg" />
</head>
<body>
<div id="app"></div>
<script>
<!-- <script>
//上线前添加访问版本号，强制刷新缓存
;(() => {
const makeVisitVersion = () => {
@@ -28,7 +40,7 @@
window.history.replaceState(null, '', nextUrl)
}
})()
</script>
</script> -->
<script type="module" src="/src/main.ts"></script>
</body>
</html>
package-lock.json
Generated
+2217
View File
File diff suppressed because it is too large. Load diff
package.json
+8 -4
View File
@@ -1,22 +1,24 @@
{
"name": "my-vue-app",
"name": "ZWJJ2026",
"private": true,
"version": "0.0.0",
"version": "1.0",
"type": "module",
"scripts": {
"dev": "bunx --bun vite",
"build": "bunx vue-tsc -b && bunx --bun vite build",
"preview": "bunx --bun vite preview",
"type-check": "bunx vue-tsc --noEmit"
"type-check": "bunx vue-tsc --noEmit",
"dockerPush": "bun run build && docker build -f Dockerfile.dist -t wintsa/zwzjjstool2026:latest . && docker push wintsa/zwzjjstool2026:latest"
},
"dependencies": {
"@ag-grid-community/locale": "^35.1.0",
"@iconify/vue": "^5.0.0",
"@internationalized/date": "^3.12.0",
"@internationalized/number": "^3.6.5",
"@noble/ciphers": "^2.1.1",
"@noble/hashes": "^2.0.1",
"@tailwindcss/vite": "^4.1.18",
"@vueuse/core": "^14.2.1",
"ag-grid-community": "^35.1.0",
"ag-grid-enterprise": "^35.1.0",
"ag-grid-vue3": "^35.1.0",
"class-variance-authority": "^0.7.1",
@@ -32,6 +34,8 @@
"tailwind-merge": "^3.4.0",
"tailwindcss": "^4.1.18",
"vue": "^3.5.25",
"vue-i18n": "^11.3.0",
"vue-router": "^4.6.4",
"vuedraggable": "^4.1.0"
},
"devDependencies": {
public/logo.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

public/related-files.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 856 B

public/template20260226001test010.xlsx → public/template202603.xlsx
BIN
View File
Binary file not shown.
public/基础参数及报表导出功能.js
-1918
View File
File diff suppressed because it is too large. Load diff
public/标准文件转代码Data.xlsx
BIN
View File
Binary file not shown.
public/造价咨询服务计费报表模板.xlsx
BIN
View File
Binary file not shown.
scripts/package-dist-image.ps1
+45
View File
@@ -0,0 +1,45 @@
param(
[string]$ImageName = "jgjs2026-dist",
[string]$Tag = "latest"
)
$ErrorActionPreference = "Stop"
$projectRoot = Split-Path -Parent $PSScriptRoot
$distPath = Join-Path $projectRoot "dist"
$dockerfilePath = Join-Path $projectRoot "Dockerfile.dist"
$serverSourcePath = Join-Path $projectRoot "docker\\dist-server"
$buildContext = Join-Path ([System.IO.Path]::GetTempPath()) ("jgjs2026-dist-docker-" + [System.Guid]::NewGuid().ToString("N"))
if (-not (Test-Path $distPath)) {
throw "dist directory not found. Run npm run build first."
}
if (-not (Test-Path $dockerfilePath)) {
throw "Dockerfile.dist not found."
}
if (-not (Test-Path $serverSourcePath)) {
throw "docker/dist-server not found."
}
New-Item -ItemType Directory -Path $buildContext | Out-Null
New-Item -ItemType Directory -Path (Join-Path $buildContext "docker") | Out-Null
try {
Copy-Item $dockerfilePath (Join-Path $buildContext "Dockerfile.dist")
Copy-Item $serverSourcePath (Join-Path $buildContext "docker\\dist-server") -Recurse
Copy-Item $distPath (Join-Path $buildContext "dist") -Recurse
Write-Host "Building Docker image ${ImageName}:${Tag} from minimal dist context..."
docker build -f (Join-Path $buildContext "Dockerfile.dist") -t "${ImageName}:${Tag}" $buildContext
}
finally {
if (Test-Path $buildContext) {
Remove-Item $buildContext -Recurse -Force
}
}
Write-Host "Done."
Write-Host "Run with:"
Write-Host "docker run --rm -p 8080:80 ${ImageName}:${Tag}"
src/App.vue
+1 -28
View File
@@ -1,30 +1,3 @@
<script setup lang="ts">
import { computed, onMounted, ref } from 'vue'
import { useTabStore } from '@/pinia/tab'
import HomeEntryView from '@/components/views/HomeEntryView.vue'
import Tab from '@/layout/tab.vue'
import { waitForHydration } from '@/pinia/Plugin/indexdb'
const tabStore = useTabStore()
const isReady = ref(false)
const showHomeEntry = computed(() => !tabStore.hasCompletedSetup)
const handleImportComplete = () => {
tabStore.hasCompletedSetup = true
}
onMounted(() => {
window.addEventListener('home-import-selected', handleImportComplete)
waitForHydration('tabs').then(() => {
isReady.value = true
})
})
</script>
<template>
<template v-if="isReady">
<HomeEntryView v-if="showHomeEntry" />
<Tab v-else />
</template>
<RouterView />
</template>
src/components/ht/HtBaseInfo.vue
-102
View File
@@ -1,102 +0,0 @@
<script setup lang="ts">
import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
import {
useZxFwPricingStore } from '@/pinia/zxFwPricing'
interface HtBaseInfoState {
quality: string
duration:
string
}
const DEFAULT_QUALITY = '造价咨询服务的综合评价应达到"较好"或综合评分90分'
const props =
defineProps<{
contractId: string
}>()
const zxFwPricingStore = useZxFwPricingStore()
const storageKey = () =>
`ht-base-info-${props.contractId}`
const quality = ref(DEFAULT_QUALITY)
const duration = ref('')
const
lastSavedSnapshot = ref('')
const saveForm = (force = false) => {
const payload: HtBaseInfoState = {
quality: quality.value,
duration: duration.value
}
const snapshot = JSON.stringify(payload)
if (!force
&& snapshot === lastSavedSnapshot.value) return
zxFwPricingStore.setKeyState(storageKey(), payload)
lastSavedSnapshot.value = snapshot
}
const loadForm = async () => {
const data = await
zxFwPricingStore.loadKeyState<HtBaseInfoState>(storageKey())
quality.value = typeof data?.quality === 'string' &&
data.quality ? data.quality : DEFAULT_QUALITY
duration.value = typeof data?.duration === 'string' ? data.duration :
''
const payload: HtBaseInfoState = { quality: quality.value, duration: duration.value }
lastSavedSnapshot.value = JSON.stringify(payload)
}
watch([quality, duration], () => { saveForm()
})
onMounted(() => { void loadForm() })
onBeforeUnmount(() => { saveForm(true) })
</script>
<template>
<div
class="h-full min-h-0 flex flex-col">
<div class="rounded-lg border bg-card p-5">
<div class="mb-4
border-b pb-3">
<h3 class="text-sm font-semibold text-foreground">基础信息</h3>
</div>
<div
class="grid grid-cols-1 gap-5">
<label class="space-y-1.5">
<div class="text-xs font-medium
text-muted-foreground">质量要求</div>
<textarea
v-model="quality"
rows="3"
placeholder="请输入质量要求"
class="w-full rounded-md border bg-background px-3 py-2
text-sm text-foreground outline-none focus:ring-2 focus:ring-primary/30 resize-none"
/>
</label>
<label class="space-y-1.5">
<div class="text-xs font-medium
text-muted-foreground">工期要求</div>
<textarea
v-model="duration"
rows="3"
placeholder="请输入工期要求"
class="w-full rounded-md border bg-background
px-3 py-2 text-sm text-foreground outline-none focus:ring-2 focus:ring-primary/30 resize-none"
/>
</label>
</div>
</div>
</div>
</template>
src/components/pricing/InvestmentScalePricingPane.vue
-1379
View File
File diff suppressed because it is too large. Load diff
src/components/pricing/LandScalePricingPane.vue
-1208
View File
File diff suppressed because it is too large. Load diff
src/components/shared/ServiceCheckboxSelector.vue
-67
View File
@@ -1,67 +0,0 @@
<script setup lang="ts">
import { computed } from 'vue'
interface ServiceItem {
id: string
code: string
name: string
}
const props = defineProps<{
services: ServiceItem[]
modelValue: string[]
}>()
const emit = defineEmits<{
(e: 'update:modelValue', value: string[]): void
}>()
const selectedSet = computed(() => new Set(props.modelValue))
const toggleService = (id: string, checked: boolean) => {
const next = new Set(props.modelValue)
if (checked) next.add(id)
else next.delete(id)
emit('update:modelValue', props.services.map(item => item.id).filter(itemId => next.has(itemId)))
}
const clearAll = () => {
emit('update:modelValue', [])
}
</script>
<template>
<div class="rounded-lg border bg-card p-2.5 shadow-sm">
<div class="mb-1 flex items-center justify-between gap-2">
<label class="block text-[11px] font-medium text-foreground leading-none">选择服务</label>
<button
type="button"
class="cursor-pointer h-6 rounded-md border px-2 text-[13px] text-muted-foreground transition hover:bg-accent"
@click="clearAll"
>
清空
</button>
</div>
<div class="rounded-md border p-1.5">
<div class="flex flex-wrap items-start gap-1">
<label
v-for="item in props.services"
:key="item.id"
class="inline-flex w-fit max-w-full cursor-pointer items-start gap-1.5 rounded-md border px-2 py-1 text-[11px] leading-4 hover:bg-muted/60"
>
<input
type="checkbox"
class="mt-0.5"
:checked="selectedSet.has(item.id)"
@change="toggleService(item.id, ($event.target as HTMLInputElement).checked)"
/>
<span class="text-muted-foreground shrink-0">{{ item.code }}</span>
<span class="text-foreground break-words">{{ item.name }}</span>
</label>
</div>
<div v-if="props.services.length === 0" class="px-2 py-4 text-center text-xs text-muted-foreground">
暂无服务
</div>
</div>
</div>
</template>
src/components/shared/WorkContentGrid.vue
-419
View File
@@ -1,419 +0,0 @@
<script setup lang="ts">
import { computed, defineComponent, h, onBeforeUnmount, onMounted, PropType, ref } from 'vue'
import { AgGridVue } from 'ag-grid-vue3'
import type {
CellValueChangedEvent,
ColDef,
GridApi,
GridReadyEvent,
ICellRendererParams,
ValueFormatterParams
} from 'ag-grid-community'
import { AG_GRID_LOCALE_CN } from '@ag-grid-community/locale'
import {
AlertDialogAction,
AlertDialogCancel,
AlertDialogContent,
AlertDialogDescription,
AlertDialogOverlay,
AlertDialogPortal,
AlertDialogRoot,
AlertDialogTitle
} from 'reka-ui'
import { Button } from '@/components/ui/button'
import { myTheme, agGridStyle } from '@/lib/diyAgGridOptions'
import { workList } from '@/sql'
import type { WorkType } from '@/sql'
import { useZxFwPricingStore } from '@/pinia/zxFwPricing'
import { Trash2 } from 'lucide-vue-next'
interface WorkContentRow {
id: string
content: string
type: WorkType
remark: string
checked: boolean
custom: boolean
path: string[]
}
interface WorkContentState {
detailRows: WorkContentRow[]
}
// dictMode: 'service' 按serviceId筛选workList；'additional' 取serviceid=-1的数据；'none' 不加载词典
const props = withDefaults(defineProps<{
title?: string
storageKey: string
serviceId?: number | string
dictMode?: 'service' | 'additional' | 'none'
}>(), {
title: '工作内容',
dictMode: 'none'
})
const emit = defineEmits<{
checkedChange: [value: string[]]
}>()
const zxFwPricingStore = useZxFwPricingStore()
const gridApi = ref<GridApi<WorkContentRow> | null>(null)
const rowData = ref<WorkContentRow[]>([])
const TYPE_LABEL_MAP: Record<number, WorkType> = {
0: '基本工作',
1: '可选工作',
2: '日常顾问',
3: '专项顾问',
4: '附加工作'
}
const buildDefaultRowsFromDict = (): WorkContentRow[] => {
const rows: WorkContentRow[] = []
const entries = Object.values(workList) as Array<{ text: string; serviceid: number; order: number; type: number }>
let filtered: typeof entries
if (props.dictMode === 'service') {
const sid = Number(props.serviceId)
filtered = entries.filter(e => e.serviceid === sid)
} else if (props.dictMode === 'additional') {
filtered = entries.filter(e => e.serviceid === -1 && props.storageKey.split('-').at(-1) =='2')
} else {
return []
}
filtered.sort((a, b) => a.order - b.order)
for (const entry of filtered) {
const content = String(entry.text || '').trim()
if (!content) continue
const typeLabel = TYPE_LABEL_MAP[entry.type] ?? '基本工作'
rows.push({
id: `dict-${entry.order}`,
content,
type: typeLabel,
remark: '',
checked: false,
custom: false,
path: [typeLabel, content]
})
}
return rows
}
const deleteConfirmOpen = ref(false)
const pendingDeleteRowId = ref<string | null>(null)
const pendingDeleteRowName = ref('')
const requestDeleteRow = (id: string, name?: string) => {
pendingDeleteRowId.value = id
pendingDeleteRowName.value = String(name || '').trim() || '当前行'
deleteConfirmOpen.value = true
}
const checkedIds = computed(() =>
rowData.value.filter(item => item.checked).map(item => item.id)
)
// 导出用：自定义内容全部包含，默认词典内容只含勾选的
const selectedTexts = computed(() =>
rowData.value
.filter(item => item.custom || item.checked)
.map(item => item.content)
.filter(Boolean)
)
defineExpose({ selectedTexts })
const emitCheckedChange = () => {
emit('checkedChange', [...checkedIds.value])
}
const saveToStore = () => {
const payload: WorkContentState = {
detailRows: rowData.value.map(item => ({ ...item }))
}
zxFwPricingStore.setKeyState(props.storageKey, payload)
emitCheckedChange()
}
const loadFromStore = async () => {
const state = await zxFwPricingStore.loadKeyState<WorkContentState>(props.storageKey)
if (Array.isArray(state?.detailRows) && state.detailRows.length > 0) {
rowData.value = state.detailRows.map(item => ({
...item,
type: item.custom ? '自定义' : (item.type || '基本工作'),
path: Array.isArray(item.path) && item.path.length ? item.path : ['自定义', item.content || '未命名']
})) as WorkContentRow[]
} else {
rowData.value = buildDefaultRowsFromDict()
saveToStore()
}
emitCheckedChange()
}
const handleCheckedToggle = (id: string, checked: boolean) => {
const target = rowData.value.find(item => item.id === id)
if (!target) return
target.checked = checked
gridApi.value?.refreshCells({ force: true })
saveToStore()
}
const contentCellRenderer = (params: ICellRendererParams<WorkContentRow>) => {
const data = params.data
if (!data) return ''
const wrapper = document.createElement('div')
wrapper.className = 'work-content-cell'
// 自定义行不显示 checkbox，直接显示文本；空时显示 placeholder
if (data.custom) {
const label = document.createElement('span')
if (!data.content) {
label.className = 'work-content-placeholder'
label.textContent = '点击输入工作内容'
} else {
label.className = 'work-content-text'
label.textContent = data.content
}
wrapper.appendChild(label)
return wrapper
}
const checkbox = document.createElement('input')
checkbox.type = 'checkbox'
checkbox.className = 'work-content-check'
checkbox.checked = Boolean(data.checked)
checkbox.addEventListener('change', () => {
handleCheckedToggle(data.id, checkbox.checked)
})
const label = document.createElement('span')
label.className = 'work-content-text'
label.textContent = String(data.content || '')
wrapper.appendChild(checkbox)
wrapper.appendChild(label)
return wrapper
}
const columnDefs: ColDef<WorkContentRow>[] = [
{
headerName: '序号',
minWidth: 60,
width: 70,
pinned: 'left',
suppressMovable: true,
editable: false,
valueGetter: params => (params.node?.rowIndex ?? 0) + 1
},
{
headerName: '工作内容',
field: 'content',
minWidth: 320,
flex: 2,
editable: params => Boolean(params.data?.custom),
valueParser: params => String(params.newValue || '').trim(),
wrapText: true,
autoHeight: true,
cellStyle: { whiteSpace: 'normal', lineHeight: '1.5' },
cellRenderer: contentCellRenderer
},
{
headerName: '工作类型',
field: 'type',
minWidth: 100,
width: 120,
editable: false,
valueFormatter: (params: ValueFormatterParams<WorkContentRow>) => String(params.value || '')
},
{
headerName: '备注',
field: 'remark',
minWidth: 180,
flex: 1.2,
editable: true,
cellEditor: 'agLargeTextCellEditor',
wrapText: true,
autoHeight: true,
cellStyle: { whiteSpace: 'normal', lineHeight: '1.4' },
cellClass: 'remark-wrap-cell',
cellClassRules: {
'editable-cell-empty': params => params.value == null || params.value === ''
},
valueFormatter: params => params.value || '点击输入'
},
{
headerName: '操作',
colId: 'actions',
minWidth: 92,
maxWidth: 110,
flex: 0.8,
editable: false,
sortable: false,
filter: false,
suppressMovable: true,
cellRenderer: defineComponent({
name: 'HtFeeGridActionCellRenderer',
props: {
params: {
type: Object as PropType<ICellRendererParams<WorkContentRow>>,
required: true
}
},
setup(rendererProps) {
return () => {
const row = rendererProps.params.data
if (!row?.custom) return null
const onDelete = (event: MouseEvent) => {
event.preventDefault()
event.stopPropagation()
requestDeleteRow(row.id, row.content)
}
return h(
'button',
{
type: 'button',
class:
'inline-flex cursor-pointer items-center gap-1 rounded border border-red-200 px-2 py-1 text-xs text-red-600 hover:bg-red-50',
onClick: onDelete
},
[h(Trash2, { size: 12, 'aria-hidden': 'true' }), h('span', '删除')]
)
}
}
})
}
]
const addCustomRow = () => {
const ts = Date.now()
rowData.value.push({
id: `custom-${ts}`,
content: '',
type: '自定义' as WorkType,
remark: '',
checked: false,
custom: true,
path: ['自定义', `自定义-${ts}`]
})
saveToStore()
}
const onGridReady = (event: GridReadyEvent<WorkContentRow>) => {
gridApi.value = event.api
}
const onCellValueChanged = (event: CellValueChangedEvent<WorkContentRow>) => {
const row = event.data
if (!row) return
if (event.colDef.field === 'content' && row.custom) {
row.path = ['自定义', row.content || `自定义-${row.id}`]
}
if (event.colDef.field === 'type' && row.custom) {
row.type = '自定义'
}
saveToStore()
}
onMounted(() => {
void loadFromStore()
})
onBeforeUnmount(() => {
saveToStore()
})
const handleDeleteConfirmOpenChange = (open: boolean) => {
deleteConfirmOpen.value = open
}
const deleteRow = (id: string) => {
rowData.value = rowData.value.filter(item => item.id !== id)
saveToStore()
}
const confirmDeleteRow = () => {
const id = pendingDeleteRowId.value
if (!id) return
deleteRow(id)
deleteConfirmOpen.value = false
pendingDeleteRowId.value = null
pendingDeleteRowName.value = ''
}
</script>
<template>
<div class="h-full min-h-0 xmMx">
<div class="h-full min-h-0 rounded-2xl border border-border/60 bg-card/90 shadow-sm backdrop-blur-sm">
<div class="flex items-center justify-between border-b border-border/60 px-4 py-3">
<h3 class="text-sm font-semibold text-foreground">{{ props.title }}</h3>
<Button type="button" size="sm" variant="outline" class="cursor-pointer" @click="addCustomRow">
添加自定义内容
</Button>
</div>
<div class="ag-theme-quartz h-[calc(100%-56px)] min-h-0 w-full">
<AgGridVue
:style="agGridStyle"
:rowData="rowData"
:columnDefs="columnDefs"
:theme="myTheme"
:getRowId="(params: { data: WorkContentRow }) => params.data.id"
:animateRows="true"
:localeText="AG_GRID_LOCALE_CN"
:tooltipShowDelay="500"
:singleClickEdit="true"
:stopEditingWhenCellsLoseFocus="true"
:defaultColDef="{ resizable: true, sortable: false, filter: false }"
:suppressColumnVirtualisation="false"
:suppressRowVirtualisation="false"
@grid-ready="onGridReady"
@cell-value-changed="onCellValueChanged"
/>
</div>
</div>
<AlertDialogRoot :open="deleteConfirmOpen" @update:open="handleDeleteConfirmOpenChange">
<AlertDialogPortal>
<AlertDialogOverlay class="fixed inset-0 z-50 bg-black/45" />
<AlertDialogContent class="fixed left-1/2 top-1/2 z-[70] w-[92vw] max-w-md -translate-x-1/2 -translate-y-1/2 rounded-lg border bg-background p-5 shadow-xl">
<AlertDialogTitle class="text-base font-semibold">确认删除行</AlertDialogTitle>
<AlertDialogDescription class="mt-2 text-sm text-muted-foreground">
将删除“{{ pendingDeleteRowName }}”这条明细，是否继续？
</AlertDialogDescription>
<div class="mt-4 flex items-center justify-end gap-2">
<AlertDialogCancel as-child>
<Button variant="outline">取消</Button>
</AlertDialogCancel>
<AlertDialogAction as-child>
<Button variant="destructive" @click="confirmDeleteRow">确认删除</Button>
</AlertDialogAction>
</div>
</AlertDialogContent>
</AlertDialogPortal>
</AlertDialogRoot>
</div>
</template>
<style scoped>
:deep(.work-content-placeholder) {
color: #94a3b8;
font-style: italic;
min-width: 0;
flex: 1;
}
:deep(.work-content-cell) {
display: flex;
width: 100%;
align-items: center;
gap: 8px;
}
:deep(.work-content-text) {
min-width: 0;
flex: 1;
white-space: normal;
word-break: break-word;
line-height: 1.5;
}
:deep(.work-content-check) {
width: 14px;
height: 14px;
cursor: pointer;
}
</style>
src/components/views/HomeEntryView.vue
-525
View File
@@ -1,525 +0,0 @@
<script setup lang="ts">
import { onMounted, ref } from 'vue'
import { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
import { Button } from '@/components/ui/button'
import { useTabStore } from '@/pinia/tab'
import { useKvStore } from '@/pinia/kv'
import {
Calculator,
Check,
ChevronDown,
Download,
FolderKanban,
X,
Zap
} from 'lucide-vue-next'
import { industryTypeList } from '@/sql'
import { initializeProjectFactorStates } from '@/lib/projectWorkspace'
import {
SelectContent,
SelectIcon,
SelectItem,
SelectItemIndicator,
SelectItemText,
SelectPortal,
SelectRoot,
SelectTrigger,
SelectValue,
SelectViewport
} from 'reka-ui'
import {
PROJECT_TAB_ID,
QUICK_CONSULT_CATEGORY_FACTOR_KEY,
QUICK_CONTRACT_FALLBACK_NAME,
QUICK_CONTRACT_ID,
QUICK_CONTRACT_META_KEY,
QUICK_MAJOR_FACTOR_KEY,
QUICK_PROJECT_INFO_KEY,
writeWorkspaceMode
} from '@/lib/workspace'
interface QuickProjectInfoState {
projectIndustry?: string
projectName?: string
preparedBy?: string
reviewedBy?: string
preparedCompany?: string
preparedDate?: string
}
interface QuickContractMetaState {
id?: string
name?: string
updatedAt?: string
}
interface ProjectInfoState {
projectIndustry?: string
projectName?: string
preparedBy?: string
reviewedBy?: string
preparedCompany?: string
preparedDate?: string
}
const PROJECT_INFO_KEY = 'xm-base-info-v1'
const PROJECT_CONSULT_CATEGORY_FACTOR_KEY = 'xm-consult-category-factor-v1'
const PROJECT_MAJOR_FACTOR_KEY = 'xm-major-factor-v1'
const DEFAULT_PROJECT_NAME = 'xxx 造价咨询服务'
const PROJECT_INIT_CHANGED_EVENT = 'xm-project-init-changed'
const tabStore = useTabStore()
const kvStore = useKvStore()
const projectDialogOpen = ref(false)
const projectIndustry = ref(String(industryTypeList[0]?.id || ''))
const projectSubmitting = ref(false)
const quickDialogOpen = ref(false)
const quickIndustry = ref(String(industryTypeList[0]?.id || ''))
const quickContractName = ref(QUICK_CONTRACT_FALLBACK_NAME)
const quickSubmitting = ref(false)
const homeImportInputRef = ref<HTMLInputElement | null>(null)
const projectIconAvailable = ref(false)
const quickIconAvailable = ref(false)
const importIconAvailable = ref(false)
const getTodayDateString = () => {
const now = new Date()
const year = String(now.getFullYear())
const month = String(now.getMonth() + 1).padStart(2, '0')
const day = String(now.getDate()).padStart(2, '0')
return `${year}-${month}-${day}`
}
const enterProjectCalc = () => {
writeWorkspaceMode('project')
tabStore.enterWorkspace({
id: PROJECT_TAB_ID,
title: '项目计算',
componentName: 'ProjectCalcView'
})
tabStore.hasCompletedSetup = true
}
const loadProjectDefaults = async () => {
const savedInfo = await kvStore.getItem<ProjectInfoState>(PROJECT_INFO_KEY)
projectIndustry.value =
typeof savedInfo?.projectIndustry === 'string' && savedInfo.projectIndustry.trim()
? savedInfo.projectIndustry.trim()
: String(industryTypeList[0]?.id || '')
}
const openProjectCalc = async () => {
projectDialogOpen.value = true
}
const closeProjectCalcDialog = () => {
projectDialogOpen.value = false
}
const confirmProjectCalc = async () => {
const industry = projectIndustry.value.trim()
if (!industry) return
projectSubmitting.value = true
try {
await kvStore.setItem<ProjectInfoState>(PROJECT_INFO_KEY, {
projectIndustry: industry,
projectName: DEFAULT_PROJECT_NAME,
preparedBy: '',
reviewedBy: '',
preparedCompany: '',
preparedDate: getTodayDateString()
})
await initializeProjectFactorStates(
kvStore,
industry,
PROJECT_CONSULT_CATEGORY_FACTOR_KEY,
PROJECT_MAJOR_FACTOR_KEY
)
window.dispatchEvent(new CustomEvent<boolean>(PROJECT_INIT_CHANGED_EVENT, { detail: true }))
enterProjectCalc()
} finally {
projectSubmitting.value = false
projectDialogOpen.value = false
}
}
const loadQuickDefaults = async () => {
const [savedInfo, savedMeta] = await Promise.all([
kvStore.getItem<QuickProjectInfoState>(QUICK_PROJECT_INFO_KEY),
kvStore.getItem<QuickContractMetaState>(QUICK_CONTRACT_META_KEY)
])
quickIndustry.value =
typeof savedInfo?.projectIndustry === 'string' && savedInfo.projectIndustry.trim()
? savedInfo.projectIndustry.trim()
: String(industryTypeList[0]?.id || '')
quickContractName.value =
typeof savedMeta?.name === 'string' && savedMeta.name.trim()
? savedMeta.name.trim()
: QUICK_CONTRACT_FALLBACK_NAME
}
const openQuickCalcDialog = async () => {
await loadQuickDefaults()
quickDialogOpen.value = true
}
const closeQuickCalcDialog = () => {
quickDialogOpen.value = false
}
const confirmQuickCalc = async () => {
const contractName = quickContractName.value.trim()
const industry = quickIndustry.value.trim()
if (!contractName || !industry) return
quickSubmitting.value = true
try {
const currentInfo = await kvStore.getItem<QuickProjectInfoState>(QUICK_PROJECT_INFO_KEY)
await kvStore.setItem(QUICK_PROJECT_INFO_KEY, {
...currentInfo,
projectIndustry: industry,
projectName: '快速计算'
})
await kvStore.setItem(QUICK_CONTRACT_META_KEY, {
id: QUICK_CONTRACT_ID,
name: contractName,
updatedAt: new Date().toISOString()
})
await initializeProjectFactorStates(
kvStore,
industry,
QUICK_CONSULT_CATEGORY_FACTOR_KEY,
QUICK_MAJOR_FACTOR_KEY
)
writeWorkspaceMode('quick')
tabStore.enterWorkspace({
id: `contract-${QUICK_CONTRACT_ID}`,
title: contractName,
componentName: 'QuickCalcView',
props: {
contractId: QUICK_CONTRACT_ID,
contractName,
projectInfoKey: QUICK_PROJECT_INFO_KEY,
projectScaleKey: null,
projectConsultCategoryFactorKey: QUICK_CONSULT_CATEGORY_FACTOR_KEY,
projectMajorFactorKey: QUICK_MAJOR_FACTOR_KEY
}
})
tabStore.hasCompletedSetup = true
} finally {
quickSubmitting.value = false
quickDialogOpen.value = false
}
}
const handleHomeImportChange = (event: Event) => {
const input = event.target as HTMLInputElement
const file = input.files?.[0]
if (!file) return
window.dispatchEvent(new CustomEvent('home-import-selected', {
detail: {
file
}
}))
input.value = ''
}
const openHomeImport = () => {
homeImportInputRef.value?.click()
}
onMounted(() => {
void loadProjectDefaults()
void loadQuickDefaults()
})
</script>
<template>
<input ref="homeImportInputRef" type="file" accept=".zw" class="sr-only" @change="handleHomeImportChange" />
<div class="home-entry relative flex min-h-full items-center justify-center px-4 py-8 lg:py-10">
<div class="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_80%_60%_at_50%_-10%,rgba(59,130,246,0.06),transparent_70%)]" />
<div class="relative w-full max-w-[1240px]">
<div class="grid items-stretch gap-6 lg:grid-cols-[300px_1fr]">
<div
class="home-hero relative overflow-hidden rounded-2xl bg-[linear-gradient(145deg,#5c0a0a_0%,#991b1b_50%,#dc2626_100%)] p-7 text-white shadow-[0_24px_60px_rgba(153,27,27,0.45)]"
>
<div class="pointer-events-none absolute -right-20 -top-16 h-56 w-56 rounded-full bg-white/12 blur-2xl" />
<div class="pointer-events-none absolute -left-10 -bottom-10 h-40 w-40 rounded-full bg-white/8 blur-3xl" />
<div
class="pointer-events-none absolute inset-0 bg-[repeating-linear-gradient(140deg,rgba(255,255,255,0.06)_0,rgba(255,255,255,0.06)_1px,transparent_1px,transparent_20px)]"
/>
<div class="relative inline-flex h-11 w-11 items-center justify-center rounded-xl bg-white/15 ring-1 ring-white/35">
<Calculator class="h-5 w-5" />
</div>
<h2 class="relative mt-8 text-2xl font-semibold leading-tight tracking-tight lg:text-3xl">智能预算一键生成</h2>
<p class="relative mt-2 text-sm text-red-200/90">助力《规范》高效落地</p>
<div class="relative mt-6 h-px bg-gradient-to-r from-white/20 via-white/10 to-transparent" />
<p class="relative mt-4 text-xs leading-5 text-red-200/60">交通建设项目工程造价咨询服务费计算</p>
</div>
<div class="flex flex-col">
<div class="home-title text-center">
<h1 class="text-2xl font-semibold tracking-tight text-slate-900 lg:text-3xl">计算入口</h1>
<p class="mt-1.5 text-sm text-slate-500">项目计算 · 单项速算 · 导入数据</p>
</div>
<div class="mt-5 grid flex-1 gap-3 md:grid-cols-2 xl:grid-cols-3">
<Card
role="button"
tabindex="0"
class="home-card group flex cursor-pointer flex-col justify-between rounded-xl border border-slate-200/80 bg-white/95 px-5 py-5 shadow-[0_4px_20px_rgba(15,23,42,0.06)] backdrop-blur-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_12px_32px_rgba(15,23,42,0.12)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-200"
@click="openProjectCalc"
@keydown.enter.prevent="openProjectCalc"
@keydown.space.prevent="openProjectCalc"
>
<CardHeader class="p-0">
<div
class="inline-flex h-11 w-11 items-center justify-center rounded-xl border border-blue-100 bg-blue-50/80 shadow-sm"
>
<img
v-if="projectIconAvailable"
:src="'/image_0.png'"
alt="项目预算"
class="h-5 w-5 object-contain"
@error="projectIconAvailable = false"
>
<FolderKanban v-else class="h-5 w-5 text-blue-600" />
</div>
<CardTitle class="mt-4 text-base font-semibold text-slate-900">项目预算</CardTitle>
<CardDescription class="mt-1.5 text-xs leading-5 text-slate-500">
适用于多合同段、项目级整体计算，支持导出/导入完整项目数据
</CardDescription>
</CardHeader>
<div class="mt-4 flex items-center text-xs font-medium text-slate-400 transition-colors group-hover:text-slate-600">
<span>进入计算</span>
<svg class="ml-1 h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
</Card>
<Card
role="button"
tabindex="0"
class="home-card group flex cursor-pointer flex-col justify-between rounded-xl border border-slate-200/80 bg-white/95 px-5 py-5 shadow-[0_4px_20px_rgba(15,23,42,0.06)] backdrop-blur-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_12px_32px_rgba(15,23,42,0.12)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-200"
@click="openQuickCalcDialog"
@keydown.enter.prevent="openQuickCalcDialog"
@keydown.space.prevent="openQuickCalcDialog"
>
<CardHeader class="p-0">
<div
class="inline-flex h-11 w-11 items-center justify-center rounded-xl border border-amber-100 bg-amber-50/80 shadow-sm"
>
<img
v-if="quickIconAvailable"
:src="'/image_1.png'"
alt="单项速算"
class="h-5 w-5 object-contain"
@error="quickIconAvailable = false"
>
<Zap v-else class="h-5 w-5 text-amber-500" />
</div>
<CardTitle class="mt-4 text-base font-semibold text-slate-900">单项速算</CardTitle>
<CardDescription class="mt-1.5 text-xs leading-5 text-slate-500">
单合同段预算、单项试算，选择行业与咨询类型，输入基数秒出结果
</CardDescription>
</CardHeader>
<div class="mt-4 flex items-center text-xs font-medium text-slate-400 transition-colors group-hover:text-slate-600">
<span>进入计算</span>
<svg class="ml-1 h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
</Card>
<Card
role="button"
tabindex="0"
class="home-card group flex cursor-pointer flex-col justify-between rounded-xl border border-slate-200/80 bg-white/95 px-5 py-5 shadow-[0_4px_20px_rgba(15,23,42,0.06)] backdrop-blur-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_12px_32px_rgba(15,23,42,0.12)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-200"
@click="openHomeImport"
@keydown.enter.prevent="openHomeImport"
@keydown.space.prevent="openHomeImport"
>
<CardHeader class="p-0">
<div
class="inline-flex h-11 w-11 items-center justify-center rounded-xl border border-cyan-100 bg-cyan-50/80 shadow-sm"
>
<img
v-if="importIconAvailable"
:src="'/image_2.png'"
alt="导入数据"
class="h-5 w-5 object-contain"
@error="importIconAvailable = false"
>
<Download v-else class="h-5 w-5 text-cyan-600" />
</div>
<CardTitle class="mt-4 text-base font-semibold text-slate-900">导入数据</CardTitle>
<CardDescription class="mt-1.5 text-xs leading-5 text-slate-500">
导入".zw"数据包，快速恢复项目计算状态，续未完成工作
</CardDescription>
</CardHeader>
<div class="mt-4 flex items-center text-xs font-medium text-slate-400 transition-colors group-hover:text-slate-600">
<span>选择文件</span>
<svg class="ml-1 h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
</Card>
</div>
</div>
</div>
</div>
</div>
<div
v-if="projectDialogOpen"
class="fixed inset-0 z-[90] flex items-center justify-center bg-black/45 p-4"
@click.self="closeProjectCalcDialog"
>
<div class="w-full max-w-md rounded-xl border bg-background shadow-2xl">
<div class="flex items-center justify-between border-b px-5 py-4">
<div>
<h3 class="text-base font-semibold text-foreground">新建项目</h3>
<p class="mt-1 text-sm text-muted-foreground">选择工程行业后，直接进入项目计算页面。</p>
</div>
<Button variant="ghost" size="icon" class="h-8 w-8" @click="closeProjectCalcDialog">
<X class="h-4 w-4" />
</Button>
</div>
<div class="space-y-4 px-5 py-4">
<label class="block space-y-2">
<span class="text-sm font-medium text-foreground">工程行业</span>
<SelectRoot v-model="projectIndustry">
<SelectTrigger
class="inline-flex h-11 w-full items-center justify-between rounded-xl border border-border/70 bg-[linear-gradient(180deg,rgba(248,250,252,0.98),rgba(241,245,249,0.92))] px-4 text-sm text-foreground shadow-sm outline-none transition hover:border-border focus-visible:ring-2 focus-visible:ring-slate-300"
>
<SelectValue placeholder="请选择工程行业" />
<SelectIcon as-child>
<ChevronDown class="h-4 w-4 text-muted-foreground" />
</SelectIcon>
</SelectTrigger>
<SelectPortal>
<SelectContent
:side-offset="6"
position="popper"
class="z-[120] w-[var(--reka-select-trigger-width)] overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-xl"
>
<SelectViewport class="p-1">
<SelectItem
v-for="item in industryTypeList"
:key="`project-${item.id}`"
:value="String(item.id)"
class="relative flex h-9 w-full cursor-default select-none items-center rounded-md pl-3 pr-8 text-sm outline-none data-[highlighted]:bg-muted data-[highlighted]:text-foreground data-[state=checked]:bg-slate-100"
>
<SelectItemText>{{ item.name }}</SelectItemText>
<SelectItemIndicator class="absolute right-2 inline-flex items-center text-slate-700">
<Check class="h-4 w-4" />
</SelectItemIndicator>
</SelectItem>
</SelectViewport>
</SelectContent>
</SelectPortal>
</SelectRoot>
</label>
</div>
<div class="flex items-center justify-end gap-2 border-t px-5 py-4">
<Button variant="outline" @click="closeProjectCalcDialog">取消</Button>
<Button :disabled="projectSubmitting || !projectIndustry" @click="confirmProjectCalc">
{{ projectSubmitting ? '进入中...' : '进入项目计算' }}
</Button>
</div>
</div>
</div>
<div
v-if="quickDialogOpen"
class="fixed inset-0 z-[90] flex items-center justify-center bg-black/45 p-4"
@click.self="closeQuickCalcDialog"
>
<div class="w-full max-w-md rounded-xl border bg-background shadow-2xl">
<div class="flex items-center justify-between border-b px-5 py-4">
<div>
<h3 class="text-base font-semibold text-foreground">单项速算</h3>
<p class="mt-1 text-sm text-muted-foreground">输入合同名称后，进入单项速算页面。</p>
</div>
<Button variant="ghost" size="icon" class="h-8 w-8" @click="closeQuickCalcDialog">
<X class="h-4 w-4" />
</Button>
</div>
<div class="space-y-4 px-5 py-4">
<label class="block space-y-2">
<span class="text-sm font-medium text-foreground">工程行业</span>
<SelectRoot v-model="quickIndustry">
<SelectTrigger
class="inline-flex h-11 w-full items-center justify-between rounded-xl border border-border/70 bg-[linear-gradient(180deg,rgba(248,250,252,0.98),rgba(241,245,249,0.92))] px-4 text-sm text-foreground shadow-sm outline-none transition hover:border-border focus-visible:ring-2 focus-visible:ring-slate-300"
>
<SelectValue placeholder="请选择工程行业" />
<SelectIcon as-child>
<ChevronDown class="h-4 w-4 text-muted-foreground" />
</SelectIcon>
</SelectTrigger>
<SelectPortal>
<SelectContent
:side-offset="6"
position="popper"
class="z-[120] w-[var(--reka-select-trigger-width)] overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-xl"
>
<SelectViewport class="p-1">
<SelectItem
v-for="item in industryTypeList"
:key="`quick-${item.id}`"
:value="String(item.id)"
class="relative flex h-9 w-full cursor-default select-none items-center rounded-md pl-3 pr-8 text-sm outline-none data-[highlighted]:bg-muted data-[highlighted]:text-foreground data-[state=checked]:bg-slate-100"
>
<SelectItemText>{{ item.name }}</SelectItemText>
<SelectItemIndicator class="absolute right-2 inline-flex items-center text-slate-700">
<Check class="h-4 w-4" />
</SelectItemIndicator>
</SelectItem>
</SelectViewport>
</SelectContent>
</SelectPortal>
</SelectRoot>
</label>
<label class="block space-y-2">
<span class="text-sm font-medium text-foreground">合同名称</span>
<input
v-model="quickContractName"
type="text"
class="inline-flex h-11 w-full items-center justify-between rounded-xl border border-border/70 bg-[linear-gradient(180deg,rgba(248,250,252,0.98),rgba(241,245,249,0.92))] px-4 text-sm text-foreground shadow-sm outline-none transition placeholder:text-slate-400 hover:border-border focus-visible:ring-2 focus-visible:ring-slate-300"
placeholder="请输入合同名称"
>
</label>
</div>
<div class="flex items-center justify-end gap-2 border-t px-5 py-4">
<Button variant="outline" @click="closeQuickCalcDialog">取消</Button>
<Button :disabled="quickSubmitting || !quickContractName" @click="confirmQuickCalc">
{{ quickSubmitting ? '进入中...' : '进入计算' }}
</Button>
</div>
</div>
</div>
</template>
<style scoped>
.home-hero {
animation: hero-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.home-title {
animation: fade-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both;
}
.home-card:nth-child(1) { animation: fade-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.25s both; }
.home-card:nth-child(2) { animation: fade-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.35s both; }
.home-card:nth-child(3) { animation: fade-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.45s both; }
@keyframes hero-in {
from { opacity: 0; transform: translateX(-20px) scale(0.97); }
to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes fade-up {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: translateY(0); }
}
</style>
src/components/views/ZxFwView.vue
-162
View File
@@ -1,162 +0,0 @@
<template>
<TypeLine
scene="zxfw-pricing-tab"
:title="`${contractName ? `合同段：${contractName} · ` : ''}${fwName}计算`"
:subtitle="`合同ID：${contractId}`"
:copy-text="contractId"
:storage-key="`zxfw-pricing-active-cat-${contractId}-${serviceId}`"
:default-category="defaultCategory"
:categories="pricingCategories"
/>
</template>
<script setup lang="ts">
import { computed, defineAsyncComponent, defineComponent, h, markRaw, type Component } from 'vue'
import TypeLine from '@/layout/typeLine.vue'
import MethodUnavailableNotice from '@/components/shared/MethodUnavailableNotice.vue'
interface ServiceMethodType {
scale?: boolean | null
onlyCostScale?: boolean | null
amount?: boolean | null
workDay?: boolean | null
}
const props = defineProps<{
contractId: string
contractName?: string
serviceId: string|number
fwName:string
type?: ServiceMethodType
projectInfoKey?: string
}>()
interface PricingCategoryItem {
key: string
label: string
component: Component
}
const resolveMethodEnabled = (value: boolean | null | undefined, fallback = true) =>
typeof value === 'boolean' ? value : fallback
const methodAvailability = computed(() => {
const scale = resolveMethodEnabled(props.type?.scale, true)
const onlyCostScale = resolveMethodEnabled(props.type?.onlyCostScale, false)
const amount = resolveMethodEnabled(props.type?.amount, true)
const workDay = resolveMethodEnabled(props.type?.workDay, true)
return {
investmentScale: scale,
landScale: scale && !onlyCostScale,
workload: amount,
hourly: workDay
}
})
const createPricingPane = (name: string) =>
markRaw(
defineComponent({
name,
setup() {
const AsyncPricingView = defineAsyncComponent({
loader: () => import(`@/components/pricing/${name}.vue`),
onError: err => {
console.error('加载 PricingMethodView 组件失败：', err)
}
})
return () => h(AsyncPricingView, {
contractId: props.contractId,
serviceId: props.serviceId,
projectInfoKey: props.projectInfoKey
})
}
})
)
const createMethodUnavailablePane = (title: string, message: string) =>
markRaw(
defineComponent({
name: 'MethodUnavailablePane',
setup() {
return () => h(MethodUnavailableNotice, { title, message })
}
})
)
const investmentScaleView = createPricingPane('InvestmentScalePricingPane')
const landScaleView = createPricingPane('LandScalePricingPane')
const workloadView = createPricingPane('WorkloadPricingPane')
const hourlyView = createPricingPane('HourlyPricingPane')
const workContentPane = markRaw(
defineComponent({
name: 'WorkContentPane',
setup() {
const AsyncWorkContentGrid = defineAsyncComponent({
loader: () => import('@/components/shared/WorkContentGrid.vue'),
onError: err => {
console.error('加载 WorkContentGrid 组件失败：', err)
}
})
return () => h(AsyncWorkContentGrid, {
title: '工作内容',
storageKey: `work-content-${props.contractId}-${props.serviceId}`,
serviceId: props.serviceId,
dictMode: 'service'
})
}
})
)
const investmentScaleUnavailableView = createMethodUnavailablePane(
'该服务不适用投资规模法',
'当前服务未启用规模法，投资规模法不可编辑。'
)
const landScaleUnavailableView = createMethodUnavailablePane(
'该服务不适用用地规模法',
'当前服务仅支持投资规模法，用地规模法不可编辑。'
)
const workloadUnavailableView = createMethodUnavailablePane(
'该服务不适用工作量法',
'当前服务未启用工作量法，工作量法不可编辑。'
)
const hourlyUnavailableView = createMethodUnavailablePane(
'该服务不适用工时法',
'当前服务未启用工时法，工时法不可编辑。'
)
const pricingCategories = computed<PricingCategoryItem[]>(() => [
{
key: 'investment-scale-method',
label: '投资规模法',
component: methodAvailability.value.investmentScale ? investmentScaleView : investmentScaleUnavailableView
},
{
key: 'land-scale-method',
label: '用地规模法',
component: methodAvailability.value.landScale ? landScaleView : landScaleUnavailableView
},
{
key: 'workload-method',
label: '工作量法',
component: methodAvailability.value.workload ? workloadView : workloadUnavailableView
},
{
key: 'hourly-method',
label: '工时法',
component: methodAvailability.value.hourly ? hourlyView : hourlyUnavailableView
},
{
key: 'work-content',
label: '工作内容',
component: workContentPane
},
])
const defaultCategory = computed(() => {
return 'work-content'
})
</script>
src/components/xm/xmCard.vue
-31
View File
@@ -1,31 +0,0 @@
<template>
<TypeLine
scene="xm-tab"
title=""
storage-key="project-active-cat"
default-category="info"
:categories="xmCategories"
/>
</template>
<script setup lang="ts">
import { defineAsyncComponent, markRaw } from 'vue'
import TypeLine from '@/layout/typeLine.vue'
const infoView = markRaw(defineAsyncComponent(() => import('@/components/xm/info.vue')))
const scaleInfoView = markRaw(defineAsyncComponent(() => import('@/components/xm/xmInfo.vue')))
const htView = markRaw(defineAsyncComponent(() => import('@/components/ht/Ht.vue')))
const consultCategoryFactorView = markRaw(
defineAsyncComponent(() => import('@/components/xm/XmConsultCategoryFactor.vue'))
)
const majorFactorView = markRaw(
defineAsyncComponent(() => import('@/components/xm/XmMajorFactor.vue'))
)
const xmCategories = [
{ key: 'info', label: '基础信息', component: infoView },
{ key: 'scale-info', label: '规模信息', component: scaleInfoView },
{ key: 'consult-category-factor', label: '咨询分类系数', component: consultCategoryFactorView },
{ key: 'major-factor', label: '工程专业系数', component: majorFactorView },
{ key: 'contract', label: '合同段管理', component: htView }
]
</script>
src/features/app/components/WorkspaceShell.vue
+318
View File
@@ -0,0 +1,318 @@
<script setup lang="ts">
import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { useTabStore } from '@/pinia/tab'
import HomeEntryView from '@/features/workbench/components/HomeEntryView.vue'
import Tab from '@/layout/tab.vue'
import { waitForHydration } from '@/pinia/Plugin/indexdb'
import localforage from 'localforage'
import {
buildProjectUrl,
DEFAULT_PROJECT_ID,
ensureProjectIdInUrl,
FORCE_HOME_QUERY_KEY,
getProjectDbName,
NEW_PROJECT_QUERY_KEY,
PROJECT_TAB_ID,
QUICK_PROJECT_ID
} from '@/lib/workspace'
import { collectActiveProjectSessionLocks, initProjectSessionLock } from '@/lib/projectSessionLock'
import { listenProjectDeleted, listenResetAll } from '@/lib/projectEvents'
import { listProjects, type ProjectMeta } from '@/lib/projectRegistry'
const tabStore = useTabStore()
const { t } = useI18n()
const isReady = ref(false)
const lockConflict = ref(false)
const currentProjectId = ref('')
const currentProjectName = ref('')
const conflictProjectList = ref<ProjectMeta[]>([])
const openedProjectIds = ref<string[]>([])
const closeCountdown = ref(10)
const isNewProjectRequest = ref(false)
const isForceHomeRequest = ref(false)
let closeCountdownTimer: ReturnType<typeof setInterval> | null = null
let releaseLock: (() => void) | null = null
let stopProjectDeletedListener: (() => void) | null = null
let stopResetAllListener: (() => void) | null = null
let isHandlingDeletedProject = false
let isHandlingGlobalReset = false
const showHomeEntry = computed(() => !tabStore.hasCompletedSetup)
const handleImportComplete = () => {
tabStore.hasCompletedSetup = true
}
const initCurrentProjectLock = () => {
if (releaseLock) return
const projectId = String(currentProjectId.value || '').trim()
if (!projectId || projectId === QUICK_PROJECT_ID) {
lockConflict.value = false
return
}
const lock = initProjectSessionLock({
projectId,
onConflict: (next) => {
lockConflict.value = next
if (next) {
refreshConflictProjectList()
startCloseCountdown()
} else {
clearCloseCountdown()
}
}
})
releaseLock = lock.release
}
const refreshConflictProjectList = () => {
void (async () => {
const projects = listProjects()
const enriched = await Promise.all(
projects.map(async (project) => {
try {
const kvStoreInstance = localforage.createInstance({
name: getProjectDbName(project.id),
storeName: 'pinia-kv'
})
const kvState = await kvStoreInstance.getItem<any>('pinia-kv')
const entries = kvState?.entries && typeof kvState.entries === 'object' ? kvState.entries : null
const projectInfo = entries?.['xm-base-info-v1']
const projectName =
projectInfo && typeof projectInfo === 'object' && typeof projectInfo.projectName === 'string'
? projectInfo.projectName.trim()
: ''
return {
...project,
name: projectName || project.name
}
} catch {
return project
}
})
)
conflictProjectList.value = enriched
const hit = enriched.find(item => item.id === currentProjectId.value)
currentProjectName.value = hit?.name || currentProjectId.value
openedProjectIds.value = Array.from(collectActiveProjectSessionLocks(enriched.map(item => item.id)))
})()
}
const clearCloseCountdown = () => {
if (!closeCountdownTimer) return
clearInterval(closeCountdownTimer)
closeCountdownTimer = null
}
const startCloseCountdown = () => {
clearCloseCountdown()
closeCountdown.value = 10
closeCountdownTimer = setInterval(() => {
closeCountdown.value -= 1
if (closeCountdown.value <= 0) {
clearCloseCountdown()
backToHome()
}
}, 1000)
}
const isConflictProjectOpen = (projectId: string) => openedProjectIds.value.includes(projectId)
const openProjectInNewTab = (projectId: string, options?: { newProject?: boolean }) => {
if (isConflictProjectOpen(projectId)) return
const href = buildProjectUrl(projectId, options)
window.open(href, '_blank', 'noopener')
}
const createProjectAndOpen = () => {
refreshConflictProjectList()
openProjectInNewTab(DEFAULT_PROJECT_ID, { newProject: true })
}
const backToHome = () => {
window.location.href = buildProjectUrl(DEFAULT_PROJECT_ID, { forceHome: true })
}
const syncRouteRequestFlags = () => {
try {
const url = new URL(window.location.href)
isNewProjectRequest.value = url.searchParams.get(NEW_PROJECT_QUERY_KEY) === '1'
isForceHomeRequest.value = url.searchParams.get(FORCE_HOME_QUERY_KEY) === '1'
} catch {
isNewProjectRequest.value = false
isForceHomeRequest.value = false
}
}
const formatProjectEditedTime = (value: string) => {
const date = new Date(value)
if (Number.isNaN(date.getTime())) return '-'
const pad = (num: number) => String(num).padStart(2, '0')
return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`
}
const handleReleaseProjectLock = () => {
if (!releaseLock) return
releaseLock()
releaseLock = null
lockConflict.value = false
}
const handleProjectDeleted = (deletedProjectId: string) => {
if (String(deletedProjectId || '').trim() !== currentProjectId.value) return
if (isHandlingDeletedProject) return
isHandlingDeletedProject = true
handleReleaseProjectLock()
tabStore.resetTabs()
tabStore.hasCompletedSetup = false
const href = buildProjectUrl(DEFAULT_PROJECT_ID, { forceHome: true })
try {
window.close()
} catch {
// ignore and fallback to redirect
}
window.setTimeout(() => {
window.location.href = href
}, 120)
}
const handleResetAll = () => {
if (isHandlingGlobalReset) return
isHandlingGlobalReset = true
handleReleaseProjectLock()
tabStore.resetTabs()
tabStore.hasCompletedSetup = false
const href = buildProjectUrl(DEFAULT_PROJECT_ID, { forceHome: true })
try {
window.close()
} catch {
// ignore and fallback to redirect
}
window.setTimeout(() => {
window.location.href = href
}, 120)
}
onMounted(() => {
currentProjectId.value = ensureProjectIdInUrl()
syncRouteRequestFlags()
refreshConflictProjectList()
if (!isForceHomeRequest.value && currentProjectId.value !== QUICK_PROJECT_ID && currentProjectId.value !== DEFAULT_PROJECT_ID) {
initCurrentProjectLock()
}
window.addEventListener('home-import-selected', handleImportComplete)
window.addEventListener('jgjs-release-project-lock', handleReleaseProjectLock)
stopProjectDeletedListener = listenProjectDeleted(handleProjectDeleted)
stopResetAllListener = listenResetAll(handleResetAll)
waitForHydration('tabs').then(() => {
if (isForceHomeRequest.value) {
tabStore.resetTabs()
tabStore.hasCompletedSetup = false
}
if (!tabStore.hasCompletedSetup && !isNewProjectRequest.value && !isForceHomeRequest.value) {
const hasProjects = listProjects().length > 0
if (hasProjects && currentProjectId.value !== DEFAULT_PROJECT_ID) {
if (Array.isArray(tabStore.tabs) && tabStore.tabs.length > 0) {
tabStore.hasCompletedSetup = true
} else {
tabStore.enterWorkspace({
id: PROJECT_TAB_ID,
title: t('home.cards.projectBudget'),
componentName: 'ProjectCalcView'
})
tabStore.hasCompletedSetup = true
}
}
}
if (tabStore.hasCompletedSetup && Array.isArray(tabStore.tabs) && tabStore.tabs.length > 0) {
const activeId = typeof tabStore.activeTabId === 'string' ? tabStore.activeTabId : ''
const hasActive = Boolean(activeId) && tabStore.tabs.some(tab => tab.id === activeId)
if (!hasActive) {
tabStore.activeTabId = tabStore.tabs[0]?.id
}
}
if (!releaseLock) {
lockConflict.value = false
clearCloseCountdown()
}
isReady.value = true
})
})
onBeforeUnmount(() => {
clearCloseCountdown()
window.removeEventListener('home-import-selected', handleImportComplete)
window.removeEventListener('jgjs-release-project-lock', handleReleaseProjectLock)
if (stopProjectDeletedListener) {
stopProjectDeletedListener()
stopProjectDeletedListener = null
}
if (stopResetAllListener) {
stopResetAllListener()
stopResetAllListener = null
}
if (releaseLock) {
releaseLock()
releaseLock = null
}
})
</script>
<template>
<template v-if="isReady">
<div
v-if="lockConflict"
class="flex min-h-screen items-center justify-center bg-slate-50 px-4"
>
<div class="w-full max-w-lg rounded-xl border border-red-200 bg-white p-6 shadow-sm">
<h2 class="text-lg font-semibold text-slate-900">{{ t('app.projectConflict.title') }}</h2>
<p class="mt-2 text-sm leading-6 text-slate-600">
{{ t('app.projectConflict.desc', { name: currentProjectName }) }}
</p>
<p class="mt-2 text-xs text-slate-500">
{{ t('app.projectConflict.countdown', { seconds: closeCountdown }) }}
</p>
<div class="mt-4 max-h-52 space-y-2 overflow-auto rounded-md border border-slate-200 bg-slate-50 p-2">
<button
v-for="project in conflictProjectList"
:key="project.id"
type="button"
class="flex w-full items-center justify-between rounded-md border border-transparent bg-white px-3 py-2 text-left text-sm transition"
:class="isConflictProjectOpen(project.id) ? 'cursor-not-allowed opacity-60' : 'cursor-pointer hover:border-slate-200 hover:bg-slate-100'"
:disabled="isConflictProjectOpen(project.id)"
@click="openProjectInNewTab(project.id)"
>
<span class="font-medium text-slate-700">
{{ project.name }}
<span v-if="isConflictProjectOpen(project.id)" class="ml-1 text-xs text-slate-500">{{ t('app.projectConflict.opened') }}</span>
</span>
<span class="text-xs text-slate-500">{{ t('app.projectConflict.lastEdited', { time: formatProjectEditedTime(project.updatedAt) }) }}</span>
</button>
</div>
<div class="mt-4 flex items-center gap-2">
<button
type="button"
class="cursor-pointer rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-slate-700 hover:bg-slate-100"
@click="createProjectAndOpen"
>
{{ t('app.projectConflict.createAndOpen') }}
</button>
<button
type="button"
class="rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-slate-700"
:class="'cursor-pointer hover:bg-slate-100'"
@click="backToHome"
>
{{ t('app.projectConflict.openDefault') }}
</button>
</div>
</div>
</div>
<template v-else>
<HomeEntryView v-if="showHomeEntry" />
<Tab v-else />
</template>
</template>
</template>
src/features/disclaimer/components/DisclaimerPage.vue
+197
View File
@@ -0,0 +1,197 @@
<script setup lang="ts">
import { computed, ref, watchEffect } from 'vue'
import { useI18n } from 'vue-i18n'
import { Languages } from 'lucide-vue-next'
import { Button } from '@/components/ui/button'
import { DEFAULT_LOCALE, setAppLocale, type AppLocale } from '@/i18n'
import {
DISCLAIMER_ENTRY_QUERY_KEY,
DISCLAIMER_RETURN_URL_QUERY_KEY,
hasAcceptedRestrictedDisclaimer,
persistRestrictedDisclaimerAcceptance,
readRestrictedEntryCodeFromUrl
} from '@/lib/workspace'
const { t, locale } = useI18n()
const accepted = ref(false)
const parsedParams = (() => {
try {
const url = new URL(window.location.href)
const returnUrl = String(url.searchParams.get(DISCLAIMER_RETURN_URL_QUERY_KEY) || '').trim()
const parsedReturnUrl = returnUrl ? new URL(returnUrl, window.location.href) : null
const entryFromReturnUrl = String(parsedReturnUrl?.searchParams.get(DISCLAIMER_ENTRY_QUERY_KEY) || '').trim()
return {
returnUrl,
entry: entryFromReturnUrl || readRestrictedEntryCodeFromUrl(parsedReturnUrl)
}
} catch {
return {
returnUrl: '',
entry: readRestrictedEntryCodeFromUrl()
}
}
})()
const hasRestrictedEntry = computed(() => Boolean(parsedParams.entry))
const backHref = computed(() => parsedParams.returnUrl || './?projectId=default')
const sections = computed(() => [
{
title: t('disclaimerPage.sections.standardBasisTitle'),
paragraphs: [
t('disclaimerPage.sections.standardBasisP1'),
t('disclaimerPage.sections.standardBasisP2'),
t('disclaimerPage.sections.standardBasisP3')
]
},
{
title: t('disclaimerPage.sections.referenceOnlyTitle'),
paragraphs: [t('disclaimerPage.sections.referenceOnlyP1')]
},
{
title: t('disclaimerPage.sections.accuracyTitle'),
paragraphs: [t('disclaimerPage.sections.accuracyP1')]
},
{
title: t('disclaimerPage.sections.riskTitle'),
paragraphs: [t('disclaimerPage.sections.riskP1')]
},
{
title: t('disclaimerPage.sections.liabilityTitle'),
paragraphs: [t('disclaimerPage.sections.liabilityP1'), t('disclaimerPage.sections.liabilityP2')]
},
{
title: t('disclaimerPage.sections.interruptionTitle'),
paragraphs: [t('disclaimerPage.sections.interruptionP1')]
},
{
title: t('disclaimerPage.sections.externalTitle'),
paragraphs: [t('disclaimerPage.sections.externalP1')]
},
{
title: t('disclaimerPage.sections.lawTitle'),
paragraphs: [t('disclaimerPage.sections.lawP1')]
}
])
const toggleLocale = () => {
const next = locale.value === 'en-US' ? 'zh-CN' : 'en-US'
setAppLocale(next as AppLocale)
}
const handleContinue = () => {
if (!accepted.value) return
if (parsedParams.entry) {
persistRestrictedDisclaimerAcceptance(parsedParams.entry)
}
window.location.href = backHref.value
}
watchEffect(() => {
const lang = locale.value || DEFAULT_LOCALE
document.documentElement.lang = lang
document.title = t('disclaimerPage.documentTitle')
})
accepted.value = parsedParams.entry ? hasAcceptedRestrictedDisclaimer(parsedParams.entry) : false
</script>
<template>
<main class="min-h-screen bg-[linear-gradient(180deg,#f7fbff_0%,#eef4f8_44%,#e4edf3_100%)] text-slate-900">
<div class="mx-auto w-full max-w-5xl px-4 py-6 sm:px-6 lg:px-8 lg:py-10">
<div class="mb-4 flex justify-end">
<Button
variant="outline"
size="sm"
class="h-9 cursor-pointer gap-2 rounded-full border-slate-300/80 bg-white/85 px-4 text-xs text-slate-700 shadow-sm backdrop-blur"
@click="toggleLocale"
>
<Languages class="h-3.5 w-3.5" />
<span>{{ locale === 'en-US' ? 'EN' : '中' }}</span>
<span class="hidden sm:inline">{{ t('disclaimerPage.actions.switchLocale') }}</span>
</Button>
</div>
<section class="overflow-hidden rounded-[28px] border border-slate-200/70 bg-white/85 shadow-[0_24px_80px_rgba(15,23,42,0.10)] backdrop-blur">
<div class="relative overflow-hidden px-5 py-6 sm:px-8 sm:py-8 lg:px-10">
<div class="pointer-events-none absolute inset-x-0 top-0 h-40 bg-[radial-gradient(circle_at_top,rgba(14,116,144,0.18),transparent_68%)]" />
<div class="relative">
<p class="text-xs font-bold tracking-[0.24em] text-teal-700">{{ t('disclaimerPage.eyebrow') }}</p>
<h1 class="mt-3 max-w-4xl text-2xl font-semibold leading-tight tracking-tight sm:text-3xl">
{{ t('disclaimerPage.pageTitle') }}
</h1>
<p class="mt-4 text-sm text-slate-500">
<span>{{ t('disclaimerPage.lastUpdatedLabel') }}</span>
<span>{{ t('disclaimerPage.lastUpdatedValue') }}</span>
</p>
<p class="mt-5 max-w-4xl text-sm leading-7 text-slate-600 sm:text-[15px]">
{{ t('disclaimerPage.leadText') }}
</p>
</div>
</div>
<div class="h-px bg-[linear-gradient(90deg,rgba(148,163,184,0),rgba(148,163,184,0.7),rgba(148,163,184,0))]" />
<div class="px-5 py-6 sm:px-8 lg:px-10 lg:py-8">
<section
v-for="section in sections"
:key="section.title"
class="mb-6 border-b border-slate-100 pb-6 last:mb-0 last:border-b-0 last:pb-0"
>
<h2 class="text-lg font-semibold leading-7 text-slate-900 sm:text-[20px]">{{ section.title }}</h2>
<p
v-for="paragraph in section.paragraphs"
:key="paragraph"
class="mt-3 text-sm leading-7 text-slate-600 sm:text-[15px]"
>
{{ paragraph }}
</p>
</section>
<section
v-if="hasRestrictedEntry"
class="mt-6 rounded-[24px] border border-teal-200/70 bg-[linear-gradient(135deg,rgba(15,118,110,0.08),rgba(14,165,233,0.08))] p-5 sm:p-6"
>
<h2 class="text-base font-semibold text-slate-900">{{ t('disclaimerPage.confirm.title') }}</h2>
<p class="mt-3 text-sm leading-7 text-slate-600">{{ t('disclaimerPage.confirm.desc1') }}</p>
<p class="mt-1 text-sm leading-7 text-slate-600">{{ t('disclaimerPage.confirm.desc2') }}</p>
<label class="mt-4 flex cursor-pointer items-start gap-3 rounded-2xl border border-slate-200/80 bg-white/80 px-4 py-3 text-sm leading-6 text-slate-700">
<input v-model="accepted" type="checkbox" class="mt-1 h-4 w-4 accent-teal-700" />
<span>{{ t('disclaimerPage.confirm.checkbox') }}</span>
</label>
<div class="mt-5 flex flex-col gap-3 sm:flex-row">
<button
type="button"
class="inline-flex min-h-11 items-center justify-center rounded-full bg-teal-700 px-5 text-sm font-semibold text-white shadow-[0_12px_24px_rgba(15,118,110,0.18)] transition hover:bg-teal-800 disabled:cursor-not-allowed disabled:opacity-55 disabled:shadow-none"
:disabled="!accepted"
@click="handleContinue"
>
{{ t('disclaimerPage.confirm.continue') }}
</button>
<a
:href="backHref"
class="inline-flex min-h-11 items-center justify-center rounded-full border border-slate-300 bg-white px-5 text-sm font-semibold text-slate-700 transition hover:bg-slate-50"
>
{{ t('disclaimerPage.actions.back') }}
</a>
</div>
<p class="mt-4 text-xs leading-5 text-slate-500">{{ t('disclaimerPage.confirm.hint') }}</p>
</section>
<div v-else class="mt-6 flex">
<a
:href="backHref"
class="inline-flex min-h-11 items-center justify-center rounded-full border border-slate-300 bg-white px-5 text-sm font-semibold text-slate-700 transition hover:bg-slate-50"
>
{{ t('disclaimerPage.actions.back') }}
</a>
</div>
</div>
</section>
</div>
</main>
</template>
src/components/ht/Ht.vue → src/features/ht/components/Ht.vue
+282 -550
View File
File diff suppressed because it is too large. Load diff
src/components/ht/HtAdditionalWorkFee.vue → src/features/ht/components/HtAdditionalWorkFee.vue
+6 -4
View File
@@ -1,22 +1,24 @@
<script setup lang="ts">
import { computed } from 'vue'
import HtFeeMethodGrid from '@/components/shared/HtFeeMethodGrid.vue'
import { additionalWorkList } from '@/sql'
import { useI18n } from 'vue-i18n'
import HtFeeMethodGrid from '@/features/shared/components/HtFeeMethodGrid.vue'
import { getAdditionalWorkListEntries } from '@/sql'
const props = defineProps<{
contractId: string
contractName?: string
}>()
const { t, locale } = useI18n()
const STORAGE_KEY = computed(() => `htExtraFee-${props.contractId}-additional-work`)
const additionalWorkNames = computed(() =>
additionalWorkList.map(item => ({id:item?.id,name:item?.name}))
getAdditionalWorkListEntries(locale.value).map(item => ({ id: item?.id, name: item?.name }))
)
</script>
<template>
<HtFeeMethodGrid
title="附加工作费"
:title="t('htFee.additionalTitle')"
:storageKey="STORAGE_KEY"
:contract-id="props.contractId"
:contract-name="props.contractName"
src/features/ht/components/HtBaseInfo.vue
+88
View File
@@ -0,0 +1,88 @@
<script setup lang="ts">
import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import { useZxFwPricingStore } from '@/pinia/zxFwPricing'
interface HtBaseInfoState {
quality: string
duration: string
}
const { t } = useI18n()
const DEFAULT_QUALITY = t('htBaseInfo.defaultQuality')
const DEFAULT_DURATION = ''
const props = defineProps<{
contractId: string
}>()
const zxFwPricingStore = useZxFwPricingStore()
const storageKey = () => `ht-base-info-${props.contractId}`
const quality = ref(DEFAULT_QUALITY)
const duration = ref('')
const lastSavedSnapshot = ref('')
const saveForm = (force = false) => {
const payload: HtBaseInfoState = {
quality: quality.value,
duration: duration.value
}
const snapshot = JSON.stringify(payload)
if (!force && snapshot === lastSavedSnapshot.value) return
zxFwPricingStore.setKeyState(storageKey(), payload)
lastSavedSnapshot.value = snapshot
}
const loadForm = async () => {
const data = await zxFwPricingStore.loadKeyState<HtBaseInfoState>(storageKey())
const hasStoredValue = Boolean(
data && (Object.prototype.hasOwnProperty.call(data, 'quality') || Object.prototype.hasOwnProperty.call(data, 'duration'))
)
quality.value = typeof data?.quality === 'string' && data.quality ? data.quality : DEFAULT_QUALITY
duration.value = typeof data?.duration === 'string' ? data.duration : (hasStoredValue ? '' : DEFAULT_DURATION)
lastSavedSnapshot.value = JSON.stringify({ quality: quality.value, duration: duration.value })
if (!hasStoredValue) saveForm(true)
}
watch([quality, duration], () => {
saveForm()
})
onMounted(() => {
void loadForm()
})
onBeforeUnmount(() => {
saveForm(true)
})
</script>
<template>
<div class="h-full min-h-0 flex flex-col">
<div class="rounded-lg border bg-card p-5">
<div class="mb-4 border-b pb-3">
<h3 class="text-sm font-semibold text-foreground">{{ t('htBaseInfo.title') }}</h3>
</div>
<div class="grid grid-cols-1 gap-5">
<label class="space-y-1.5">
<div class="text-xs font-medium text-muted-foreground">{{ t('htBaseInfo.qualityLabel') }}</div>
<textarea
v-model="quality"
rows="3"
:placeholder="t('htBaseInfo.qualityPlaceholder')"
class="w-full rounded-md border bg-background px-3 py-2 text-sm text-foreground outline-none focus:ring-2 focus:ring-primary/30 resize-none"
/>
</label>
<label class="space-y-1.5">
<div class="text-xs font-medium text-muted-foreground">{{ t('htBaseInfo.durationLabel') }}</div>
<textarea
v-model="duration"
rows="3"
:placeholder="t('htBaseInfo.durationPlaceholder')"
class="w-full rounded-md border bg-background px-3 py-2 text-sm text-foreground outline-none focus:ring-2 focus:ring-primary/30 resize-none"
/>
</label>
</div>
</div>
</div>
</template>
src/components/ht/HtConsultCategoryFactor.vue → src/features/ht/components/HtConsultCategoryFactor.vue
+4 -2
View File
@@ -1,7 +1,8 @@
<script setup lang="ts">
import { computed, onActivated, onMounted, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { getServiceDictEntries, isIndustryEnabledByType, getIndustryTypeValue } from '@/sql'
import XmFactorGrid from '@/components/shared/XmFactorGrid.vue'
import XmFactorGrid from '@/features/shared/components/XmFactorGrid.vue'
import { useKvStore } from '@/pinia/kv'
const props = defineProps<{
@@ -25,6 +26,7 @@ type ServiceItem = {
const PROJECT_INFO_KEY = computed(() => props.projectInfoKey || 'xm-base-info-v1')
const projectIndustry = ref('')
const kvStore = useKvStore()
const { t } = useI18n()
const loadProjectIndustry = async () => {
try {
@@ -57,7 +59,7 @@ onActivated(() => {
<template>
<XmFactorGrid
title="咨询分类系数明细"
:title="t('htFactors.consultCategoryTitle')"
:storage-key="`ht-consult-category-factor-v1-${props.contractId}`"
:parent-storage-key="props.parentStorageKey || 'xm-consult-category-factor-v1'"
:dict="filteredServiceDict"
src/features/ht/components/HtContractSummary.vue
+525
View File
@@ -0,0 +1,525 @@
<script setup lang="ts">
import { computed, defineComponent, h, nextTick, onActivated, onBeforeUnmount, onMounted, ref, shallowRef, watch, type PropType } from 'vue'
import { useI18n } from 'vue-i18n'
import { AgGridVue } from 'ag-grid-vue3'
import type { ColDef, FirstDataRenderedEvent, GridApi, GridOptions, GridReadyEvent, ICellRendererParams, RowDataUpdatedEvent } from 'ag-grid-community'
import { AG_GRID_LOCALE_CN } from '@ag-grid-community/locale'
import { myTheme, gridOptions } from '@/lib/diyAgGridOptions'
import { withReadonlyAutoHeight } from '@/lib/agGridReadonlyAutoHeight'
import { formatThousands, formatThousandsFlexible } from '@/lib/numberFormat'
import { roundTo, toFiniteNumberOrNull } from '@/lib/decimal'
import { useZxFwPricingStore } from '@/pinia/zxFwPricing'
import { additionalWorkList, reserveList } from '@/sql'
type SummaryRowType = 'service' | 'additional' | 'reserve' | 'total'
interface SummaryRow {
id: string
rowType: SummaryRowType
code: string | { richText?: Array<{ text?: string; font?: { italic?: boolean; vertAlign?: string } }> }
name: string
investScale: number | null
landScale: number | null
workload: number | null
hourly: number | null
subtotal: number | null
finalFee: number | null
}
interface RateMethodStateLike {
rate?: unknown
budgetFee?: unknown
}
interface HourlyMethodRowLike {
serviceBudget?: unknown
adoptedBudgetUnitPrice?: unknown
personnelCount?: unknown
workdayCount?: unknown
}
interface HourlyMethodStateLike {
detailRows?: HourlyMethodRowLike[]
}
interface QuantityMethodRowLike {
id?: unknown
budgetFee?: unknown
quantity?: unknown
unitPrice?: unknown
}
interface QuantityMethodStateLike {
detailRows?: QuantityMethodRowLike[]
}
const props = defineProps<{
contractId: string
}>()
const { t } = useI18n()
const zxFwPricingStore = useZxFwPricingStore()
const gridApi = shallowRef<GridApi<SummaryRow> | null>(null)
const rowData = ref<SummaryRow[]>([])
const explanationText = ref('')
let reloadTimer: ReturnType<typeof setTimeout> | null = null
const sum3 = (values: Array<number | null | undefined>) => {
const valid = values.filter((v): v is number => toFiniteNumberOrNull(v) != null)
if (valid.length === 0) return null
return roundTo(valid.reduce((a, b) => a + b, 0), 3)
}
const sumHourlyMethodFee = (state: HourlyMethodStateLike | null): number | null => {
const rows = Array.isArray(state?.detailRows) ? state.detailRows : []
if (rows.length === 0) return null
let total = 0
let hasValid = false
for (const row of rows) {
const rowBudget = toFiniteNumberOrNull(row?.serviceBudget)
if (rowBudget != null) {
total += rowBudget
hasValid = true
continue
}
const adopted = toFiniteNumberOrNull(row?.adoptedBudgetUnitPrice)
const personnel = toFiniteNumberOrNull(row?.personnelCount)
const workday = toFiniteNumberOrNull(row?.workdayCount)
if (adopted == null || personnel == null || workday == null) continue
total += adopted * personnel * workday
hasValid = true
}
return hasValid ? roundTo(total, 3) : null
}
const sumQuantityMethodFee = (state: QuantityMethodStateLike | null): number | null => {
const rows = Array.isArray(state?.detailRows) ? state.detailRows : []
if (rows.length === 0) return null
let total = 0
let hasValid = false
for (const row of rows) {
if (String(row?.id || '') === 'fee-subtotal-fixed') continue
const budget = toFiniteNumberOrNull(row?.budgetFee)
if (budget != null) {
total += budget
hasValid = true
continue
}
const quantity = toFiniteNumberOrNull(row?.quantity)
const unitPrice = toFiniteNumberOrNull(row?.unitPrice)
if (quantity == null || unitPrice == null) continue
total += quantity * unitPrice
hasValid = true
}
return hasValid ? roundTo(total, 3) : null
}
const loadHtMethodSummaryByRow = async (mainStorageKey: string, rowId: string): Promise<{
subtotal: number | null
m0: { coe: string; fee: number } | null
m4: { fee: number } | null
m5: { fee: number } | null
}> => {
const [rateState, hourlyState, quantityState] = await Promise.all([
zxFwPricingStore.loadHtFeeMethodState<RateMethodStateLike>(mainStorageKey, rowId, 'rate-fee'),
zxFwPricingStore.loadHtFeeMethodState<HourlyMethodStateLike>(mainStorageKey, rowId, 'hourly-fee'),
zxFwPricingStore.loadHtFeeMethodState<QuantityMethodStateLike>(mainStorageKey, rowId, 'quantity-unit-price-fee')
])
const rateFee = toFiniteNumberOrNull(rateState?.budgetFee)
const rateValue = toFiniteNumberOrNull(rateState?.rate)
const hourlyFee = sumHourlyMethodFee(hourlyState)
const quantityFee = sumQuantityMethodFee(quantityState)
const subtotal = sum3([rateFee, hourlyFee, quantityFee])
return {
subtotal,
m0: rateFee != null
? {
coe: rateValue == null ? '--' : String(rateValue),
fee: roundTo(rateFee, 2)
}
: null,
m4: hourlyFee != null ? { fee: roundTo(hourlyFee, 2) } : null,
m5: quantityFee != null ? { fee: roundTo(quantityFee, 2) } : null
}
}
const buildFeeRows = async (
rowType: 'additional' | 'reserve',
list: Array<{ id: string | number; name: string; code: unknown }>
): Promise<{ rows: SummaryRow[]; explainLines: string[] }> => {
const mainStorageKey = `htExtraFee-${props.contractId}-${rowType === 'additional' ? 'additional-work' : 'reserve'}`
await zxFwPricingStore.loadHtFeeMainState(mainStorageKey)
const tuples = await Promise.all(
list.map(async item => {
const summary = await loadHtMethodSummaryByRow(mainStorageKey, String(item.id))
const lineParts: string[] = []
if (summary.m0) {
lineParts.push(t('htSummary.explainByRate', { rate: summary.m0.coe, fee: summary.m0.fee }))
}
if (summary.m4) {
lineParts.push(t('htSummary.explainByHourly', { fee: summary.m4.fee }))
}
if (summary.m5) {
lineParts.push(t('htSummary.explainByQuantity', { fee: summary.m5.fee }))
}
const linePrefix = rowType === 'additional' ? t('htSummary.additionalPrefix') : t('htSummary.reservePrefix')
const explainLine = lineParts.length > 0 ? `${linePrefix}-${item.name}：${lineParts.join(';')}` : ''
const row: SummaryRow = {
id: `${rowType}-${item.id}`,
rowType,
code: item.code as SummaryRow['code'],
name: item.name,
investScale: null,
landScale: null,
workload: null,
hourly: null,
subtotal: summary.subtotal,
finalFee: summary.subtotal
}
return { row, explainLine }
})
)
const rows = tuples.map(item => item.row).filter(row => row.subtotal != null)
const explainLines = tuples
.filter(item => item.row.subtotal != null && item.explainLine)
.map(item => item.explainLine)
return { rows, explainLines }
}
const buildServiceRows = (): SummaryRow[] => {
const contractState = zxFwPricingStore.getContractState(props.contractId)
const selectedSet = new Set((contractState?.selectedIds || []).map(id => String(id)))
const rows = Array.isArray(contractState?.detailRows) ? contractState!.detailRows : []
return rows
.filter(row => String(row.id) !== 'fixed-budget-c' && selectedSet.has(String(row.id)))
.map(row => ({
id: `service-${row.id}`,
rowType: 'service' as const,
code: row.code || '',
name: row.name || '',
investScale: toFiniteNumberOrNull(row.investScale),
landScale: toFiniteNumberOrNull(row.landScale),
workload: toFiniteNumberOrNull(row.workload),
hourly: toFiniteNumberOrNull(row.hourly),
subtotal: toFiniteNumberOrNull(row.subtotal),
finalFee: toFiniteNumberOrNull((row as { finalFee?: unknown }).finalFee) ?? toFiniteNumberOrNull(row.subtotal)
}))
}
const reloadRows = async () => {
await zxFwPricingStore.loadContract(props.contractId)
const [additionalResult, reserveResult] = await Promise.all([
buildFeeRows(
'additional',
additionalWorkList.map(item => ({ id: item.id, name: item.name, code: item.code }))
),
buildFeeRows(
'reserve',
reserveList.map(item => ({ id: item.id, name: item.name, code: item.code }))
)
])
rowData.value = [...buildServiceRows(), ...additionalResult.rows, ...reserveResult.rows]
const lines = [...additionalResult.explainLines, ...reserveResult.explainLines]
explanationText.value = lines.join('\n')
}
const scheduleReload = () => {
if (reloadTimer) clearTimeout(reloadTimer)
reloadTimer = setTimeout(() => {
void reloadRows()
}, 80)
}
const refreshSignature = computed(() => {
const additionalKey = `htExtraFee-${props.contractId}-additional-work`
const reserveKey = `htExtraFee-${props.contractId}-reserve`
return JSON.stringify({
contract: zxFwPricingStore.contracts[props.contractId] || null,
addMain: zxFwPricingStore.htFeeMainStates[additionalKey] || null,
reserveMain: zxFwPricingStore.htFeeMainStates[reserveKey] || null,
addMethods: zxFwPricingStore.htFeeMethodStates[additionalKey] || null,
reserveMethods: zxFwPricingStore.htFeeMethodStates[reserveKey] || null
})
})
const totalRow = computed<SummaryRow>(() => {
const sumField = (pick: (row: SummaryRow) => number | null | undefined) =>
sum3(rowData.value.map(pick))
return {
id: 'summary-total-row',
rowType: 'total',
code: '',
name: t('htSummary.total'),
investScale: sumField(row => row.investScale),
landScale: sumField(row => row.landScale),
workload: sumField(row => row.workload),
hourly: sumField(row => row.hourly),
subtotal: null,
finalFee: sumField(row => row.finalFee)
}
})
const RichCodeRenderer = defineComponent({
name: 'RichCodeRenderer',
props: {
params: {
type: Object as PropType<ICellRendererParams<SummaryRow>>,
required: true
}
},
setup(props) {
return () => {
if (props.params.data?.rowType === 'total') {
return h('span', props.params.data.name || t('htSummary.total'))
}
const value = props.params.value as SummaryRow['code']
if (!value || typeof value === 'string') {
return h('span', value || '')
}
const runs = Array.isArray(value.richText) ? value.richText : []
return h(
'span',
{ class: 'inline-flex items-baseline gap-[1px]' },
runs.map((run, idx) =>
h(
'span',
{
key: `${idx}-${run.text || ''}`,
style: {
fontStyle: run?.font?.italic ? 'italic' : 'normal',
verticalAlign: run?.font?.vertAlign === 'subscript' ? 'sub' : run?.font?.vertAlign === 'superscript' ? 'super' : 'baseline',
fontSize: run?.font?.vertAlign ? '0.85em' : '1em'
}
},
run?.text || ''
)
)
)
}
}
})
const columnDefs: ColDef<SummaryRow>[] = [
{
headerName: t('htSummary.columns.code'),
field: 'code',
minWidth: 90,
maxWidth: 140,
colSpan: params => (params.data?.rowType === 'total' ? 2 : 1),
cellClassRules: {
'ag-summary-label-cell': params => params.data?.rowType === 'total'
},
valueFormatter: params => {
if (params.data?.rowType === 'total') return params.data.name || t('htSummary.total')
return typeof params.value === 'string' ? params.value : ''
},
cellRenderer: RichCodeRenderer
},
{
headerName: t('htSummary.columns.name'),
field: 'name',
minWidth: 220,
flex: 2,
wrapText: true,
autoHeight: true,
cellStyle: { 'line-height': 1.6 }
},
{
headerName: t('htSummary.columns.investScale'),
field: 'investScale',
minWidth: 120,
flex: 1.2,
headerClass: 'ag-right-aligned-header',
cellClassRules: {
'ag-right-aligned-cell': () => true
},
colSpan: params => {
if (!params.data) return 1
if (params.data.rowType === 'total') return 5
if (params.data.rowType === 'additional' || params.data.rowType === 'reserve') return 5
return 1
},
valueFormatter: params => {
if (params.data?.rowType === 'total') return ''
return params.value == null ? '' : formatThousandsFlexible(params.value, 3)
}
},
{
headerName: t('htSummary.columns.landScale'),
field: 'landScale',
minWidth: 120,
flex: 1.2,
headerClass: 'ag-right-aligned-header',
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueFormatter: params => {
if (params.data?.rowType === 'total') return ''
return params.value == null ? '' : formatThousandsFlexible(params.value, 3)
}
},
{
headerName: t('htSummary.columns.workload'),
field: 'workload',
minWidth: 110,
flex: 1.2,
headerClass: 'ag-right-aligned-header',
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueFormatter: params => {
if (params.data?.rowType === 'total') return ''
return params.value == null ? '' : formatThousandsFlexible(params.value, 3)
}
},
{
headerName: t('htSummary.columns.hourly'),
field: 'hourly',
minWidth: 110,
flex: 1.2,
headerClass: 'ag-right-aligned-header',
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueFormatter: params => {
if (params.data?.rowType === 'total') return ''
return params.value == null ? '' : formatThousandsFlexible(params.value, 3)
}
},
{
headerName: t('htSummary.columns.subtotal'),
field: 'subtotal',
minWidth: 120,
flex: 1.2,
headerClass: 'ag-right-aligned-header',
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueFormatter: params => (params.value == null ? '' : formatThousands(params.value, 2))
},
{
headerName: t('htSummary.columns.finalFee'),
field: 'finalFee',
minWidth: 120,
flex: 1.2,
headerClass: 'ag-right-aligned-header',
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueFormatter: params => (params.value == null ? '' : formatThousands(params.value, 2))
}
]
const gridColumnDefs = computed(() => withReadonlyAutoHeight(columnDefs))
const summaryGridOptions: GridOptions<SummaryRow> = {
...gridOptions,
treeData: false,
getDataPath: undefined,
domLayout: 'autoHeight',
suppressNoRowsOverlay: true,
rowSelection: {
mode: 'singleRow',
checkboxes: false,
enableClickSelection: false
},
getRowId: params => params.data.id,
getRowClass: params => (params.data?.rowType === 'additional' || params.data?.rowType === 'reserve' ? 'ht-summary-fee-row' : '')
}
const onGridReady = (event: GridReadyEvent<SummaryRow>) => {
gridApi.value = event.api
void syncAutoRowHeights()
}
const isGridApiAlive = (api: GridApi<SummaryRow> | null | undefined): api is GridApi<SummaryRow> =>
Boolean(api && !api.isDestroyed?.())
const syncAutoRowHeights = async () => {
await nextTick()
const api = gridApi.value
if (!isGridApiAlive(api)) return
api.onRowHeightChanged()
api.refreshCells({ force: true })
}
const onFirstDataRendered = (_event: FirstDataRenderedEvent<SummaryRow>) => {
void syncAutoRowHeights()
}
const onRowDataUpdated = (_event: RowDataUpdatedEvent<SummaryRow>) => {
void syncAutoRowHeights()
}
watch(refreshSignature, (next, prev) => {
if (next === prev) return
scheduleReload()
})
watch(
() => rowData.value.length,
() => {
void syncAutoRowHeights()
}
)
onMounted(() => {
void reloadRows()
})
onActivated(() => {
void reloadRows()
})
onBeforeUnmount(() => {
if (isGridApiAlive(gridApi.value)) {
gridApi.value.stopEditing()
}
gridApi.value = null
})
</script>
<template>
<div class="flex flex-col gap-3">
<div class="rounded-lg border bg-card xmMx flex flex-col overflow-hidden">
<div class="flex items-center justify-between border-b px-3 py-2">
<h3 class="text-xs font-semibold text-foreground leading-none">
{{ t('htSummary.title') }}
</h3>
</div>
<div class="ag-theme-quartz w-full">
<AgGridVue
:style="{ width: '100%' }"
:rowData="rowData"
:pinnedBottomRowData="[totalRow]"
:columnDefs="gridColumnDefs"
:gridOptions="summaryGridOptions"
:theme="myTheme"
:animateRows="true"
:localeText="AG_GRID_LOCALE_CN"
@grid-ready="onGridReady"
@first-data-rendered="onFirstDataRendered"
@row-data-updated="onRowDataUpdated"
/>
</div>
</div>
<form class="rounded-lg border bg-card p-3 space-y-2">
<div class="text-xs font-semibold text-foreground">{{ t('htSummary.remark') }}</div>
<textarea
:value="explanationText"
rows="3"
:placeholder="t('htSummary.placeholder')"
readonly
class="w-full rounded-md border bg-muted/40 px-3 py-2 text-sm text-foreground outline-none"
/>
</form>
</div>
</template>
<style scoped>
:deep(.ag-layout-auto-height .ag-center-cols-viewport),
:deep(.ag-layout-auto-height .ag-center-cols-container) {
min-height: 0 !important;
}
:deep(.ht-summary-fee-row .ag-cell) {
background: color-mix(in oklab, var(--muted) 45%, transparent);
}
</style>
src/components/ht/HtFeeRateMethodForm.vue → src/features/ht/components/HtFeeRateMethodForm.vue
+30 -20
View File
@@ -1,5 +1,7 @@
<script setup lang="ts">
import { computed, onActivated, onBeforeUnmount, onMounted, ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import { roundTo } from '@/lib/decimal'
import { parseNumberOrNull } from '@/lib/number'
import { formatThousandsFlexible } from '@/lib/numberFormat'
import { useZxFwPricingStore } from '@/pinia/zxFwPricing'
@@ -18,6 +20,7 @@ const props = defineProps<{
htMethodType?: 'rate-fee'
}>()
const zxFwPricingStore = useZxFwPricingStore()
const { t } = useI18n()
const rate = ref<number | null>(null)
const remark = ref('')
@@ -36,25 +39,25 @@ const isReserveFee = computed(() => {
if (mainKey) return mainKey.endsWith('-reserve')
return String(props.storageKey || '').includes('-reserve')
})
const contractVersion = computed(() => {
const contractStateSignature = computed(() => {
const contractId = contractIdText.value
if (!contractId) return 0
return zxFwPricingStore.contractVersions[contractId] || 0
if (!contractId) return ''
return JSON.stringify(zxFwPricingStore.contracts[contractId] || null)
})
const additionalWorkKeyVersion = computed(() => {
if (!isReserveFee.value) return 0
const additionalWorkStateSignature = computed(() => {
if (!isReserveFee.value) return ''
const contractId = contractIdText.value
if (!contractId) return 0
if (!contractId) return ''
const additionalStorageKey = `htExtraFee-${contractId}-additional-work`
return zxFwPricingStore.getKeyVersion(additionalStorageKey)
return JSON.stringify(zxFwPricingStore.htFeeMainStates[additionalStorageKey] || null)
})
const baseLabel = computed(() =>
isReserveFee.value ? '基数（咨询服务总计 + 附加工作费总计）' : '基数（所有服务费预算合计）'
isReserveFee.value ? t('htFeeRate.reserveBaseLabel') : t('htFeeRate.baseLabel')
)
const budgetFee = computed<number | null>(() => {
if (baseValue.value == null || rate.value == null) return null
return Number((baseValue.value * rate.value).toFixed(3))
return roundTo(baseValue.value * rate.value / 100, 2)
})
const formatAmount = (value: number | null) =>
@@ -67,7 +70,7 @@ const ensureContractLoaded = async () => {
await zxFwPricingStore.loadContract(contractId)
const serviceBase = zxFwPricingStore.getBaseSubtotal(contractId)
if (!isReserveFee.value) {
baseValue.value = serviceBase == null ? null : Number(serviceBase.toFixed(3))
baseValue.value = serviceBase == null ? null : roundTo(serviceBase, 3)
return
}
const additionalStorageKey = `htExtraFee-${contractId}-additional-work`
@@ -87,7 +90,7 @@ const ensureContractLoaded = async () => {
}, 0)
const serviceBaseSafe = typeof serviceBase === 'number' && Number.isFinite(serviceBase) ? serviceBase : 0
const hasAny = (serviceBase != null) || additionalTotal !== 0
baseValue.value = hasAny ? Number((serviceBaseSafe + additionalTotal).toFixed(3)) : null
baseValue.value = hasAny ? roundTo(serviceBaseSafe + additionalTotal, 3) : null
} catch (error) {
console.error('load contract for rate base failed:', error)
baseValue.value = null
@@ -180,8 +183,8 @@ watch(
}
)
watch([contractVersion, additionalWorkKeyVersion], ([nextContract, nextAdditional], [prevContract, prevAdditional]) => {
if (nextContract === prevContract && nextAdditional === prevAdditional) return
watch([contractStateSignature, additionalWorkStateSignature], ([nextContractSig, nextAdditionalSig], [prevContractSig, prevAdditionalSig]) => {
if (nextContractSig === prevContractSig && nextAdditionalSig === prevAdditionalSig) return
void ensureContractLoaded()
})
@@ -209,24 +212,31 @@ onBeforeUnmount(() => {
</label>
<label class="space-y-1.5">
<div class="text-xs text-muted-foreground">费率（%）</div>
<input v-model="rateInput" type="text" inputmode="decimal" placeholder="请输入费率，建议1 ~ 5"
class="h-9 w-full rounded-md border bg-background px-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-primary/30"
@blur="applyRateInput" />
<div class="text-xs text-muted-foreground">{{ t('htFeeRate.rateLabel') }}</div>
<input v-model="rateInput" type="text" inputmode="decimal" :placeholder="t('htFeeRate.ratePlaceholder')"
class="rate-input h-9 w-full rounded-md border bg-background px-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-primary/30"
@blur="applyRateInput"
@keydown.enter.prevent="applyRateInput" />
</label>
<label class="space-y-1.5">
<div class="text-xs text-muted-foreground">预算费用（自动计算）</div>
<div class="text-xs text-muted-foreground">{{ t('htFeeRate.budgetFeeLabel') }}</div>
<input type="text" :value="formatAmount(budgetFee)" readonly disabled tabindex="-1"
class="h-9 w-full cursor-not-allowed rounded-md border bg-muted/40 px-3 text-sm text-foreground select-none" />
</label>
<label class="space-y-1.5 md:col-span-2">
<div class="text-xs text-muted-foreground">说明</div>
<textarea v-model="remark" rows="4" placeholder="请输入说明"
<div class="text-xs text-muted-foreground">{{ t('htFeeRate.remarkLabel') }}</div>
<textarea v-model="remark" rows="4" :placeholder="t('htFeeRate.remarkPlaceholder')"
class="w-full rounded-md border bg-background px-3 py-2 text-sm text-foreground outline-none focus:ring-2 focus:ring-primary/30" />
</label>
</div>
</div>
</div>
</template>
<style scoped>
:deep(.rate-input) {
text-align: left !important;
}
</style>
src/components/ht/HtMajorFactor.vue → src/features/ht/components/HtMajorFactor.vue
+4 -2
View File
@@ -1,7 +1,8 @@
<script setup lang="ts">
import { computed, onActivated, onMounted, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { getMajorDictEntries, isMajorIdInIndustryScope } from '@/sql'
import XmFactorGrid from '@/components/shared/XmFactorGrid.vue'
import XmFactorGrid from '@/features/shared/components/XmFactorGrid.vue'
import { useKvStore } from '@/pinia/kv'
interface XmBaseInfoState {
@@ -25,6 +26,7 @@ const props = defineProps<{
const PROJECT_INFO_KEY = computed(() => props.projectInfoKey || 'xm-base-info-v1')
const projectIndustry = ref('')
const kvStore = useKvStore()
const { t } = useI18n()
const loadProjectIndustry = async () => {
try {
@@ -57,7 +59,7 @@ onActivated(() => {
<template>
<XmFactorGrid
title="工程专业系数明细"
:title="t('htFactors.majorTitle')"
:storage-key="`ht-major-factor-v1-${props.contractId}`"
:parent-storage-key="props.parentStorageKey || 'xm-major-factor-v1'"
:dict="filteredMajorDict"
src/components/ht/HtReserveFee.vue → src/features/ht/components/HtReserveFee.vue
+6 -4
View File
@@ -1,22 +1,24 @@
<script setup lang="ts">
import { computed } from 'vue'
import HtFeeMethodGrid from '@/components/shared/HtFeeMethodGrid.vue'
import { reserveList } from '@/sql'
import { useI18n } from 'vue-i18n'
import HtFeeMethodGrid from '@/features/shared/components/HtFeeMethodGrid.vue'
import { getReserveListEntries } from '@/sql'
const props = defineProps<{
contractId: string
contractName?: string
}>()
const { t, locale } = useI18n()
const STORAGE_KEY = computed(() => `htExtraFee-${props.contractId}-reserve`)
const reserveFeeNames = computed(() =>
reserveList.map(item => ({name:item.name,id:item.id}))
getReserveListEntries(locale.value).map(item => ({ name: item.name, id: item.id }))
)
</script>
<template>
<HtFeeMethodGrid
title="预备费"
:title="t('htFee.reserveTitle')"
:storageKey="STORAGE_KEY"
:contract-id="props.contractId"
:contract-name="props.contractName"
src/components/ht/htCard.vue → src/features/ht/components/htCard.vue
+58 -48
View File
@@ -2,21 +2,22 @@
<!-- 修复模板字符串语法（反引号需用 v-bind 或模板插值）+ 补充属性格式 -->
<TypeLine
scene="ht-tab"
:title="`合同段：${contractName}`"
:subtitle="`合同段ID：${contractId}`"
:meta-text="`合同段预算金额：${formatBudgetAmount(contractBudget)}`"
:title="t('htCard.title', { name: contractName })"
:subtitle="t('htCard.subtitle', { id: contractId })"
:meta-text="t('htCard.metaBudget', { amount: formatBudgetAmount(contractBudget) })"
:copy-text="contractId"
:storage-key="`project-active-cat-${contractId}`"
default-category="info"
:storage-key="typeLineStorageKey"
default-category="base-info"
:categories="xmCategories"
/>
</template>
<script setup lang="ts">
import { computed, markRaw, defineAsyncComponent, defineComponent, h, onActivated, onBeforeUnmount, onMounted, ref, watch, type Component } from 'vue';
import { useI18n } from 'vue-i18n'
import TypeLine from '@/layout/typeLine.vue';
import { useZxFwPricingStore } from '@/pinia/zxFwPricing'
import { roundTo } from '@/lib/decimal'
import { roundTo, sumNullableNumbers, toFiniteNumber } from '@/lib/decimal'
import { formatThousands } from '@/lib/numberFormat'
// 1. 完善 Props 类型 + 添加校验（可选但推荐）
@@ -28,6 +29,7 @@ const props = defineProps<{
projectConsultCategoryFactorKey?: string; // 工作区咨询分类系数键
projectMajorFactorKey?: string; // 工作区工程专业系数键
}>();
const { t } = useI18n()
const zxFwPricingStore = useZxFwPricingStore()
interface HtFeeMainRowLike {
@@ -61,16 +63,13 @@ interface QuantityMethodStateLike {
}
const contractBudget = ref<number | null>(null)
const typeLineStorageKey = computed(() => `project-active-cat-${props.contractId}`)
let budgetRefreshTimer: ReturnType<typeof setTimeout> | null = null
const toFiniteNumber = (value: unknown): number | null => {
if (value == null || value === '') return null
const num = Number(value)
return Number.isFinite(num) ? num : null
}
const formatBudgetAmount = (value: number | null | undefined) =>
typeof value === 'number' && Number.isFinite(value) ? `${formatThousands(value, 2)} 元` : '--'
typeof value === 'number' && Number.isFinite(value)
? `${formatThousands(value, 2)} ${t('htCard.currencySuffix')}`
: '--'
const sumHourlyMethodFee = (state: HourlyMethodStateLike | null): number | null => {
const rows = Array.isArray(state?.detailRows) ? state.detailRows : []
@@ -130,9 +129,8 @@ const loadHtMethodTotalByRow = async (mainStorageKey: string, rowId: string) =>
sumHourlyMethodFee(hourlyState),
sumQuantityMethodFee(quantityState)
]
const validParts = parts.filter((item): item is number => typeof item === 'number' && Number.isFinite(item))
if (validParts.length === 0) return null
return roundTo(validParts.reduce((sum, value) => sum + value, 0), 2)
const total = sumNullableNumbers(parts)
return total == null ? null : roundTo(total, 2)
}
const loadHtMainTotalFee = async (mainStorageKey: string) => {
@@ -141,9 +139,8 @@ const loadHtMainTotalFee = async (mainStorageKey: string) => {
const rowIds = rows.map(row => String(row?.id || '').trim()).filter(Boolean)
if (rowIds.length === 0) return null
const rowTotals = await Promise.all(rowIds.map(rowId => loadHtMethodTotalByRow(mainStorageKey, rowId)))
const validTotals = rowTotals.filter((item): item is number => typeof item === 'number' && Number.isFinite(item))
if (validTotals.length === 0) return null
return roundTo(validTotals.reduce((sum, value) => sum + value, 0), 2)
const total = sumNullableNumbers(rowTotals)
return total == null ? null : roundTo(total, 2)
}
const refreshContractBudget = async () => {
@@ -154,21 +151,20 @@ const refreshContractBudget = async () => {
loadHtMainTotalFee(`htExtraFee-${props.contractId}-reserve`)
])
const parts = [serviceFee, additionalFee, reserveFee]
const validParts = parts.filter((item): item is number => typeof item === 'number' && Number.isFinite(item))
contractBudget.value = validParts.length === 0 ? null : roundTo(validParts.reduce((sum, value) => sum + value, 0), 2)
const total = sumNullableNumbers(parts)
contractBudget.value = total == null ? null : roundTo(total, 2)
}
const budgetRefreshSignature = computed(() => {
const contractVersion = zxFwPricingStore.contractVersions[props.contractId] || 0
const additionalMainKey = `htExtraFee-${props.contractId}-additional-work`
const reserveMainKey = `htExtraFee-${props.contractId}-reserve`
const keyVersionEntries = Object.entries(zxFwPricingStore.keyVersions)
const methodKeySig = keyVersionEntries
.filter(([key]) => key.startsWith(`${additionalMainKey}-`) || key.startsWith(`${reserveMainKey}-`))
.sort((a, b) => a[0].localeCompare(b[0]))
.map(([key, version]) => `${key}:${version}`)
.join(',')
return `${contractVersion}:${zxFwPricingStore.getKeyVersion(additionalMainKey)}:${zxFwPricingStore.getKeyVersion(reserveMainKey)}:${methodKeySig}`
return JSON.stringify({
contractState: zxFwPricingStore.contracts[props.contractId] || null,
addMain: zxFwPricingStore.htFeeMainStates[additionalMainKey] || null,
reserveMain: zxFwPricingStore.htFeeMainStates[reserveMainKey] || null,
addMethods: zxFwPricingStore.htFeeMethodStates[additionalMainKey] || null,
reserveMethods: zxFwPricingStore.htFeeMethodStates[reserveMainKey] || null
})
})
const scheduleRefreshContractBudget = () => {
@@ -200,7 +196,7 @@ const htView = markRaw(
name: 'HtInfoWithProps',
setup() {
const AsyncHtInfo = defineAsyncComponent({
loader: () => import('@/components/ht/htInfo.vue'),
loader: () => import('@/features/ht/components/htInfo.vue'),
onError: (err) => {
console.error('加载 htInfo 组件失败：', err);
}
@@ -219,7 +215,7 @@ const zxfwView = markRaw(
name: 'ZxFwWithProps',
setup() {
const AsyncZxFw = defineAsyncComponent({
loader: () => import('@/components/ht/zxFw.vue'),
loader: () => import('@/features/ht/components/zxFw.vue'),
onError: (err) => {
console.error('加载 zxFw 组件失败：', err);
}
@@ -238,7 +234,7 @@ const consultCategoryFactorView = markRaw(
name: 'HtConsultCategoryFactorWithProps',
setup() {
const AsyncHtConsultCategoryFactor = defineAsyncComponent({
loader: () => import('@/components/ht/HtConsultCategoryFactor.vue'),
loader: () => import('@/features/ht/components/HtConsultCategoryFactor.vue'),
onError: (err) => {
console.error('加载 HtConsultCategoryFactor 组件失败：', err);
}
@@ -257,7 +253,7 @@ const majorFactorView = markRaw(
name: 'HtMajorFactorWithProps',
setup() {
const AsyncHtMajorFactor = defineAsyncComponent({
loader: () => import('@/components/ht/HtMajorFactor.vue'),
loader: () => import('@/features/ht/components/HtMajorFactor.vue'),
onError: (err) => {
console.error('加载 HtMajorFactor 组件失败：', err);
}
@@ -278,7 +274,7 @@ const htBaseInfoView = markRaw(
name: 'HtBaseInfoWithProps',
setup() {
const AsyncHtBaseInfo = defineAsyncComponent({
loader: () => import('@/components/ht/HtBaseInfo.vue'),
loader: () => import('@/features/ht/components/HtBaseInfo.vue'),
onError: (err) => {
console.error('加载 HtBaseInfo 组件失败：', err)
}
@@ -293,7 +289,7 @@ const additionalWorkFeeView = markRaw(
name: 'HtAdditionalWorkFeeWithProps',
setup() {
const AsyncHtAdditionalWorkFee = defineAsyncComponent({
loader: () => import('@/components/ht/HtAdditionalWorkFee.vue'),
loader: () => import('@/features/ht/components/HtAdditionalWorkFee.vue'),
onError: (err) => {
console.error('加载 HtAdditionalWorkFee 组件失败：', err);
}
@@ -308,7 +304,7 @@ const reserveFeeView = markRaw(
name: 'HtReserveFeeWithProps',
setup() {
const AsyncHtReserveFee = defineAsyncComponent({
loader: () => import('@/components/ht/HtReserveFee.vue'),
loader: () => import('@/features/ht/components/HtReserveFee.vue'),
onError: (err) => {
console.error('加载 HtReserveFee 组件失败：', err);
}
@@ -318,19 +314,32 @@ const reserveFeeView = markRaw(
})
);
const summaryView = markRaw(
defineComponent({
name: 'HtContractSummaryWithProps',
setup() {
const AsyncSummary = defineAsyncComponent({
loader: () => import('@/features/ht/components/HtContractSummary.vue'),
onError: (err) => {
console.error('加载 HtContractSummary 组件失败：', err)
}
})
return () => h(AsyncSummary, { contractId: props.contractId })
}
})
)
// 4. 给分类数组添加严格类型标注
const xmCategories: XmCategoryItem[] = [
{ key: 'base-info', label: '基础信息', component: htBaseInfoView },
{ key: 'info', label: '规模信息', component: htView },
{ key: 'consult-category-factor', label: '咨询分类系数', component: consultCategoryFactorView },
{ key: 'major-factor', label: '工程专业系数', component: majorFactorView },
{ key: 'contract', label: '咨询服务', component: zxfwView },
{ key: 'additional-work-fee', label: '附加工作费', component: additionalWorkFeeView },
{ key: 'reserve-fee', label: '预备费', component: reserveFeeView },
{ key: 'all', label: '汇总', component: reserveFeeView },
];
const xmCategories = computed<XmCategoryItem[]>(() => [
{ key: 'base-info', label: t('htCard.categories.baseInfo'), component: htBaseInfoView },
{ key: 'info', label: t('htCard.categories.scaleInfo'), component: htView },
{ key: 'contract', label: t('htCard.categories.services'), component: zxfwView },
{ key: 'consult-category-factor', label: t('htCard.categories.consultFactor'), component: consultCategoryFactorView },
{ key: 'major-factor', label: t('htCard.categories.majorFactor'), component: majorFactorView },
{ key: 'additional-work-fee', label: t('htCard.categories.additionalFee'), component: additionalWorkFeeView },
{ key: 'reserve-fee', label: t('htCard.categories.reserveFee'), component: reserveFeeView },
{ key: 'all', label: t('htCard.categories.summary'), component: summaryView },
]);
watch(budgetRefreshSignature, (next, prev) => {
if (next === prev) return
@@ -349,3 +358,4 @@ onBeforeUnmount(() => {
if (budgetRefreshTimer) clearTimeout(budgetRefreshTimer)
})
</script>
src/components/ht/htInfo.vue → src/features/ht/components/htInfo.vue
+10 -2
View File
@@ -1,6 +1,7 @@
<script setup lang="ts">
import { computed } from 'vue'
import CommonAgGrid from '@/components/shared/xmCommonAgGrid.vue'
import { useI18n } from 'vue-i18n'
import CommonAgGrid from '@/features/shared/components/xmCommonAgGrid.vue'
const props = defineProps<{
@@ -14,10 +15,17 @@ const XM_DB_KEY = computed(() => {
return props.projectScaleKey || 'xm-info-v3'
})
const BASE_INFO_KEY = computed(() => props.projectInfoKey || 'xm-base-info-v1')
const { t } = useI18n()
const titleText = computed(() => `${t('htInfo.scaleDetailTitle')}：${t('htInfo.scaleDetailHint')}`)
</script>
<template>
<CommonAgGrid title="合同规模明细" :dbKey="DB_KEY" :xmInfoKey="XM_DB_KEY" :base-info-key="BASE_INFO_KEY"/>
<CommonAgGrid
:title="titleText"
:dbKey="DB_KEY"
:xmInfoKey="XM_DB_KEY"
:base-info-key="BASE_INFO_KEY"
/>
</template>
src/components/ht/zxFw.vue → src/features/ht/components/zxFw.vue
+683 -460
View File
File diff suppressed because it is too large. Load diff
src/features/ht/contracts.ts
+50
View File
@@ -0,0 +1,50 @@
export interface ContractItem {
id: string
name: string
order: number
createdAt: string
}
export const normalizeOrder = (list: ContractItem[]): ContractItem[] =>
list.map((item, index) => ({
...item,
order: index,
createdAt: item.createdAt || new Date().toISOString()
}))
export const formatDateTime = (value: string) => {
if (!value) return '-'
const date = new Date(value)
if (Number.isNaN(date.getTime())) return '-'
const pad = (n: number) => String(n).padStart(2, '0')
return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`
}
export const normalizeContractsFromPayload = (value: unknown): ContractItem[] => {
if (!Array.isArray(value)) return []
return value
.filter(item => item && typeof item === 'object')
.map((item, index) => {
const row = item as Partial<ContractItem>
const name = typeof row.name === 'string' ? row.name.trim() : ''
const createdAt = typeof row.createdAt === 'string' ? row.createdAt : new Date().toISOString()
const id = typeof row.id === 'string' ? row.id : `import-contract-${index}`
return {
id,
name: name || `导入合同段-${index + 1}`,
order: index,
createdAt
}
})
}
export const isEntryRelatedToAnyContract = (
key: string,
contractIds: Set<string>,
matcher: (entryKey: string, contractId: string) => boolean
) => {
for (const contractId of contractIds) {
if (matcher(key, contractId)) return true
}
return false
}
src/features/ht/ht.css
+210
View File
@@ -0,0 +1,210 @@
.ht-contract-scroll-area :deep([data-slot='scroll-area-viewport']) {
overscroll-behavior: contain;
scroll-snap-type: y mandatory;
padding-top: 6px;
}
.ht-contract-scroll-area.is-dragging :deep([data-slot='scroll-area-viewport']) {
scroll-snap-type: none;
}
.ht-contract-scroll-area :deep(.ht-sortable-ghost) {
opacity: 0.35;
}
.ht-contract-scroll-area :deep(.ht-sortable-chosen),
.ht-contract-scroll-area :deep(.ht-sortable-drag) {
will-change: transform, opacity;
transform: translateZ(0);
backface-visibility: hidden;
}
.ht-contract-card {
will-change: transform, opacity;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
isolation: isolate;
overflow: visible;
z-index: 0;
transition:
transform 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
box-shadow 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
border-color 180ms ease;
box-shadow:
0 1px 2px hsl(var(--foreground) / 0.04),
0 6px 16px hsl(var(--foreground) / 0.06);
}
.ht-contract-card::before {
content: '';
position: absolute;
inset: -4px;
border-radius: inherit;
pointer-events: none;
background: linear-gradient(
130deg,
hsl(var(--primary) / 0.42) 0%,
hsl(var(--primary) / 0.22) 36%,
hsl(var(--foreground) / 0.09) 70%,
transparent 100%
);
opacity: 0;
transition: opacity 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.ht-contract-card::after {
content: '';
position: absolute;
left: 6px;
right: 6px;
bottom: -30px;
height: 52px;
border-radius: 999px;
pointer-events: none;
background:
radial-gradient(
ellipse at center,
hsl(var(--primary) / 0.42) 0%,
hsl(var(--primary) / 0.24) 34%,
hsl(var(--foreground) / 0.20) 58%,
transparent 86%
);
filter: blur(18px);
opacity: 0;
transform: translateY(4px);
transition:
opacity 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
transform 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.ht-contract-card:hover {
transform: translate3d(0, -5px, 0);
z-index: 14;
box-shadow:
0 0 0 1.5px hsl(var(--primary) / 0.62),
0 0 28px hsl(var(--primary) / 0.34),
0 0 56px hsl(var(--primary) / 0.22),
0 16px 34px hsl(var(--foreground) / 0.22),
0 32px 60px hsl(var(--foreground) / 0.18);
border-color: hsl(var(--primary) / 0.72);
}
.ht-contract-card:hover::before {
opacity: 1;
}
.ht-contract-card:hover::after {
opacity: 0.95;
transform: translateY(0);
}
.ht-contract-card:active {
transform: translate3d(0, -2px, 0);
box-shadow:
0 5px 12px hsl(var(--foreground) / 0.10),
0 10px 20px hsl(var(--foreground) / 0.10);
}
.ht-contract-card--ready {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.ht-contract-card--enter {
animation: ht-card-slide-in 560ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
animation-delay: var(--ht-card-enter-delay, 0ms);
}
.ht-contract-card--selecting {
transform-origin: 50% 100%;
animation: ht-card-select-wave 2200ms linear infinite both;
animation-delay: var(--ht-card-select-delay, 0ms);
}
.ht-contract-card--selecting:hover {
animation-play-state: paused;
}
.ht-contract-card--selecting.ht-contract-card--selected {
animation: none;
transform: translate3d(0, 0, 0) rotate(0deg);
}
.ht-contract-card--selected {
border-color: hsl(var(--primary));
transform: translate3d(0, -4px, 0);
box-shadow:
0 0 0 1px hsl(var(--primary) / 0.34),
0 12px 24px hsl(var(--primary) / 0.18),
0 22px 36px hsl(var(--foreground) / 0.10);
}
.ht-contract-card--selected::before {
opacity: 1;
}
.ht-contract-card--selected::after {
opacity: 1;
transform: translateY(0);
}
@keyframes ht-card-slide-in {
from {
opacity: 0;
transform: translate3d(44px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes ht-card-select-wave {
0%,
100% {
transform: translate3d(0, 0, 0) rotate(0deg);
}
11% {
transform: translate3d(-0.4px, 0, 0) rotate(-0.7deg);
}
22% {
transform: translate3d(-0.9px, 0, 0) rotate(-1.6deg);
}
34% {
transform: translate3d(-1.2px, 0, 0) rotate(-2.3deg);
}
48% {
transform: translate3d(-0.2px, 0, 0) rotate(-0.4deg);
}
62% {
transform: translate3d(0.8px, 0, 0) rotate(1.5deg);
}
76% {
transform: translate3d(1.25px, 0, 0) rotate(2.35deg);
}
88% {
transform: translate3d(0.35px, 0, 0) rotate(0.65deg);
}
}
@media (prefers-reduced-motion: reduce) {
.ht-contract-card--enter,
.ht-contract-card--selecting {
animation: none;
opacity: 1;
transform: none;
}
.ht-contract-card,
.ht-contract-card:hover,
.ht-contract-card:active,
.ht-contract-card--selected {
transition: none;
transform: none;
}
.ht-contract-card::before,
.ht-contract-card::after {
transition: none;
}
}
src/features/ht/importExport.ts
+172
View File
@@ -0,0 +1,172 @@
import {
cloneJson,
isContractRelatedForageKey,
isContractRelatedKeyedStateKey,
isRecord,
SERVICE_PRICING_METHODS
} from '@/lib/contractSegment'
type AnyRecord = Record<string, unknown>
export interface KvStoreLike {
keys: () => Promise<string[]>
getItem: (key: string) => Promise<unknown>
}
export interface ZxFwPricingStoreLike {
contracts: Record<string, unknown>
servicePricingStates: Record<string, unknown>
htFeeMainStates: Record<string, unknown>
htFeeMethodStates: Record<string, unknown>
keyedStates: Record<string, unknown>
loadContract: (...args: any[]) => Promise<unknown>
getContractState: (...args: any[]) => unknown
setContractState: (...args: any[]) => Promise<unknown>
setServicePricingMethodState: (...args: any[]) => unknown
setHtFeeMainState: (...args: any[]) => unknown
setHtFeeMethodState: (...args: any[]) => unknown
setKeyState: (...args: any[]) => unknown
}
export const buildContractPiniaPayload = async (
store: ZxFwPricingStoreLike,
contractIds: string[]
) => {
const idSet = new Set(contractIds.map(id => String(id || '').trim()).filter(Boolean))
const payload = {
contracts: {} as AnyRecord,
servicePricingStates: {} as AnyRecord,
htFeeMainStates: {} as AnyRecord,
htFeeMethodStates: {} as AnyRecord
}
if (idSet.size === 0) return payload
await Promise.all(Array.from(idSet).map(id => store.loadContract(id)))
for (const contractId of idSet) {
const contractState = store.getContractState(contractId)
if (contractState) {
payload.contracts[contractId] = cloneJson(contractState)
}
const servicePricingState = store.servicePricingStates[contractId]
if (isRecord(servicePricingState)) {
payload.servicePricingStates[contractId] = cloneJson(servicePricingState)
}
const mainPrefix = `htExtraFee-${contractId}-`
for (const [mainKey, mainState] of Object.entries(store.htFeeMainStates)) {
if (!mainKey.startsWith(mainPrefix)) continue
payload.htFeeMainStates[mainKey] = cloneJson(mainState)
}
for (const [mainKey, methodState] of Object.entries(store.htFeeMethodStates)) {
if (!mainKey.startsWith(mainPrefix)) continue
payload.htFeeMethodStates[mainKey] = cloneJson(methodState)
}
}
return payload
}
export const applyImportedContractPiniaPayload = async (
store: ZxFwPricingStoreLike,
piniaPayload: unknown,
oldToNewIdMap: Map<string, string>
) => {
if (!isRecord(piniaPayload)) return
const zxFwPayload = isRecord(piniaPayload.zxFwPricing) ? piniaPayload.zxFwPricing : null
if (!zxFwPayload) return
const contractsMap = isRecord(zxFwPayload.contracts) ? zxFwPayload.contracts : {}
const servicePricingStatesMap = isRecord(zxFwPayload.servicePricingStates) ? zxFwPayload.servicePricingStates : {}
const htFeeMainStatesMap = isRecord(zxFwPayload.htFeeMainStates) ? zxFwPayload.htFeeMainStates : {}
const htFeeMethodStatesMap = isRecord(zxFwPayload.htFeeMethodStates) ? zxFwPayload.htFeeMethodStates : {}
for (const [oldId, newId] of oldToNewIdMap.entries()) {
const rawContractState = contractsMap[oldId]
if (isRecord(rawContractState) && Array.isArray(rawContractState.detailRows)) {
await store.setContractState(newId, rawContractState as any)
}
const rawServicePricingByService = servicePricingStatesMap[oldId]
if (isRecord(rawServicePricingByService)) {
for (const [serviceId, rawServiceMethods] of Object.entries(rawServicePricingByService)) {
if (!isRecord(rawServiceMethods)) continue
for (const method of SERVICE_PRICING_METHODS) {
const methodState = rawServiceMethods[method]
if (!isRecord(methodState) || !Array.isArray(methodState.detailRows)) continue
store.setServicePricingMethodState(newId, serviceId, method, methodState as any, { force: true })
}
}
}
const oldMainPrefix = `htExtraFee-${oldId}-`
const newMainPrefix = `htExtraFee-${newId}-`
for (const [oldMainKey, rawMainState] of Object.entries(htFeeMainStatesMap)) {
if (!oldMainKey.startsWith(oldMainPrefix)) continue
if (!isRecord(rawMainState) || !Array.isArray(rawMainState.detailRows)) continue
const newMainKey = oldMainKey.replace(oldMainPrefix, newMainPrefix)
store.setHtFeeMainState(newMainKey, rawMainState as any, { force: true })
}
for (const [oldMainKey, rawByRow] of Object.entries(htFeeMethodStatesMap)) {
if (!oldMainKey.startsWith(oldMainPrefix)) continue
if (!isRecord(rawByRow)) continue
const newMainKey = oldMainKey.replace(oldMainPrefix, newMainPrefix)
for (const [rowId, rawByMethod] of Object.entries(rawByRow)) {
if (!isRecord(rawByMethod)) continue
const ratePayload = rawByMethod['rate-fee']
const hourlyPayload = rawByMethod['hourly-fee']
const quantityPayload = rawByMethod['quantity-unit-price-fee']
if (ratePayload != null) {
store.setHtFeeMethodState(newMainKey, rowId, 'rate-fee', cloneJson(ratePayload), { force: true })
}
if (hourlyPayload != null) {
store.setHtFeeMethodState(newMainKey, rowId, 'hourly-fee', cloneJson(hourlyPayload), { force: true })
}
if (quantityPayload != null) {
store.setHtFeeMethodState(newMainKey, rowId, 'quantity-unit-price-fee', cloneJson(quantityPayload), { force: true })
}
}
}
}
}
export const readContractRelatedForageEntries = async (
kvStore: KvStoreLike,
contractIds: string[]
) => {
const keys = await kvStore.keys()
const idSet = new Set(contractIds)
const targetKeys = keys.filter(key => {
for (const id of idSet) {
if (isContractRelatedForageKey(key, id)) return true
}
return false
})
return Promise.all(
targetKeys.map(async key => ({
key,
value: await kvStore.getItem(key)
}))
)
}
export const readContractRelatedKeyedEntries = (
store: Pick<ZxFwPricingStoreLike, 'keyedStates'>,
contractIds: string[]
) => {
const idSet = new Set(contractIds.map(id => String(id || '').trim()).filter(Boolean))
return Object.entries(store.keyedStates)
.filter(([key]) => {
for (const id of idSet) {
if (isContractRelatedKeyedStateKey(key, id)) return true
}
return false
})
.map(([key, value]) => ({
key,
value: cloneJson(value)
}))
}
src/features/ht/types.ts
+39
View File
@@ -0,0 +1,39 @@
export interface XmBaseInfoState {
projectIndustry?: string
}
export interface XmScaleState {
detailRows?: unknown[]
roughCalcEnabled?: boolean
totalAmount?: number | null
}
export interface HtFeeMainRowLike {
id?: unknown
}
export interface RateMethodStateLike {
budgetFee?: unknown
}
export interface HourlyMethodRowLike {
serviceBudget?: unknown
adoptedBudgetUnitPrice?: unknown
personnelCount?: unknown
workdayCount?: unknown
}
export interface HourlyMethodStateLike {
detailRows?: HourlyMethodRowLike[]
}
export interface QuantityMethodRowLike {
id?: unknown
budgetFee?: unknown
quantity?: unknown
unitPrice?: unknown
}
export interface QuantityMethodStateLike {
detailRows?: QuantityMethodRowLike[]
}
src/components/pricing/HourlyPricingPane.vue → src/features/pricing/components/HourlyPricingPane.vue
+4 -2
View File
@@ -1,6 +1,7 @@
<script setup lang="ts">
import { computed } from 'vue'
import HourlyFeeGrid from '@/components/shared/HourlyFeeGrid.vue'
import { useI18n } from 'vue-i18n'
import HourlyFeeGrid from '@/features/shared/components/HourlyFeeGrid.vue'
const props = defineProps<{
contractId: string
@@ -8,11 +9,12 @@ const props = defineProps<{
}>()
const DB_KEY = computed(() => `hourlyPricing-${props.contractId}-${props.serviceId}`)
const { t } = useI18n()
</script>
<template>
<HourlyFeeGrid
title="工时法明细"
:title="t('hourlyFeeGrid.title')"
:storage-key="DB_KEY"
:contract-id="props.contractId"
:service-id="props.serviceId"
src/features/pricing/components/InvestmentScalePricingPane.vue
+1278
View File
File diff suppressed because it is too large. Load diff
src/features/pricing/components/LandScalePricingPane.vue
+1108
View File
File diff suppressed because it is too large. Load diff
src/features/pricing/components/ScaleFormulaReadonlyPane.vue
+219
View File
@@ -0,0 +1,219 @@
<script setup lang="ts">
import { computed, nextTick, onActivated, onBeforeUnmount, onMounted, ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import { AgGridVue } from 'ag-grid-vue3'
import type { ColDef, GridApi, GridOptions, GridReadyEvent } from 'ag-grid-community'
import { AG_GRID_LOCALE_CN } from '@ag-grid-community/locale'
import { myTheme, gridOptions, agGridWrapClass, agGridStyle } from '@/lib/diyAgGridOptions'
import { withReadonlyAutoHeight } from '@/lib/agGridReadonlyAutoHeight'
import { formatThousandsFlexible } from '@/lib/numberFormat'
import { createScaleAutoGroupColumn } from '@/lib/pricingScaleColumns'
import { buildScaleDetailDict, buildScaleIdLabelMap } from '@/lib/pricingScaleDict'
import { parseProjectIndexFromPathKey } from '@/lib/pricingScaleLink'
import { useZxFwPricingStore } from '@/pinia/zxFwPricing'
import { getMajorDictEntries } from '@/sql'
import type { ScaleDetailRow } from '@/types/pricing'
const props = defineProps<{
contractId: string
serviceId: string | number
method: 'investScale' | 'landScale'
}>()
type MajorLite = {
code: string
name: string
defCoe: number | null
hasCost?: boolean
hasArea?: boolean
}
const { t } = useI18n()
const zxFwPricingStore = useZxFwPricingStore()
const gridApi = ref<GridApi<ScaleDetailRow> | null>(null)
let autoHeightTimer: ReturnType<typeof setTimeout> | null = null
const isInvestmentFormula = computed(() => props.method === 'investScale')
const methodLabel = computed(() =>
isInvestmentFormula.value
? t('zxFwView.categories.investmentScaleFormula')
: t('zxFwView.categories.landScaleFormula')
)
const ensureMethodStateLoaded = async () => {
await zxFwPricingStore.loadServicePricingMethodState<ScaleDetailRow>(
props.contractId,
props.serviceId,
props.method
)
}
const methodState = computed(() =>
zxFwPricingStore.getServicePricingMethodState<ScaleDetailRow>(
props.contractId,
props.serviceId,
props.method
)
)
const rowData = computed<ScaleDetailRow[]>(() => {
const rows = methodState.value?.detailRows
return Array.isArray(rows) ? rows : []
})
const idLabelMap = computed(() => {
const majorEntries = getMajorDictEntries().map(({ id, item }) => [id, item] as [string, MajorLite])
const detailDict = buildScaleDetailDict(
majorEntries,
isInvestmentFormula.value
? ({ hasCost, hasArea }) => hasCost && !hasArea
: ({ hasArea }) => hasArea
)
return buildScaleIdLabelMap(detailDict)
})
const numberFormatter = (params: { value?: unknown }) =>
typeof params.value === 'number' && Number.isFinite(params.value)
? formatThousandsFlexible(params.value, 3)
: ''
const scaleValueColumnField = computed<keyof ScaleDetailRow>(() =>
isInvestmentFormula.value ? 'amount' : 'landArea'
)
const scaleValueColumnHeader = computed(() =>
isInvestmentFormula.value
? t('pricingScale.columns.investAmount')
: t('pricingScale.columns.landArea')
)
const columnDefs = computed<ColDef<ScaleDetailRow>[]>(() =>
withReadonlyAutoHeight<ScaleDetailRow>([
{
headerName: scaleValueColumnHeader.value,
field: scaleValueColumnField.value,
minWidth: 130,
flex: 1,
headerClass: 'ag-right-aligned-header',
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueFormatter: numberFormatter
},
{
headerName: t('pricingScale.columns.basicWork'),
field: 'benchmarkBudgetBasic',
minWidth: 130,
flex: 1,
headerClass: 'ag-right-aligned-header',
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueFormatter: numberFormatter
},
{
headerName: t('zxFwView.formulaColumns.basicFormula'),
field: 'basicFormula',
minWidth: 260,
flex: 2
},
{
headerName: t('pricingScale.columns.optionalWork'),
field: 'benchmarkBudgetOptional',
minWidth: 130,
flex: 1,
headerClass: 'ag-right-aligned-header',
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueFormatter: numberFormatter
},
{
headerName: t('zxFwView.formulaColumns.optionalFormula'),
field: 'optionalFormula',
minWidth: 260,
flex: 2
}
]) as ColDef<ScaleDetailRow>[]
)
const autoGroupColumnDef = computed<ColDef<ScaleDetailRow>>(() =>
createScaleAutoGroupColumn<ScaleDetailRow>({
totalLabel: methodLabel.value,
idLabelMap: idLabelMap.value,
parseProjectIndexFromPathKey
})
)
const detailGridOptions: GridOptions<ScaleDetailRow> = {
...gridOptions
}
const syncAutoRowHeights = async () => {
await nextTick()
const api = gridApi.value
if (!api || api.isDestroyed?.()) return
api.resetRowHeights()
api.onRowHeightChanged()
api.refreshCells({ force: true })
}
const scheduleAutoRowHeights = () => {
if (autoHeightTimer) clearTimeout(autoHeightTimer)
autoHeightTimer = setTimeout(() => {
autoHeightTimer = null
void syncAutoRowHeights()
}, 0)
}
const onGridReady = (event: GridReadyEvent<ScaleDetailRow>) => {
gridApi.value = event.api
scheduleAutoRowHeights()
}
watch(rowData, () => {
scheduleAutoRowHeights()
}, { deep: true })
watch(() => props.method, () => {
void ensureMethodStateLoaded()
scheduleAutoRowHeights()
})
onMounted(() => {
void ensureMethodStateLoaded()
})
onActivated(() => {
void ensureMethodStateLoaded()
scheduleAutoRowHeights()
})
onBeforeUnmount(() => {
if (autoHeightTimer) clearTimeout(autoHeightTimer)
})
</script>
<template>
<div class="flex h-full min-h-0 flex-col gap-3">
<div class="flex items-center justify-between gap-3">
<div>
<h3 class="text-sm font-semibold text-foreground">{{ methodLabel }}</h3>
<p class="text-xs text-muted-foreground">{{ t('zxFwView.formulaColumns.subtitle') }}</p>
</div>
</div>
<div :class="agGridWrapClass">
<AgGridVue
:theme="myTheme"
:style="agGridStyle"
:row-data="rowData"
:column-defs="columnDefs"
:auto-group-column-def="autoGroupColumnDef"
:grid-options="detailGridOptions"
:locale-text="AG_GRID_LOCALE_CN"
@grid-ready="onGridReady"
/>
</div>
</div>
</template>
src/components/pricing/WorkloadPricingPane.vue → src/features/pricing/components/WorkloadPricingPane.vue
+191 -58
View File
@@ -1,16 +1,23 @@
<script setup lang="ts">
import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
import { computed, ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import { AgGridVue } from 'ag-grid-vue3'
import type { ColDef } from 'ag-grid-community'
import type { ColDef, GridApi, GridReadyEvent } from 'ag-grid-community'
import { taskList } from '@/sql'
import { myTheme, gridOptions, agGridWrapClass, agGridStyle } from '@/lib/diyAgGridOptions'
import { decimalAggSum, roundTo, sumByNumber, toDecimal } from '@/lib/decimal'
import { formatThousands, formatThousandsFlexible } from '@/lib/numberFormat'
import { parseNumberOrNull } from '@/lib/number'
import { withReadonlyAutoHeight } from '@/lib/agGridReadonlyAutoHeight'
import { syncPricingTotalToZxFw } from '@/lib/zxFwPricingSync'
import { useZxFwPricingStore } from '@/pinia/zxFwPricing'
import { useKvStore } from '@/pinia/kv'
import { loadConsultCategoryFactorMap } from '@/lib/xmFactorDefaults'
import MethodUnavailableNotice from '@/components/shared/MethodUnavailableNotice.vue'
import { usePricingPaneLifecycle } from '@/lib/pricingScalePaneLifecycle'
import { sumNullableBy } from '@/lib/pricingScaleCalc'
import { createPinnedTopRowData } from '@/lib/pricingPinnedRows'
import MethodUnavailableNotice from '@/features/shared/components/MethodUnavailableNotice.vue'
import { buildProjectScopedSessionKey } from '@/lib/pricingPersistControl'
import { AG_GRID_LOCALE_CN } from '@ag-grid-community/locale';
@@ -42,6 +49,8 @@ const props = defineProps<{
serviceId: string | number
}>()
const zxFwPricingStore = useZxFwPricingStore()
const { t, locale } = useI18n()
const kvStore = useKvStore()
const DB_KEY = computed(() => `gzlF-${props.contractId}-${props.serviceId}`)
const HT_CONSULT_FACTOR_KEY = computed(() => `ht-consult-category-factor-v1-${props.contractId}`)
const PRICING_CLEAR_SKIP_PREFIX = 'pricing-clear-skip:'
@@ -49,6 +58,7 @@ const PRICING_FORCE_DEFAULT_PREFIX = 'pricing-force-default:'
const consultCategoryFactorMap = ref<Map<string, number | null>>(new Map())
let factorDefaultsLoaded = false
const paneInstanceCreatedAt = Date.now()
const gridApi = ref<GridApi<DetailRow> | null>(null)
const getDefaultConsultCategoryFactor = () =>
consultCategoryFactorMap.value.get(String(props.serviceId)) ?? null
@@ -60,7 +70,7 @@ const ensureFactorDefaultsLoaded = async () => {
}
const shouldSkipPersist = () => {
const storageKey = `${PRICING_CLEAR_SKIP_PREFIX}${DB_KEY.value}`
const storageKey = buildProjectScopedSessionKey(PRICING_CLEAR_SKIP_PREFIX, DB_KEY.value)
const raw = sessionStorage.getItem(storageKey)
if (!raw) return false
const now = Date.now()
@@ -83,7 +93,7 @@ const shouldSkipPersist = () => {
}
const shouldForceDefaultLoad = () => {
const storageKey = `${PRICING_FORCE_DEFAULT_PREFIX}${DB_KEY.value}`
const storageKey = buildProjectScopedSessionKey(PRICING_FORCE_DEFAULT_PREFIX, DB_KEY.value)
const raw = sessionStorage.getItem(storageKey)
if (!raw) return false
const forceUntil = Number(raw)
@@ -120,6 +130,13 @@ type taskLite = {
desc: string | null
}
const getTaskDisplayName = (task: taskLite | undefined) => {
if (!task) return ''
return String(locale.value).toLowerCase().startsWith('en')
? (task as taskLite & { nameEn?: string }).nameEn || task.name
: task.name
}
const formatTaskReferenceUnitPrice = (task: taskLite) => {
const unit = task.unit || ''
const hasMin = typeof task.minPrice === 'number' && Number.isFinite(task.minPrice)
@@ -153,7 +170,7 @@ const buildDefaultRows = (): DetailRow[] => {
rows.push({
id: rowId,
taskCode,
taskName: task.name,
taskName: getTaskDisplayName(task),
unit: task.unit || '',
conversion: typeof task.conversion === 'number' && Number.isFinite(task.conversion) ? task.conversion : null,
workload: null,
@@ -183,6 +200,8 @@ const mergeWithDictRows = (rowsFromDb: DetailRow[] | undefined): DetailRow[] =>
return buildDefaultRows().map(row => {
const fromDb = dbValueMap.get(row.id)
if (!fromDb) return row
const hasRemark = Object.prototype.hasOwnProperty.call(fromDb, 'remark')
const hasConsultCategoryFactor = Object.prototype.hasOwnProperty.call(fromDb, 'consultCategoryFactor')
return {
...row,
@@ -191,9 +210,13 @@ const mergeWithDictRows = (rowsFromDb: DetailRow[] | undefined): DetailRow[] =>
budgetAdoptedUnitPrice:
typeof fromDb.budgetAdoptedUnitPrice === 'number' ? fromDb.budgetAdoptedUnitPrice : null,
consultCategoryFactor:
typeof fromDb.consultCategoryFactor === 'number' ? fromDb.consultCategoryFactor : null,
typeof fromDb.consultCategoryFactor === 'number'
? fromDb.consultCategoryFactor
: hasConsultCategoryFactor
? null
: getDefaultConsultCategoryFactor(),
serviceFee: typeof fromDb.serviceFee === 'number' ? fromDb.serviceFee : null,
remark: typeof fromDb.remark === 'string' ? fromDb.remark : ''
remark: typeof fromDb.remark === 'string' ? fromDb.remark : hasRemark ? '' : row.remark
}
})
}
@@ -237,9 +260,9 @@ const calcServiceFee = (row: DetailRow | undefined) => {
}
const formatEditableNumber = (params: any) => {
if (isNoTaskRow(params.data)) return '无'
if (isNoTaskRow(params.data)) return t('workloadPricing.none')
if (!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')) {
return '点击输入'
return t('workloadPricing.clickToInput')
}
if (params.value == null) return ''
return formatThousandsFlexible(params.value, 3)
@@ -256,52 +279,58 @@ const spanRowsByTaskName = (params: any) => {
const columnDefs: ColDef<DetailRow>[] = [
{
headerName: '编码',
headerName: t('workloadPricing.columns.code'),
field: 'taskCode',
minWidth: 100,
width: 120,
pinned: 'left',
colSpan: params => (params.node?.rowPinned ? 3 : 1),
valueFormatter: params => (params.node?.rowPinned ? '总合计' : params.value || '')
colSpan: params => (params.node?.rowPinned ? 2 : 1),
cellClassRules: {
'ag-summary-label-cell': params => Boolean(params.node?.rowPinned)
},
valueFormatter: params => (params.node?.rowPinned ? t('workloadPricing.total') : params.value || '')
},
{
headerName: '名称',
headerName: t('workloadPricing.columns.name'),
field: 'taskName',
minWidth: 150,
width: 220,
pinned: 'left',
wrapText: true,
autoHeight: true,
cellStyle: { whiteSpace: 'normal', lineHeight: '1.4' },
spanRows: true,
valueFormatter: params => (params.node?.rowPinned ? '' : params.value || '')
},
{
headerName: '预算基数',
headerName: t('workloadPricing.columns.budgetBase'),
field: 'budgetBase',
minWidth: 150,
autoHeight: true,
width: 180,
pinned: 'left',
colSpan: params => (params.node?.rowPinned ? 3 : 1),
spanRows: spanRowsByTaskName,
valueFormatter: params => (params.node?.rowPinned ? '' : params.value || '')
},
{
headerName: '预算参考单价',
headerName: t('workloadPricing.columns.budgetReferenceUnitPrice'),
field: 'budgetReferenceUnitPrice',
minWidth: 170,
flex: 1,
valueFormatter: params => params.value || ''
},
{
headerName: '预算采用单价',
headerName: t('workloadPricing.columns.budgetAdoptedUnitPrice'),
field: 'budgetAdoptedUnitPrice',
headerClass: 'ag-right-aligned-header',
minWidth: 170,
flex: 1,
editable: params => !params.node?.group && !params.node?.rowPinned && !isNoTaskRow(params.data),
cellClass: params => (!params.node?.group && !params.node?.rowPinned ? 'ag-right-aligned-cell editable-cell-line' : 'ag-right-aligned-cell'),
cellClass: params => (!params.node?.group && !params.node?.rowPinned ? 'editable-cell-line' : ''),
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params =>
!params.node?.group &&
!params.node?.rowPinned &&
@@ -310,9 +339,9 @@ const columnDefs: ColDef<DetailRow>[] = [
},
valueParser: params => parseSanitizedAdoptedPriceOrNull(params.newValue),
valueFormatter: params => {
if (isNoTaskRow(params.data)) return '无'
if (isNoTaskRow(params.data)) return t('workloadPricing.none')
if (!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')) {
return '点击输入'
return t('workloadPricing.clickToInput')
}
if (params.value == null) return ''
const unit = params.data?.unit || ''
@@ -320,13 +349,15 @@ const columnDefs: ColDef<DetailRow>[] = [
}
},
{
headerName: '工作量',
headerName: t('workloadPricing.columns.workload'),
field: 'workload',
minWidth: 140,
flex: 1,
editable: params => !params.node?.group && !params.node?.rowPinned && !isNoTaskRow(params.data),
cellClass: params => (!params.node?.group && !params.node?.rowPinned ? 'editable-cell-line' : ''),
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params =>
!params.node?.group &&
!params.node?.rowPinned &&
@@ -338,7 +369,7 @@ const columnDefs: ColDef<DetailRow>[] = [
valueFormatter: formatEditableNumber
},
{
headerName: '咨询分类系数',
headerName: t('workloadPricing.columns.consultCategoryFactor'),
field: 'consultCategoryFactor',
width: 80,
minWidth: 70,
@@ -346,6 +377,8 @@ const columnDefs: ColDef<DetailRow>[] = [
editable: params => !params.node?.group && !params.node?.rowPinned && !isNoTaskRow(params.data),
cellClass: params => (!params.node?.group && !params.node?.rowPinned ? 'editable-cell-line' : ''),
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params =>
!params.node?.group &&
!params.node?.rowPinned &&
@@ -356,23 +389,25 @@ const columnDefs: ColDef<DetailRow>[] = [
valueFormatter: formatEditableNumber
},
{
headerName: '服务费用(元)',
headerName: t('workloadPricing.columns.serviceFee'),
field: 'serviceFee',
headerClass: 'ag-right-aligned-header',
minWidth: 150,
flex: 1,
cellClass: 'ag-right-aligned-cell',
editable: false,
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueGetter: params => (params.node?.rowPinned ? params.data?.serviceFee ?? null : calcServiceFee(params.data)),
aggFunc: decimalAggSum,
valueFormatter: params => {
if (isNoTaskRow(params.data)) return '无'
if (isNoTaskRow(params.data)) return t('workloadPricing.none')
if (params.value == null || params.value === '') return ''
return formatThousandsFlexible(roundTo(params.value, 3), 3)
}
},
{
headerName: '说明',
headerName: t('workloadPricing.columns.remark'),
field: 'remark',
minWidth: 180,
flex: 1.2,
@@ -396,25 +431,15 @@ const columnDefs: ColDef<DetailRow>[] = [
}
}
]
const gridColumnDefs = computed(() => withReadonlyAutoHeight(columnDefs))
const totalWorkload = computed(() => sumByNumber(detailRows.value, row => row.workload))
const totalBasicFee = computed(() => sumByNumber(detailRows.value, row => calcBasicFee(row)))
const sumNullableBy = <T>(rows: T[], pick: (row: T) => unknown): number | null => {
let hasValid = false
const total = sumByNumber(rows, row => {
const value = Number(pick(row))
if (!Number.isFinite(value)) return null
hasValid = true
return value
})
return hasValid ? total : null
}
const totalServiceFee = computed(() => sumNullableBy(detailRows.value.filter(e => e.basicFee !== null && e.basicFee !== undefined), row => calcServiceFee(row)))
const pinnedTopRowData = computed(() => [
{
const totalServiceFee = computed(() => sumNullableBy(detailRows.value, row => calcServiceFee(row)))
const pinnedTopRowData = computed(() =>
createPinnedTopRowData({
id: 'pinned-total-row',
taskCode: '总合计',
taskCode: t('workloadPricing.total'),
taskName: '',
unit: '',
conversion: null,
@@ -427,8 +452,8 @@ const pinnedTopRowData = computed(() => [
serviceFee: totalServiceFee.value,
remark: '',
path: ['TOTAL']
}
])
})
)
@@ -445,7 +470,13 @@ const saveToIndexedDB = async () => {
const payload = {
detailRows: JSON.parse(JSON.stringify(buildPersistDetailRows()))
}
zxFwPricingStore.setServicePricingMethodState(props.contractId, props.serviceId, 'workload', payload)
zxFwPricingStore.setServicePricingMethodState(
props.contractId,
props.serviceId,
'workload',
payload,
{ force: true }
)
const synced = await syncPricingTotalToZxFw({
contractId: props.contractId,
serviceId: props.serviceId,
@@ -458,6 +489,37 @@ const saveToIndexedDB = async () => {
}
}
const isSameNullableNumber = (left: number | null | undefined, right: number | null | undefined) => {
if (left == null && right == null) return true
if (left == null || right == null) return false
return roundTo(left, 6) === roundTo(right, 6)
}
const syncLinkedConsultFactorFromHt = async () => {
if (!isWorkloadMethodApplicable.value || detailRows.value.length === 0) return
consultCategoryFactorMap.value = await loadConsultCategoryFactorMap(HT_CONSULT_FACTOR_KEY.value)
factorDefaultsLoaded = true
const nextDefaultFactor = getDefaultConsultCategoryFactor()
let changed = false
detailRows.value = detailRows.value.map(row => {
if (isSameNullableNumber(row.consultCategoryFactor, nextDefaultFactor)) return row
changed = true
return {
...row,
consultCategoryFactor: nextDefaultFactor
}
})
if (!changed) return
await saveToIndexedDB()
}
const linkedConsultFactorSignature = computed(() => JSON.stringify({
consultFactor:
zxFwPricingStore.keyedStates[HT_CONSULT_FACTOR_KEY.value]
?? kvStore.entries[HT_CONSULT_FACTOR_KEY.value]
?? null
}))
const loadFromIndexedDB = async () => {
try {
if (!isWorkloadMethodApplicable.value) {
@@ -485,17 +547,78 @@ const loadFromIndexedDB = async () => {
}
}
const handleCellValueChanged = () => {
const relabelRowsFromTaskDict = async () => {
if (!isWorkloadMethodApplicable.value || detailRows.value.length === 0) return
let changed = false
detailRows.value = detailRows.value.map(row => {
if (isNoTaskRow(row)) return row
const match = String(row.id || '').match(/^task-(\d+)-\d+$/)
if (!match) return row
const task = (taskList as Record<string, taskLite | undefined>)[match[1]]
if (!task) return row
const nextTaskName = getTaskDisplayName(task)
const nextUnit = task.unit || ''
const nextBudgetBase = task.basicParam || ''
const nextBudgetReferenceUnitPrice = formatTaskReferenceUnitPrice(task)
if (
row.taskName === nextTaskName &&
row.unit === nextUnit &&
row.budgetBase === nextBudgetBase &&
row.budgetReferenceUnitPrice === nextBudgetReferenceUnitPrice
) {
return row
}
changed = true
return {
...row,
taskName: nextTaskName,
unit: nextUnit,
budgetBase: nextBudgetBase,
budgetReferenceUnitPrice: nextBudgetReferenceUnitPrice
}
})
gridApi.value?.refreshCells({ force: true })
if (!changed) return
await saveToIndexedDB()
}
let isBulkClipboardMutation = false
const commitGridChanges = () => {
void saveToIndexedDB()
}
onMounted(async () => {
await loadFromIndexedDB()
})
const handleCellValueChanged = () => {
if (isBulkClipboardMutation) return
commitGridChanges()
}
onBeforeUnmount(() => {
void saveToIndexedDB()
const handleBulkMutationStart = () => {
isBulkClipboardMutation = true
}
const handleBulkMutationEnd = () => {
isBulkClipboardMutation = false
commitGridChanges()
}
const handleGridReady = (event: GridReadyEvent<DetailRow>) => {
gridApi.value = event.api
}
usePricingPaneLifecycle({
gridApi,
loadFromIndexedDB,
syncLinkedFields: syncLinkedConsultFactorFromHt,
linkedSourceSignature: linkedConsultFactorSignature,
saveToIndexedDB
})
watch(
() => locale.value,
() => {
void relabelRowsFromTaskDict()
}
)
const processCellForClipboard = (params: any) => {
if (Array.isArray(params.value)) {
return JSON.stringify(params.value); // 数组转字符串复制
@@ -504,6 +627,13 @@ const processCellForClipboard = (params: any) => {
};
const processCellFromClipboard = (params: any) => {
const field = String(params.column?.getColDef?.().field || '')
if (field === 'budgetAdoptedUnitPrice') {
return parseSanitizedAdoptedPriceOrNull(params.value)
}
if (field === 'workload' || field === 'consultCategoryFactor') {
return parseSanitizedNumberOrNull(params.value)
}
try {
const parsed = JSON.parse(params.value);
if (Array.isArray(parsed)) return parsed;
@@ -517,12 +647,12 @@ const mydiyTheme = myTheme.withParams({
rowBorder: {
style: "solid",
width: 0.8,
color: "#d8d8dd"
color: "var(--border)"
},
columnBorder: {
style: "solid",
width: 0.8,
color: "#d8d8dd"
color: "var(--border)"
}
})
</script>
@@ -533,15 +663,19 @@ const mydiyTheme = myTheme.withParams({
<div class="rounded-lg border bg-card xmMx flex min-h-0 flex-1 flex-col">
<div class="flex items-center justify-between border-b px-4 py-3">
<h3 class="text-sm font-semibold text-foreground">工作量明细</h3>
<h3 class="text-sm font-semibold text-foreground">{{ t('workloadPricing.title') }}</h3>
<div class="text-xs text-muted-foreground"></div>
</div>
<div v-if="isWorkloadMethodApplicable" :class="agGridWrapClass">
<AgGridVue :style="agGridStyle" :rowData="detailRows" :pinnedTopRowData="pinnedTopRowData"
:columnDefs="columnDefs" :gridOptions="gridOptions" :theme="mydiyTheme" :treeData="false"
:columnDefs="gridColumnDefs" :gridOptions="gridOptions" :theme="mydiyTheme" :treeData="false"
:animateRows="true"
:enableCellSpan="true"
@grid-ready="handleGridReady"
@cell-value-changed="handleCellValueChanged" :suppressColumnVirtualisation="true"
@paste-start="handleBulkMutationStart" @paste-end="handleBulkMutationEnd"
@fill-start="handleBulkMutationStart" @fill-end="handleBulkMutationEnd"
:suppressRowVirtualisation="true"
:cellSelection="{ handle: { mode: 'range' } }" :enableClipboard="true"
@@ -553,10 +687,9 @@ const mydiyTheme = myTheme.withParams({
</div>
<MethodUnavailableNotice
v-else
title="该服务不适用工作量法"
message="当前服务没有关联工作量法任务，无需填写此部分内容。"
:title="t('workloadPricing.unavailableTitle')"
:message="t('workloadPricing.unavailableMessage')"
/>
</div>
</div>
</template>
src/components/shared/HourlyFeeGrid.vue → src/features/shared/components/HourlyFeeGrid.vue
+225 -58
View File
@@ -1,15 +1,25 @@
<script setup lang="ts">
import { computed, onActivated, onBeforeUnmount, onDeactivated, onMounted, ref, watch } from 'vue'
import { computed, nextTick, onActivated, onBeforeUnmount, onDeactivated, onMounted, ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import { AgGridVue } from 'ag-grid-vue3'
import type { ColDef, ColGroupDef, GridApi, GridReadyEvent } from 'ag-grid-community'
import type {
ColDef,
ColGroupDef,
FirstDataRenderedEvent,
GridApi,
GridReadyEvent,
RowDataUpdatedEvent
} from 'ag-grid-community'
import { expertList } from '@/sql'
import { myTheme, gridOptions, agGridWrapClass, agGridStyle } from '@/lib/diyAgGridOptions'
import { decimalAggSum, roundTo, sumByNumber, toDecimal } from '@/lib/decimal'
import { decimalAggSum, roundTo, sumByNumber, sumNullableNumbers, toDecimal } from '@/lib/decimal'
import { formatThousandsFlexible } from '@/lib/numberFormat'
import { parseNumberOrNull } from '@/lib/number'
import { syncPricingTotalToZxFw, type ZxFwPricingField } from '@/lib/zxFwPricingSync'
import { useZxFwPricingStore, type HtFeeMethodType, type ServicePricingMethod } from '@/pinia/zxFwPricing'
import { AG_GRID_LOCALE_CN } from '@ag-grid-community/locale'
import { buildProjectScopedSessionKey } from '@/lib/pricingPersistControl'
import { withReadonlyAutoHeight } from '@/lib/agGridReadonlyAutoHeight'
interface DetailRow {
id: string
@@ -28,7 +38,6 @@ interface DetailRow {
interface GridState {
detailRows: DetailRow[]
}
const props = withDefaults(
defineProps<{
storageKey: string
@@ -42,19 +51,20 @@ const props = withDefaults(
htMethodType?: HtFeeMethodType
}>(),
{
title: '工时法明细',
title: undefined,
enableZxFwSync: false,
syncField: 'hourly'
}
)
const zxFwPricingStore = useZxFwPricingStore()
const { t, locale } = useI18n()
const PRICING_CLEAR_SKIP_PREFIX = 'pricing-clear-skip:'
const PRICING_FORCE_DEFAULT_PREFIX = 'pricing-force-default:'
const paneInstanceCreatedAt = Date.now()
const shouldSkipPersist = () => {
const storageKey = `${PRICING_CLEAR_SKIP_PREFIX}${props.storageKey}`
const storageKey = buildProjectScopedSessionKey(PRICING_CLEAR_SKIP_PREFIX, props.storageKey)
const raw = sessionStorage.getItem(storageKey)
if (!raw) return false
const now = Date.now()
@@ -77,7 +87,7 @@ const shouldSkipPersist = () => {
}
const shouldForceDefaultLoad = () => {
const storageKey = `${PRICING_FORCE_DEFAULT_PREFIX}${props.storageKey}`
const storageKey = buildProjectScopedSessionKey(PRICING_FORCE_DEFAULT_PREFIX, props.storageKey)
const raw = sessionStorage.getItem(storageKey)
if (!raw) return false
const forceUntil = Number(raw)
@@ -155,6 +165,13 @@ type ExpertLite = {
manageCoe: number | null
}
const getExpertDisplayName = (expert: ExpertLite | undefined) => {
if (!expert) return ''
return String(locale.value).toLowerCase().startsWith('en')
? (expert as ExpertLite & { nameEn?: string }).nameEn || expert.name
: expert.name
}
const expertEntries = Object.entries(expertList as Record<string, ExpertLite>)
.sort((a, b) => Number(a[0]) - Number(b[0]))
.filter((entry): entry is [string, ExpertLite] => {
@@ -203,7 +220,7 @@ const buildDefaultRows = (): DetailRow[] => {
rows.push({
id: rowId,
expertCode: expert.code,
expertName: expert.name,
expertName: getExpertDisplayName(expert),
laborBudgetUnitPrice: formatPriceRange(expert.minPrice, expert.maxPrice),
compositeBudgetUnitPrice: getCompositeBudgetUnitPriceRange(expert),
adoptedBudgetUnitPrice: getDefaultAdoptedBudgetUnitPrice(expert),
@@ -240,16 +257,15 @@ const mergeWithDictRows = (rowsFromDb: DetailRow[] | undefined): DetailRow[] =>
const parseNonNegativeIntegerOrNull = (value: unknown) => {
if (value === '' || value == null) return null
if (typeof value === 'number') return Number.isInteger(value) && value >= 0 ? value : null
const normalized = String(value).trim()
if (!/^\d+$/.test(normalized)) return null
const v = Number(normalized)
return Number.isSafeInteger(v) ? v : null
const parsed = parseNumberOrNull(value, { sanitize: true, precision: 0 })
if (parsed == null) return null
if (!Number.isSafeInteger(parsed) || parsed < 0) return null
return parsed
}
const formatEditableNumber = (params: any) => {
if (!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')) {
return '点击输入'
return t('hourlyFeeGrid.clickToInput')
}
if (params.value == null) return ''
return formatThousandsFlexible(params.value, 3)
@@ -257,7 +273,7 @@ const formatEditableNumber = (params: any) => {
const formatEditableInteger = (params: any) => {
if (!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')) {
return '点击输入'
return t('hourlyFeeGrid.clickToInput')
}
if (params.value == null) return ''
return String(Number(params.value))
@@ -293,11 +309,12 @@ const editableNumberCol = <K extends keyof DetailRow>(
): ColDef<DetailRow> => ({
headerName,
field,
minWidth: 150,
minWidth: 120,
flex: 1,
editable: params => !params.node?.group && !params.node?.rowPinned,
cellClass: params => (!params.node?.group && !params.node?.rowPinned ? 'editable-cell-line' : ''),
cellClassRules: {
'ag-right-aligned-cell':()=>true,
'editable-cell-empty': params =>
!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')
},
@@ -314,21 +331,22 @@ const editableMoneyCol = <K extends keyof DetailRow>(
headerName,
field,
headerClass: 'ag-right-aligned-header',
minWidth: 150,
minWidth: 120,
flex: 1,
editable: params => !params.node?.group && !params.node?.rowPinned,
cellClass: params =>
!params.node?.group && !params.node?.rowPinned
? 'ag-right-aligned-cell editable-cell-line'
: 'ag-right-aligned-cell',
? 'editable-cell-line'
: '',
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params =>
!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')
},
valueParser: params => parseNumberOrNull(params.newValue, { precision: 3 }),
valueFormatter: params => {
if (!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')) {
return '点击输入'
return t('hourlyFeeGrid.clickToInput')
}
if (params.value == null) return ''
return formatThousandsFlexible(params.value, 3)
@@ -343,7 +361,7 @@ const readonlyTextCol = <K extends keyof DetailRow>(
): ColDef<DetailRow> => ({
headerName,
field,
minWidth: 170,
minWidth: 120,
flex: 1,
editable: false,
valueFormatter: params => params.value || '',
@@ -352,46 +370,58 @@ const readonlyTextCol = <K extends keyof DetailRow>(
const columnDefs: (ColDef<DetailRow> | ColGroupDef<DetailRow>)[] = [
{
headerName: '编码',
headerName: t('hourlyFeeGrid.columns.code'),
field: 'expertCode',
minWidth: 120,
width: 140,
minWidth: 90,
width: 100,
pinned: 'left',
colSpan: params => (params.node?.rowPinned ? 2 : 1),
valueFormatter: params => (params.node?.rowPinned ? '总合计' : params.value || '')
cellClassRules: {
'ag-summary-label-cell': params => Boolean(params.node?.rowPinned)
},
valueFormatter: params => (params.node?.rowPinned ? t('hourlyFeeGrid.total') : params.value || '')
},
{
headerName: '人员名称',
headerName: t('hourlyFeeGrid.columns.name'),
field: 'expertName',
minWidth: 200,
width: 220,
minWidth: 210,
width: 230,
pinned: 'left',
tooltipField: 'expertName',
wrapText: true,
autoHeight: true,
cellClass: 'hourly-fee-name-cell',
cellStyle: { whiteSpace: 'normal', lineHeight: '1.2' },
valueFormatter: params => (params.node?.rowPinned ? '' : params.value || '')
},
{
headerName: '预算参考单价',
headerName: t('hourlyFeeGrid.columns.referenceUnitPrice'),
marryChildren: true,
children: [
readonlyTextCol('laborBudgetUnitPrice', '人工预算单价(元/工日)'),
readonlyTextCol('compositeBudgetUnitPrice', '综合预算单价(元/工日)')
readonlyTextCol('laborBudgetUnitPrice', t('hourlyFeeGrid.columns.laborBudgetUnitPrice'), {
colSpan: params => (params.node?.rowPinned ? 3 : 1),
valueFormatter: params => (params.node?.rowPinned ? '' : params.value || '')
}),
readonlyTextCol('compositeBudgetUnitPrice', t('hourlyFeeGrid.columns.compositeBudgetUnitPrice'))
]
},
editableMoneyCol('adoptedBudgetUnitPrice', '预算采用单价(元/工日)'),
editableNumberCol('personnelCount', '人员数量(人)', {
editableMoneyCol('adoptedBudgetUnitPrice', t('hourlyFeeGrid.columns.adoptedBudgetUnitPrice')),
editableNumberCol('personnelCount', t('hourlyFeeGrid.columns.personnelCount'), {
aggFunc: decimalAggSum,
valueParser: params => parseNonNegativeIntegerOrNull(params.newValue),
valueFormatter: formatEditableInteger
}),
editableNumberCol('workdayCount', '工日数量(工日)', { aggFunc: decimalAggSum }),
editableNumberCol('workdayCount', t('hourlyFeeGrid.columns.workdayCount'), { aggFunc: decimalAggSum }),
{
headerName: '服务预算（元)',
headerName: t('hourlyFeeGrid.columns.serviceBudget'),
field: 'serviceBudget',
headerClass: 'ag-right-aligned-header',
minWidth: 150,
minWidth: 120,
flex: 1,
cellClass: 'ag-right-aligned-cell',
editable: false,
cellClassRules: {
'ag-right-aligned-cell': () => true
},
aggFunc: decimalAggSum,
valueGetter: params => (params.node?.rowPinned ? params.data?.serviceBudget ?? null : calcServiceBudget(params.data)),
valueFormatter: params => {
@@ -400,17 +430,17 @@ const columnDefs: (ColDef<DetailRow> | ColGroupDef<DetailRow>)[] = [
}
},
{
headerName: '说明',
headerName: t('hourlyFeeGrid.columns.remark'),
field: 'remark',
minWidth: 180,
flex: 1.2,
minWidth: 120,
flex: 1,
cellEditor: 'agLargeTextCellEditor',
wrapText: true,
autoHeight: true,
cellStyle: { whiteSpace: 'normal', lineHeight: '1.4' },
editable: params => !params.node?.group && !params.node?.rowPinned,
valueFormatter: params => {
if (!params.node?.group && !params.node?.rowPinned && !params.value) return '点击输入'
if (!params.node?.group && !params.node?.rowPinned && !params.value) return t('hourlyFeeGrid.clickToInput')
return params.value || ''
},
cellClass: params => (!params.node?.group && !params.node?.rowPinned ? ' remark-wrap-cell' : ''),
@@ -420,24 +450,15 @@ const columnDefs: (ColDef<DetailRow> | ColGroupDef<DetailRow>)[] = [
}
}
]
const gridColumnDefs = computed(() => withReadonlyAutoHeight(columnDefs))
const totalPersonnelCount = computed(() => sumByNumber(detailRows.value, row => row.personnelCount))
const totalWorkdayCount = computed(() => sumByNumber(detailRows.value, row => row.workdayCount))
const sumNullableBy = <T>(rows: T[], pick: (row: T) => unknown): number | null => {
let hasValid = false
const total = sumByNumber(rows, row => {
const value = Number(pick(row))
if (!Number.isFinite(value)) return null
hasValid = true
return value
})
return hasValid ? total : null
}
const totalServiceBudget = computed(() => sumNullableBy(detailRows.value.filter(e => e.serviceBudget !== null && e.serviceBudget !== undefined), row => calcServiceBudget(row)))
const totalServiceBudget = computed(() => sumNullableNumbers(detailRows.value.map(row => calcServiceBudget(row))))
const pinnedTopRowData = computed(() => [
{
id: 'pinned-total-row',
expertCode: '总合计',
expertCode: t('hourlyFeeGrid.total'),
expertName: '',
laborBudgetUnitPrice: '',
compositeBudgetUnitPrice: '',
@@ -459,13 +480,20 @@ const saveToIndexedDB = async () => {
}
if (useServicePricingState.value && serviceMethod.value) {
zxFwPricingStore.setServicePricingMethodState(props.contractId!, props.serviceId!, serviceMethod.value, payload)
zxFwPricingStore.setServicePricingMethodState(
props.contractId!,
props.serviceId!,
serviceMethod.value,
payload,
{ force: true }
)
} else if (useHtMethodState.value) {
zxFwPricingStore.setHtFeeMethodState(
props.htMainStorageKey!,
props.htRowId!,
props.htMethodType!,
payload
payload,
{ force: true }
)
} else {
zxFwPricingStore.setKeyState(props.storageKey, payload)
@@ -516,14 +544,101 @@ const loadFromIndexedDB = async () => {
}
}
const handleCellValueChanged = () => {
const relabelRowsFromExpertDict = async () => {
if (detailRows.value.length === 0) return
let changed = false
detailRows.value = detailRows.value.map(row => {
const match = String(row.id || '').match(/^expert-(\d+)$/)
if (!match) return row
const expert = (expertList as Record<string, ExpertLite | undefined>)[match[1]]
if (!expert) return row
const nextName = getExpertDisplayName(expert)
if (row.expertName === nextName) return row
changed = true
return {
...row,
expertName: nextName
}
})
gridApi.value?.refreshCells({ force: true })
if (!changed) return
await saveToIndexedDB()
}
let isBulkClipboardMutation = false
const commitGridChanges = (source: string) => {
syncServiceBudgetToRows()
gridApi.value?.refreshCells({ force: true })
scheduleAutoRowHeights()
void saveToIndexedDB()
}
const handleCellValueChanged = (event?: any) => {
if (isBulkClipboardMutation) return
commitGridChanges('cell-value-changed')
}
const handleBulkMutationStart = () => {
isBulkClipboardMutation = true
}
const handleBulkMutationEnd = (event?: any) => {
isBulkClipboardMutation = false
commitGridChanges(event?.type || 'bulk-end')
}
const handleGridReady = (event: GridReadyEvent<DetailRow>) => {
gridApi.value = event.api
scheduleAutoRowHeights()
}
let autoHeightSyncTimer: ReturnType<typeof setTimeout> | null = null
const isGridApiAlive = (api: GridApi<DetailRow> | null | undefined): api is GridApi<DetailRow> =>
Boolean(api && !api.isDestroyed?.())
const forceRefreshCellsOnLiveApi = () => {
// 再次触发一轮强制刷新，覆盖 AG Grid 异步布局后的高度计算。
setTimeout(() => {
const liveApi = gridApi.value
if (!isGridApiAlive(liveApi)) return
liveApi.refreshCells({ force: true })
liveApi.redrawRows()
}, 16)
}
const syncAutoRowHeights = async () => {
await nextTick()
const api = gridApi.value
if (!isGridApiAlive(api)) return
api.onRowHeightChanged()
api.refreshCells({ force: true })
api.redrawRows()
forceRefreshCellsOnLiveApi()
}
const scheduleAutoRowHeights = () => {
if (autoHeightSyncTimer) clearTimeout(autoHeightSyncTimer)
autoHeightSyncTimer = setTimeout(() => {
autoHeightSyncTimer = null
if (!isGridApiAlive(gridApi.value)) return
void syncAutoRowHeights()
}, 0)
}
const onGridSizeChanged = () => {
scheduleAutoRowHeights()
}
const onColumnResized = () => {
scheduleAutoRowHeights()
}
const onFirstDataRendered = (_event: FirstDataRenderedEvent<DetailRow>) => {
scheduleAutoRowHeights()
}
const onRowDataUpdated = (_event: RowDataUpdatedEvent<DetailRow>) => {
scheduleAutoRowHeights()
}
const processCellForClipboard = (params: any) => {
@@ -532,6 +647,13 @@ const processCellForClipboard = (params: any) => {
}
const processCellFromClipboard = (params: any) => {
const field = String(params.column?.getColDef?.().field || '')
if (field === 'personnelCount') {
return parseNonNegativeIntegerOrNull(params.value)
}
if (field === 'adoptedBudgetUnitPrice' || field === 'workdayCount') {
return parseNumberOrNull(params.value, { precision: 3 })
}
try {
const parsed = JSON.parse(params.value)
if (Array.isArray(parsed)) return parsed
@@ -543,16 +665,33 @@ const processCellFromClipboard = (params: any) => {
onMounted(async () => {
await loadFromIndexedDB()
scheduleAutoRowHeights()
})
onActivated(async () => {
await loadFromIndexedDB()
scheduleAutoRowHeights()
})
watch(
() => props.storageKey,
() => {
void loadFromIndexedDB()
scheduleAutoRowHeights()
}
)
watch(
() => detailRows.value.length,
() => {
scheduleAutoRowHeights()
}
)
watch(
() => locale.value,
() => {
void relabelRowsFromExpertDict()
}
)
@@ -564,6 +703,10 @@ onDeactivated(() => {
onBeforeUnmount(() => {
gridApi.value?.stopEditing()
gridApi.value = null
if (autoHeightSyncTimer) {
clearTimeout(autoHeightSyncTimer)
autoHeightSyncTimer = null
}
void saveToIndexedDB()
})
</script>
@@ -572,7 +715,7 @@ onBeforeUnmount(() => {
<div class="h-full min-h-0 flex flex-col">
<div class="rounded-lg border bg-card xmMx flex min-h-0 flex-1 flex-col">
<div class="flex items-center justify-between border-b px-4 py-3">
<h3 class="text-sm font-semibold text-foreground">{{ props.title }}</h3>
<h3 class="text-sm font-semibold text-foreground">{{ props.title || t('hourlyFeeGrid.title') }}</h3>
<div class="text-xs text-muted-foreground"></div>
</div>
@@ -581,11 +724,16 @@ onBeforeUnmount(() => {
:style="agGridStyle"
:rowData="detailRows"
:pinnedTopRowData="pinnedTopRowData"
:columnDefs="columnDefs"
:columnDefs="gridColumnDefs"
:gridOptions="gridOptions"
:theme="myTheme"
:animateRows="true"
:treeData="false"
@cell-value-changed="handleCellValueChanged"
@paste-start="handleBulkMutationStart"
@paste-end="handleBulkMutationEnd"
@fill-start="handleBulkMutationStart"
@fill-end="handleBulkMutationEnd"
:suppressColumnVirtualisation="true"
:suppressRowVirtualisation="true"
:cellSelection="{ handle: { mode: 'range' } }"
@@ -598,8 +746,27 @@ onBeforeUnmount(() => {
:undoRedoCellEditing="true"
:undoRedoCellEditingLimit="20"
@grid-ready="handleGridReady"
@first-data-rendered="onFirstDataRendered"
@row-data-updated="onRowDataUpdated"
@grid-size-changed="onGridSizeChanged"
@column-resized="onColumnResized"
/>
</div>
</div>
</div>
</template>
<style scoped>
:deep(.hourly-fee-name-cell.ag-cell-auto-height) {
display: flex;
align-items: center;
}
:deep(.hourly-fee-name-cell.ag-cell-auto-height .ag-cell-wrapper),
:deep(.hourly-fee-name-cell.ag-cell-auto-height .ag-cell-value) {
display: flex;
align-items: center;
width: 100%;
white-space: normal;
}
</style>
src/components/shared/HtFeeGrid.vue → src/features/shared/components/HtFeeGrid.vue
+87 -27
View File
@@ -1,9 +1,11 @@
<script setup lang="ts">
import { computed, defineComponent, h, onActivated, onBeforeUnmount, onMounted, ref, watch, type PropType } from 'vue'
import { useI18n } from 'vue-i18n'
import { AgGridVue } from 'ag-grid-vue3'
import type { ColDef, GridApi, GridOptions, GridReadyEvent, ICellRendererParams } from 'ag-grid-community'
import { AG_GRID_LOCALE_CN } from '@ag-grid-community/locale'
import { myTheme, gridOptions, agGridWrapClass, agGridStyle } from '@/lib/diyAgGridOptions'
import { withReadonlyAutoHeight } from '@/lib/agGridReadonlyAutoHeight'
import { parseNumberOrNull } from '@/lib/number'
import { formatThousandsFlexible } from '@/lib/numberFormat'
import { roundTo, toDecimal } from '@/lib/decimal'
@@ -44,6 +46,7 @@ const props = defineProps<{
htMethodType?: 'quantity-unit-price-fee'
}>()
const zxFwPricingStore = useZxFwPricingStore()
const { t } = useI18n()
const createRowId = () => `fee-${Date.now()}-${Math.random().toString(16).slice(2, 8)}`
const SUBTOTAL_ROW_ID = 'fee-subtotal-fixed'
@@ -60,7 +63,7 @@ const createDefaultRow = (): FeeRow => ({
const createSubtotalRow = (): FeeRow => ({
id: SUBTOTAL_ROW_ID,
feeItem: '小计',
feeItem: t('htFeeDetail.subtotal'),
unit: '',
quantity: null,
unitPrice: null,
@@ -122,7 +125,7 @@ const deleteRow = (id: string) => {
const requestDeleteRow = (id: string, name?: string) => {
pendingDeleteRowId.value = id
pendingDeleteRowName.value = String(name || '').trim() || '当前行'
pendingDeleteRowName.value = String(name || '').trim() || t('htFeeDetail.currentRow')
deleteConfirmOpen.value = true
}
@@ -141,19 +144,19 @@ const confirmDeleteRow = () => {
const formatEditableText = (params: any) => {
if (isSubtotalRow(params.data)) return ''
if (params.value == null || params.value === '') return '点击输入'
if (params.value == null || params.value === '') return t('htFeeDetail.clickToInput')
return String(params.value)
}
const formatEditableQuantity = (params: any) => {
if (isSubtotalRow(params.data)) return ''
if (params.value == null || params.value === '') return '点击输入'
if (params.value == null || params.value === '') return t('htFeeDetail.clickToInput')
return formatThousandsFlexible(params.value, 3)
}
const formatEditableUnitPrice = (params: any) => {
if (isSubtotalRow(params.data)) return ''
if (params.value == null || params.value === '') return '点击输入'
if (params.value == null || params.value === '') return t('htFeeDetail.clickToInput')
return formatThousandsFlexible(params.value, 3)
}
@@ -183,7 +186,7 @@ const syncComputedValuesToRows = () => {
}
const subtotalRow = detailRows.value.find(row => isSubtotalRow(row))
if (subtotalRow) {
subtotalRow.feeItem = '小计'
subtotalRow.feeItem = t('htFeeDetail.subtotal')
subtotalRow.unit = ''
subtotalRow.quantity = null
subtotalRow.unitPrice = null
@@ -228,7 +231,8 @@ const saveToIndexedDB = async () => {
props.htMainStorageKey!,
props.htRowId!,
props.htMethodType!,
payload
payload,
{ force: true }
)
} else {
zxFwPricingStore.setKeyState(props.storageKey, payload)
@@ -258,7 +262,7 @@ const loadFromIndexedDB = async () => {
const columnDefs: ColDef<FeeRow>[] = [
{
headerName: '序号',
headerName: t('htFeeDetail.columns.no'),
colId: 'rowNo',
minWidth: 68,
maxWidth: 80,
@@ -271,14 +275,17 @@ const columnDefs: ColDef<FeeRow>[] = [
params.node?.rowPinned
? ''
: isSubtotalRow(params.data)
? '小计'
? t('htFeeDetail.subtotal')
: typeof params.node?.rowIndex === 'number'
? params.node.rowIndex + 1
: '',
cellClassRules: {
'ag-summary-label-cell': params => isSubtotalRow(params.data)
},
colSpan: params => (isSubtotalRow(params.data) ? 2 : 1)
},
{
headerName: '费用项',
headerName: t('htFeeDetail.columns.feeItem'),
field: 'feeItem',
minWidth: 140,
flex: 1.4,
@@ -291,7 +298,7 @@ const columnDefs: ColDef<FeeRow>[] = [
}
},
{
headerName: '单位',
headerName: t('htFeeDetail.columns.unit'),
field: 'unit',
minWidth: 90,
flex: 0.9,
@@ -303,45 +310,49 @@ const columnDefs: ColDef<FeeRow>[] = [
}
},
{
headerName: '数量',
headerName: t('htFeeDetail.columns.quantity'),
field: 'quantity',
minWidth: 100,
flex: 1,
headerClass: 'ag-right-aligned-header',
cellClass: 'ag-right-aligned-cell editable-cell-line',
cellClass: 'editable-cell-line',
editable: params => !isSubtotalRow(params.data),
valueParser: params => parseNumberOrNull(params.newValue, { precision: 3 }),
valueFormatter: formatEditableQuantity,
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params => params.value == null || params.value === ''
}
},
{
headerName: '单价(元)',
headerName: t('htFeeDetail.columns.unitPrice'),
field: 'unitPrice',
minWidth: 120,
flex: 1.1,
headerClass: 'ag-right-aligned-header',
cellClass: 'ag-right-aligned-cell editable-cell-line',
cellClass: 'editable-cell-line',
editable: params => !isSubtotalRow(params.data),
valueParser: params => parseNumberOrNull(params.newValue, { precision: 2 }),
valueFormatter: formatEditableUnitPrice,
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params => params.value == null || params.value === ''
}
},
{
headerName: '预算费用(元)',
headerName: t('htFeeDetail.columns.budgetFee'),
field: 'budgetFee',
minWidth: 130,
flex: 1.2,
headerClass: 'ag-right-aligned-header',
cellClass: 'ag-right-aligned-cell',
editable: false,
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueFormatter: formatReadonlyBudgetFee
},
{
headerName: '说明',
headerName: t('htFeeDetail.columns.remark'),
field: 'remark',
minWidth: 170,
flex: 2,
@@ -357,7 +368,7 @@ const columnDefs: ColDef<FeeRow>[] = [
}
},
{
headerName: '操作',
headerName: t('htFeeDetail.columns.actions'),
field: 'actions',
minWidth: 92,
maxWidth: 110,
@@ -391,13 +402,14 @@ const columnDefs: ColDef<FeeRow>[] = [
'inline-flex cursor-pointer items-center gap-1 rounded border border-red-200 px-2 py-1 text-xs text-red-600 hover:bg-red-50',
onClick: onDelete
},
[h(Trash2, { size: 12, 'aria-hidden': 'true' }), h('span', '删除')]
[h(Trash2, { size: 12, 'aria-hidden': 'true' }), h('span', t('common.delete'))]
)
}
}
})
}
]
const gridColumnDefs = computed(() => withReadonlyAutoHeight(columnDefs))
const detailGridOptions: GridOptions<FeeRow> = {
...gridOptions,
@@ -408,12 +420,52 @@ const handleGridReady = (event: GridReadyEvent<FeeRow>) => {
gridApi.value = event.api
}
const handleCellValueChanged = () => {
let isBulkClipboardMutation = false
const commitGridChanges = () => {
syncComputedValuesToRows()
gridApi.value?.refreshCells({ force: true })
void saveToIndexedDB()
}
const handleCellValueChanged = () => {
if (isBulkClipboardMutation) return
commitGridChanges()
}
const handleBulkMutationStart = () => {
isBulkClipboardMutation = true
}
const handleBulkMutationEnd = () => {
isBulkClipboardMutation = false
commitGridChanges()
}
const processCellForClipboard = (params: any) => {
if (Array.isArray(params.value)) {
return JSON.stringify(params.value)
}
return params.value
}
const processCellFromClipboard = (params: any) => {
const field = String(params.column?.getColDef?.().field || '')
if (field === 'quantity') {
return parseNumberOrNull(params.value, { precision: 3 })
}
if (field === 'unitPrice') {
return parseNumberOrNull(params.value, { precision: 2 })
}
try {
const parsed = JSON.parse(params.value)
if (Array.isArray(parsed)) return parsed
} catch (_error) {
return params.value
}
return params.value
}
onMounted(async () => {
await loadFromIndexedDB()
})
@@ -430,6 +482,7 @@ watch(
)
onBeforeUnmount(() => {
gridApi.value?.stopEditing()
gridApi.value = null
void saveToIndexedDB()
})
@@ -440,16 +493,17 @@ onBeforeUnmount(() => {
<div class="rounded-lg border bg-card xmMx flex min-h-0 flex-1 flex-col">
<div class="flex items-center justify-between border-b px-4 py-3">
<h3 class="text-sm font-semibold text-foreground">{{ title }}</h3>
<Button type="button" variant="outline" size="sm" @click="addRow">添加行</Button>
<Button type="button" variant="outline" size="sm" @click="addRow">{{ t('htFeeDetail.addRow') }}</Button>
</div>
<div :class="agGridWrapClass">
<AgGridVue
:style="agGridStyle"
:rowData="detailRows"
:columnDefs="columnDefs"
:columnDefs="gridColumnDefs"
:gridOptions="detailGridOptions"
:theme="myTheme"
:animateRows="true"
:treeData="false"
:localeText="AG_GRID_LOCALE_CN"
:tooltipShowDelay="500"
@@ -458,10 +512,16 @@ onBeforeUnmount(() => {
:suppressRowVirtualisation="true"
:cellSelection="{ handle: { mode: 'range' } }"
:enableClipboard="true"
:processCellForClipboard="processCellForClipboard"
:processCellFromClipboard="processCellFromClipboard"
:undoRedoCellEditing="true"
:undoRedoCellEditingLimit="20"
@grid-ready="handleGridReady"
@cell-value-changed="handleCellValueChanged"
@paste-start="handleBulkMutationStart"
@paste-end="handleBulkMutationEnd"
@fill-start="handleBulkMutationStart"
@fill-end="handleBulkMutationEnd"
/>
</div>
</div>
@@ -471,16 +531,16 @@ onBeforeUnmount(() => {
<AlertDialogPortal>
<AlertDialogOverlay class="fixed inset-0 z-50 bg-black/45" />
<AlertDialogContent class="fixed left-1/2 top-1/2 z-[70] w-[92vw] max-w-md -translate-x-1/2 -translate-y-1/2 rounded-lg border bg-background p-5 shadow-xl">
<AlertDialogTitle class="text-base font-semibold">确认删除行</AlertDialogTitle>
<AlertDialogTitle class="text-base font-semibold">{{ t('htFeeDetail.dialog.deleteTitle') }}</AlertDialogTitle>
<AlertDialogDescription class="mt-2 text-sm text-muted-foreground">
将删除“{{ pendingDeleteRowName }}”这条明细，是否继续？
{{ t('htFeeDetail.dialog.deleteDesc', { name: pendingDeleteRowName }) }}
</AlertDialogDescription>
<div class="mt-4 flex items-center justify-end gap-2">
<AlertDialogCancel as-child>
<Button variant="outline">取消</Button>
<Button variant="outline">{{ t('common.cancel') }}</Button>
</AlertDialogCancel>
<AlertDialogAction as-child>
<Button variant="destructive" @click="confirmDeleteRow">确认删除</Button>
<Button variant="destructive" @click="confirmDeleteRow">{{ t('common.delete') }}</Button>
</AlertDialogAction>
</div>
</AlertDialogContent>
src/components/shared/HtFeeMethodGrid.vue → src/features/shared/components/HtFeeMethodGrid.vue
+118 -84
View File
@@ -1,9 +1,12 @@
<script setup lang="ts">
import { computed, defineComponent, h, nextTick, onActivated, onBeforeUnmount, onMounted, ref, watch, type PropType } from 'vue'
import { useI18n } from 'vue-i18n'
import { AgGridVue } from 'ag-grid-vue3'
import type { CellValueChangedEvent, ColDef, GridApi, GridOptions, GridReadyEvent, ICellRendererParams } from 'ag-grid-community'
import { AG_GRID_LOCALE_CN } from '@ag-grid-community/locale'
import { myTheme, gridOptions, agGridWrapClass, agGridStyle } from '@/lib/diyAgGridOptions'
import { withReadonlyAutoHeight } from '@/lib/agGridReadonlyAutoHeight'
import { roundTo, sumNullableNumbers, toFiniteNumber, toFiniteNumberOrZero } from '@/lib/decimal'
import { parseNumberOrNull } from '@/lib/number'
import { formatThousandsFlexible } from '@/lib/numberFormat'
import { Pencil, Eraser } from 'lucide-vue-next'
@@ -77,6 +80,7 @@ const props = defineProps<{
contractName?: string
fixedNames?: any[]
}>()
const { t } = useI18n()
const tabStore = useTabStore()
const zxFwPricingStore = useZxFwPricingStore()
const createRowId = () => `fee-method-${Date.now()}-${Math.random().toString(16).slice(2, 8)}`
@@ -90,32 +94,17 @@ const createDefaultRow = (name = ''): FeeMethodRow => ({
const SUMMARY_ROW_ID = 'fee-method-summary'
const isSummaryRow = (row: FeeMethodRow | null | undefined) => row?.id === SUMMARY_ROW_ID
const toFinite = (value: number | null | undefined) =>
typeof value === 'number' && Number.isFinite(value) ? value : 0
const round3 = (value: number) => Number(value.toFixed(3))
const isReserveStorageKey = (key: string) => String(key || '').includes('-reserve')
const sumNullableField = (rows: FeeMethodRow[], pick: (row: FeeMethodRow) => number | null | undefined): number | null => {
let hasValid = false
let total = 0
for (const row of rows) {
const value = pick(row)
if (typeof value !== 'number' || !Number.isFinite(value)) continue
total += value
hasValid = true
}
return hasValid ? round3(total) : null
const total = sumNullableNumbers(rows.map(row => pick(row)))
return total == null ? null : roundTo(total, 3)
}
const getRowSubtotal = (row: FeeMethodRow | null | undefined) => {
if (!row) return null
const values = [row.rateFee, row.hourlyFee, row.quantityUnitPriceFee]
const hasValid = values.some(value => typeof value === 'number' && Number.isFinite(value))
if (!hasValid) return null
return round3(toFinite(row.rateFee) + toFinite(row.hourlyFee) + toFinite(row.quantityUnitPriceFee))
}
const toFiniteUnknown = (value: unknown): number | null => {
if (value == null || value === '') return null
const numeric = Number(value)
return Number.isFinite(numeric) ? numeric : null
const total = sumNullableNumbers(values)
if (total == null) return null
return roundTo(total, 3)
}
const sumMainStateSubtotal = (rows: FeeMethodRow[] | undefined) => {
@@ -141,12 +130,12 @@ const loadContractServiceFeeBase = async (): Promise<number | null> => {
await zxFwPricingStore.loadContract(contractId)
const serviceBase = zxFwPricingStore.getBaseSubtotal(contractId)
if (!isReserveStorageKey(props.storageKey)) {
return serviceBase == null ? null : round3(serviceBase)
return serviceBase == null ? null : roundTo(serviceBase, 3)
}
const additionalFeeTotal = await loadAdditionalWorkFeeTotal(contractId)
const hasAnyBase = serviceBase != null || additionalFeeTotal != null
if (!hasAnyBase) return null
return round3(toFinite(serviceBase) + toFinite(additionalFeeTotal))
return roundTo(toFiniteNumberOrZero(serviceBase) + toFiniteNumberOrZero(additionalFeeTotal), 3)
} catch (error) {
console.error('loadContractServiceFeeBase failed:', error)
return null
@@ -163,21 +152,21 @@ const sumHourlyMethodFee = (state: MethodHourlyState | null): number | null => {
let hasValid = false
for (const row of rows) {
const rowBudget = toFiniteUnknown(row?.serviceBudget)
const rowBudget = toFiniteNumber(row?.serviceBudget)
if (rowBudget != null) {
total += rowBudget
hasValid = true
continue
}
const adopted = toFiniteUnknown(row?.adoptedBudgetUnitPrice)
const personnel = toFiniteUnknown(row?.personnelCount)
const workday = toFiniteUnknown(row?.workdayCount)
const adopted = toFiniteNumber(row?.adoptedBudgetUnitPrice)
const personnel = toFiniteNumber(row?.personnelCount)
const workday = toFiniteNumber(row?.workdayCount)
if (adopted == null || personnel == null || workday == null) continue
total += adopted * personnel * workday
hasValid = true
}
return hasValid ? round3(total) : null
return hasValid ? roundTo(total, 3) : null
}
const sumQuantityMethodFee = (state: MethodQuantityState | null): number | null => {
@@ -188,19 +177,19 @@ const sumQuantityMethodFee = (state: MethodQuantityState | null): number | null
let hasValid = false
for (const row of rows) {
if (String(row?.id || '') === 'fee-subtotal-fixed') continue
const budget = toFiniteUnknown(row?.budgetFee)
const budget = toFiniteNumber(row?.budgetFee)
if (budget != null) {
total += budget
hasValid = true
continue
}
const quantity = toFiniteUnknown(row?.quantity)
const unitPrice = toFiniteUnknown(row?.unitPrice)
const quantity = toFiniteNumber(row?.quantity)
const unitPrice = toFiniteNumber(row?.unitPrice)
if (quantity == null || unitPrice == null) continue
total += quantity * unitPrice
hasValid = true
}
return hasValid ? round3(total) : null
return hasValid ? roundTo(total, 3) : null
}
const hydrateRowsFromMethodStores = async (rows: FeeMethodRow[]): Promise<FeeMethodRow[]> => {
@@ -215,13 +204,13 @@ const hydrateRowsFromMethodStores = async (rows: FeeMethodRow[]): Promise<FeeMet
zxFwPricingStore.loadHtFeeMethodState<MethodQuantityState>(props.storageKey, row.id, 'quantity-unit-price-fee')
])
const storedRateFee = toFiniteUnknown(rateData?.budgetFee)
const rateValue = toFiniteUnknown(rateData?.rate)
const storedRateFee = toFiniteNumber(rateData?.budgetFee)
const rateValue = toFiniteNumber(rateData?.rate)
const rateFee =
contractBase != null && rateValue != null
? round3(contractBase * rateValue)
? roundTo(contractBase * rateValue / 100, 2)
: storedRateFee != null
? round3(storedRateFee)
? roundTo(storedRateFee, 2)
: null
const hourlyFee = sumHourlyMethodFee(hourlyData)
@@ -244,6 +233,14 @@ const fixedNames = computed(() =>
: []
)
const hasFixedNames = computed(() => fixedNames.value.length > 0)
const fixedNamesSignature = computed(() =>
JSON.stringify(
fixedNames.value.map(item => ({
id: String(item?.id || ''),
name: String(item?.name || '')
}))
)
)
const detailRows = computed<FeeMethodRow[]>({
get: () => {
const rows = zxFwPricingStore.getHtFeeMainState<FeeMethodRow>(props.storageKey)?.detailRows
@@ -261,7 +258,7 @@ const summaryRow = computed<FeeMethodRow>(() => {
const quantityUnitPriceFee = sumNullableField(detailRows.value, row => row.quantityUnitPriceFee)
const result: FeeMethodRow = {
id: SUMMARY_ROW_ID,
name: '小计',
name: t('htFeeGrid.subtotal'),
rateFee,
hourlyFee,
quantityUnitPriceFee
@@ -278,7 +275,7 @@ const lastSavedSnapshot = ref('')
const requestClearRow = (id: string, name?: string) => {
pendingClearRowId.value = id
pendingClearRowName.value = String(name || '').trim() || '当前行'
pendingClearRowName.value = String(name || '').trim() || t('htFeeGrid.currentRow')
clearConfirmOpen.value = true
}
@@ -322,7 +319,7 @@ const toLegacyQuantityUnitPriceFee = (row: LegacyFeeRow) => {
typeof row.unitPrice === 'number' &&
Number.isFinite(row.unitPrice)
) {
return Number((row.quantity * row.unitPrice).toFixed(2))
return roundTo(row.quantity * row.unitPrice, 2)
}
return null
}
@@ -351,12 +348,13 @@ const mergeWithStoredRows = (rowsFromDb: unknown): FeeMethodRow[] => {
})
if (hasFixedNames.value) {
const byId = new Map(rows.map(row => [String(row.id || ''), row]))
const byName = new Map(rows.map(row => [row.name, row]))
return fixedNames.value.map((item, index) => {
const fromDb = byName.get(item.name)
const rowId = String(item?.id || `fee-method-fixed-${index}`)
const fromDb = byId.get(rowId) || byName.get(item.name)
return {
id: item?.id || `fee-method-fixed-${index}`,
id: rowId,
name: item.name,
rateFee: fromDb?.rateFee ?? null,
hourlyFee: fromDb?.hourlyFee ?? null,
@@ -377,6 +375,12 @@ const saveToIndexedDB = async (force = false) => {
const snapshot = JSON.stringify(payload.detailRows)
if (!force && snapshot === lastSavedSnapshot.value) return
zxFwPricingStore.setHtFeeMainState(props.storageKey, payload, { force })
if (String(props.storageKey || '').includes('-additional-work')) {
const contractId = String(props.contractId || '').trim()
if (contractId) {
await zxFwPricingStore.syncHtExtraFeeByContractBase(contractId)
}
}
lastSavedSnapshot.value = snapshot
} catch (error) {
console.error('saveToIndexedDB failed:', error)
@@ -424,10 +428,9 @@ const clearRow = async (id: string) => {
const editRow = (id: string) => {
const row = detailRows.value.find(item => item.id === id)
if (!row) return
console.log(id)
tabStore.openTab({
id: `ht-fee-edit-${props.storageKey}-${id}`,
title: `费用编辑-${row.name || '未命名'}`,
title: t('htFeeGrid.editTabTitle', { name: row.name || t('htFeeGrid.unnamed') }),
componentName: 'HtFeeMethodTypeLineView',
props: {
sourceTitle: props.title,
@@ -454,7 +457,7 @@ const ActionCellRenderer = defineComponent({
const onActionClick = (action: 'edit' | 'clear') => (event: MouseEvent) => {
event.preventDefault()
event.stopPropagation()
const rowId = props.params.data?.id
const rowId = String(props.params.data?.id || '').trim()
if (!rowId) return
if (action === 'edit') {
props.params.context?.onActionEdit?.(rowId)
@@ -471,7 +474,7 @@ const ActionCellRenderer = defineComponent({
onClick: onActionClick('edit')
}, [
h(Pencil, { size: 13, 'aria-hidden': 'true' }),
h('span', '编辑')
h('span', t('htFeeGrid.edit'))
]),
h('button', {
class: 'zxfw-action-btn zxfw-action-btn--danger',
@@ -480,7 +483,7 @@ const ActionCellRenderer = defineComponent({
onClick: onActionClick('clear')
}, [
h(Eraser, { size: 13, 'aria-hidden': 'true' }),
h('span', '清空')
h('span', t('htFeeGrid.clear'))
])
])
])
@@ -490,7 +493,7 @@ const ActionCellRenderer = defineComponent({
const columnDefs: ColDef<FeeMethodRow>[] = [
{
headerName: '名字',
headerName: t('htFeeGrid.columns.name'),
field: 'name',
minWidth: 180,
flex: 1.8,
@@ -501,64 +504,67 @@ const columnDefs: ColDef<FeeMethodRow>[] = [
? ''
: 'editable-cell-line',
cellClassRules: {
'ag-summary-label-cell': params => isSummaryRow(params.data),
'editable-cell-empty': params => params.value == null || params.value === ''
}
},
{
headerName: '费率计取',
headerName: t('htFeeGrid.columns.rateFee'),
field: 'rateFee',
minWidth: 130,
flex: 1.2,
editable: false,
headerClass: 'ag-right-aligned-header',
cellClass: 'ag-right-aligned-cell',
valueParser: params => numericParser(params.newValue),
valueFormatter: formatEditableNumber,
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params => params.value == null || params.value === ''
}
},
{
headerName: '工时法',
headerName: t('htFeeGrid.columns.hourlyFee'),
field: 'hourlyFee',
minWidth: 130,
flex: 1.2,
editable: false,
headerClass: 'ag-right-aligned-header',
cellClass: 'ag-right-aligned-cell',
valueParser: params => numericParser(params.newValue),
valueFormatter: formatEditableNumber,
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params => params.value == null || params.value === ''
}
},
{
headerName: '数量单价',
headerName: t('htFeeGrid.columns.quantityUnitPriceFee'),
field: 'quantityUnitPriceFee',
minWidth: 130,
flex: 1.2,
editable: false,
headerClass: 'ag-right-aligned-header',
cellClass: 'ag-right-aligned-cell',
valueParser: params => numericParser(params.newValue),
valueFormatter: formatEditableNumber,
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params => params.value == null || params.value === ''
}
},
{
headerName: '小计',
headerName: t('htFeeGrid.columns.subtotal'),
field: 'subtotal',
minWidth: 140,
flex: 1.2,
editable: false,
headerClass: 'ag-right-aligned-header',
cellClass: 'ag-right-aligned-cell',
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueGetter: params => getRowSubtotal(params.data),
valueFormatter: formatEditableNumber
},
{
headerName: '操作',
headerName: t('htFeeGrid.columns.actions'),
field: 'actions',
minWidth: 220,
flex: 1.6,
@@ -570,6 +576,7 @@ const columnDefs: ColDef<FeeMethodRow>[] = [
cellRenderer: ActionCellRenderer
}
]
const gridColumnDefs = computed(() => withReadonlyAutoHeight(columnDefs))
const detailGridOptions: GridOptions<FeeMethodRow> = {
...gridOptions,
@@ -610,11 +617,27 @@ const handleGridReady = (event: GridReadyEvent<FeeMethodRow>) => {
gridApi.value = event.api
}
const handleCellValueChanged = (event: CellValueChangedEvent<FeeMethodRow>) => {
if (isSummaryRow(event.data)) return
let isBulkClipboardMutation = false
const commitGridChanges = () => {
void saveToIndexedDB()
}
const handleCellValueChanged = (event: CellValueChangedEvent<FeeMethodRow>) => {
if (isBulkClipboardMutation) return
if (isSummaryRow(event.data)) return
commitGridChanges()
}
const handleBulkMutationStart = () => {
isBulkClipboardMutation = true
}
const handleBulkMutationEnd = () => {
isBulkClipboardMutation = false
commitGridChanges()
}
onMounted(async () => {
await loadFromIndexedDB()
})
@@ -624,27 +647,19 @@ onActivated(() => {
})
const storageKeyRef = computed(() => props.storageKey)
const reserveAdditionalWorkKeyVersion = computed(() => {
if (!isReserveStorageKey(props.storageKey)) return 0
const reserveAdditionalWorkStateSignature = computed(() => {
if (!isReserveStorageKey(props.storageKey)) return ''
const contractId = String(props.contractId || '').trim()
if (!contractId) return 0
if (!contractId) return ''
const additionalStorageKey = `htExtraFee-${contractId}-additional-work`
return zxFwPricingStore.getKeyVersion(additionalStorageKey)
return JSON.stringify(zxFwPricingStore.htFeeMainStates[additionalStorageKey] || null)
})
watch(storageKeyRef, () => {
scheduleReloadFromStorage()
})
watch(
() =>
detailRows.value
.map(row => {
const rateKey = zxFwPricingStore.getHtFeeMethodStorageKey(props.storageKey, row.id, 'rate-fee')
const hourlyKey = zxFwPricingStore.getHtFeeMethodStorageKey(props.storageKey, row.id, 'hourly-fee')
const quantityKey = zxFwPricingStore.getHtFeeMethodStorageKey(props.storageKey, row.id, 'quantity-unit-price-fee')
return `${row.id}:${zxFwPricingStore.getKeyVersion(rateKey)}:${zxFwPricingStore.getKeyVersion(hourlyKey)}:${zxFwPricingStore.getKeyVersion(quantityKey)}`
})
.join('|'),
() => JSON.stringify(zxFwPricingStore.htFeeMethodStates[props.storageKey] || null),
(nextSignature, prevSignature) => {
if (!nextSignature && !prevSignature) return
if (nextSignature === prevSignature) return
@@ -655,19 +670,19 @@ watch(
watch(
() => {
const contractId = String(props.contractId || '').trim()
if (!contractId) return 0
return zxFwPricingStore.contractVersions[contractId] || 0
if (!contractId) return ''
return JSON.stringify(zxFwPricingStore.contracts[contractId] || null)
},
(nextVersion, prevVersion) => {
if (nextVersion === prevVersion || nextVersion === 0) return
(nextSig, prevSig) => {
if (nextSig === prevSig) return
scheduleReloadFromStorage()
}
)
watch(
reserveAdditionalWorkKeyVersion,
(nextVersion, prevVersion) => {
if (nextVersion === prevVersion) return
reserveAdditionalWorkStateSignature,
(nextSig, prevSig) => {
if (nextSig === prevSig) return
scheduleReloadFromStorage()
}
)
@@ -681,6 +696,20 @@ watch([hasFixedNames], () => {
gridApi.value?.refreshCells({ force: true })
})
watch(
fixedNamesSignature,
async (nextSig, prevSig) => {
if (!hasFixedNames.value) return
if (!nextSig || nextSig === prevSig) return
const nextRows = mergeWithStoredRows(detailRows.value)
const changed = JSON.stringify(nextRows) !== JSON.stringify(detailRows.value)
if (!changed) return
detailRows.value = nextRows
await saveToIndexedDB(true)
gridApi.value?.refreshCells({ force: true })
}
)
onBeforeUnmount(() => {
if (reloadTimer) clearTimeout(reloadTimer)
gridApi.value = null
@@ -693,16 +722,17 @@ onBeforeUnmount(() => {
<div class="rounded-lg border bg-card xmMx flex min-h-0 flex-1 flex-col">
<div class="flex items-center justify-between border-b px-4 py-3">
<h3 class="text-sm font-semibold text-foreground">{{ title }}</h3>
<Button v-if="!hasFixedNames" type="button" variant="outline" size="sm" @click="addRow">新增</Button>
<Button v-if="!hasFixedNames" type="button" variant="outline" size="sm" @click="addRow">{{ t('htFeeGrid.add') }}</Button>
</div>
<div :class="agGridWrapClass">
<AgGridVue
:style="agGridStyle"
:rowData="displayRows"
:columnDefs="columnDefs"
:columnDefs="gridColumnDefs"
:gridOptions="detailGridOptions"
:theme="myTheme"
:animateRows="true"
:treeData="false"
:localeText="AG_GRID_LOCALE_CN"
:tooltipShowDelay="500"
@@ -715,6 +745,10 @@ onBeforeUnmount(() => {
:undoRedoCellEditingLimit="20"
@grid-ready="handleGridReady"
@cell-value-changed="handleCellValueChanged"
@paste-start="handleBulkMutationStart"
@paste-end="handleBulkMutationEnd"
@fill-start="handleBulkMutationStart"
@fill-end="handleBulkMutationEnd"
/>
</div>
</div>
@@ -724,16 +758,16 @@ onBeforeUnmount(() => {
<AlertDialogPortal>
<AlertDialogOverlay class="fixed inset-0 z-50 bg-black/45" />
<AlertDialogContent class="fixed left-1/2 top-1/2 z-[70] w-[92vw] max-w-md -translate-x-1/2 -translate-y-1/2 rounded-lg border bg-background p-5 shadow-xl">
<AlertDialogTitle class="text-base font-semibold">确认清空</AlertDialogTitle>
<AlertDialogTitle class="text-base font-semibold">{{ t('htFeeGrid.dialog.clearTitle') }}</AlertDialogTitle>
<AlertDialogDescription class="mt-2 text-sm text-muted-foreground">
将清空“{{ pendingClearRowName }}”及其编辑页面的可填和自动计算数据，是否继续？
{{ t('htFeeGrid.dialog.clearDesc', { name: pendingClearRowName }) }}
</AlertDialogDescription>
<div class="mt-4 flex items-center justify-end gap-2">
<AlertDialogCancel as-child>
<Button variant="outline">取消</Button>
<Button variant="outline">{{ t('common.cancel') }}</Button>
</AlertDialogCancel>
<AlertDialogAction as-child>
<Button variant="destructive" @click="confirmClearRow">确认清空</Button>
<Button variant="destructive" @click="confirmClearRow">{{ t('htFeeGrid.dialog.confirmClear') }}</Button>
</AlertDialogAction>
</div>
</AlertDialogContent>
src/components/shared/MethodUnavailableNotice.vue → src/features/shared/components/MethodUnavailableNotice.vue
+4 -2
View File
@@ -1,11 +1,13 @@
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const props = withDefaults(
defineProps<{
title?: string
message: string
}>(),
{
title: '该服务不适用当前计价方法'
title: undefined
}
)
</script>
@@ -15,7 +17,7 @@ const props = withDefaults(
class="flex h-full min-h-0 w-full flex-1 items-center justify-center bg-[radial-gradient(circle_at_top,_rgba(220,38,38,0.18),rgba(0,0,0,0.03)_46%,transparent_72%)] p-6"
>
<div class="w-full max-w-xl rounded-2xl border border-red-300/85 bg-white/90 px-8 py-10 text-center shadow-[0_18px_38px_-22px_rgba(153,27,27,0.6)] backdrop-blur">
<p class="text-lg font-semibold tracking-wide text-neutral-900">{{ props.title }}</p>
<p class="text-lg font-semibold tracking-wide text-neutral-900">{{ props.title || t('methodUnavailable.defaultTitle') }}</p>
<p class="mt-2 text-sm leading-6 text-red-700">{{ props.message }}</p>
</div>
</div>
src/features/shared/components/ServiceCheckboxSelector.vue
+140
View File
@@ -0,0 +1,140 @@
<script setup lang="ts">
import { computed, watch } from 'vue'
import { useI18n } from 'vue-i18n'
interface ServiceItem {
id: string
code: string
name: string
}
const props = defineProps<{
services: ServiceItem[]
serviceRows?: string[][]
modelValue: string[]
}>()
const emit = defineEmits<{
(e: 'update:modelValue', value: string[]): void
}>()
const { t } = useI18n()
const selectedSet = computed(() => new Set(props.modelValue))
const serviceById = computed(() => new Map(props.services.map(item => [item.id, item])))
const firstRowIds = computed(() => {
const rows = Array.isArray(props.serviceRows) ? props.serviceRows : []
if (rows.length === 0) return [] as string[]
const firstRow = Array.isArray(rows[0]) ? rows[0] : []
return firstRow.filter(id => serviceById.value.has(id))
})
const firstRowIdSet = computed(() => new Set(firstRowIds.value))
const groupedRows = computed(() => {
const rows = Array.isArray(props.serviceRows) ? props.serviceRows : []
if (rows.length === 0) return [] as ServiceItem[][]
const used = new Set<string>()
const grouped = rows
.map(row => row.map(id => serviceById.value.get(id)).filter((item): item is ServiceItem => Boolean(item)))
.map(row => row.filter(item => {
if (used.has(item.id)) return false
used.add(item.id)
return true
}))
.filter(row => row.length > 0)
const leftovers = props.services.filter(item => !used.has(item.id))
if (leftovers.length > 0) grouped.push(leftovers)
return grouped
})
const toggleService = (id: string, checked: boolean) => {
const next = new Set(props.modelValue)
if (checked) {
if (firstRowIdSet.value.has(id)) {
firstRowIds.value.forEach(firstId => next.delete(firstId))
}
next.add(id)
} else {
next.delete(id)
}
emit('update:modelValue', props.services.map(item => item.id).filter(itemId => next.has(itemId)))
}
const isFirstRowDisabled = (id: string) => {
if (!firstRowIdSet.value.has(id)) return false
for (const selectedId of props.modelValue) {
if (selectedId !== id && firstRowIdSet.value.has(selectedId)) return true
}
return false
}
watch(
() => [props.modelValue, firstRowIds.value] as const,
() => {
const firstSelected = props.modelValue.filter(id => firstRowIdSet.value.has(id))
if (firstSelected.length <= 1) return
const keepId = firstRowIds.value.find(id => firstSelected.includes(id)) || firstSelected[0]
const next = props.modelValue.filter(id => !firstRowIdSet.value.has(id) || id === keepId)
emit('update:modelValue', next)
},
{ immediate: true, deep: true }
)
const clearAll = () => {
emit('update:modelValue', [])
}
</script>
<template>
<div class="rounded-lg border bg-card p-2.5 shadow-sm">
<div class="mb-1 flex items-center justify-between gap-2">
<div class="flex min-w-0 items-center gap-1.5">
<label class="block shrink-0 text-sm font-semibold leading-none text-slate-900">{{ t('serviceSelector.title') }}</label>
<span class="min-w-0 text-xs leading-5 text-muted-foreground">{{ t('serviceSelector.titleHint') }}</span>
</div>
<button
type="button"
class="cursor-pointer h-6 rounded-md border px-2 text-[13px] text-muted-foreground transition hover:bg-accent"
@click="clearAll"
>
{{ t('serviceSelector.clear') }}
</button>
</div>
<div class="rounded-md border p-1.5">
<div v-if="groupedRows.length > 0" class="flex flex-col gap-1.5">
<div
v-for="(row, rowIndex) in groupedRows"
:key="`service-row-${rowIndex}`"
class="flex flex-wrap items-start gap-1 border-b border-slate-200 pb-1.5 last:border-b-0 last:pb-0"
>
<label
v-for="item in row"
:key="item.id"
:class="[
'inline-flex w-fit max-w-full items-start gap-1.5 rounded-md border px-2 py-1 text-[11px] leading-4 transition',
isFirstRowDisabled(item.id)
? 'cursor-not-allowed border-slate-300 bg-slate-100/80 text-slate-400 opacity-80'
: 'cursor-pointer hover:bg-muted/60'
]"
>
<input
type="checkbox"
:class="[
'mt-0.5',
isFirstRowDisabled(item.id) ? 'cursor-not-allowed accent-slate-300' : 'cursor-pointer'
]"
:checked="selectedSet.has(item.id)"
:disabled="isFirstRowDisabled(item.id)"
@change="toggleService(item.id, ($event.target as HTMLInputElement).checked)"
/>
<span class="text-muted-foreground shrink-0">{{ item.code }}</span>
<span class="text-foreground break-words">{{ item.name }}</span>
</label>
</div>
</div>
<div v-if="props.services.length === 0" class="px-2 py-4 text-center text-xs text-muted-foreground">
{{ t('serviceSelector.empty') }}
</div>
</div>
</div>
</template>
src/features/shared/components/WorkContentGrid.vue
+857
View File
@@ -0,0 +1,857 @@
<script setup lang="ts">
import { computed, defineComponent, h, nextTick, onBeforeUnmount, onMounted, PropType, ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import { AgGridVue } from 'ag-grid-vue3'
import type {
CellValueChangedEvent,
ColDef,
FirstDataRenderedEvent,
GridApi,
GridReadyEvent,
ICellRendererParams,
IGroupCellRendererParams,
IRowNode,
ValueFormatterParams
} from 'ag-grid-community'
import { AG_GRID_LOCALE_CN } from '@ag-grid-community/locale'
import {
AlertDialogAction,
AlertDialogCancel,
AlertDialogContent,
AlertDialogDescription,
AlertDialogOverlay,
AlertDialogPortal,
AlertDialogRoot,
AlertDialogTitle
} from 'reka-ui'
import { Button } from '@/components/ui/button'
import { agGridDefaultColDef, myTheme, agGridStyle } from '@/lib/diyAgGridOptions'
import { withReadonlyAutoHeight } from '@/lib/agGridReadonlyAutoHeight'
import { getServiceDictItemById, getWorkListEntries, wholeProcessTasks } from '@/sql'
import { WorkType } from '@/sql'
import { useZxFwPricingStore } from '@/pinia/zxFwPricing'
import { useKvStore } from '@/pinia/kv'
import { Trash2 } from 'lucide-vue-next'
interface WorkContentRow {
id: string
content: string
type: WorkType
dictOrder?: number
serviceGroup?: string
serviceid?: number | null
remark: string
checked: boolean
custom: boolean
isAddTrigger?: boolean
path: string[]
}
interface WorkContentState {
detailRows: WorkContentRow[]
}
// dictMode: 'service' 按serviceId筛选workList；'additional' 取serviceid=-1的数据；'none' 不加载词典
const props = withDefaults(defineProps<{
title?: string
storageKey: string
serviceId?: number | string
contractId?: string
projectInfoKey?: string
dictMode?: 'service' | 'additional' | 'none'
}>(), {
title: '',
projectInfoKey: 'xm-base-info-v1',
dictMode: 'none'
})
const emit = defineEmits<{
checkedChange: [value: string[]]
}>()
const { t, locale } = useI18n()
const zxFwPricingStore = useZxFwPricingStore()
const kvStore = useKvStore()
const gridApi = ref<GridApi<WorkContentRow> | null>(null)
const rowData = ref<WorkContentRow[]>([])
const isWholeProcessGroupedMode = ref(false)
const groupedServiceGroups = ref<string[]>([])
const defaultColDef = {
...(agGridDefaultColDef as ColDef<WorkContentRow>),
resizable: true,
sortable: false,
filter: false
}
const syncGroupedRowsRender = async () => {
await nextTick()
const api = gridApi.value
if (!api || api.isDestroyed?.()) return
if (isWholeProcessGroupedMode.value) {
api.expandAll()
}
api.refreshClientSideRowModel('group')
api.refreshCells({ force: true })
api.redrawRows()
setTimeout(() => {
const liveApi = gridApi.value
if (!liveApi || liveApi.isDestroyed?.()) return
if (isWholeProcessGroupedMode.value) {
liveApi.expandAll()
}
liveApi.refreshCells({ force: true })
liveApi.redrawRows()
}, 16)
}
const toServiceId = (value: unknown): number | null => {
const parsed = Number(value)
if (!Number.isSafeInteger(parsed)) return null
return parsed
}
const getStableDictRowKeyFromId = (idRaw: unknown) => {
const id = String(idRaw || '').trim()
if (!id.startsWith('dict-')) return ''
const matched = /^dict-(-?\d+)-(\d+)(?:-|$)/.exec(id)
if (!matched) return ''
return `sid:${matched[1]}|order:${matched[2]}`
}
const getDictRowMergeKey = (row: Pick<WorkContentRow, 'id' | 'dictOrder' | 'content' | 'serviceid' | 'serviceGroup'>) => {
const fromId = getStableDictRowKeyFromId(row.id)
if (fromId) return fromId
const content = String(row.content || '').trim()
const serviceid = toServiceId(row.serviceid)
const dictOrder = Number(row.dictOrder)
if (serviceid != null && Number.isFinite(dictOrder)) return `sid:${serviceid}|order:${dictOrder}`
if (serviceid != null) return `sid:${serviceid}|content:${content}`
const groupName = String(row.serviceGroup || '').trim()
if (groupName) return `group:${groupName}|content:${content}`
return `content:${content}`
}
const loadProjectIndustryId = async () => {
try {
const baseInfo = await kvStore.getItem<{ projectIndustry?: unknown }>(props.projectInfoKey)
const raw = typeof baseInfo?.projectIndustry === 'string' ? baseInfo.projectIndustry.trim() : ''
if (raw.toUpperCase() === 'E2') return 0
if (raw.toUpperCase() === 'E3') return 1
if (raw.toUpperCase() === 'E4') return 2
const n = Number(raw)
return Number.isFinite(n) ? n : null
} catch (_error) {
return null
}
}
const buildDefaultRowsFromDict = async (): Promise<WorkContentRow[]> => {
const rows: WorkContentRow[] = []
const entries = getWorkListEntries(locale.value) as Array<{ text: string; serviceid: number; order: number; type: number }>
let filtered: typeof entries = []
let groupedServiceIds: number[] = []
let groupedBy: 'fid' | 'sid' | null = null
let matchedWholeProcessGroup: { fid: number; industry: number; sid: number[] } | null = null
isWholeProcessGroupedMode.value = false
groupedServiceGroups.value = []
if (props.dictMode === 'service') {
const sid = Number(props.serviceId)
const industryId = await loadProjectIndustryId()
const wholeProcessGroupByFid = wholeProcessTasks.find(
item => Number(item.fid) === sid && Number(item.industry) === industryId
)
const wholeProcessGroup = wholeProcessGroupByFid
groupedBy = wholeProcessGroupByFid ? 'fid' : null
if (wholeProcessGroup) {
groupedServiceIds = Array.isArray(wholeProcessGroup.sid)
? wholeProcessGroup.sid.map(id => Number(id)).filter(Number.isFinite)
: []
matchedWholeProcessGroup = {
fid: Number(wholeProcessGroup.fid),
industry: Number(wholeProcessGroup.industry),
sid: [...groupedServiceIds]
}
const groupedSet = new Set(groupedServiceIds)
filtered = entries.filter(e => groupedSet.has(Number(e.serviceid)))
isWholeProcessGroupedMode.value = groupedServiceIds.length > 0
groupedServiceGroups.value = groupedServiceIds.map(sid => {
const serviceItem = getServiceDictItemById(sid) as { code?: string; name?: string } | undefined
return serviceItem
? `${String(serviceItem.code || '').trim()} ${String(serviceItem.name || '').trim()}`.trim()
: String(sid)
})
} else {
filtered = entries.filter(e => e.serviceid === sid)
}
} else if (props.dictMode === 'additional') {
filtered = entries.filter(e => e.serviceid === -1 && props.storageKey.split('-').at(-1) =='2')
} else {
return []
}
if (isWholeProcessGroupedMode.value) {
const sidIndex = new Map(groupedServiceIds.map((sid, index) => [sid, index]))
filtered.sort((a, b) => {
const indexA = sidIndex.get(Number(a.serviceid)) ?? Number.MAX_SAFE_INTEGER
const indexB = sidIndex.get(Number(b.serviceid)) ?? Number.MAX_SAFE_INTEGER
if (indexA !== indexB) return indexA - indexB
return a.order - b.order
})
} else {
filtered.sort((a, b) => a.order - b.order)
}
for (const entry of filtered) {
const content = String(entry.text || '').trim()
if (!content) continue
const typeLabel = ((): WorkType => {
if (entry.type === 1) return t('workContent.type.optional') as WorkType
if (entry.type === 2) return t('workContent.type.daily') as WorkType
if (entry.type === 3) return t('workContent.type.special') as WorkType
if (entry.type === 4) return t('workContent.type.additional') as WorkType
return t('workContent.type.basic') as WorkType
})()
const serviceItem = getServiceDictItemById(entry.serviceid) as { code?: string; name?: string } | undefined
const serviceGroup = serviceItem
? `${String(serviceItem.code || '').trim()} ${String(serviceItem.name || '').trim()}`.trim()
: ''
rows.push({
id: `dict-${entry.serviceid}-${entry.order}`,
content,
type: typeLabel,
dictOrder: entry.order,
serviceGroup,
serviceid: toServiceId(entry.serviceid),
remark: '',
checked: true,
custom: false,
path: isWholeProcessGroupedMode.value && serviceGroup
? [serviceGroup, content]
: [typeLabel, content]
})
}
return rows
}
const deleteConfirmOpen = ref(false)
const pendingDeleteRowId = ref<string | null>(null)
const pendingDeleteRowName = ref('')
const requestDeleteRow = (id: string, name?: string) => {
pendingDeleteRowId.value = id
pendingDeleteRowName.value = String(name || '').trim() || t('workContent.currentRow')
deleteConfirmOpen.value = true
}
const checkedIds = computed(() =>
rowData.value.filter(item => !isAddTriggerRow(item) && item.checked).map(item => item.id)
)
// 导出用：自定义内容全部包含，默认词典内容只含勾选的
const selectedTexts = computed(() =>
rowData.value
.filter(item => !isAddTriggerRow(item) && (item.custom || item.checked))
.map(item => item.content)
.filter(Boolean)
)
defineExpose({ selectedTexts })
const emitCheckedChange = () => {
emit('checkedChange', [...checkedIds.value])
}
const saveToStore = () => {
const payload: WorkContentState = {
detailRows: getPersistableRows(rowData.value).map(item => ({ ...item }))
}
zxFwPricingStore.setKeyState(props.storageKey, payload)
emitCheckedChange()
}
const loadFromStore = async () => {
const defaultRows =
props.dictMode === 'none'
? []
: await buildDefaultRowsFromDict()
const state = await zxFwPricingStore.loadKeyState<WorkContentState>(props.storageKey)
if (Array.isArray(state?.detailRows) && state.detailRows.length > 0) {
const persistedRows = state.detailRows.map(item => ({
...item,
type: item.custom ? t('workContent.type.custom') : (item.type || t('workContent.type.basic')),
checked: item.custom ? false : item.checked !== false,
serviceid: toServiceId(item.serviceid),
path: Array.isArray(item.path) && item.path.length ? item.path : [t('workContent.type.custom'), item.content || t('workContent.unnamed')]
})) as WorkContentRow[]
const defaultGroupServiceIdMap = new Map<string, number>()
for (const row of defaultRows) {
const groupName = String(row.serviceGroup || '').trim()
const serviceid = toServiceId(row.serviceid)
if (!groupName || serviceid == null) continue
defaultGroupServiceIdMap.set(groupName, serviceid)
}
for (const row of persistedRows) {
if (row.serviceid != null) continue
const groupName = String(row.serviceGroup || '').trim()
if (!groupName) continue
const fallbackServiceId = defaultGroupServiceIdMap.get(groupName)
if (fallbackServiceId != null) {
row.serviceid = fallbackServiceId
}
}
// 按最新词典规则重建默认行，再合并历史勾选/备注，保证分组规则变更后立即生效。
if (defaultRows.length > 0) {
const persistedCustomRows = persistedRows.filter(item => item.custom)
const persistedDictRows = persistedRows.filter(item => !item.custom)
const persistedByKey = new Map(
persistedDictRows.map(item => [getDictRowMergeKey(item), item])
)
const mergedDictRows = defaultRows.map(item => {
const key = getDictRowMergeKey(item)
const old = persistedByKey.get(key)
if (!old) return item
return {
...item,
checked: old.checked !== false,
remark: String(old.remark || '')
}
})
rowData.value = withAddTriggerRows([...mergedDictRows, ...persistedCustomRows])
saveToStore()
} else {
rowData.value = withAddTriggerRows(persistedRows)
isWholeProcessGroupedMode.value = rowData.value.some(
item => !item.custom && Boolean(String(item.serviceGroup || '').trim())
)
}
} else {
rowData.value = withAddTriggerRows(defaultRows)
saveToStore()
}
emitCheckedChange()
await syncGroupedRowsRender()
}
const handleCheckedToggle = (id: string, checked: boolean) => {
const target = rowData.value.find(item => item.id === id)
if (!target || isAddTriggerRow(target)) return
target.checked = checked
gridApi.value?.refreshCells({ force: true })
gridApi.value?.redrawRows()
saveToStore()
}
const getGroupCheckableRows = (node?: IRowNode<WorkContentRow> | null) => {
if (!node) return []
return (node.allLeafChildren || [])
.map(item => item.data)
.filter((item): item is WorkContentRow => Boolean(item && !isAddTriggerRow(item) && !item.custom))
}
const handleGroupCheckedToggle = (node: IRowNode<WorkContentRow>, checked: boolean) => {
const groupRows = getGroupCheckableRows(node)
if (groupRows.length === 0) return
const targetIds = new Set(groupRows.map(item => item.id))
let changed = false
for (const row of rowData.value) {
if (!targetIds.has(row.id)) continue
if (row.checked === checked) continue
row.checked = checked
changed = true
}
if (!changed) return
gridApi.value?.refreshCells({ force: true })
gridApi.value?.redrawRows()
saveToStore()
}
const groupRowRendererParams = computed<IGroupCellRendererParams<WorkContentRow> | undefined>(() => {
if (!isWholeProcessGroupedMode.value) return undefined
return {
suppressCount: true,
innerRenderer: (params: ICellRendererParams<WorkContentRow>) => {
const wrapper = document.createElement('div')
wrapper.className = 'work-content-group-row'
const checkbox = document.createElement('input')
checkbox.type = 'checkbox'
checkbox.className = 'work-content-group-check'
const rows = getGroupCheckableRows(params.node)
const checkedCount = rows.filter(item => item.checked).length
checkbox.checked = rows.length > 0 && checkedCount === rows.length
checkbox.indeterminate = checkedCount > 0 && checkedCount < rows.length
checkbox.disabled = rows.length === 0
checkbox.addEventListener('mousedown', event => event.stopPropagation())
checkbox.addEventListener('click', event => event.stopPropagation())
checkbox.addEventListener('change', event => {
event.stopPropagation()
handleGroupCheckedToggle(params.node, checkbox.checked)
})
const label = document.createElement('span')
label.className = 'work-content-group-label'
label.textContent = String(params.valueFormatted || params.value || params.node.key || '')
wrapper.append(checkbox, label)
return wrapper
}
}
})
const contentCellRenderer = (params: ICellRendererParams<WorkContentRow>) => {
const data = params.data
if (!data) return ''
const wrapper = document.createElement('div')
wrapper.style.display = 'flex'
wrapper.style.alignItems = 'center'
wrapper.style.justifyContent = 'space-between'
wrapper.style.gap = '6px'
wrapper.style.width = '100%'
wrapper.className = 'work-content-cell'
if (isAddTriggerRow(data)) {
const label = document.createElement('span')
label.className = 'work-content-placeholder'
label.textContent = String(data.content || t('workContent.addCustom'))
wrapper.appendChild(label)
return wrapper
}
// 自定义行不显示 checkbox，直接显示文本；空时显示 placeholder
if (data.custom) {
const label = document.createElement('span')
if (!data.content) {
label.className = 'work-content-placeholder'
label.textContent = t('workContent.clickToInputContent')
} else {
label.className = 'work-content-text'
label.textContent = data.content
}
wrapper.appendChild(label)
return wrapper
}
const checkbox = document.createElement('input')
checkbox.type = 'checkbox'
checkbox.className = 'work-content-check'
checkbox.checked = Boolean(data.checked)
checkbox.addEventListener('change', () => {
handleCheckedToggle(data.id, checkbox.checked)
})
const label = document.createElement('span')
label.className = 'work-content-text'
label.textContent = String(data.content || '')
wrapper.appendChild(checkbox)
wrapper.appendChild(label)
return wrapper
}
const columnDefs: ColDef<WorkContentRow>[] = [
{
headerName: t('workContent.columns.no'),
minWidth: 60,
width: 70,
suppressMovable: true,
editable: false,
colSpan: params => (isAddTriggerRow(params.data) ? 5 : 1),
valueGetter: params => {
if (!params.node || params.node.group || isAddTriggerRow(params.data)) return ''
if (!isWholeProcessGroupedMode.value) return (params.node.rowIndex ?? 0) + 1
const siblings = params.node.parent?.childrenAfterSort || []
const visibleLeafSiblings = siblings.filter(node => !node.group && !isAddTriggerRow(node.data as WorkContentRow))
const index = visibleLeafSiblings.findIndex(node => node.id === params.node?.id)
return index >= 0 ? index + 1 : ''
},
cellRenderer: (params: ICellRendererParams<WorkContentRow>) => {
const row = params.data
if (!isAddTriggerRow(row)) return params.value
const button = document.createElement('button')
button.type = 'button'
button.className =
'inline-flex h-full w-full cursor-pointer items-center justify-center rounded-none border-0 bg-transparent px-3 py-3 text-sm font-medium text-blue-700 hover:bg-transparent focus:outline-none'
button.textContent = `＋ ${t('workContent.addCustom')}`
button.addEventListener('click', event => {
event.preventDefault()
event.stopPropagation()
addCustomRow(String(row?.serviceGroup || '').trim())
})
return button
}
},
{
headerName: t('workContent.columns.content'),
field: 'content',
minWidth: 320,
flex: 2,
cellClass: 'work-content-main-cell',
editable: params => Boolean(params.data?.custom && !isAddTriggerRow(params.data)),
valueParser: params => String(params.newValue || '').trim(),
wrapText: true,
autoHeight: true,
cellStyle: { whiteSpace: 'normal', lineHeight: '1.5' },
cellRenderer: contentCellRenderer
},
{
headerName: t('workContent.columns.type'),
field: 'type',
minWidth: 100,
width: 120,
editable: false,
valueFormatter: (params: ValueFormatterParams<WorkContentRow>) =>
isAddTriggerRow(params.data) ? '' : String(params.value || '')
},
{
headerName: t('workContent.columns.remark'),
field: 'remark',
minWidth: 180,
flex: 1.2,
editable: params => !isAddTriggerRow(params.data),
cellEditor: 'agLargeTextCellEditor',
wrapText: true,
autoHeight: true,
cellStyle: { whiteSpace: 'normal', lineHeight: '1.4' },
cellClass: 'remark-wrap-cell',
cellClassRules: {
'editable-cell-empty': params => params.value == null || params.value === ''
},
valueFormatter: params => (isAddTriggerRow(params.data) ? '' : (params.value || t('workContent.clickToInput')))
},
{
headerName: t('workContent.columns.actions'),
colId: 'actions',
minWidth: 92,
maxWidth: 110,
flex: 0.8,
editable: false,
sortable: false,
filter: false,
suppressMovable: true,
cellRenderer: defineComponent({
name: 'HtFeeGridActionCellRenderer',
props: {
params: {
type: Object as PropType<ICellRendererParams<WorkContentRow>>,
required: true
}
},
setup(rendererProps) {
return () => {
const row = rendererProps.params.data
if (!row?.custom) return null
const onDelete = (event: MouseEvent) => {
event.preventDefault()
event.stopPropagation()
requestDeleteRow(row.id, row.content)
}
return h(
'button',
{
type: 'button',
class:
'inline-flex cursor-pointer items-center gap-1 rounded border border-red-200 px-2 py-1 text-xs text-red-600 hover:bg-red-50',
onClick: onDelete
},
[h(Trash2, { size: 12, 'aria-hidden': 'true' }), h('span', t('common.delete'))]
)
}
}
})
}
]
const gridColumnDefs = computed(() => withReadonlyAutoHeight(columnDefs))
const isAddTriggerRow = (row?: WorkContentRow | null) => Boolean(row?.isAddTrigger)
const getPersistableRows = (rows: WorkContentRow[]) => rows.filter(item => !isAddTriggerRow(item))
const createAddTriggerRow = (groupName?: string): WorkContentRow => {
const suffix = groupName ? String(groupName).trim() : 'root'
return {
id: `add-trigger-${suffix}`,
content: t('workContent.addCustom'),
type: t('workContent.type.custom') as WorkType,
serviceGroup: groupName || '',
serviceid: null,
remark: '',
checked: false,
custom: false,
isAddTrigger: true,
path: groupName ? [groupName, '__add__'] : ['__add__']
}
}
const withAddTriggerRows = (rows: WorkContentRow[]) => {
const pureRows = getPersistableRows(rows)
if (isWholeProcessGroupedMode.value) {
const groupedMap = new Map<string, WorkContentRow[]>()
for (const row of pureRows) {
const groupName = String(row.serviceGroup || '').trim() || t('workContent.ungrouped')
if (!groupedMap.has(groupName)) groupedMap.set(groupName, [])
groupedMap.get(groupName)?.push(row)
}
const groupOrder = groupedServiceGroups.value.length
? [...groupedServiceGroups.value]
: [...groupedMap.keys()]
const result: WorkContentRow[] = []
const used = new Set<string>()
for (const groupName of groupOrder) {
used.add(groupName)
result.push(...(groupedMap.get(groupName) || []))
result.push(createAddTriggerRow(groupName))
}
for (const [groupName, groupRows] of groupedMap.entries()) {
if (used.has(groupName)) continue
result.push(...groupRows)
result.push(createAddTriggerRow(groupName))
}
return result
}
return [...pureRows, createAddTriggerRow()]
}
const getDataPath = (data: WorkContentRow) => {
const path = Array.isArray(data?.path)
? data.path.map(segment => String(segment || '').trim()).filter(Boolean)
: []
if (path.length > 0) return path
const fallback = String(data?.id || '').trim()
return [fallback || '__row__']
}
const addCustomRow = (groupName?: string) => {
const ts = Date.now()
const finalGroupName = isWholeProcessGroupedMode.value
? String(groupName || groupedServiceGroups.value[0] || '').trim()
: ''
const finalServiceId = isWholeProcessGroupedMode.value
? (() => {
const pureRows = getPersistableRows(rowData.value)
const hit = pureRows.find(item => String(item.serviceGroup || '').trim() === finalGroupName && item.serviceid != null)
return hit?.serviceid ?? null
})()
: null
const nextRow: WorkContentRow = {
id: `custom-${ts}`,
content: '',
type: t('workContent.type.custom') as WorkType,
serviceGroup: finalGroupName,
serviceid: finalServiceId,
remark: '',
checked: false,
custom: true,
path: isWholeProcessGroupedMode.value && finalGroupName
? [finalGroupName, `${t('workContent.type.custom')}-${ts}`]
: [t('workContent.type.custom'), `${t('workContent.type.custom')}-${ts}`]
}
const pureRows = getPersistableRows(rowData.value)
pureRows.push(nextRow)
rowData.value = withAddTriggerRows(pureRows)
saveToStore()
setTimeout(() => {
const rowIndex = rowData.value.findIndex(item => item.id === nextRow.id)
if (rowIndex >= 0) gridApi.value?.startEditingCell({ rowIndex, colKey: 'content' })
}, 0)
}
const onGridReady = (event: GridReadyEvent<WorkContentRow>) => {
gridApi.value = event.api
void syncGroupedRowsRender()
}
const onFirstDataRendered = (_event: FirstDataRenderedEvent<WorkContentRow>) => {
void syncGroupedRowsRender()
}
const onCellValueChanged = (event: CellValueChangedEvent<WorkContentRow>) => {
const row = event.data
if (!row || isAddTriggerRow(row)) return
if (event.colDef.field === 'content' && row.custom) {
const groupName = String(row.serviceGroup || '').trim()
row.path = isWholeProcessGroupedMode.value && groupName
? [groupName, row.content || `${t('workContent.type.custom')}-${row.id}`]
: [t('workContent.type.custom'), row.content || `${t('workContent.type.custom')}-${row.id}`]
}
if (event.colDef.field === 'type' && row.custom) {
row.type = t('workContent.type.custom') as WorkType
}
saveToStore()
}
onMounted(() => {
void loadFromStore()
})
watch(isWholeProcessGroupedMode, () => {
void syncGroupedRowsRender()
})
watch(
() => rowData.value.length,
() => {
void syncGroupedRowsRender()
}
)
watch(locale, () => {
void loadFromStore()
})
onBeforeUnmount(() => {
gridApi.value?.stopEditing()
saveToStore()
})
const handleDeleteConfirmOpenChange = (open: boolean) => {
deleteConfirmOpen.value = open
}
const deleteRow = (id: string) => {
rowData.value = withAddTriggerRows(rowData.value.filter(item => item.id !== id))
saveToStore()
}
const confirmDeleteRow = () => {
const id = pendingDeleteRowId.value
if (!id) return
deleteRow(id)
deleteConfirmOpen.value = false
pendingDeleteRowId.value = null
pendingDeleteRowName.value = ''
}
</script>
<template>
<div class="h-full min-h-0 xmMx">
<div class="h-full min-h-0 rounded-2xl border border-border/60 bg-card/90 shadow-sm backdrop-blur-sm">
<div class="flex items-center justify-between border-b border-border/60 px-4 py-3">
<h3 class="text-sm font-semibold text-foreground">{{ props.title || t('workContent.title') }}</h3>
</div>
<div class="ag-theme-quartz h-[calc(100%-56px)] min-h-0 w-full">
<AgGridVue
:style="agGridStyle"
:rowData="rowData"
:columnDefs="gridColumnDefs"
:theme="myTheme"
:getRowId="(params: { data: WorkContentRow }) => params.data.id"
:treeData="isWholeProcessGroupedMode"
:getDataPath="getDataPath"
:groupDefaultExpanded="isWholeProcessGroupedMode ? -1 : 0"
:groupDisplayType="isWholeProcessGroupedMode ? 'groupRows' : undefined"
:groupRowRendererParams="groupRowRendererParams"
:animateRows="true"
:localeText="AG_GRID_LOCALE_CN"
:tooltipShowDelay="500"
:singleClickEdit="true"
:stopEditingWhenCellsLoseFocus="true"
:enterNavigatesVertically="true"
:enterNavigatesVerticallyAfterEdit="true"
:defaultColDef="defaultColDef"
:suppressColumnVirtualisation="false"
:suppressRowVirtualisation="false"
@grid-ready="onGridReady"
@first-data-rendered="onFirstDataRendered"
@cell-value-changed="onCellValueChanged"
/>
</div>
</div>
<AlertDialogRoot :open="deleteConfirmOpen" @update:open="handleDeleteConfirmOpenChange">
<AlertDialogPortal>
<AlertDialogOverlay class="fixed inset-0 z-50 bg-black/45" />
<AlertDialogContent class="fixed left-1/2 top-1/2 z-[70] w-[92vw] max-w-md -translate-x-1/2 -translate-y-1/2 rounded-lg border bg-background p-5 shadow-xl">
<AlertDialogTitle class="text-base font-semibold">{{ t('workContent.dialog.deleteTitle') }}</AlertDialogTitle>
<AlertDialogDescription class="mt-2 text-sm text-muted-foreground">
{{ t('workContent.dialog.deleteDesc', { name: pendingDeleteRowName }) }}
</AlertDialogDescription>
<div class="mt-4 flex items-center justify-end gap-2">
<AlertDialogCancel as-child>
<Button variant="outline">{{ t('common.cancel') }}</Button>
</AlertDialogCancel>
<AlertDialogAction as-child>
<Button variant="destructive" @click="confirmDeleteRow">{{ t('common.delete') }}</Button>
</AlertDialogAction>
</div>
</AlertDialogContent>
</AlertDialogPortal>
</AlertDialogRoot>
</div>
</template>
<style scoped>
:deep(.ag-cell) {
display: flex;
align-items: center;
}
:deep(.ag-cell .ag-cell-wrapper) {
width: 100%;
}
:deep(.ag-cell .ag-cell-value) {
display: flex;
align-items: center;
width: 100%;
}
:deep(.work-content-placeholder) {
color: var(--muted-foreground);
font-style: italic;
min-width: 0;
flex: 1;
}
:deep(.work-content-cell) {
display: flex;
width: 100%;
align-items: center;
gap: 8px;
}
:deep(.work-content-text) {
min-width: 0;
flex: 1;
white-space: normal;
word-break: break-word;
line-height: 1.5;
}
:deep(.work-content-check) {
width: 14px;
height: 14px;
cursor: pointer;
}
:deep(.work-content-group-row) {
display: flex;
align-items: center;
gap: 8px;
}
:deep(.work-content-group-check) {
width: 14px;
height: 14px;
cursor: pointer;
}
:deep(.work-content-group-check:disabled) {
cursor: not-allowed;
opacity: 0.5;
}
:deep(.work-content-group-label) {
min-width: 0;
word-break: break-word;
}
:deep(.work-content-main-cell.ag-cell-auto-height),
:deep(.remark-wrap-cell.ag-cell-auto-height) {
display: flex;
align-items: center;
}
:deep(.work-content-main-cell.ag-cell-auto-height .ag-cell-wrapper),
:deep(.work-content-main-cell.ag-cell-auto-height .ag-cell-value),
:deep(.remark-wrap-cell.ag-cell-auto-height .ag-cell-wrapper),
:deep(.remark-wrap-cell.ag-cell-auto-height .ag-cell-value) {
display: flex;
align-items: center;
width: 100%;
}
</style>
src/components/shared/XmFactorGrid.vue → src/features/shared/components/XmFactorGrid.vue
+170 -17
View File
@@ -1,11 +1,15 @@
<script setup lang="ts">
import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import { AgGridVue } from 'ag-grid-vue3'
import type { ColDef, FirstDataRenderedEvent, GridApi, GridReadyEvent, GridSizeChangedEvent } from 'ag-grid-community'
import { myTheme, gridOptions, agGridWrapClass, agGridStyle } from '@/lib/diyAgGridOptions'
import { parseNumberOrNull } from '@/lib/number'
import { AG_GRID_LOCALE_CN } from '@ag-grid-community/locale'
import { useZxFwPricingStore } from '@/pinia/zxFwPricing'
import { useKvStore } from '@/pinia/kv'
import { syncContractFactorsToPricing } from '@/lib/zxFwPricingSync'
import { withReadonlyAutoHeight } from '@/lib/agGridReadonlyAutoHeight'
interface DictItem {
code: string
@@ -30,6 +34,11 @@ interface GridState {
detailRows: FactorRow[]
}
interface FactorChangeState {
changedRowIds: string[]
updatedAt: number
}
type DictSource = Record<string, DictItem>
const props = defineProps<{
@@ -41,10 +50,13 @@ const props = defineProps<{
excludeNotshowByZxflxs?: boolean
initBudgetValueFromStandard?: boolean
}>()
const { t } = useI18n()
const zxFwPricingStore = useZxFwPricingStore()
const kvStore = useKvStore()
const detailRows = ref<FactorRow[]>([])
const gridApi = ref<GridApi<FactorRow> | null>(null)
const CHANGE_STORAGE_KEY = computed(() => `${props.storageKey}-change`)
const formatReadonlyFactor = (value: unknown) => {
if (value == null || value === '') return ''
@@ -54,7 +66,7 @@ const formatReadonlyFactor = (value: unknown) => {
}
const formatEditableFactor = (params: any) => {
if (params.value == null || params.value === '') return '点击输入'
if (params.value == null || params.value === '') return t('xmFactorGrid.clickToInput')
const parsed = parseNumberOrNull(params.value, { precision: 3 })
if (parsed == null) return ''
return String(Number(parsed))
@@ -126,6 +138,16 @@ const hasMeaningfulFactorValue = (rows: SourceRow[] | undefined) =>
return hasBudgetValue || hasRemark
})
const hasUsablePersistedRows = (state: GridState | null | undefined) =>
Array.isArray(state?.detailRows) &&
state.detailRows.some(row => {
const hasFactor =
typeof row?.budgetValue === 'number' ||
typeof row?.standardFactor === 'number'
const hasRemark = typeof row?.remark === 'string' && row.remark.trim() !== ''
return hasFactor || hasRemark || String(row?.id || '').trim() !== ''
})
const mergeWithDictRows = (rowsFromDb: SourceRow[] | undefined): FactorRow[] => {
const dbValueMap = new Map<string, SourceRow>()
for (const row of rowsFromDb || []) {
@@ -153,27 +175,32 @@ const mergeWithDictRows = (rowsFromDb: SourceRow[] | undefined): FactorRow[] =>
const columnDefs: ColDef<FactorRow>[] = [
{
headerName: '标准系数',
headerName: t('xmFactorGrid.columns.standardFactor'),
field: 'standardFactor',
type: 'numericColumn',
cellClass: 'ag-right-aligned-cell',
minWidth: 86,
maxWidth: 100,
headerClass: 'ag-right-aligned-header',
cellClass: 'ag-right-aligned-cell',
flex: 0.9,
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueFormatter: params => formatReadonlyFactor(params.value)
},
{
headerName: '预算取值',
headerName: t('xmFactorGrid.columns.budgetValue'),
field: 'budgetValue',
minWidth: 86,
maxWidth: 100,
headerClass: 'ag-right-aligned-header',
cellClass: params => {
const disabled = props.disableBudgetEditWhenStandardNull && params.data?.standardFactor == null
return disabled ? 'ag-right-aligned-cell' : 'ag-right-aligned-cell editable-cell-line'
return disabled ? '' : 'editable-cell-line'
},
flex: 0.9,
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params => {
const disabled = props.disableBudgetEditWhenStandardNull && params.data?.standardFactor == null
return !disabled && (params.value == null || params.value === '')
@@ -191,7 +218,7 @@ const columnDefs: ColDef<FactorRow>[] = [
}
},
{
headerName: '说明',
headerName: t('xmFactorGrid.columns.remark'),
field: 'remark',
minWidth: 170,
flex: 2.4,
@@ -200,16 +227,17 @@ const columnDefs: ColDef<FactorRow>[] = [
autoHeight: true,
cellStyle: { whiteSpace: 'normal', lineHeight: '1.4' },
editable: true,
valueFormatter: params => params.value || '点击输入',
valueFormatter: params => params.value || t('xmFactorGrid.clickToInput'),
cellClass: ' remark-wrap-cell',
cellClassRules: {
'editable-cell-empty': params => params.value == null || params.value === ''
}
}
]
const gridColumnDefs = computed(() => withReadonlyAutoHeight(columnDefs))
const autoGroupColumnDef: ColDef<FactorRow> = {
headerName: '专业编码以及工程专业名称',
headerName: t('xmFactorGrid.columns.groupName'),
minWidth: 220,
flex: 2.2,
cellRendererParams: {
@@ -228,17 +256,79 @@ const saveToIndexedDB = async () => {
const payload: GridState = {
detailRows: JSON.parse(JSON.stringify(detailRows.value))
}
await kvStore.setItem(props.storageKey, payload)
zxFwPricingStore.setKeyState(props.storageKey, payload)
} catch (error) {
console.error('saveToIndexedDB failed:', error)
}
}
const normalizeFactorBudgetValue = (value: unknown) => {
const parsed = parseNumberOrNull(value, { precision: 6 })
return typeof parsed === 'number' && Number.isFinite(parsed) ? parsed : null
}
const isSameNullableFactorNumber = (left: unknown, right: unknown) => {
const normalizedLeft = normalizeFactorBudgetValue(left)
const normalizedRight = normalizeFactorBudgetValue(right)
if (normalizedLeft == null && normalizedRight == null) return true
if (normalizedLeft == null || normalizedRight == null) return false
return normalizedLeft === normalizedRight
}
const parseContractFactorMeta = (storageKey: string) => {
const consultMatch = /^ht-consult-category-factor-v1-(.+)$/.exec(storageKey)
if (consultMatch) {
return {
factorType: 'consult' as const,
contractId: String(consultMatch[1] || '').trim()
}
}
const majorMatch = /^ht-major-factor-v1-(.+)$/.exec(storageKey)
if (majorMatch) {
return {
factorType: 'major' as const,
contractId: String(majorMatch[1] || '').trim()
}
}
return null
}
const saveFactorChangeState = async (changedRowIds: string[]) => {
if (changedRowIds.length === 0) return
const payload: FactorChangeState = {
changedRowIds: Array.from(new Set(changedRowIds.map(id => String(id || '').trim()).filter(Boolean))),
updatedAt: Date.now()
}
if (payload.changedRowIds.length === 0) return
zxFwPricingStore.setKeyState(CHANGE_STORAGE_KEY.value, payload, { force: true })
const contractMeta = parseContractFactorMeta(props.storageKey)
if (!contractMeta?.contractId) return
if (contractMeta.factorType === 'consult') {
await syncContractFactorsToPricing(contractMeta.contractId, {
consultChangedServiceIds: payload.changedRowIds
})
return
}
await syncContractFactorsToPricing(contractMeta.contractId, {
majorChangedRowIds: payload.changedRowIds
})
}
const loadGridState = async (storageKey: string): Promise<GridState | null> => {
if (!storageKey) return null
const data = await kvStore.getItem<GridState>(storageKey)
if (!data?.detailRows || !Array.isArray(data.detailRows)) return null
return data
const piniaData = await zxFwPricingStore.loadKeyState<GridState>(storageKey)
if (hasUsablePersistedRows(piniaData)) return piniaData
// 兼容历史 kvStore 数据：命中后迁移到 pinia keyed state。
const legacyData = await kvStore.getItem<GridState>(storageKey)
if (!legacyData?.detailRows || !Array.isArray(legacyData.detailRows)) return null
zxFwPricingStore.setKeyState(storageKey, legacyData, { force: true })
return legacyData
}
const handleGridReady = (event: GridReadyEvent<FactorRow>) => {
gridApi.value = event.api
}
const loadFromIndexedDB = async () => {
@@ -273,13 +363,64 @@ const loadFromIndexedDB = async () => {
}
let gridPersistTimer: ReturnType<typeof setTimeout> | null = null
const handleCellValueChanged = () => {
let isBulkClipboardMutation = false
let bulkBudgetSnapshot: Map<string, number | null> | null = null
const pendingChangedRowIds = new Set<string>()
const queueChangedRowId = (rowId: unknown) => {
const normalizedId = String(rowId || '').trim()
if (!normalizedId) return
pendingChangedRowIds.add(normalizedId)
}
const flushGridPersist = async () => {
await saveToIndexedDB()
if (pendingChangedRowIds.size === 0) return
const changedRowIds = Array.from(pendingChangedRowIds)
pendingChangedRowIds.clear()
await saveFactorChangeState(changedRowIds)
}
const scheduleGridPersist = () => {
if (gridPersistTimer) clearTimeout(gridPersistTimer)
gridPersistTimer = setTimeout(() => {
void saveToIndexedDB()
void flushGridPersist()
}, 500)
}
const handleCellValueChanged = (event?: any) => {
if (isBulkClipboardMutation) return
const field = String(event?.colDef?.field || '')
if (field === 'budgetValue' && !isSameNullableFactorNumber(event?.oldValue, event?.newValue)) {
queueChangedRowId(event?.data?.id)
}
scheduleGridPersist()
}
const handleBulkMutationStart = () => {
isBulkClipboardMutation = true
bulkBudgetSnapshot = new Map(
detailRows.value.map(row => [String(row.id || '').trim(), normalizeFactorBudgetValue(row.budgetValue)] as const)
)
}
const handleBulkMutationEnd = () => {
isBulkClipboardMutation = false
if (bulkBudgetSnapshot) {
const nextBudgetMap = new Map(
detailRows.value.map(row => [String(row.id || '').trim(), normalizeFactorBudgetValue(row.budgetValue)] as const)
)
const allRowIds = new Set<string>([...bulkBudgetSnapshot.keys(), ...nextBudgetMap.keys()])
for (const rowId of allRowIds) {
if (!isSameNullableFactorNumber(bulkBudgetSnapshot.get(rowId), nextBudgetMap.get(rowId))) {
queueChangedRowId(rowId)
}
}
bulkBudgetSnapshot = null
}
scheduleGridPersist()
}
const processCellForClipboard = (params: any) => {
if (Array.isArray(params.value)) {
return JSON.stringify(params.value)
@@ -288,6 +429,10 @@ const processCellForClipboard = (params: any) => {
}
const processCellFromClipboard = (params: any) => {
const field = String(params.column?.getColDef?.().field || '')
if (field === 'budgetValue') {
return parseNumberOrNull(params.value, { precision: 3 })
}
try {
const parsed = JSON.parse(params.value)
if (Array.isArray(parsed)) return parsed
@@ -312,8 +457,9 @@ watch(
onBeforeUnmount(() => {
if (gridPersistTimer) clearTimeout(gridPersistTimer)
gridApi.value?.stopEditing()
gridApi.value = null
void saveToIndexedDB()
void flushGridPersist()
})
</script>
@@ -329,12 +475,17 @@ onBeforeUnmount(() => {
<AgGridVue
:style="agGridStyle"
:rowData="detailRows"
:columnDefs="columnDefs"
:columnDefs="gridColumnDefs"
:autoGroupColumnDef="autoGroupColumnDef"
:gridOptions="gridOptions"
:theme="myTheme"
:animateRows="true"
:treeData="true"
@cell-value-changed="handleCellValueChanged"
@paste-start="handleBulkMutationStart"
@paste-end="handleBulkMutationEnd"
@fill-start="handleBulkMutationStart"
@fill-end="handleBulkMutationEnd"
:suppressColumnVirtualisation="true"
:suppressRowVirtualisation="true"
:cellSelection="{ handle: { mode: 'range' } }"
@@ -347,9 +498,11 @@ onBeforeUnmount(() => {
:processCellFromClipboard="processCellFromClipboard"
:undoRedoCellEditing="true"
:undoRedoCellEditingLimit="20"
@grid-ready="handleGridReady"
/>
</div>
</div>
</div>
</template>
src/components/shared/xmCommonAgGrid.vue → src/features/shared/components/xmCommonAgGrid.vue
+228 -41
View File
@@ -1,14 +1,29 @@
<script setup lang="ts">
import { computed, onActivated, onBeforeUnmount, onMounted, ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import { AgGridVue } from 'ag-grid-vue3'
import type { CellValueChangedEvent, ColDef, GridApi, GridReadyEvent } from 'ag-grid-community'
import type { CellValueChangedEvent, ColDef, GridApi, GridOptions, GridReadyEvent } from 'ag-grid-community'
import { AG_GRID_LOCALE_CN } from '@ag-grid-community/locale'
import { myTheme, gridOptions, agGridWrapClass, agGridStyle } from '@/lib/diyAgGridOptions'
import { withReadonlyAutoHeight } from '@/lib/agGridReadonlyAutoHeight'
import { decimalAggSum, roundTo, sumByNumber } from '@/lib/decimal'
import { parseNumberOrNull } from '@/lib/number'
import { formatThousandsFlexible } from '@/lib/numberFormat'
import { industryTypeList, getMajorDictEntries, isMajorIdInIndustryScope } from '@/sql'
import { getIndustryDisplayName, getMajorDictEntries, isMajorIdInIndustryScope } from '@/sql'
import { syncContractScaleToPricing, type ContractScaleSyncResult } from '@/lib/zxFwPricingSync'
import { SwitchRoot, SwitchThumb } from 'reka-ui'
import { useKvStore } from '@/pinia/kv'
import {
ToastAction,
ToastDescription,
ToastProvider,
ToastRoot,
ToastTitle,
ToastViewport
} from 'reka-ui'
import { Button } from '@/components/ui/button'
import { CircleHelp } from 'lucide-vue-next'
import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from '@/components/ui/tooltip'
@@ -41,14 +56,23 @@ interface XmBaseInfoState {
}
const XM_SCALE_FLUSH_EVENT = 'jgjs:xm-scale-flush-request'
const CONTRACT_SCALE_KEY_PREFIX = 'ht-info-v3-'
const CONTRACT_SCALE_CHANGE_KEY_PREFIX = 'ht-info-scale-change-v1-'
type MajorLite = { code: string; name: string; hasCost?: boolean; hasArea?: boolean }
const kvStore = useKvStore()
const { t, locale } = useI18n()
const detailRows = ref<DetailRow[]>([])
const detailDict = ref<DictGroup[]>([])
const majorEntries = getMajorDictEntries().map(({ id, item }) => [id, item] as [string, MajorLite])
const majorIdAliasMap = new Map(getMajorDictEntries().map(({ rawId, id }) => [rawId, id]))
const majorEntries = ref<Array<[string, MajorLite]>>([])
const majorIdAliasMap = ref<Map<string, string>>(new Map())
const refreshMajorDictCaches = () => {
const entries = getMajorDictEntries()
majorEntries.value = entries.map(({ id, item }) => [id, item] as [string, MajorLite])
majorIdAliasMap.value = new Map(entries.map(({ rawId, id }) => [rawId, id]))
}
refreshMajorDictCaches()
const buildDetailDict = (entries: Array<[string, MajorLite]>) => {
const groupMap = new Map<string, DictGroup>()
@@ -122,7 +146,7 @@ const mergeWithDictRows = (rowsFromDb: DetailRow[] | undefined): DetailRow[] =>
if (row?.isGroupRow === true) continue
const rowId = String(row.id)
dbValueMap.set(rowId, row)
const aliasId = majorIdAliasMap.get(rowId)
const aliasId = majorIdAliasMap.value.get(rowId)
if (aliasId && !dbValueMap.has(aliasId)) {
dbValueMap.set(aliasId, row)
}
@@ -208,12 +232,13 @@ const loadFromIndexedDB = async (api: GridApi<DetailRow>) => {
if (!activeIndustryId.value) {
detailDict.value = []
detailRows.value = []
lastPersistedLeafRows = []
roughCalcEnabled.value = false
applyPinnedTotalAmount(api, null)
return
}
const filteredEntries = majorEntries.filter(([id]) =>
const filteredEntries = majorEntries.value.filter(([id]) =>
isMajorIdInIndustryScope(id, activeIndustryId.value)
)
detailDict.value = buildDetailDict(filteredEntries)
@@ -240,6 +265,7 @@ const loadFromIndexedDB = async (api: GridApi<DetailRow>) => {
Number.isFinite(contractData.totalAmount)
if (hasContractRows && !isLegacyEmptyScaleRows) {
detailRows.value = mergeWithDictRows(contractRows)
lastPersistedLeafRows = cloneLeafRows(detailRows.value)
return
}
@@ -251,10 +277,12 @@ const loadFromIndexedDB = async (api: GridApi<DetailRow>) => {
if (Array.isArray(xmData?.detailRows) && xmData.detailRows.length > 0) {
detailRows.value = mergeWithDictRows(xmData.detailRows)
lastPersistedLeafRows = cloneLeafRows(detailRows.value)
return
}
}
detailRows.value = buildDefaultRows()
lastPersistedLeafRows = cloneLeafRows(detailRows.value)
void saveToIndexedDB()
@@ -262,6 +290,7 @@ const loadFromIndexedDB = async (api: GridApi<DetailRow>) => {
console.error('loadFromIndexedDB failed:', error)
activeIndustryId.value = ''
detailRows.value = []
lastPersistedLeafRows = []
roughCalcEnabled.value = false
applyPinnedTotalAmount(api, null)
}
@@ -292,25 +321,26 @@ interface GridPersistState {
totalAmount?: number | null
}
interface ContractScaleChangeState {
changedRowIds: string[]
updatedAt: number
}
const props = defineProps<{
title: string
dbKey: string
xmInfoKey?: string | null
baseInfoKey?: string
titleHint?: string
titleHintAria?: string
}>()
let persistTimer: ReturnType<typeof setTimeout> | null = null
const gridApi = ref<GridApi<DetailRow> | null>(null)
const activeIndustryId = ref('')
const industryNameMap = new Map(
industryTypeList.flatMap(item => [
[String(item.id).trim(), item.name],
[String(item.type).trim(), item.name]
])
)
const totalLabel = computed(() => {
const industryName = industryNameMap.get(activeIndustryId.value.trim()) || ''
return industryName ? `${industryName}总投资` : '总投资'
const industryName = getIndustryDisplayName(activeIndustryId.value.trim(), locale.value)
return industryName ? t('pricingScale.totalInvestmentByIndustry', { industryName }) : t('pricingScale.totalInvestment')
})
const roughCalcEnabled = ref(false)
const visibleRowData = computed(() => { return detailRows.value.filter(row => !row.hide) })
@@ -327,7 +357,7 @@ const refreshPinnedTotalLabelCell = () => {
const columnDefs: ColDef<DetailRow>[] = [
{
headerName: '造价金额(万元)',
headerName: t('pricingScale.columns.investAmount'),
field: 'amount',
headerClass: 'ag-right-aligned-header',
minWidth: 100,
@@ -338,40 +368,37 @@ const columnDefs: ColDef<DetailRow>[] = [
},
cellClass: params =>
roughCalcEnabled.value && params.node?.rowPinned
? 'ag-right-aligned-cell editable-cell-line'
? 'editable-cell-line'
: !roughCalcEnabled.value && !params.node?.group && !params.node?.rowPinned && params.data?.hasCost
? 'ag-right-aligned-cell editable-cell-line'
: 'ag-right-aligned-cell',
? 'editable-cell-line'
: '',
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params =>
roughCalcEnabled.value && params.node?.rowPinned
? params.value == null || params.value === ''
: !params.node?.group && !params.node?.rowPinned && Boolean(params.data?.hasCost) && (params.value == null || params.value === '')
},
aggFunc: decimalAggSum,
valueParser: params => {
if (params.newValue === '' || params.newValue == null) return null
const v = Number(params.newValue)
return Number.isFinite(v) ? roundTo(v, 3) : null
},
valueParser: params => parseNumberOrNull(params.newValue, { precision: 3 }),
valueFormatter: params => {
if (roughCalcEnabled.value) {
if (!params.node?.rowPinned) return ''
if (params.value == null || params.value === '') return '点击输入'
if (params.value == null || params.value === '') return t('pricingScale.clickToInput')
return formatThousandsFlexible(params.value, 3)
}
if (!params.node?.group && !params.node?.rowPinned && !params.data?.hasCost) {
return ''
}
if (!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')) {
return '点击输入'
return t('pricingScale.clickToInput')
}
if (params.value == null) return ''
return formatThousandsFlexible(params.value, 3)
}
},
{
headerName: '用地面积(亩)',
headerName: t('pricingScale.columns.landArea'),
field: 'landArea',
headerClass: 'ag-right-aligned-header',
minWidth: 100,
@@ -379,17 +406,14 @@ const columnDefs: ColDef<DetailRow>[] = [
editable: params => !roughCalcEnabled.value && !params.node?.group && !params.node?.rowPinned && Boolean(params.data?.hasArea),
cellClass: params =>
!params.node?.group && !params.node?.rowPinned && params.data?.hasArea
? 'ag-right-aligned-cell editable-cell-line'
: 'ag-right-aligned-cell',
? 'editable-cell-line'
: '',
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params =>
!params.node?.group && !params.node?.rowPinned && Boolean(params.data?.hasArea) && (params.value == null || params.value === '')
},
valueParser: params => {
if (params.newValue === '' || params.newValue == null) return null
const v = Number(params.newValue)
return Number.isFinite(v) ? roundTo(v, 3) : null
},
valueParser: params => parseNumberOrNull(params.newValue, { precision: 3 }),
valueFormatter: params => {
if (roughCalcEnabled.value) {
return ''
@@ -398,18 +422,22 @@ const columnDefs: ColDef<DetailRow>[] = [
return ''
}
if (!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')) {
return '点击输入'
return t('pricingScale.clickToInput')
}
if (params.value == null) return ''
return formatThousandsFlexible(params.value, 3)
}
}
]
const gridColumnDefs = computed(() => withReadonlyAutoHeight(columnDefs))
const autoGroupColumnDef: ColDef = {
headerName: '专业编码以及工程专业名称',
headerName: t('pricingScale.columns.majorGroup'),
minWidth: 200,
flex: 2,
cellClassRules: {
'ag-summary-label-cell': params => Boolean(params.node?.rowPinned)
},
cellRendererParams: {
suppressCount: true
},
@@ -437,14 +465,50 @@ const pinnedTopRowData = ref<DetailRow[]>([
path: ['TOTAL']
}
])
const syncToastOpen = ref(false)
const syncToastText = ref('')
let lastPersistedLeafRows: DetailRow[] | null = null
const saveToIndexedDB = async () => {
try {
const leafRows = detailRows.value.map(row => ({
const cloneLeafRows = (rows: DetailRow[]) =>
rows.map(row => ({
...JSON.parse(JSON.stringify(row)),
hide: Boolean(row.hide),
isGroupRow: false
}))
const getChangedScaleRowIds = (previousLeafRows: DetailRow[], nextLeafRows: DetailRow[]) => {
const previousRowMap = new Map(previousLeafRows.map(row => [String(row?.id || '').trim(), row] as const))
const nextRowMap = new Map(nextLeafRows.map(row => [String(row?.id || '').trim(), row] as const))
return Array.from(new Set([
...previousRowMap.keys(),
...nextRowMap.keys()
])).filter(rowId => {
const prevRow = previousRowMap.get(rowId)
const nextRow = nextRowMap.get(rowId)
const prevAmount = typeof prevRow?.amount === 'number' && Number.isFinite(prevRow.amount) ? roundTo(prevRow.amount, 6) : null
const nextAmount = typeof nextRow?.amount === 'number' && Number.isFinite(nextRow.amount) ? roundTo(nextRow.amount, 6) : null
const prevLandArea = typeof prevRow?.landArea === 'number' && Number.isFinite(prevRow.landArea) ? roundTo(prevRow.landArea, 6) : null
const nextLandArea = typeof nextRow?.landArea === 'number' && Number.isFinite(nextRow.landArea) ? roundTo(nextRow.landArea, 6) : null
return prevAmount !== nextAmount || prevLandArea !== nextLandArea
})
}
const showScaleSyncToast = (result: ContractScaleSyncResult) => {
if (result.updatedMethodCount <= 0) return
syncToastText.value = t('xmScaleGrid.syncToastDesc', {
serviceCount: result.updatedServiceCount,
methodCount: result.updatedMethodCount,
rowCount: result.updatedRowCount
})
syncToastOpen.value = false
requestAnimationFrame(() => {
syncToastOpen.value = true
})
}
const saveToIndexedDB = async () => {
try {
const leafRows = cloneLeafRows(detailRows.value)
const totalAmountFromRows = (() => {
let hasValue = false
let total = 0
@@ -469,6 +533,20 @@ const saveToIndexedDB = async () => {
payload.roughCalcEnabled = roughCalcEnabled.value
payload.totalAmount = normalizedTotalAmount
await kvStore.setItem(props.dbKey, payload)
const previousLeafRows = lastPersistedLeafRows || leafRows
const changedRowIds = getChangedScaleRowIds(previousLeafRows, leafRows)
lastPersistedLeafRows = cloneLeafRows(leafRows)
if (props.dbKey.startsWith(CONTRACT_SCALE_KEY_PREFIX)) {
const contractId = props.dbKey.slice(CONTRACT_SCALE_KEY_PREFIX.length).trim()
if (contractId && changedRowIds.length > 0) {
await kvStore.setItem<ContractScaleChangeState>(`${CONTRACT_SCALE_CHANGE_KEY_PREFIX}${contractId}`, {
changedRowIds,
updatedAt: Date.now()
})
const syncResult = await syncContractScaleToPricing(contractId, { changedRowIds })
showScaleSyncToast(syncResult)
}
}
} catch (error) {
console.error('saveToIndexedDB failed:', error)
}
@@ -481,6 +559,12 @@ const schedulePersist = () => {
}, 600)
}
const getRowId = (params: { data?: DetailRow }) => String(params.data?.id || '')
const detailGridOptions: GridOptions<DetailRow> = {
...gridOptions,
getRowId
}
const handleFlushPersistRequest = (event: Event) => {
const customEvent = event as CustomEvent<{ done?: () => void }>
const done = customEvent?.detail?.done
@@ -500,6 +584,24 @@ const setDetailRowsHidden = (hidden: boolean) => {
}
let oldValue:number|null
let isBulkClipboardMutation = false
const commitGridChanges = () => {
if (roughCalcEnabled.value) {
const rawAmount = pinnedTopRowData.value[0]?.amount
const parsed = typeof rawAmount === 'number' ? rawAmount : Number(rawAmount)
const nextAmount = Number.isFinite(parsed) ? roundTo(parsed, 2) : null
pinnedTopRowData.value[0].amount = nextAmount
const pinnedTopNode = gridApi.value?.getPinnedTopRow(0)
if (pinnedTopNode) {
pinnedTopNode.setDataValue('amount', nextAmount)
}
} else {
syncPinnedTotalForNormalMode()
}
schedulePersist()
}
const onRoughCalcSwitch = (checked: boolean) => {
gridApi.value?.stopEditing(true)
roughCalcEnabled.value = checked
@@ -520,6 +622,7 @@ const onRoughCalcSwitch = (checked: boolean) => {
const onCellValueChanged = (event: CellValueChangedEvent) => {
if (isBulkClipboardMutation) return
if (roughCalcEnabled.value && event.node?.rowPinned && event.colDef.field === 'amount') {
if (typeof event.newValue === 'number') {
pinnedTopRowData.value[0].amount = roundTo(event.newValue, 2)
@@ -534,6 +637,15 @@ const onCellValueChanged = (event: CellValueChangedEvent) => {
schedulePersist()
}
const handleBulkMutationStart = () => {
isBulkClipboardMutation = true
}
const handleBulkMutationEnd = () => {
isBulkClipboardMutation = false
commitGridChanges()
}
const onGridReady = (event: GridReadyEvent<DetailRow>) => {
gridApi.value = event.api
@@ -551,6 +663,10 @@ const processCellForClipboard = (params: any) => {
}
const processCellFromClipboard = (params: any) => {
const field = String(params.column?.getColDef?.().field || '')
if (field === 'amount' || field === 'landArea') {
return parseNumberOrNull(params.value, { precision: 3 })
}
try {
const parsed = JSON.parse(params.value)
if (Array.isArray(parsed)) return parsed
@@ -566,10 +682,45 @@ const processCellFromClipboard = (params: any) => {
const relabelRowsFromMajorDict = async () => {
refreshMajorDictCaches()
if (!activeIndustryId.value) return
const filteredEntries = majorEntries.value.filter(([id]) =>
isMajorIdInIndustryScope(id, activeIndustryId.value)
)
detailDict.value = buildDetailDict(filteredEntries)
if (detailRows.value.length === 0) {
gridApi.value?.refreshCells({ force: true })
return
}
const nextRows = mergeWithDictRows(detailRows.value)
const changed = nextRows.some((row, index) => {
const current = detailRows.value[index]
return (
current?.groupCode !== row.groupCode ||
current?.groupName !== row.groupName ||
current?.majorCode !== row.majorCode ||
current?.majorName !== row.majorName
)
})
detailRows.value = nextRows
gridApi.value?.refreshCells({ force: true })
void refreshPinnedTotalLabelCell()
if (!changed) return
await saveToIndexedDB()
}
watch(totalLabel, () => {
refreshPinnedTotalLabelCell()
})
watch(
() => locale.value,
() => {
void relabelRowsFromMajorDict()
}
)
const syncPinnedTotalForNormalMode = () => {
if (roughCalcEnabled.value) return
@@ -608,14 +759,29 @@ onMounted(() => {
</script>
<template>
<ToastProvider>
<div class="h-full">
<div class="rounded-lg border bg-card xmMx scroll-mt-3 flex flex-col overflow-hidden h-full">
<div class="flex items-center justify-between border-b px-4 py-3">
<div class="flex items-center gap-1.5">
<h3
class="text-sm font-semibold text-foreground cursor-pointer select-none transition-colors hover:text-primary">
{{ props.title }}
</h3>
<div class="flex items-center gap-2">
<TooltipRoot v-if="props.titleHint">
<TooltipTrigger as-child>
<button
type="button"
:aria-label="props.titleHintAria || props.titleHint"
class="inline-flex h-5 w-5 items-center justify-center text-muted-foreground/90 transition hover:text-foreground"
>
<CircleHelp class="h-4 w-4" />
</button>
</TooltipTrigger>
<TooltipContent side="top">{{ props.titleHint }}</TooltipContent>
</TooltipRoot>
</div>
<!-- <div class="flex items-center gap-2">
<span class=" text-xs text-muted-foreground">简要计算</span>
<SwitchRoot
class="cursor-pointer peer h-5 w-9 shrink-0 rounded-full border border-transparent bg-muted shadow-sm transition-colors data-[state=checked]:bg-primary"
@@ -623,18 +789,39 @@ onMounted(() => {
<SwitchThumb
class="block h-4 w-4 translate-x-0.5 rounded-full bg-background shadow transition-transform data-[state=checked]:translate-x-4" />
</SwitchRoot>
</div>
</div> -->
</div>
<div :class="agGridWrapClass">
<AgGridVue :style="agGridStyle" :rowData="visibleRowData" :pinnedTopRowData="pinnedTopRowData"
:columnDefs="columnDefs" :autoGroupColumnDef="autoGroupColumnDef" :gridOptions="gridOptions" :theme="myTheme"
:columnDefs="gridColumnDefs" :autoGroupColumnDef="autoGroupColumnDef" :gridOptions="detailGridOptions" :theme="myTheme"
:animateRows="true"
@grid-ready="onGridReady" @cell-value-changed="onCellValueChanged" :suppressColumnVirtualisation="true"
@paste-start="handleBulkMutationStart" @paste-end="handleBulkMutationEnd"
@fill-start="handleBulkMutationStart" @fill-end="handleBulkMutationEnd"
:suppressRowVirtualisation="true" :cellSelection="{ handle: { mode: 'range' } }" :enableClipboard="true"
:localeText="AG_GRID_LOCALE_CN" :tooltipShowDelay="500" :headerHeight="50" :suppressHorizontalScroll="true"
:processCellForClipboard="processCellForClipboard" :processCellFromClipboard="processCellFromClipboard"
:undoRedoCellEditing="true" :undoRedoCellEditingLimit="20" />
</div>
</div>
<ToastRoot
v-model:open="syncToastOpen"
class="group pointer-events-auto rounded-lg border bg-background px-4 py-3 text-sm shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in data-[state=closed]:fade-out data-[state=open]:slide-in-from-bottom-2"
>
<div class="flex items-start justify-between gap-3">
<div class="space-y-1">
<ToastTitle class="text-sm font-semibold text-foreground">{{ t('xmScaleGrid.syncToastTitle') }}</ToastTitle>
<ToastDescription class="text-xs text-muted-foreground">{{ syncToastText }}</ToastDescription>
</div>
<ToastAction as-child :alt-text="t('common.close')">
<Button variant="ghost" size="sm" class="h-7 px-2 text-xs" @click="syncToastOpen = false">
{{ t('common.close') }}
</Button>
</ToastAction>
</div>
</ToastRoot>
<ToastViewport class="fixed bottom-5 right-5 z-[85] flex w-[420px] max-w-[92vw] flex-col gap-2 outline-none" />
</div>
</ToastProvider>
</template>
src/features/tab/importExport.ts
+134
View File
@@ -0,0 +1,134 @@
import type localforage from 'localforage'
import { i18n } from '@/i18n'
export interface DataEntry {
key: string
value: any
}
export interface ForageStoreSnapshot {
storeName: string
entries: DataEntry[]
}
export interface DataPackage {
version: number
packageType?: 'project-snapshot'
exportedAt: string
projectId?: string
localStorage: DataEntry[]
sessionStorage: DataEntry[]
localforageDefault: DataEntry[]
localforageStores?: ForageStoreSnapshot[]
}
export type ForageInstance = ReturnType<typeof localforage.createInstance>
export type ForageStore = Pick<ForageInstance, 'keys' | 'getItem' | 'setItem' | 'clear'>
type XmInfoLike = {
projectName?: unknown
}
export const readWebStorage = (storageObj: Storage): DataEntry[] => {
const entries: DataEntry[] = []
for (let i = 0; i < storageObj.length; i++) {
const key = storageObj.key(i)
if (!key) continue
const raw = storageObj.getItem(key)
let value: any = raw
if (raw != null) {
try {
value = JSON.parse(raw)
} catch {
value = raw
}
}
entries.push({ key, value })
}
return entries
}
export const writeWebStorage = (storageObj: Storage, entries: DataEntry[]) => {
storageObj.clear()
for (const entry of entries || []) {
const value = typeof entry.value === 'string' ? entry.value : JSON.stringify(entry.value)
storageObj.setItem(entry.key, value)
}
}
export const toPersistableValue = (value: unknown) => {
try {
return JSON.parse(JSON.stringify(value))
} catch (error) {
console.error('normalize persist value failed, fallback to null:', error)
return null
}
}
export const readForage = async (store: ForageStore): Promise<DataEntry[]> => {
const keys = await store.keys()
const values = await Promise.all(keys.map(key => store.getItem(key)))
return keys.map((key, index) => ({
key,
value: toPersistableValue(values[index])
}))
}
export const writeForage = async (store: ForageStore, entries: DataEntry[]) => {
await store.clear()
await Promise.all((entries || []).map(entry => store.setItem(entry.key, toPersistableValue(entry.value))))
}
export const normalizeEntries = (value: unknown): DataEntry[] => {
if (!Array.isArray(value)) return []
return value
.filter(item => item && typeof item === 'object' && typeof (item as any).key === 'string')
.map(item => ({ key: String((item as any).key), value: (item as any).value }))
}
export const normalizeForageStoreSnapshots = (value: unknown): ForageStoreSnapshot[] => {
if (!Array.isArray(value)) return []
return value
.filter(item =>
item
&& typeof item === 'object'
&& typeof (item as any).storeName === 'string'
&& Array.isArray((item as any).entries)
)
.map(item => ({
storeName: String((item as any).storeName),
entries: normalizeEntries((item as any).entries)
}))
}
export const sanitizeFileNamePart = (value: string): string => {
const cleaned = value
.replace(/[\\/:*?"<>|]/g, '_')
.replace(/\s+/g, ' ')
.trim()
return cleaned || i18n.global.t('tab.messages.defaultProjectName')
}
export const getExportProjectName = (entries: DataEntry[], projectInfoDbKey: string, legacyProjectDbKey: string) => {
const target =
entries.find(item => item.key === projectInfoDbKey) ||
entries.find(item => item.key === legacyProjectDbKey)
const data = (target?.value || {}) as XmInfoLike
return typeof data.projectName === 'string'
? sanitizeFileNamePart(data.projectName)
: i18n.global.t('tab.messages.defaultProjectName')
}
export const isDataPackageLike = (value: unknown): value is DataPackage => {
if (!value || typeof value !== 'object') return false
const payload = value as Partial<DataPackage>
const hasRequiredArrays =
Array.isArray(payload.localStorage) &&
Array.isArray(payload.sessionStorage) &&
Array.isArray(payload.localforageDefault)
if (!hasRequiredArrays) return false
if (typeof payload.version !== 'number' || !Number.isFinite(payload.version)) return false
if (payload.packageType != null && payload.packageType !== 'project-snapshot') return false
if (payload.projectId != null && typeof payload.projectId !== 'string') return false
return true
}
src/features/tab/tab.css
+46
View File
@@ -0,0 +1,46 @@
.tab-strip-sortable > .tab-item {
transition: transform 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}
.tab-strip-sortable.is-dragging > .tab-item {
will-change: transform;
}
.tab-drag-ghost {
opacity: 0.32;
}
.tab-drag-chosen {
transform: scale(1.015);
box-shadow: 0 10px 24px rgb(0 0 0 / 18%);
}
.tab-drag-active {
cursor: grabbing;
}
.tab-strip-scroll-area :deep([data-slot='scroll-area-viewport']) {
scrollbar-width: none;
overflow-y: hidden !important;
}
.tab-strip-scroll-area :deep([data-slot='scroll-area-viewport']::-webkit-scrollbar) {
display: none;
}
.tab-strip-scroll-area :deep([data-slot='scroll-area-scrollbar'][data-orientation='vertical']),
.tab-strip-scroll-area :deep([data-slot='scroll-area-corner']) {
display: none !important;
}
.toolbar-dropdown-enter-active,
.toolbar-dropdown-leave-active {
transition: opacity 180ms ease, transform 180ms ease;
transform-origin: top right;
}
.toolbar-dropdown-enter-from,
.toolbar-dropdown-leave-to {
opacity: 0;
transform: translateY(-6px) scale(0.98);
}
src/features/tab/types.ts
+342
View File
@@ -0,0 +1,342 @@
export interface UserGuideStep {
title: string
description: string
points: string[]
}
export type XmInfoLike = {
projectName?: unknown
preparedBy?: unknown
reviewedBy?: unknown
preparedDate?: unknown
projectIndustry?: unknown
preparedCompany?: unknown
overview?: unknown
desc?: unknown
}
export type HtBaseInfoLike = {
quality?: unknown
duration?: unknown
}
export interface ScaleRowLike {
id: string
amount: number | null
landArea: number | null
}
export interface XmInfoStorageLike extends XmInfoLike {
detailRows?: ScaleRowLike[]
totalAmount?: number
roughCalcEnabled?: boolean
}
export interface XmScaleStorageLike {
detailRows?: ScaleRowLike[]
}
export interface ContractCardItem {
id: string
name?: string
order?: number
}
export interface ZxFwRowLike {
id: string
process?: unknown
subtotal?: unknown
finalFee?: unknown
investScale?: unknown
landScale?: unknown
workload?: unknown
hourly?: unknown
}
export interface WorkContentRowLike {
id?: unknown
content?: unknown
checked?: unknown
custom?: unknown
serviceGroup?: unknown
serviceid?: unknown
isAddTrigger?: unknown
}
export interface WorkContentStateLike {
detailRows?: WorkContentRowLike[]
}
export interface ZxFwStorageLike {
selectedIds?: string[]
selectedCodes?: string[]
detailRows?: ZxFwRowLike[]
}
export interface ScaleMethodRowLike extends ScaleRowLike {
benchmarkBudgetBasicChecked?: unknown
benchmarkBudgetOptionalChecked?: unknown
basicFormula?: unknown
optionalFormula?: unknown
budgetFee?: unknown
budgetFeeBasic?: unknown
budgetFeeOptional?: unknown
consultCategoryFactor?: unknown
majorFactor?: unknown
workStageFactor?: unknown
workRatio?: unknown
remark?: unknown
}
export interface HtFeeMainRowLike {
id?: unknown
name?: unknown
}
export interface RateMethodRowLike {
rate?: unknown
budgetFee?: unknown
}
export interface QuantityMethodRowLike {
id?: unknown
feeItem?: unknown
unit?: unknown
quantity?: unknown
unitPrice?: unknown
budgetFee?: number | null
remark?: unknown
}
export interface WorkloadMethodRowLike {
id: string
budgetAdoptedUnitPrice?: unknown
workload?: unknown
basicFee?: unknown
consultCategoryFactor?: unknown
serviceFee?: unknown
remark?: unknown
}
export interface HourlyMethodRowLike {
id: string
adoptedBudgetUnitPrice?: unknown
personnelCount?: unknown
workdayCount?: unknown
serviceBudget?: unknown
remark?: unknown
}
export interface DetailRowsStorageLike<T> {
detailRows?: T[]
roughCalcEnabled?: boolean
totalAmount?: number
}
export interface FactorRowLike {
id: string
standardFactor?: unknown
budgetValue?: unknown
remark?: unknown
}
export interface ExportScaleRow {
major: number
cost: number | null
area: number | null
}
export interface ExportMethod1Detail {
proNum: number
major: number
cost: number
basicFee: number
basicFormula: string
basicFee_basic: number
optionalFormula: string
basicFee_optional: number
serviceCoe: number
majorCoe: number
processCoe: number
proportion: number
fee: number
remark: string
}
export interface ExportMethod1 {
proAmount: number
cost: number
basicFee: number
basicFee_basic: number
basicFee_optional: number
fee: number
det: ExportMethod1Detail[]
}
export interface ExportMethod2Detail {
proNum: number
major: number
area: number
basicFee: number
basicFormula: string
basicFee_basic: number
optionalFormula: string
basicFee_optional: number
serviceCoe: number
majorCoe: number
processCoe: number
proportion: number
fee: number
remark: string
}
export interface ExportMethod2 {
proAmount: number
area: number
basicFee: number
basicFee_basic: number
basicFee_optional: number
fee: number
det: ExportMethod2Detail[]
}
export interface ExportMethod3Detail {
task: number
price: number
amount: number
basicFee: number
serviceCoe: number
fee: number
remark: string
}
export interface ExportMethod3 {
basicFee: number
fee: number
det: ExportMethod3Detail[]
}
export interface ExportMethod4Detail {
expert: number
price: number
person_num: number
work_day: number
fee: number
remark: string
}
export interface ExportMethod4 {
person_num: number
work_day: number
fee: number
det: ExportMethod4Detail[]
}
export interface ExportService {
id: number
fee: number
finalFee: number
process: number
tasks: ExportTaskGroup[]
method1?: ExportMethod1
method2?: ExportMethod2
method3?: ExportMethod3
method4?: ExportMethod4
}
export interface ExportTaskGroup {
serviceid?: number
text: string[]
}
export interface ExportServiceCoe {
serviceid: number
coe: number
remark: string
}
export interface ExportMajorCoe {
majorid: number
coe: number
remark: string
}
export interface ExportContract {
name: string
serviceFee: number
addtionalFee: number
reserveFee: number
fee: number
quality: string
duration: string
scale: ExportScaleRow[]
serviceCoes: ExportServiceCoe[]
majorCoes: ExportMajorCoe[]
services: ExportService[]
addtional: ExportAdditional | null
reserve: ExportReserve | null
}
export interface ExportMethod0 {
coe: number
fee: number
}
export interface ExportMethod5Detail {
name: string
unit: string
amount: number
price: number
fee: number
remark: string
}
export interface ExportMethod5 {
fee: number
det: ExportMethod5Detail[]
}
export interface ExportAdditionalDetail {
id: number | string
code?: unknown
name: string
fee: number
tasks: ExportTaskGroup[]
m0?: ExportMethod0
m4?: ExportMethod4
m5?: ExportMethod5
}
export interface ExportAdditional {
code?: unknown
name: string
fee: number
det: ExportAdditionalDetail[]
}
export interface ExportReserve {
code?: unknown
name: string
fee: number
tasks: ExportTaskGroup[]
m0?: ExportMethod0
m4?: ExportMethod4
m5?: ExportMethod5
}
export interface ExportReportPayload {
name: string
writer: string
reviewer: string
company: string
date: string
industry: number
fee: number
scaleCost: number
overview: string
desc: string
scale: ExportScaleRow[]
serviceCoes: ExportServiceCoe[]
majorCoes: ExportMajorCoe[]
contracts: ExportContract[]
}
src/features/workbench/components/HomeEntryView.vue
+961
View File
@@ -0,0 +1,961 @@
<script setup lang="ts">
import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import { Button } from '@/components/ui/button'
import { useTabStore } from '@/pinia/tab'
import { useKvStore } from '@/pinia/kv'
import { useUiPrefsStore } from '@/pinia/uiPrefs'
import {
Calculator,
Check,
ChevronDown,
Languages,
X
} from 'lucide-vue-next'
import { getIndustryDisplayName, industryTypeList } from '@/sql'
import { initializeProjectFactorStates, initializeProjectScaleState } from '@/lib/projectWorkspace'
import {
SelectContent,
SelectIcon,
SelectItem,
SelectItemIndicator,
SelectItemText,
SelectPortal,
SelectRoot,
SelectTrigger,
SelectViewport
} from 'reka-ui'
import {
buildDisclaimerUrl,
buildProjectUrl,
consumePendingDisclaimerAction,
DEFAULT_PROJECT_ID,
hasAcceptedRestrictedDisclaimer,
FORCE_HOME_QUERY_KEY,
isDisclaimerAcceptanceRequired,
NEW_PROJECT_QUERY_KEY,
OPEN_PROJECT_DIALOG_QUERY_KEY,
setPendingDisclaimerAction,
PROJECT_TAB_ID,
QUICK_PROJECT_ID,
QUICK_CONSULT_CATEGORY_FACTOR_KEY,
QUICK_CONTRACT_FALLBACK_NAME,
QUICK_CONTRACT_ID,
QUICK_CONTRACT_META_KEY,
QUICK_MAJOR_FACTOR_KEY,
QUICK_PROJECT_INFO_KEY,
readCurrentProjectId,
writeProjectIdToUrl,
setPendingHomeImportFile,
writeWorkspaceMode
} from '@/lib/workspace'
import { createProject, listProjects, upsertProject } from '@/lib/projectRegistry'
import { createProjectKvAdapter } from '@/lib/projectKvStore'
import { collectActiveProjectSessionLocks } from '@/lib/projectSessionLock'
interface QuickProjectInfoState {
projectIndustry?: string
projectName?: string
preparedBy?: string
reviewedBy?: string
preparedCompany?: string
preparedDate?: string
}
interface QuickContractMetaState {
id?: string
name?: string
updatedAt?: string
}
interface ProjectInfoState {
projectIndustry?: string
projectName?: string
preparedBy?: string
reviewedBy?: string
preparedCompany?: string
preparedDate?: string
}
const PROJECT_INFO_KEY = 'xm-base-info-v1'
const PROJECT_CONSULT_CATEGORY_FACTOR_KEY = 'xm-consult-category-factor-v1'
const PROJECT_MAJOR_FACTOR_KEY = 'xm-major-factor-v1'
const PROJECT_SCALE_KEY = 'xm-info-v3'
const FILE_LEDGER_URL = 'https://www.lianzhong.com.cn/file?fileNo=24'
const getActiveProjectId = () => readCurrentProjectId()
const tabStore = useTabStore()
const kvStore = useKvStore()
const uiPrefsStore = useUiPrefsStore()
const { t, tm, locale } = useI18n()
const projectDialogOpen = ref(false)
const projectIndustry = ref(String(industryTypeList[0]?.id || ''))
const projectSubmitting = ref(false)
const quickIndustry = ref(String(industryTypeList[0]?.id || ''))
const quickContractName = ref(QUICK_CONTRACT_FALLBACK_NAME)
const quickSubmitting = ref(false)
const homeImportInputRef = ref<HTMLInputElement | null>(null)
const homeImportConfirmOpen = ref(false)
const pendingHomeImportFile = ref<File | null>(null)
const pendingHomeImportFileName = ref('')
const existingProjectDialogOpen = ref(false)
const disclaimerRequired = ref(false)
const existingProjects = ref<Array<{ id: string; name: string; updatedAt: string }>>([])
const existingProjectLoading = ref(false)
const hasExistingProjects = ref(false)
const openedProjectIds = ref<string[]>([])
let existingProjectPollTimer: ReturnType<typeof setInterval> | null = null
const heroTitleIndex = ref(0)
const heroDescIndex = ref(0)
const projectIndustryLabel = computed(() => {
const target = String(projectIndustry.value || '').trim()
if (!target) return ''
return getIndustryDisplayName(target, locale.value) || ''
})
const localeBadge = computed(() => (locale.value === 'en-US' ? 'EN' : '中'))
const toggleLocale = () => {
const next = locale.value === 'en-US' ? 'zh-CN' : 'en-US'
uiPrefsStore.setLocale(next as 'zh-CN' | 'en-US')
}
const resolveProjectRegistryName = (projectIdRaw: string) => {
const projectId = String(projectIdRaw || '').trim()
if (projectId !== DEFAULT_PROJECT_ID) return undefined
return t('xmInfo.defaultProjectName')
}
const writeCleanProjectUrl = (projectIdRaw: string) => {
try {
const href = buildProjectUrl(projectIdRaw, { forceHome: false, newProject: false })
window.history.replaceState({}, '', href)
} catch {
writeProjectIdToUrl(projectIdRaw)
}
}
const navigateToWorkspace = (projectIdRaw: string, mode: 'project' | 'quick') => {
const projectId = String(projectIdRaw || '').trim()
if (!projectId) return false
writeWorkspaceMode(mode)
const currentProjectId = getActiveProjectId()
const shouldReloadApp = mode === 'project' && currentProjectId !== projectId
if (shouldReloadApp) {
window.location.href = buildProjectUrl(projectId, { forceHome: false, newProject: false })
return false
}
writeCleanProjectUrl(projectId)
return true
}
const getTodayDateString = () => {
const now = new Date()
const year = String(now.getFullYear())
const month = String(now.getMonth() + 1).padStart(2, '0')
const day = String(now.getDate()).padStart(2, '0')
return `${year}-${month}-${day}`
}
const formatProjectEditedTime = (value: string) => {
const date = new Date(value)
if (Number.isNaN(date.getTime())) return '-'
const pad = (num: number) => String(num).padStart(2, '0')
return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`
}
const enterProjectCalc = () => {
const projectId = getActiveProjectId()
upsertProject(projectId, resolveProjectRegistryName(projectId))
if (!navigateToWorkspace(projectId, 'project')) return
tabStore.enterWorkspace({
id: PROJECT_TAB_ID,
title: t('home.projectCalcTab'),
componentName: 'ProjectCalcView'
})
tabStore.hasCompletedSetup = true
}
const loadProjectDefaults = async () => {
const savedInfo = await kvStore.getItem<ProjectInfoState>(PROJECT_INFO_KEY)
projectIndustry.value =
typeof savedInfo?.projectIndustry === 'string' && savedInfo.projectIndustry.trim()
? savedInfo.projectIndustry.trim()
: String(industryTypeList[0]?.id || '')
}
const openProjectCalc = async () => {
await runWithDisclaimerGuard({ type: 'project' }, async () => {
await loadProjectDefaults()
projectDialogOpen.value = true
})
}
const openRelatedFiles = () => {
window.open(FILE_LEDGER_URL, '_blank', 'noopener')
}
const redirectToDisclaimerPage = () => {
const returnUrl = window.location.href
window.location.href = buildDisclaimerUrl(returnUrl)
}
const runWithDisclaimerGuard = async (
pendingAction: { type: 'project' | 'quick' | 'import' | 'existing-project'; projectId?: string },
action: () => void | Promise<void>
) => {
if (!disclaimerRequired.value || hasAcceptedRestrictedDisclaimer()) {
await action()
return
}
setPendingDisclaimerAction(pendingAction)
redirectToDisclaimerPage()
}
const syncDisclaimerRequirement = () => {
disclaimerRequired.value = isDisclaimerAcceptanceRequired()
}
const syncExistingProjectOpenedState = (projectIds: string[]) => {
openedProjectIds.value = Array.from(collectActiveProjectSessionLocks(projectIds))
}
const isExistingProjectOpened = (projectIdRaw: string) => {
const projectId = String(projectIdRaw || '').trim()
return projectId ? openedProjectIds.value.includes(projectId) : false
}
const refreshExistingProjects = async (options?: { showLoading?: boolean }) => {
if (options?.showLoading !== false) {
existingProjectLoading.value = true
}
try {
const projects = listProjects()
.filter(item => item.id !== QUICK_PROJECT_ID)
.sort((a, b) => {
const left = new Date(a.updatedAt).getTime()
const right = new Date(b.updatedAt).getTime()
return (Number.isFinite(right) ? right : 0) - (Number.isFinite(left) ? left : 0)
})
existingProjects.value = projects.map(project => ({
id: project.id,
name: project.name,
updatedAt: project.updatedAt
}))
hasExistingProjects.value = projects.length > 0
syncExistingProjectOpenedState(projects.map(project => project.id))
} finally {
if (options?.showLoading !== false) {
existingProjectLoading.value = false
}
}
}
const stopExistingProjectPolling = () => {
if (existingProjectPollTimer == null) return
clearInterval(existingProjectPollTimer)
existingProjectPollTimer = null
}
const startExistingProjectPolling = () => {
stopExistingProjectPolling()
existingProjectPollTimer = setInterval(() => {
if (!existingProjectDialogOpen.value) return
void refreshExistingProjects({ showLoading: false })
}, 3000)
}
const openExistingProjectDialog = async () => {
await runWithDisclaimerGuard({ type: 'existing-project' }, async () => {
existingProjectDialogOpen.value = true
await refreshExistingProjects()
startExistingProjectPolling()
})
}
const closeExistingProjectDialog = () => {
existingProjectDialogOpen.value = false
stopExistingProjectPolling()
}
const enterExistingProject = (projectIdRaw: string) => {
const projectId = String(projectIdRaw || '').trim()
if (!projectId || isExistingProjectOpened(projectId)) return
upsertProject(projectId, resolveProjectRegistryName(projectId))
if (!navigateToWorkspace(projectId, 'project')) return
tabStore.enterWorkspace({
id: PROJECT_TAB_ID,
title: t('home.projectCalcTab'),
componentName: 'ProjectCalcView'
})
tabStore.hasCompletedSetup = true
closeExistingProjectDialog()
}
const closeProjectCalcDialog = () => {
projectDialogOpen.value = false
}
const confirmProjectCalc = async () => {
const industry = projectIndustry.value.trim()
if (!industry) return
projectSubmitting.value = true
try {
const project = createProject(t('xmInfo.defaultProjectName'))
const kvAdapter = createProjectKvAdapter(project.id)
await kvAdapter.setItem<ProjectInfoState>(PROJECT_INFO_KEY, {
projectIndustry: industry,
projectName: t('xmInfo.defaultProjectName'),
preparedBy: '',
reviewedBy: '',
preparedCompany: '',
preparedDate: getTodayDateString()
})
await initializeProjectFactorStates(
kvAdapter,
industry,
PROJECT_CONSULT_CATEGORY_FACTOR_KEY,
PROJECT_MAJOR_FACTOR_KEY
)
await initializeProjectScaleState(kvAdapter, industry, PROJECT_SCALE_KEY)
writeWorkspaceMode('project')
window.location.href = buildProjectUrl(project.id, { forceHome: false, newProject: false })
} finally {
projectSubmitting.value = false
projectDialogOpen.value = false
}
}
const loadQuickDefaults = async () => {
const [savedInfo, savedMeta] = await Promise.all([
kvStore.getItem<QuickProjectInfoState>(QUICK_PROJECT_INFO_KEY),
kvStore.getItem<QuickContractMetaState>(QUICK_CONTRACT_META_KEY)
])
quickIndustry.value =
typeof savedInfo?.projectIndustry === 'string' && savedInfo.projectIndustry.trim()
? savedInfo.projectIndustry.trim()
: String(industryTypeList[0]?.id || '')
quickContractName.value =
typeof savedMeta?.name === 'string' && savedMeta.name.trim()
? savedMeta.name.trim()
: QUICK_CONTRACT_FALLBACK_NAME
}
const enterQuickCalc = (contractName: string) => {
if (!navigateToWorkspace(QUICK_PROJECT_ID, 'quick')) return
tabStore.enterWorkspace({
id: `contract-${QUICK_CONTRACT_ID}`,
title: t('home.quickCalcTab'),
componentName: 'QuickCalcWorkbenchView',
props: {
contractId: QUICK_CONTRACT_ID,
contractName,
projectInfoKey: QUICK_PROJECT_INFO_KEY,
projectScaleKey: null,
projectConsultCategoryFactorKey: QUICK_CONSULT_CATEGORY_FACTOR_KEY,
projectMajorFactorKey: QUICK_MAJOR_FACTOR_KEY
}
})
tabStore.hasCompletedSetup = true
}
const openQuickCalc = async () => {
await runWithDisclaimerGuard({ type: 'quick' }, async () => {
await loadQuickDefaults()
const contractName = quickContractName.value.trim() || QUICK_CONTRACT_FALLBACK_NAME
const industry = quickIndustry.value.trim()
quickSubmitting.value = true
try {
const currentInfo = await kvStore.getItem<QuickProjectInfoState>(QUICK_PROJECT_INFO_KEY)
await kvStore.setItem(QUICK_PROJECT_INFO_KEY, {
...currentInfo,
projectIndustry: industry,
projectName: t('quickCalc.projectName')
})
await kvStore.setItem(QUICK_CONTRACT_META_KEY, {
id: QUICK_CONTRACT_ID,
name: contractName,
updatedAt: new Date().toISOString()
})
if (industry) {
await initializeProjectFactorStates(
kvStore,
industry,
QUICK_CONSULT_CATEGORY_FACTOR_KEY,
QUICK_MAJOR_FACTOR_KEY
)
}
enterQuickCalc(contractName)
} finally {
quickSubmitting.value = false
}
})
}
const handleHomeImportChange = (event: Event) => {
const input = event.target as HTMLInputElement
const file = input.files?.[0]
if (!file) return
pendingHomeImportFile.value = file
pendingHomeImportFileName.value = file.name
homeImportConfirmOpen.value = true
input.value = ''
}
const openHomeImport = () => {
void runWithDisclaimerGuard({ type: 'import' }, () => {
homeImportInputRef.value?.click()
})
}
const replayPendingDisclaimerAction = async () => {
if (!disclaimerRequired.value || !hasAcceptedRestrictedDisclaimer()) return
const pendingAction = consumePendingDisclaimerAction()
if (!pendingAction) return
if (pendingAction.type === 'project') {
await loadProjectDefaults()
projectDialogOpen.value = true
return
}
if (pendingAction.type === 'quick') {
await openQuickCalc()
return
}
if (pendingAction.type === 'import') {
homeImportInputRef.value?.click()
return
}
if (pendingAction.type === 'existing-project') {
existingProjectDialogOpen.value = true
await refreshExistingProjects()
startExistingProjectPolling()
}
}
const cancelHomeImportConfirm = () => {
homeImportConfirmOpen.value = false
pendingHomeImportFile.value = null
pendingHomeImportFileName.value = ''
}
const confirmHomeImport = async () => {
const file = pendingHomeImportFile.value
if (!file) return
await setPendingHomeImportFile(file, { skipWorkspaceConfirm: true })
const targetProject = createProject(t('xmInfo.defaultProjectName'))
writeWorkspaceMode('project')
window.location.href = buildProjectUrl(targetProject.id, { forceHome: false, newProject: false })
cancelHomeImportConfirm()
}
const handleHomeWindowFocus = () => {
if (!existingProjectDialogOpen.value) return
void refreshExistingProjects({ showLoading: false })
}
const handleHomeVisibilityChange = () => {
if (document.visibilityState !== 'visible') return
handleHomeWindowFocus()
}
const openDisclaimerPage = () => {
const href = buildDisclaimerUrl(window.location.href)
window.open(href, '_blank', 'noopener')
}
const resolveLocalizedStringArray = (value: unknown) => {
if (!Array.isArray(value)) return []
return value.filter((item): item is string => typeof item === 'string' && item.trim().length > 0)
}
const heroTitleOptions = computed(() =>
resolveLocalizedStringArray(tm('home.cards.heroTitles'))
)
const heroDescOptions = computed(() =>
resolveLocalizedStringArray(tm('home.cards.heroDescs'))
)
const heroTitleText = computed(() => heroTitleOptions.value[heroTitleIndex.value] || '')
const heroDescText = computed(() => heroDescOptions.value[heroDescIndex.value] || '')
const pickRandomIndex = (length: number) => {
if (length <= 1) return 0
return Math.floor(Math.random() * length)
}
const refreshHeroCopy = () => {
heroTitleIndex.value = pickRandomIndex(heroTitleOptions.value.length)
heroDescIndex.value = pickRandomIndex(heroDescOptions.value.length)
}
const homeActionCards = [
{
key: 'projectBudget',
desc: 'projectBudgetDesc',
action: 'enter',
icon: 'project',
iconWrapClass: 'border-blue-100 bg-blue-50/80 text-blue-600',
iconClass: 'h-5 w-5',
clickFunc: openProjectCalc,
showExistingAction: true
},
{
key: 'quickCalc',
desc: 'quickCalcDesc',
action: 'enter',
icon: 'quick',
iconWrapClass: 'border-amber-100 bg-amber-50/80 text-amber-600',
iconClass: 'h-10 w-10',
clickFunc: openQuickCalc,
showExistingAction: false
},
{
key: 'importData',
desc: 'importDataDesc',
action: 'pickFile',
icon: 'import',
iconWrapClass: 'border-emerald-100 bg-emerald-50/80 text-emerald-600',
iconClass: 'h-5 w-5',
clickFunc: openHomeImport,
showExistingAction: false
},
{
key: 'file',
desc: 'fileDataDesc',
action: 'openFileSystem',
icon: 'files',
iconWrapClass: 'border-emerald-100 bg-emerald-50/80 text-emerald-600',
iconClass: 'h-5 w-5',
clickFunc: openRelatedFiles,
showExistingAction: false
}
] as const
onMounted(() => {
syncDisclaimerRequirement()
void refreshExistingProjects()
void loadProjectDefaults()
void loadQuickDefaults()
void replayPendingDisclaimerAction()
refreshHeroCopy()
window.addEventListener('focus', handleHomeWindowFocus)
document.addEventListener('visibilitychange', handleHomeVisibilityChange)
try {
const url = new URL(window.location.href)
const isNewProject = url.searchParams.get(NEW_PROJECT_QUERY_KEY) === '1'
if (isNewProject) {
const projectId = getActiveProjectId()
upsertProject(projectId, resolveProjectRegistryName(projectId))
const openProjectDialog = url.searchParams.get(OPEN_PROJECT_DIALOG_QUERY_KEY) !== '0'
if (openProjectDialog) {
void openProjectCalc()
}
url.searchParams.delete(NEW_PROJECT_QUERY_KEY)
url.searchParams.delete(OPEN_PROJECT_DIALOG_QUERY_KEY)
url.searchParams.delete(FORCE_HOME_QUERY_KEY)
window.history.replaceState({}, '', `${url.pathname}${url.search}${url.hash}`)
}
} catch {
// ignore url parsing errors
}
})
onBeforeUnmount(() => {
stopExistingProjectPolling()
window.removeEventListener('focus', handleHomeWindowFocus)
document.removeEventListener('visibilitychange', handleHomeVisibilityChange)
})
watch(
() => locale.value,
() => {
refreshHeroCopy()
}
)
</script>
<template>
<input ref="homeImportInputRef" type="file" accept=".zw" class="sr-only" @change="handleHomeImportChange" />
<div class="home-entry relative flex min-h-screen items-center justify-center px-4 py-8 lg:py-10">
<div class="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_80%_60%_at_50%_-10%,rgba(59,130,246,0.06),transparent_70%)]" />
<div class="relative w-full max-w-[1240px]">
<div class="absolute right-0 top-0 z-10">
<Button
variant="outline"
size="sm"
class="h-8 cursor-pointer gap-1.5 rounded-full border-slate-200/80 bg-white/85 px-3 text-xs text-slate-600 shadow-sm backdrop-blur transition hover:bg-white"
@click="toggleLocale"
>
<Languages class="h-3.5 w-3.5" />
<span>{{ localeBadge }}</span>
</Button>
</div>
<div class="home-title text-center" :style="{ maxWidth: '800px' }">
<h1
class="text-2xl tracking-tight text-slate-900 lg:text-3xl"
:style="{ whiteSpace: 'pre-line', fontWeight: '200', fontFamily: 'HarmonyOS_Sans_SC' }"
>
{{ t('home.title') }}
</h1>
<p class="mt-1.5 text-sm text-slate-500">{{ t('home.subtitle') }}</p>
</div>
<div class="mt-5 grid items-stretch gap-4 md:grid-cols-2 xl:grid-cols-5">
<div
class="home-hero home-card-base home-entry-item home-entry-item--1 relative overflow-hidden rounded-2xl bg-[#dc2626] p-7 text-white shadow-[0_24px_60px_rgba(153,27,27,0.35)]"
>
<div class="pointer-events-none absolute -right-20 -top-16 h-56 w-56 rounded-full bg-white/12 blur-2xl" />
<div class="pointer-events-none absolute -left-10 -bottom-10 h-40 w-40 rounded-full bg-white/8 blur-3xl" />
<div v-for="index in 10" :key="index" :class="`home-hero-meteor home-hero-meteor--${index}`" />
<div class="relative inline-flex h-11 w-11 items-center justify-center rounded-xl bg-white/15 ring-1 ring-white/35">
<Calculator class="h-5 w-5" />
</div>
<h2 class="relative mt-8 text-2xl font-semibold leading-tight tracking-tight lg:text-3xl" :style="{ whiteSpace: 'pre-line', fontSize: '20px' }">{{ heroTitleText }}</h2>
<p class="relative mt-2 text-sm text-red-200/90">{{ t('home.cards.heroSubTitle') }}</p>
<div class="relative mt-6 h-px bg-white/20" />
<p class="relative mt-4 whitespace-pre-line text-xs leading-5 text-red-200/60">{{ heroDescText }}</p>
</div>
<article
v-for="(card, index) in homeActionCards"
:key="card.key"
role="button"
tabindex="0"
:class="[
'home-card home-card-base home-entry-item group flex cursor-pointer flex-col justify-between rounded-xl border border-slate-200/80 bg-white/95 px-5 py-5 shadow-[0_4px_20px_rgba(15,23,42,0.06)] backdrop-blur-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_12px_32px_rgba(15,23,42,0.12)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-200',
`home-entry-item--${index + 2}`
]"
@click="card.clickFunc"
@keydown.enter.prevent="card.clickFunc"
@keydown.space.prevent="card.clickFunc"
>
<div>
<div
:class="[
'inline-flex h-11 w-11 items-center justify-center rounded-xl border shadow-sm transition-transform duration-200 group-hover:scale-105',
card.iconWrapClass
]"
>
<svg v-if="card.icon === 'project'" viewBox="0 0 1024 1024" :class="card.iconClass" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path
fill="currentColor"
d="M938.666667 874.666667c0 11.733333-9.6 21.333333-21.333334 21.333333H106.666667c-11.733333 0-21.333333-9.6-21.333334-21.333333s9.6-21.333333 21.333334-21.333334h42.666666V490.666667c0-11.733333 9.6-21.333333 21.333334-21.333334h170.666666c11.733333 0 21.333333 9.6 21.333334 21.333334v362.666666h42.666666V320c0-11.733333 9.6-21.333333 21.333334-21.333333h170.666666c11.733333 0 21.333333 9.6 21.333334 21.333333v533.333333h42.666666V149.333333c0-11.733333 9.6-21.333333 21.333334-21.333333h170.666666c11.733333 0 21.333333 9.6 21.333334 21.333333v704h42.666666c11.733333 0 21.333333 9.6 21.333334 21.333334z"
/>
</svg>
<svg v-else-if="card.icon === 'quick'" viewBox="0 0 800 800" :class="card.iconClass" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path
fill="currentColor"
d="M5245 5891c-11-5-47-38-80-73-33-36-269-281-525-544-256-263-514-530-575-592-90-93-113-123-130-170-20-54-79-170-200-392-70-129-81-164-61-194 22-35 59-40 114-15 26 11 119 47 207 79 88 33 185 69 215 81 30 12 83 31 118 44 58 20 82 40 300 246 130 123 291 276 357 339 66 63 165 158 219 210 55 52 105 100 111 106 57 58 205 194 212 194 4 0 7-520 5-1155l-2-1155-553 0c-343 0-576-4-613-11-86-15-175-46-227-79-25-15-48-26-51-23-3 4-6 154-6 335l0 328-80 0-80 0 0-336 0-336-32 22c-44 29-106 56-176 77-50 15-130 17-647 22l-590 6 0 1165 0 1165 440 0c467 0 528-4 702-50 105-28 200-69 261-114 41-31 42-32 42-91l0-60 80 0 80 0 1 33c3 69 8 82 40 110 19 16 63 43 99 59 36 16 71 33 79 37 13 7 56 169 47 178-6 6-170-49-221-74-27-14-66-38-86-54l-35-28-32 25c-51 40-181 101-274 128-188 54-249 59-840 63l-548 4 0-1330 0-1331 619 0c669 0 715-3 826-54 63-29 138-94 155-136 12-30 13-30 91-30l78 0 17 35c20 44 70 87 137 122 114 58 98 56 807 62l655 6 3 1313c2 1296 2 1314 22 1339 34 43 21 153-29 252-35 67-147 173-224 211-70 34-179 50-222 31z m171-190c72-42 154-148 154-200 0-12-47-64-125-138-69-65-129-119-133-121-4-1-60 51-125 116l-117 118 121 127c136 144 141 146 225 98z m-341-468l110-114-65-62c-36-33-110-104-165-157-385-367-609-575-618-575-7 0-54 44-106 97l-94 97 335 343c184 189 366 376 403 416 38 39 73 71 79 71 6-1 61-53 121-116z m-905-994c0-7-193-79-211-79-5 0 14 46 42 101l51 102 59-59c32-32 59-61 59-65z"
transform="translate(0,800) scale(0.1,-0.1)"
/>
<path
fill="currentColor"
d="M1897 4983c-9-8-9-2599-1-2630l6-23 787 0c432 0 791-4 797-8 6-4 18-21 27-38 24-46 102-113 170-144 169-79 482-78 640 1 96 49 141 90 193 177 6 9 97 11 822 11l782 1 0 1330 0 1330-85 0-85 0 0-1250 0-1250-773 0-772 0-18-51c-24-66-84-131-146-158-131-56-369-51-491 11-69 35-121 96-138 162l-8 31-775 5-774 5-2 1150c-2 633-3 1194-3 1248l0 97-73 0c-41 0-77-3-80-7z"
transform="translate(0,800) scale(0.1,-0.1)"
/>
<path
fill="currentColor"
d="M3391 3872c-261-2-347-5-353-15-4-6-8-38-8-69 0-47 4-59 19-68 13-6 214-10 584-10 474 0 566 2 576 14 7 9 11 40 9 78l-3 63-240 5c-132 3-395 4-584 2z"
transform="translate(0,800) scale(0.1,-0.1)"
/>
</svg>
<svg v-else-if="card.icon === 'import'" viewBox="0 0 1024 1024" :class="card.iconClass" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path
fill="currentColor"
d="M154.579478 1001.73913v-332.844521h89.043479V912.695652H912.695652V369.530435h-234.896695V111.304348H243.890087v349.184h-89.043478V22.26087h585.683478l261.431652 263.924869V1001.73913z m612.173913-721.252173h104.314435l-104.314435-105.293914z m-416.857043 411.469913l79.026087-79.026087H22.26087v-89.043479h406.661565L349.94087 444.861217l41.138087-41.22713 123.592347 123.592348 41.227131 41.182608-41.227131 41.138087-123.592347 123.592348z m123.013565-123.013566l0.489739-0.534261-0.489739-0.489739z"
/>
</svg>
<svg
v-else
viewBox="0 0 1024 1024"
:class="card.iconClass"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
d="M271.146667 128h-85.333334a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h85.333334a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64z m21.333333 704a21.333333 21.333333 0 0 1-21.333333 21.333333h-85.333334a21.333333 21.333333 0 0 1-21.333333-21.333333V320h128z m0-554.666667h-128V192a21.333333 21.333333 0 0 1 21.333333-21.333333h85.333334a21.333333 21.333333 0 0 1 21.333333 21.333333zM901.12 808.533333L789.333333 178.346667a64 64 0 0 0-74.026666-51.84l-84.053334 14.72a64 64 0 0 0-44.16 31.146666A64 64 0 0 0 527.146667 128h-85.333334a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h85.333334a64 64 0 0 0 64-64V279.253333l99.84 566.4a64 64 0 0 0 74.24 51.84l84.053333-14.72a64 64 0 0 0 51.84-74.24zM548.48 832a21.333333 21.333333 0 0 1-21.333333 21.333333h-85.333334a21.333333 21.333333 0 0 1-21.333333-21.333333V320h128z m0-554.666667h-128V192a21.333333 21.333333 0 0 1 21.333333-21.333333h85.333334a21.333333 21.333333 0 0 1 21.333333 21.333333z m73.386667-69.333333A21.333333 21.333333 0 0 1 640 183.253333l83.2-14.72a21.333333 21.333333 0 0 1 24.746667 17.28l14.933333 84.053334-126.08 21.333333z m219.946666 632.746667l-84.053333 14.72a21.333333 21.333333 0 0 1-24.746667-17.28L644.266667 334.08l125.866666-21.333333 88.96 504.106666a21.333333 21.333333 0 0 1-17.28 23.893334z"
fill="#e0db84"
/>
</svg>
</div>
<h3 class="mt-4 text-base font-semibold text-slate-900">{{ t(`home.cards.${card.key}`) }}</h3>
<p class="mt-1.5 text-xs leading-5 text-slate-500">{{ t(`home.cards.${card.desc}`) }}</p>
</div>
<div class="mt-4 flex items-center justify-between gap-2">
<button
v-if="card.showExistingAction && hasExistingProjects"
type="button"
class="cursor-pointer rounded-md border border-slate-200 px-2.5 py-1 text-xs font-medium text-slate-500 transition hover:border-slate-300 hover:bg-slate-50 hover:text-slate-700"
@click.stop="openExistingProjectDialog"
>
{{ t('home.cards.pickExisting') }}
</button>
<div class="flex items-center text-xs font-medium text-slate-400 transition-colors group-hover:text-slate-600">
<span>{{ t(`home.cards.${card.action}`) }}</span>
<svg class="ml-1 h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
</div>
</article>
</div>
<div class="home-disclaimer mt-5 text-center">
<button
type="button"
class="inline-flex cursor-pointer items-center justify-center rounded-2xl border border-slate-300/60 bg-white/55 px-5 py-2 text-base font-semibold text-slate-700 shadow-[0_8px_24px_rgba(15,23,42,0.06)] backdrop-blur-sm underline decoration-slate-300 underline-offset-4 transition hover:border-slate-400/70 hover:bg-white/70 hover:text-slate-900 hover:decoration-slate-500"
@click="openDisclaimerPage"
>
{{ t('home.disclaimer.link') }}
</button>
<p class="mt-2 text-xs leading-5 text-slate-500">
{{ t('home.disclaimer.supportText') }}
</p>
</div>
</div>
</div>
<div
v-if="existingProjectDialogOpen"
class="fixed inset-0 z-[90] flex items-center justify-center bg-black/45 p-4"
@click.self="closeExistingProjectDialog"
>
<div class="w-full max-w-lg rounded-xl border bg-background shadow-2xl">
<div class="flex items-center justify-between border-b px-5 py-4">
<div>
<h3 class="text-base font-semibold text-foreground">{{ t('home.dialog.chooseExistingProject') }}</h3>
<p class="mt-1 text-sm text-muted-foreground">{{ t('home.dialog.chooseExistingProjectDesc') }}</p>
</div>
<Button variant="ghost" size="icon" class="h-8 w-8" @click="closeExistingProjectDialog">
<X class="h-4 w-4" />
</Button>
</div>
<div class="max-h-80 space-y-2 overflow-auto px-5 py-4">
<div
v-if="!existingProjectLoading && existingProjects.length === 0"
class="rounded-lg border border-dashed border-slate-200 bg-slate-50 px-3 py-5 text-center text-sm text-slate-500"
>
{{ t('home.dialog.noProjectYet') }}
</div>
<button
v-for="project in existingProjects"
:key="project.id"
type="button"
:disabled="isExistingProjectOpened(project.id)"
class="flex w-full items-center justify-between rounded-lg border border-slate-200 px-3 py-2 text-left transition"
:class="isExistingProjectOpened(project.id)
? 'cursor-not-allowed border-slate-200 bg-slate-100/80 opacity-70'
: 'cursor-pointer hover:border-slate-300 hover:bg-slate-50'"
@click="enterExistingProject(project.id)"
>
<div class="min-w-0">
<div class="truncate text-sm font-medium text-slate-800">
{{ project.name }}
<span v-if="isExistingProjectOpened(project.id)" class="ml-1 text-xs text-slate-500">
{{ t('tab.toolbar.opened') }}
</span>
</div>
<div class="mt-0.5 text-xs text-slate-500">{{ project.id }}</div>
</div>
<div class="shrink-0 pl-2 text-xs text-slate-500">
{{ t('tab.toolbar.lastEdited', { time: formatProjectEditedTime(project.updatedAt) }) }}
</div>
</button>
</div>
<div class="flex items-center justify-end gap-2 border-t px-5 py-4">
<Button variant="outline" @click="closeExistingProjectDialog">{{ t('common.cancel') }}</Button>
</div>
</div>
</div>
<div
v-if="projectDialogOpen"
class="fixed inset-0 z-[90] flex items-center justify-center bg-black/45 p-4"
@click.self="closeProjectCalcDialog"
>
<div class="w-full max-w-md rounded-xl border bg-background shadow-2xl">
<div class="flex items-center justify-between border-b px-5 py-4">
<div>
<h3 class="text-base font-semibold text-foreground">{{ t('home.dialog.newProject') }}</h3>
<p class="mt-1 text-sm text-muted-foreground">{{ t('home.dialog.chooseIndustryDesc') }}</p>
</div>
<Button variant="ghost" size="icon" class="h-8 w-8" @click="closeProjectCalcDialog">
<X class="h-4 w-4" />
</Button>
</div>
<div class="space-y-4 px-5 py-4">
<label class="block space-y-2">
<span class="text-sm font-medium text-foreground">{{ t('home.dialog.industry') }}</span>
<SelectRoot v-model="projectIndustry">
<SelectTrigger
class="inline-flex h-11 w-full items-center justify-between rounded-xl border border-border/70 bg-[linear-gradient(180deg,rgba(248,250,252,0.98),rgba(241,245,249,0.92))] px-4 text-sm text-foreground shadow-sm outline-none transition hover:border-border focus-visible:ring-2 focus-visible:ring-slate-300"
>
<span :class="projectIndustryLabel ? 'text-foreground' : 'text-muted-foreground'">
{{ projectIndustryLabel || t('home.dialog.selectIndustry') }}
</span>
<SelectIcon as-child>
<ChevronDown class="h-4 w-4 text-muted-foreground" />
</SelectIcon>
</SelectTrigger>
<SelectPortal>
<SelectContent
:side-offset="6"
position="popper"
class="z-[120] w-[var(--reka-select-trigger-width)] overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-xl"
>
<SelectViewport class="p-1">
<SelectItem
v-for="item in industryTypeList"
:key="`project-${item.id}`"
:value="String(item.id)"
class="relative flex h-9 w-full cursor-default select-none items-center rounded-md pl-3 pr-8 text-sm outline-none data-[highlighted]:bg-muted data-[highlighted]:text-foreground data-[state=checked]:bg-slate-100"
>
<SelectItemText>{{ getIndustryDisplayName(item.id, locale) }}</SelectItemText>
<SelectItemIndicator class="absolute right-2 inline-flex items-center text-slate-700">
<Check class="h-4 w-4" />
</SelectItemIndicator>
</SelectItem>
</SelectViewport>
</SelectContent>
</SelectPortal>
</SelectRoot>
</label>
</div>
<div class="flex items-center justify-end gap-2 border-t px-5 py-4">
<Button variant="outline" @click="closeProjectCalcDialog">{{ t('common.cancel') }}</Button>
<Button :disabled="projectSubmitting || !projectIndustry" @click="confirmProjectCalc">
{{ projectSubmitting ? t('home.dialog.entering') : t('home.dialog.enterProjectCalc') }}
</Button>
</div>
</div>
</div>
<div
v-if="homeImportConfirmOpen"
class="fixed inset-0 z-[90] flex items-center justify-center bg-black/45 p-4"
@click.self="cancelHomeImportConfirm"
>
<div class="w-full max-w-md rounded-xl border bg-background shadow-2xl">
<div class=" px-5 py-4">
<h3 class="text-base font-semibold text-foreground">{{ t('home.dialog.confirmImport') }}</h3>
<p class="mt-1 text-sm text-muted-foreground">
{{ t('home.dialog.confirmImportDesc', { file: pendingHomeImportFileName || t('home.cards.pickFile') }) }}
</p>
</div>
<div class="flex items-center justify-end gap-2 px-5 py-4">
<Button variant="outline" @click="cancelHomeImportConfirm">{{ t('common.cancel') }}</Button>
<Button variant="destructive" @click="confirmHomeImport">{{ t('home.dialog.confirmImportAction') }}</Button>
</div>
</div>
</div>
</template>
<style scoped>
.home-hero {
animation: none;
}
.home-card-base {
min-height: 248px;
}
.home-title {
animation: fade-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both;
max-width: 520px;
margin: 0 auto;
padding: 18px 24px;
border: 1px solid rgba(148, 163, 184, 0.26);
border-radius: 20px;
background-image: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(59, 130, 246, 0.06), transparent 70%);
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}
.home-entry-item {
animation: fade-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.home-slogan-row {
animation: fade-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.6s both;
}
.home-entry-item--1 { animation-delay: 0.2s; }
.home-entry-item--2 { animation-delay: 0.3s; }
.home-entry-item--3 { animation-delay: 0.4s; }
.home-entry-item--4 { animation-delay: 0.5s; }
.home-entry-item--5 { animation-delay: 0.6s; }
.home-disclaimer {
animation: fade-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.6s both;
}
@keyframes hero-in {
from { opacity: 0; transform: translateX(-20px) scale(0.97); }
to { opacity: 1; transform: translateX(0) scale(1); }
}
.home-hero-meteor {
pointer-events: none;
position: absolute;
width: 120px;
height: 1px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0));
transform: rotate(-28deg);
opacity: 0;
filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.45));
animation: hero-meteor 3.8s linear infinite;
}
.home-hero-meteor--1 {
top: 16%;
right: -30%;
animation-delay: 0s;
}
.home-hero-meteor--2 {
top: 38%;
right: -40%;
animation-delay: 1.2s;
}
.home-hero-meteor--3 {
top: 62%;
right: -35%;
animation-delay: 2.2s;
}
.home-hero-meteor--4 {
top: 24%;
right: -45%;
animation-delay: 0.6s;
}
.home-hero-meteor--5 {
top: 50%;
right: -28%;
animation-delay: 1.7s;
}
.home-hero-meteor--6 {
top: 74%;
right: -42%;
animation-delay: 2.8s;
}
.home-hero-meteor--7 {
top: 10%;
right: -48%;
animation-delay: 0.35s;
}
.home-hero-meteor--8 {
top: 31%;
right: -26%;
animation-delay: 1.05s;
}
.home-hero-meteor--9 {
top: 56%;
right: -50%;
animation-delay: 2.45s;
}
.home-hero-meteor--10 {
top: 82%;
right: -30%;
animation-delay: 3.15s;
}
@keyframes hero-meteor {
0% { transform: translate3d(0, 0, 0) rotate(-28deg); opacity: 0; }
8% { opacity: 0.9; }
34% { opacity: 0.9; }
42% { opacity: 0; }
100% { transform: translate3d(-340px, 220px, 0) rotate(-28deg); opacity: 0; }
}
@keyframes fade-up {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: translateY(0); }
}
</style>
src/components/views/HtFeeMethodTypeLineView.vue → src/features/workbench/components/HtFeeMethodTypeLineView.vue
+30 -24
View File
@@ -2,20 +2,21 @@
<TypeLine
scene="ht-fee-method-type-line"
:title="titleText"
:subtitle="`合同ID：${contractIdText}`"
:subtitle="t('htFeeMethodTypeLine.contractId', { id: contractIdText })"
:copy-text="contractIdText"
:storage-key="activeTypeStorageKey"
default-category="work-content"
default-category="rate-fee"
:categories="categories"
/>
</template>
<script setup lang="ts">
import { computed, defineComponent, h, markRaw, defineAsyncComponent, type Component } from 'vue'
import { useI18n } from 'vue-i18n'
import TypeLine from '@/layout/typeLine.vue'
import HtFeeGrid from '@/components/shared/HtFeeGrid.vue'
import HtFeeRateMethodForm from '@/components/ht/HtFeeRateMethodForm.vue'
import HourlyFeeGrid from '@/components/shared/HourlyFeeGrid.vue'
import HtFeeGrid from '@/features/shared/components/HtFeeGrid.vue'
import HtFeeRateMethodForm from '@/features/ht/components/HtFeeRateMethodForm.vue'
import HourlyFeeGrid from '@/features/shared/components/HourlyFeeGrid.vue'
interface TypeLineCategoryItem {
key: string
@@ -26,19 +27,24 @@ interface TypeLineCategoryItem {
const props = defineProps<{
sourceTitle?: string
storageKey: string
rowId: string
rowId: string | number
rowName?: string
contractId?: string
contractName?: string
}>()
const sourceTitleText = computed(() => props.sourceTitle || '费用明细')
const rowNameText = computed(() => props.rowName || '未命名')
const { t } = useI18n()
const sourceTitleText = computed(() => props.sourceTitle || t('htFeeMethodTypeLine.feeDetail'))
const rowNameText = computed(() => props.rowName || t('htFeeMethodTypeLine.unnamed'))
const rowIdText = computed(() => String(props.rowId || '').trim())
const contractIdText = computed(() => String(props.contractId || '').trim())
const contractNameText = computed(() => String(props.contractName || '').trim() || contractIdText.value || '-')
const titleText = computed(() => `合同段：${contractNameText.value} · ${rowNameText.value || sourceTitleText.value}`)
const activeTypeStorageKey = computed(() => `ht-fee-type-active-cat-${props.storageKey}-${props.rowId}`)
const titleText = computed(() => t('htFeeMethodTypeLine.title', {
contractName: contractNameText.value,
rowName: rowNameText.value || sourceTitleText.value
}))
const activeTypeStorageKey = computed(() => `ht-fee-type-active-cat-${props.storageKey}-${rowIdText.value}`)
const buildMethodStorageKey = (method: 'rate-fee' | 'hourly-fee' | 'quantity-unit-price-fee') =>
`${props.storageKey}-${props.rowId}-${method}`
`${props.storageKey}-${rowIdText.value}-${method}`
const quantityUnitPricePane = markRaw(
defineComponent({
@@ -47,10 +53,10 @@ const quantityUnitPricePane = markRaw(
const quantityStorageKey = computed(() => buildMethodStorageKey('quantity-unit-price-fee'))
return () =>
h(HtFeeGrid, {
title: '数量单价',
title: t('htFeeMethodTypeLine.quantityUnitPrice'),
storageKey: quantityStorageKey.value,
htMainStorageKey: props.storageKey,
htRowId: props.rowId,
htRowId: rowIdText.value,
htMethodType: 'quantity-unit-price-fee'
})
}
@@ -67,7 +73,7 @@ const rateFeePane = markRaw(
storageKey: rateStorageKey.value,
contractId: props.contractId,
htMainStorageKey: props.storageKey,
htRowId: props.rowId,
htRowId: rowIdText.value,
htMethodType: 'rate-fee'
})
}
@@ -81,17 +87,17 @@ const hourlyFeePane = markRaw(
const hourlyStorageKey = computed(() => buildMethodStorageKey('hourly-fee'))
return () =>
h(HourlyFeeGrid, {
title: '工时法明细',
title: t('hourlyFeeGrid.title'),
storageKey: hourlyStorageKey.value,
htMainStorageKey: props.storageKey,
htRowId: props.rowId,
htRowId: rowIdText.value,
htMethodType: 'hourly-fee'
})
}
})
)
const isReserveFee = computed(() => props.sourceTitle === '预备费')
const isReserveFee = computed(() => props.sourceTitle === t('htSummary.reservePrefix'))
const showWorkContent = computed(() => {
if (isReserveFee.value) return false
return true
@@ -102,14 +108,14 @@ const workContentPane = markRaw(
name: 'WorkContentPane',
setup() {
const AsyncWorkContentGrid = defineAsyncComponent({
loader: () => import('@/components/shared/WorkContentGrid.vue'),
loader: () => import('@/features/shared/components/WorkContentGrid.vue'),
onError: err => {
console.error('加载 WorkContentGrid 组件失败：', err)
}
})
return () => h(AsyncWorkContentGrid, {
title: '工作内容',
storageKey: `work-content-${props.storageKey}-${props.rowId}`,
title: t('workContent.title'),
storageKey: `work-content-${props.storageKey}-${rowIdText.value}`,
dictMode: 'additional'
})
}
@@ -118,12 +124,12 @@ const workContentPane = markRaw(
const categories = computed<TypeLineCategoryItem[]>(() => {
const base: TypeLineCategoryItem[] = [
{ key: 'rate-fee', label: '费率计取', component: rateFeePane },
{ key: 'hourly-fee', label: '工时法', component: hourlyFeePane },
{ key: 'quantity-unit-price-fee', label: '数量单价', component: quantityUnitPricePane },
{ key: 'rate-fee', label: t('htFeeGrid.columns.rateFee'), component: rateFeePane },
{ key: 'hourly-fee', label: t('htFeeGrid.columns.hourlyFee'), component: hourlyFeePane },
{ key: 'quantity-unit-price-fee', label: t('htFeeGrid.columns.quantityUnitPriceFee'), component: quantityUnitPricePane },
]
if (showWorkContent.value) {
base.push({ key: 'work-content', label: '工作内容', component: workContentPane })
base.push({ key: 'work-content', label: t('workContent.title'), component: workContentPane })
}
return base
})
src/features/workbench/components/QuickCalcWorkbenchView.vue
+1484
View File
File diff suppressed because it is too large. Load diff
src/features/workbench/components/ZxFwView.vue
+204
View File
@@ -0,0 +1,204 @@
<template>
<TypeLine
scene="zxfw-pricing-tab"
:title="`${contractName ? `${t('zxFwView.contractPrefix', { name: contractName })} · ` : ''}${fwName}${t('zxFwView.calcSuffix')}`"
:subtitle="t('zxFwView.contractId', { id: contractId })"
:copy-text="contractId"
:storage-key="`zxfw-pricing-active-cat-${contractId}-${serviceId}`"
:default-category="defaultCategory"
:categories="pricingCategories"
/>
</template>
<script setup lang="ts">
import { computed, defineAsyncComponent, defineComponent, h, markRaw, type Component } from 'vue'
import { useI18n } from 'vue-i18n'
import TypeLine from '@/layout/typeLine.vue'
import MethodUnavailableNotice from '@/features/shared/components/MethodUnavailableNotice.vue'
import ScaleFormulaReadonlyPane from '@/features/pricing/components/ScaleFormulaReadonlyPane.vue'
import { resolveServicePricingCapabilities } from '@/lib/servicePricing'
interface ServiceMethodType {
enableInvestScale?: boolean | null
enableLandScale?: boolean | null
investScaleSingleTotal?: boolean | null
amount?: boolean | null
workDay?: boolean | null
}
const props = defineProps<{
contractId: string
contractName?: string
serviceId: string|number
fwName:string
type?: ServiceMethodType
projectInfoKey?: string
}>()
const { t } = useI18n()
interface PricingCategoryItem {
key: string
label: string
component: Component
}
const methodAvailability = computed(() => {
const capability = resolveServicePricingCapabilities(props.type, {
investScaleEnabled: true,
landScaleEnabled: true,
investScaleSingleTotal: false,
workloadEnabled: true,
hourlyEnabled: true
})
return {
investmentScale: capability.investScaleEnabled,
landScale: capability.landScaleEnabled,
workload: capability.workloadEnabled,
hourly: capability.hourlyEnabled
}
})
const createPricingPane = (name: string) =>
markRaw(
defineComponent({
name,
setup() {
const AsyncPricingView = defineAsyncComponent({
loader: () => import(`@/features/pricing/components/${name}.vue`),
onError: err => {
console.error('load PricingMethodView failed:', err)
}
})
return () => h(AsyncPricingView, {
contractId: props.contractId,
serviceId: props.serviceId,
projectInfoKey: props.projectInfoKey
})
}
})
)
const createMethodUnavailablePane = (title: string, message: string) =>
markRaw(
defineComponent({
name: 'MethodUnavailablePane',
setup() {
return () => h(MethodUnavailableNotice, { title, message })
}
})
)
const investmentScaleView = createPricingPane('InvestmentScalePricingPane')
const landScaleView = createPricingPane('LandScalePricingPane')
const workloadView = createPricingPane('WorkloadPricingPane')
const hourlyView = createPricingPane('HourlyPricingPane')
const createScaleFormulaPane = (
method: 'investScale' | 'landScale',
name: 'InvestmentScaleFormulaPane' | 'LandScaleFormulaPane'
) =>
markRaw(
defineComponent({
name,
setup() {
return () => h(ScaleFormulaReadonlyPane, {
contractId: props.contractId,
serviceId: props.serviceId,
method
})
}
})
)
const investmentScaleFormulaView = createScaleFormulaPane('investScale', 'InvestmentScaleFormulaPane')
const landScaleFormulaView = createScaleFormulaPane('landScale', 'LandScaleFormulaPane')
const workContentPane = markRaw(
defineComponent({
name: 'WorkContentPane',
setup() {
const AsyncWorkContentGrid = defineAsyncComponent({
loader: () => import('@/features/shared/components/WorkContentGrid.vue'),
onError: err => {
console.error('load WorkContentGrid failed:', err)
}
})
return () => h(AsyncWorkContentGrid, {
title: t('zxFwView.workContentTitle'),
storageKey: `work-content-${props.contractId}-${props.serviceId}`,
contractId: props.contractId,
projectInfoKey: props.projectInfoKey,
serviceId: props.serviceId,
dictMode: 'service'
})
}
})
)
const investmentScaleUnavailableView = createMethodUnavailablePane(
t('zxFwView.unavailable.investmentScaleTitle'),
t('zxFwView.unavailable.investmentScaleMessage')
)
const landScaleUnavailableView = createMethodUnavailablePane(
t('zxFwView.unavailable.landScaleTitle'),
t('zxFwView.unavailable.landScaleMessage')
)
const workloadUnavailableView = createMethodUnavailablePane(
t('zxFwView.unavailable.workloadTitle'),
t('zxFwView.unavailable.workloadMessage')
)
const hourlyUnavailableView = createMethodUnavailablePane(
t('zxFwView.unavailable.hourlyTitle'),
t('zxFwView.unavailable.hourlyMessage')
)
const pricingCategories = computed<PricingCategoryItem[]>(() => [
{
key: 'investment-scale-method',
label: t('zxFwView.categories.investmentScale'),
component: methodAvailability.value.investmentScale ? investmentScaleView : investmentScaleUnavailableView
},
{
key: 'investment-scale-formula',
label: t('zxFwView.categories.investmentScaleFormula'),
component: methodAvailability.value.investmentScale ? investmentScaleFormulaView : investmentScaleUnavailableView
},
{
key: 'land-scale-method',
label: t('zxFwView.categories.landScale'),
component: methodAvailability.value.landScale ? landScaleView : landScaleUnavailableView
},
{
key: 'land-scale-formula',
label: t('zxFwView.categories.landScaleFormula'),
component: methodAvailability.value.landScale ? landScaleFormulaView : landScaleUnavailableView
},
{
key: 'workload-method',
label: t('zxFwView.categories.workload'),
component: methodAvailability.value.workload ? workloadView : workloadUnavailableView
},
{
key: 'hourly-method',
label: t('zxFwView.categories.hourly'),
component: methodAvailability.value.hourly ? hourlyView : hourlyUnavailableView
},
{
key: 'work-content',
label: t('zxFwView.categories.workContent'),
component: workContentPane
},
])
const defaultCategory = computed(() => {
const m = methodAvailability.value
if (m.investmentScale) return 'investment-scale-method'
if (m.landScale) return 'land-scale-method'
if (m.workload) return 'workload-method'
if (m.hourly) return 'hourly-method'
return 'work-content'
})
</script>
src/components/xm/XmConsultCategoryFactor.vue → src/features/xm/components/XmConsultCategoryFactor.vue
+4 -2
View File
@@ -1,7 +1,8 @@
<script setup lang="ts">
import { computed, onActivated, onMounted, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { getServiceDictEntries, isIndustryEnabledByType, getIndustryTypeValue } from '@/sql'
import XmFactorGrid from '@/components/shared/XmFactorGrid.vue'
import XmFactorGrid from '@/features/shared/components/XmFactorGrid.vue'
import { useKvStore } from '@/pinia/kv'
interface XmBaseInfoState {
@@ -19,6 +20,7 @@ type ServiceItem = {
const PROJECT_INFO_KEY = 'xm-base-info-v1'
const projectIndustry = ref('')
const kvStore = useKvStore()
const { t } = useI18n()
const loadProjectIndustry = async () => {
try {
@@ -51,7 +53,7 @@ onActivated(() => {
</script>
<template>
<XmFactorGrid title="咨询分类系数明细" storage-key="xm-consult-category-factor-v1" :dict="filteredServiceDict"
<XmFactorGrid :title="t('htFactors.consultCategoryTitle')" storage-key="xm-consult-category-factor-v1" :dict="filteredServiceDict"
:disable-budget-edit-when-standard-null="true" :exclude-notshow-by-zxflxs="true"
:init-budget-value-from-standard="true" />
</template>
src/components/xm/XmMajorFactor.vue → src/features/xm/components/XmMajorFactor.vue
+5 -3
View File
@@ -1,8 +1,9 @@
<script setup lang="ts">
import { computed, onActivated, onMounted, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { getMajorDictEntries, isMajorIdInIndustryScope } from '@/sql'
import XmFactorGrid from '@/components/shared/XmFactorGrid.vue'
import MethodUnavailableNotice from '@/components/shared/MethodUnavailableNotice.vue'
import XmFactorGrid from '@/features/shared/components/XmFactorGrid.vue'
import MethodUnavailableNotice from '@/features/shared/components/MethodUnavailableNotice.vue'
import { useKvStore } from '@/pinia/kv'
interface XmBaseInfoState {
@@ -21,6 +22,7 @@ const PROJECT_INFO_KEY = 'xm-base-info-v1'
const projectIndustry = ref('')
const hasProjectBaseInfo = ref(false)
const kvStore = useKvStore()
const { t } = useI18n()
const loadProjectIndustry = async () => {
try {
@@ -56,7 +58,7 @@ onActivated(() => {
<template>
<XmFactorGrid
title="工程专业系数明细"
:title="t('htFactors.majorTitle')"
storage-key="xm-major-factor-v1"
:dict="filteredMajorDict"
:disable-budget-edit-when-standard-null="true"
src/components/xm/info.vue → src/features/xm/components/info.vue
+94 -36
View File
@@ -1,10 +1,15 @@
<script setup lang="ts">
import { parseDate } from '@internationalized/date'
import { onMounted, ref, watch } from 'vue'
import { computed, onMounted, ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import {
getIndustryDisplayName,
industryTypeList,
} from '@/sql'
import { useKvStore } from '@/pinia/kv'
import { upsertProject } from '@/lib/projectRegistry'
import { readCurrentProjectId } from '@/lib/workspace'
import { waitForHydration } from '@/pinia/Plugin/indexdb'
import { Calendar as CalendarIcon, CircleHelp } from 'lucide-vue-next'
import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from '@/components/ui/tooltip'
import {
@@ -44,9 +49,14 @@ interface XmInfoState {
type MajorParentNode = { id: string; name: string }
const DB_KEY = 'xm-base-info-v1'
const DEFAULT_PROJECT_NAME = 'xxx造价咨询服务'
const DEFAULT_DESC = '在履行造价咨询服务时，宜根据咨询服务质量情况分级确定相应的处罚金额。其中考评得分在大于及等于85和小于90分时，处罚金额为预算费用的10%；其中考评得分在大于及等于80和小于85分时，处罚金额为预算费用的20%；其中考评得分在大于及等于75和小于80分时，处罚金额为预算费用的30%；其中考评得分在大于及等于70和小于75分时，处罚金额为预算费用的40%；其中考评得分小于70分时，处罚金额为预算费用的50%以上。'
const INDUSTRY_HINT_TEXT = '变更需要重置后重新选择'
const { t, locale } = useI18n()
const DEFAULT_PROJECT_NAME = t('xmInfo.defaultProjectName')
const DEFAULT_DESC = t('xmInfo.defaultDesc')
const INDUSTRY_HINT_TEXT = computed(() => t('xmInfo.industryHint'))
const REPORT_CONTENT_HINT_TEXT = computed(() => t('xmInfo.reportContentHint'))
const OTHER_DESC_HINT_TEXT = computed(() => t('xmInfo.otherDescHint'))
const FIELD_HINT_BUTTON_CLASS = 'inline-flex h-5 w-5 items-center justify-center text-muted-foreground/90 transition hover:text-foreground'
const FIELD_HINT_ICON_CLASS = 'h-4 w-4'
const getTodayDateString = () => {
const now = new Date()
const year = String(now.getFullYear())
@@ -56,6 +66,7 @@ const getTodayDateString = () => {
}
const isProjectInitialized = ref(false)
const isBootstrapping = ref(true)
const projectName = ref('')
const projectIndustry = ref('')
@@ -97,19 +108,23 @@ const handlePreparedDateSelect = (date: any) => {
preparedDate.value = date?.toString() ?? ''
}
const majorParentNodes: MajorParentNode[] = industryTypeList.map(item => ({
const majorParentNodes = computed<MajorParentNode[]>(() =>
industryTypeList.map(item => ({
id: item.id,
name: item.name
name: getIndustryDisplayName(item.id, locale.value) || String(item.name || '')
}))
const majorParentCodeSet = new Set(majorParentNodes.map(item => item.id))
const DEFAULT_PROJECT_INDUSTRY = majorParentNodes[0]?.id || ''
)
const majorParentCodeSet = new Set<string>(industryTypeList.map(item => String(item.id)))
const DEFAULT_PROJECT_INDUSTRY = String(industryTypeList[0]?.id || '')
const kvStore = useKvStore()
const saveToIndexedDB = async () => {
try {
const normalizedProjectName = projectName.value.trim() || DEFAULT_PROJECT_NAME
projectName.value = normalizedProjectName
const payload: XmInfoState = {
projectIndustry: projectIndustry.value,
projectName: projectName.value,
projectName: normalizedProjectName,
preparedBy: preparedBy.value,
reviewedBy: reviewedBy.value,
preparedCompany: preparedCompany.value,
@@ -118,6 +133,7 @@ const saveToIndexedDB = async () => {
desc: desc.value
}
await kvStore.setItem(DB_KEY, payload)
upsertProject(readCurrentProjectId(), normalizedProjectName)
} catch (error) {
console.error('saveToIndexedDB failed:', error)
}
@@ -156,6 +172,7 @@ const loadFromIndexedDB = async () => {
syncPreparedDatePickerFromString()
} catch (error) {
console.error('loadFromIndexedDB failed:', error)
isProjectInitialized.value = false
projectIndustry.value = DEFAULT_PROJECT_INDUSTRY
projectName.value = DEFAULT_PROJECT_NAME
preparedBy.value = ''
@@ -189,7 +206,12 @@ watch(
)
onMounted(async () => {
try {
await waitForHydration('kv')
await loadFromIndexedDB()
} finally {
isBootstrapping.value = false
}
})
</script>
@@ -197,21 +219,42 @@ onMounted(async () => {
<TooltipProvider>
<div class="space-y-6 h-full">
<div
v-if="!isProjectInitialized"
v-if="isBootstrapping"
class="rounded-xl border bg-card p-10 h-full flex items-center justify-center text-sm text-muted-foreground"
>
请从首页先新建项目后再进入此页面。
{{ t('common.loading') }}
</div>
<div
v-else-if="!isProjectInitialized"
class="rounded-xl border bg-card p-10 h-full flex items-center justify-center text-sm text-muted-foreground"
>
{{ t('xmInfo.createFromHomeFirst') }}
</div>
<div v-else class="rounded-xl border bg-card p-4 shadow-sm shrink-0 md:p-5">
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4">
<div class="md:col-span-2 xl:col-span-4">
<label class="block text-sm font-medium text-foreground">项目名称</label>
<div class="flex items-center gap-1.5">
<label class="block text-sm font-medium text-foreground">{{ t('xmInfo.fields.projectName') }}</label>
<TooltipRoot>
<TooltipTrigger as-child>
<button
type="button"
:aria-label="t('xmInfo.reportContentHintAria')"
:class="FIELD_HINT_BUTTON_CLASS"
>
<CircleHelp :class="FIELD_HINT_ICON_CLASS" />
</button>
</TooltipTrigger>
<TooltipContent side="top">{{ REPORT_CONTENT_HINT_TEXT }}</TooltipContent>
</TooltipRoot>
</div>
<input
v-model="projectName"
type="text"
required
placeholder="xxx造价咨询服务"
:placeholder="t('xmInfo.defaultProjectName')"
class="mt-2 h-10 w-full rounded-lg border bg-background px-4 text-sm outline-none ring-offset-background shadow-sm transition placeholder:text-muted-foreground/70 focus-visible:border-primary/60 focus-visible:ring-2 focus-visible:ring-ring"
@blur="handleProjectNameBlur"
/>
@@ -219,15 +262,15 @@ onMounted(async () => {
<div class="md:col-span-2 xl:col-span-4">
<div class="flex items-center gap-1.5">
<label class="block text-sm font-medium text-foreground">工程行业</label>
<label class="block text-sm font-medium text-foreground">{{ t('xmInfo.fields.projectIndustry') }}</label>
<TooltipRoot>
<TooltipTrigger as-child>
<button
type="button"
aria-label="工程行业提示"
class="inline-flex h-5 w-5 items-center justify-center text-muted-foreground/90 transition hover:text-foreground"
:aria-label="t('xmInfo.industryHintAria')"
:class="FIELD_HINT_BUTTON_CLASS"
>
<CircleHelp class="h-5 w-5" />
<CircleHelp :class="FIELD_HINT_ICON_CLASS" />
</button>
</TooltipTrigger>
<TooltipContent side="top">{{ INDUSTRY_HINT_TEXT }}</TooltipContent>
@@ -250,39 +293,47 @@ onMounted(async () => {
</label>
</div>
</div>
<div class="md:col-span-2 xl:col-span-4">
<label class="block text-sm font-medium text-foreground">{{ t('xmInfo.fields.overview') }}</label>
<textarea
v-model="overview"
rows="3"
:placeholder="t('xmInfo.placeholders.overview')"
class="mt-2 w-full rounded-lg border bg-background px-4 py-2 text-sm outline-none ring-offset-background shadow-sm transition placeholder:text-muted-foreground/70 focus-visible:border-primary/60 focus-visible:ring-2 focus-visible:ring-ring resize-none"
/>
</div>
<div>
<label class="block text-sm font-medium text-foreground">编制人</label>
<label class="block text-sm font-medium text-foreground">{{ t('xmInfo.fields.preparedBy') }}</label>
<input
v-model="preparedBy"
type="text"
placeholder="请输入编制人"
:placeholder="t('xmInfo.placeholders.preparedBy')"
class="mt-2 h-10 w-full rounded-lg border bg-background px-4 text-sm outline-none ring-offset-background shadow-sm transition placeholder:text-muted-foreground/70 focus-visible:border-primary/60 focus-visible:ring-2 focus-visible:ring-ring"
/>
</div>
<div>
<label class="block text-sm font-medium text-foreground">复核人</label>
<label class="block text-sm font-medium text-foreground">{{ t('xmInfo.fields.reviewedBy') }}</label>
<input
v-model="reviewedBy"
type="text"
placeholder="请输入复核人"
:placeholder="t('xmInfo.placeholders.reviewedBy')"
class="mt-2 h-10 w-full rounded-lg border bg-background px-4 text-sm outline-none ring-offset-background shadow-sm transition placeholder:text-muted-foreground/70 focus-visible:border-primary/60 focus-visible:ring-2 focus-visible:ring-ring"
/>
</div>
<div>
<label class="block text-sm font-medium text-foreground">编制单位</label>
<label class="block text-sm font-medium text-foreground">{{ t('xmInfo.fields.preparedCompany') }}</label>
<input
v-model="preparedCompany"
type="text"
placeholder="请输入编制单位"
:placeholder="t('xmInfo.placeholders.preparedCompany')"
class="mt-2 h-10 w-full rounded-lg border bg-background px-4 text-sm outline-none ring-offset-background shadow-sm transition placeholder:text-muted-foreground/70 focus-visible:border-primary/60 focus-visible:ring-2 focus-visible:ring-ring"
/>
</div>
<div>
<label class="block text-sm font-medium text-foreground">编制日期</label>
<label class="block text-sm font-medium text-foreground">{{ t('xmInfo.fields.preparedDate') }}</label>
<DatePickerRoot
locale="en-CA"
:model-value="preparedDatePickerValue"
@@ -383,7 +434,7 @@ onMounted(async () => {
type="button"
class="cursor-pointer h-8 rounded-md border px-3 text-xs text-foreground transition hover:bg-muted mr-2"
>
确认
{{ t('common.confirm') }}
</button>
</DatePickerClose>
@@ -391,21 +442,28 @@ onMounted(async () => {
</DatePickerContent>
</DatePickerRoot>
</div>
<div class="md:col-span-2 xl:col-span-4">
<label class="block text-sm font-medium text-foreground">项目概况</label>
<textarea
v-model="overview"
rows="3"
placeholder="请输入项目概况"
class="mt-2 w-full rounded-lg border bg-background px-4 py-2 text-sm outline-none ring-offset-background shadow-sm transition placeholder:text-muted-foreground/70 focus-visible:border-primary/60 focus-visible:ring-2 focus-visible:ring-ring resize-none"
/>
</div>
<div class="md:col-span-2 xl:col-span-4">
<label class="block text-sm font-medium text-foreground">备注</label>
<div class="flex items-center gap-1.5">
<label class="block text-sm font-medium text-foreground">{{ t('xmInfo.fields.desc') }}</label>
<TooltipRoot>
<TooltipTrigger as-child>
<button
type="button"
:aria-label="t('xmInfo.otherDescHintAria')"
:class="FIELD_HINT_BUTTON_CLASS"
>
<CircleHelp :class="FIELD_HINT_ICON_CLASS" />
</button>
</TooltipTrigger>
<TooltipContent side="top">{{ OTHER_DESC_HINT_TEXT }}</TooltipContent>
</TooltipRoot>
</div>
<textarea
v-model="desc"
rows="4"
:placeholder="t('xmInfo.placeholders.desc')"
class="mt-2 w-full rounded-lg border bg-background px-4 py-2 text-sm outline-none ring-offset-background shadow-sm transition placeholder:text-muted-foreground/70 focus-visible:border-primary/60 focus-visible:ring-2 focus-visible:ring-ring resize-none"
/>
</div>
src/features/xm/components/xmCard.vue
+33
View File
@@ -0,0 +1,33 @@
<template>
<TypeLine
scene="xm-tab"
title=""
storage-key="project-active-cat"
default-category="info"
:categories="xmCategories"
/>
</template>
<script setup lang="ts">
import { computed, defineAsyncComponent, markRaw } from 'vue'
import { useI18n } from 'vue-i18n'
import TypeLine from '@/layout/typeLine.vue'
const { t } = useI18n()
const infoView = markRaw(defineAsyncComponent(() => import('@/features/xm/components/info.vue')))
const scaleInfoView = markRaw(defineAsyncComponent(() => import('@/features/xm/components/xmInfo.vue')))
const htView = markRaw(defineAsyncComponent(() => import('@/features/ht/components/Ht.vue')))
const consultCategoryFactorView = markRaw(
defineAsyncComponent(() => import('@/features/xm/components/XmConsultCategoryFactor.vue'))
)
const majorFactorView = markRaw(
defineAsyncComponent(() => import('@/features/xm/components/XmMajorFactor.vue'))
)
const xmCategories = computed(() => [
{ key: 'info', label: t('xmCard.categories.info'), component: infoView },
{ key: 'scale-info', label: t('xmCard.categories.scaleInfo'), component: scaleInfoView },
{ key: 'consult-category-factor', label: t('xmCard.categories.consultCategoryFactor'), component: consultCategoryFactorView },
{ key: 'major-factor', label: t('xmCard.categories.majorFactor'), component: majorFactorView },
{ key: 'contract', label: t('xmCard.categories.contract'), component: htView }
])
</script>
src/components/xm/xmInfo.vue → src/features/xm/components/xmInfo.vue
+1 -1
View File
@@ -1,5 +1,5 @@
<script setup lang="ts">
import CommonAgGrid from '@/components/shared/xmCommonAgGrid.vue'
import CommonAgGrid from '@/features/shared/components/xmCommonAgGrid.vue'
const DB_KEY = 'xm-info-v3'
src/i18n/dictionary-en.ts
+130
View File
@@ -0,0 +1,130 @@
export const MAJOR_NAME_EN_BY_CODE: Record<string, string> = {
E1: 'General Transportation Engineering',
'E1-1': 'Land (Sea) Acquisition Compensation',
'E1-2': 'Relocation Compensation',
'E1-3': 'Relocation/Utility Diversion Works',
'E1-4': 'Other Construction Expenses',
'E1-5': 'Contingency',
'E1-6': 'Construction Loan Interest',
E2: 'Highway Engineering',
'E2-1': 'Temporary Works',
'E2-2': 'Subgrade Works',
'E2-3': 'Pavement Works',
'E2-4': 'Bridge and Culvert Works',
'E2-5': 'Tunnel Works',
'E2-6': 'Interchange Works',
'E2-7': 'MEP Works',
'E2-8': 'Traffic Safety Facilities',
'E2-9': 'Landscaping and Environmental Works',
'E2-10': 'Building Works',
E3: 'Railway Engineering',
'E3-1': 'Large Temporary Facilities and Transitional Works',
'E3-2': 'Subgrade Works',
'E3-3': 'Bridge and Culvert Works',
'E3-4': 'Tunnel and Cut-and-Cover Works',
'E3-5': 'Track Works',
'E3-6': 'Communication, Signaling, Information and Disaster Monitoring',
'E3-7': 'Power and Traction Power Supply Works',
'E3-8': 'Building Works (Buildings and Ancillary Works)',
'E3-9': 'Interior Decoration Works',
E4: 'Waterway Engineering',
'E4-1': 'Temporary Works',
'E4-2': 'Civil Works',
'E4-3': 'Mechanical, Electrical and Steel Structure Works',
'E4-4': 'Equipment Works',
'E4-5': 'Ancillary Building Works (Buildings and Ancillary Works)'
}
export const SERVICE_NAME_EN_BY_CODE: Record<string, string> = {
D1: 'Whole-Process Cost Consulting',
D2: 'Stage-Based Cost Consulting',
'D2-1': 'Early-Stage Cost Consulting',
'D2-2-1': 'Implementation-Stage Cost Consulting (Highway/Waterway)',
'D2-2-2': 'Implementation-Stage Cost Consulting (Railway)',
D3: 'Basic Cost Consulting',
'D3-1': 'Investment Estimate',
'D3-2': 'Design Estimate',
'D3-3': 'Construction Drawing Budget',
'D3-4': 'BOQ and BOQ Budget (or Max Bid Price)',
'D3-5': 'Estimate Review/Reconciliation (Railway Only)',
'D3-6-1': 'Contract (Project) Settlement',
'D3-6-2': 'Contract (Project) Settlement',
'D3-7': 'Final Account',
D4: 'Specialized Cost Consulting',
'D4-1': 'Cost Advisory Service',
'D4-2': 'Cost Policy Formulation/Revision',
'D4-3': 'Cost Science and Technology Research',
'D4-4': 'Quota Determination',
'D4-5': 'Cost Information Consulting',
'D4-6': 'Cost Appraisal',
'D4-7': 'Cost Estimation',
'D4-8': 'Cost Accounting',
'D4-9': 'Quantity Takeoff',
'D4-10': 'Variation Cost Consulting',
'D4-11': 'Adjusted Estimate',
'D4-12': 'Adjusted Budget Estimate',
'D4-13': 'Cost Inspection',
'D4-14': 'Other Specialized Consulting',
'D4-15-1': 'Cost Data Validation (Estimate)',
'D4-15-2': 'Cost Data Validation (Budget Estimate)',
'D4-15-3': 'Cost Data Validation (Construction Drawing Budget)',
'D4-15-4': 'Cost Data Validation (BOQ and BOQ Budget)',
'D4-15-5': 'Cost Data Validation (Estimate Review, Railway Only)',
'D4-15-6': 'Cost Data Validation (Contract Settlement)',
'D4-15-7': 'Cost Data Validation (Contract Settlement)',
'D4-15-8': 'Cost Data Validation (Final Account)'
}
export const TASK_NAME_EN_BY_CODE: Record<string, string> = {
'C4-1': 'Daily Cost Advisory',
'C4-2': 'Special Cost Advisory',
'C5-1': 'Organization and Research',
'C5-2-1': 'Document Drafting',
'C5-2-2': 'Document Drafting',
'C5-3-1': 'Review',
'C5-3-2': 'Review',
'C5-3-3': 'Review',
'C6-1': 'Organization and Research',
'C6-2-1': 'Research and Report Writing',
'C6-2-2': 'Research and Report Writing',
'C6-2-3': 'Research and Report Writing',
'C6-3-1': 'Standards/Guideline Drafting',
'C6-3-2': 'Standards/Guideline Drafting',
'C6-3-3': 'Standards/Guideline Drafting',
'C6-3-4': 'Standards/Guideline Drafting',
'C6-4-1': 'Review and Acceptance',
'C6-4-2': 'Review and Acceptance',
'C6-4-3': 'Review and Acceptance',
'C6-5-1': 'Training and Communication',
'C6-5-2': 'Training and Communication',
'C7-1': 'Organization and Research',
'C7-2': 'Outline Preparation',
'C7-3': 'Data Collection and Measurement',
'C7-4-1': 'Data Processing and Analysis',
'C7-4-2': 'Data Processing and Analysis',
'C7-5': 'Quota Determination Report',
'C7-6-1': 'Quota Text and Notes Drafting',
'C7-6-2': 'Quota Text and Notes Drafting',
'C7-7-1': 'Review and Acceptance',
'C7-7-2': 'Review and Acceptance',
'C7-7-3': 'Review and Acceptance',
'C7-8-1': 'Training and Communication',
'C7-8-2': 'Training and Communication',
'C8-1': 'Q ≤ 10',
'C8-2': '10 < Q ≤ 30',
'C8-3': '30 < Q ≤ 50',
'C8-4': '50 < Q ≤ 100',
'C8-5': 'Q > 100'
}
export const EXPERT_NAME_EN_BY_CODE: Record<string, string> = {
'C9-1-1': 'Technician and Others',
'C9-1-2': 'Assistant Engineer',
'C9-1-3': 'Intermediate Engineer or Level-2 Cost Engineer',
'C9-1-4': 'Senior Engineer or Level-1 Cost Engineer',
'C9-1-5': 'Professor-Level Senior Engineer or Senior Expert',
'C9-2-1': 'Level-2 Cost Engineer + Intermediate Engineer',
'C9-3-1': 'Level-1 Cost Engineer + Intermediate Engineer',
'C9-3-2': 'Level-1 Cost Engineer + Senior Engineer'
}
src/i18n/index.ts
+36
View File
@@ -0,0 +1,36 @@
import { createI18n } from 'vue-i18n'
import { enUS } from './locales/en-US'
import { zhCN } from './locales/zh-CN'
export const I18N_LOCALE_KEY = 'jgjs-locale-v1'
export const DEFAULT_LOCALE = 'zh-CN'
const messages = {
'zh-CN': zhCN,
'en-US': enUS
} as const
export type AppLocale = keyof typeof messages
const getInitialLocale = (): AppLocale => {
if (typeof window === 'undefined') return DEFAULT_LOCALE
const saved = String(localStorage.getItem(I18N_LOCALE_KEY) || '').trim() as AppLocale
if (saved in messages) return saved
const language = String(navigator.language || '').toLowerCase()
return language.startsWith('en') ? 'en-US' : DEFAULT_LOCALE
}
export const i18n = createI18n({
legacy: false,
locale: getInitialLocale(),
fallbackLocale: DEFAULT_LOCALE,
messages
})
export const setAppLocale = (locale: AppLocale) => {
i18n.global.locale.value = locale
if (typeof window !== 'undefined') {
localStorage.setItem(I18N_LOCALE_KEY, locale)
}
}
src/i18n/locales/en-US.ts
+753
View File
@@ -0,0 +1,753 @@
export const enUS = {
common: {
cancel: 'Cancel',
confirm: 'Confirm',
delete: 'Delete',
close: 'Close',
clear: 'Clear',
loading: 'Loading...'
},
app: {
projectConflict: {
title: 'Project Already Open',
desc: 'Project "{name}" is already active in another tab. Editing is blocked here to avoid IndexedDB conflicts.',
countdown: 'This page will try to close automatically in {seconds} seconds. You can open another project in a new tab first.',
opened: '(Opened)',
lastEdited: 'Last edited: {time}',
openDefault: 'Back to Home',
createAndOpen: 'Create and Open'
}
},
home: {
title: 'Yue Gong Xue Biao Zi [2026] No. 5\nSpecification for Budget Preparation of Cost Consulting Services for Transportation Engineering',
subtitle: 'Project Budget · Quick Calc · Import Data · Related Files',
projectCalcTab: 'Project Calculation',
quickCalcTab: 'Quick Calculation',
cards: {
heroTitle: 'Zonghuiyi｜Billing Made Simple',
heroTitles: [
'Zonghuiyi | Billing Made Simple',
'Zonghuiyi | No Late Nights for Billing',
'Zonghuiyi | Effortless Billing'
],
heroSubTitle: '',
heroDesc: 'Instant Pricing, Instant Results, Leave Time for Creation',
heroDescs: [
'Instant Pricing, Instant Results, Leave Time for Creation.',
'Smart Pricing, One Click to Results, Leave Time for Creation.',
'Smart Pricing, One Click to Generate, Leave Time for Creation.',
'Zonghuiyi. Simple, No Late Nights, Effortless.'
],
projectBudget: 'Project Budget',
projectBudgetDesc: 'For full project-level calculation across multiple contracts with import/export support',
quickCalc: 'Quick Calc',
quickCalcDesc: 'Suitable for single service trial, select industry, consultation type, engineering specialty, input base number and get results in seconds',
importData: 'Import Data',
importDataDesc: 'Import a ".zw" package and create a new project automatically to restore the data without overriding existing projects',
relatedFiles: 'Related Files',
relatedFilesDesc: 'View, print, and download the fee documents, related bidding documents, and contract templates used by this calculator',
viewFiles: 'View Files',
enter: 'Enter',
pickFile: 'Choose File',
pickExisting: 'Choose Existing',
openFileSystem: 'Open File System',
file: 'File System',
fileDataDesc: 'The file system provides related fee documents, bidding documents, contract documents, service contents, and work requirements'
},
disclaimer: {
link: 'View Disclaimer',
supportText: 'This calculator is provided with free technical support by Zhongwei Engineering Consulting Co., Ltd.'
},
dialog: {
newProject: 'New Project',
chooseIndustryDesc: 'Choose an industry and enter project calculation directly.',
industry: 'Industry',
selectIndustry: 'Select industry',
entering: 'Entering...',
enterProjectCalc: 'Enter Project Calculation',
confirmImport: 'Confirm Import',
confirmImportDesc: 'Import "{file}"',
confirmImportAction: 'Import and Create Project',
chooseExistingProject: 'Choose Existing Project',
chooseExistingProjectDesc: 'Select a project from the list and enter workspace directly.',
noProjectYet: 'No project available. Create a new project first.'
}
},
disclaimerPage: {
documentTitle: 'Budget Tool Disclaimer',
eyebrow: 'DISCLAIMER',
pageTitle: 'Disclaimer for Budget Preparation Tool under (T/GDHS017-2026) Cost Consulting Services for Transportation Engineering as Specifications for Budget Compilation',
lastUpdatedLabel: 'Last updated: ',
lastUpdatedValue: 'April 16, 2026',
leadText: 'Thank you for using the cost consulting budget preparation tool for the Specification for Budget Preparation of Cost Consulting Services for Transportation Engineering (T/GDHS 017-2026) provided on this website. Before using this tool, please read the following disclaimer carefully. By continuing to use this tool, you acknowledge that you have read, understood, and agreed to all terms of this disclaimer.',
sections: {
standardBasisTitle: '1. Standard Basis',
standardBasisP1: '1.1 This tool is based on the methodology set out in the group standard Specification for Budget Preparation of Cost Consulting Services for Transportation Engineering (T/GDHS 017-2026) issued by the Guangdong Province Highway Society "GDHS". Users must independently determine whether the standard applies to their specific projects and the regulatory requirements of their local authorities.',
standardBasisP2: '1.2 The standard version used by this tool is indicated on the interface as T/GDHS 017-2026. Should the standard be subsequently revised, supplemented, or replaced, this tool may not be updated in a timely manner. Users must independently confirm that the referenced version remains the latest valid version before use.',
standardBasisP3: '1.3 The calculation results generated by this tool are based on the budgeting methods, cost structure, and preparation rules in specified the standard. Requirements and calculation approaches may still vary across regions and project owners. This tool does not guarantee that its results will meet the review requirements of any specific project or authority.',
referenceOnlyTitle: '2. Results Are for Reference Only',
referenceOnlyP1: 'All results generated by this tool, including but not limited to values, breakdowns, summaries and preparation instructions, are produced automatically based on the parameters you provide (such as engineering industry, project scale, consulting category, engineering discipline, job responsibilities, adjustment factor, etc.) and the mathematical models and formulas in the standard. They are for reference purposes only and do not constitute professional advice or any official or mandatory basis for budget approval.',
accuracyTitle: '3. No Warranties of Accuracy or Completeness',
accuracyP1: 'Although we make reasonable efforts to ensure the tool\'s availability, it is provided on an as-is basis without any express or implied warranty. We do not guarantee that the results will always be accurate, error-free, or complete. Differences may arise due to input errors, formula selection, rounding, or system delays.',
riskTitle: '4. Users Bear Their Own Risks',
riskP1: 'You should independently assess the reliability of the calculation results and bear all risks and responsibilities arising from any decisions made based thereon. The output of this tool should not replace professional calculation or review. Before making important decisions, you should consult professionals holding a registered certificate in transportation engineering cost or perform manual verification based on the specific project context.',
liabilityTitle: '5. Limitation of Liability',
liabilityP1: 'To the fullest extent permitted by applicable law, the developers, administrators, publishers, and their affiliates shall not be liable for any direct, indirect, accidental, special, or consequential losses arising from the use of or inability to use this tool, even if advised of the possibility of such losses.',
liabilityP2: 'In particular, if any cost consulting enterprise or individual issues deliverables from the results generated by this tool, the issuing party bears sole responsibility for their quality. This tool assumes no responsibility for the accuracy, compliance, or disputes arising from any third-party deliverables.',
interruptionTitle: '6. Service Interruption and Changes',
interruptionP1: 'We reserve the right to modify, suspend, or terminate part or all of this tool at any time, with or without notice. We are not responsible for unavailability, data loss, or changes in calculation results caused by maintenance, network failures, third-party service interruptions, or updates to the standard.',
externalTitle: '7. External Links and Third-Party Content',
externalP1: 'If this tool references or links to the National Group Standards Information Platform, the Guangdong Highway Society website, or other third-party websites, such links are provided only for convenience and do not imply endorsement of their accuracy, timeliness, or completeness. We assume no responsibility for any information, services, or content provided by third parties.',
lawTitle: '8. Governing Law',
lawP1: 'This disclaimer shall be governed by the laws of the People\'s Republic of China. If any provision of this disclaimer is held invalid or unenforceable, the remaining provisions shall remain in effect.'
},
confirm: {
title: 'User Confirmation',
desc1: 'I have read, understood, and agree to the full contents of this disclaimer.',
desc2: 'You must check the box before continuing to use this tool.',
checkbox: 'I have read, understood, and agree to the full contents of this disclaimer.',
continue: 'Agree and Continue',
hint: 'Once checked, your acceptance will be recorded in this browser so the same restricted entry will not prompt you again.'
},
actions: {
back: 'Back to Home',
switchLocale: 'Switch Language'
}
},
tab: {
toolbar: {
light: 'Light',
dark: 'Dark',
language: 'Lang',
importExport: 'Import/Export',
importData: 'Import',
exportData: 'Export',
exportReport: 'Export Report',
userGuide: 'Guide',
reset: 'Reset',
resetting: 'Resetting...',
projectList: 'Projects',
projectCount: 'Projects: {count}',
createProject: 'New Project',
backHome: 'Back Home',
resetAll: 'Reset All',
opened: '(Opened)',
lastEdited: 'Last edited: {time}'
},
menu: {
closeAll: 'Close All',
closeLeft: 'Close Left',
closeRight: 'Close Right',
closeOther: 'Close Others'
},
dialog: {
resetTitle: 'Confirm Reset',
resetDesc: 'All project data will be cleared and the default page will be restored. Continue?',
confirmReset: 'Confirm Reset',
importOverrideTitle: 'Confirm Override Import',
importOverrideDesc: 'Use "{file}" to override all local data for current project. Continue?',
confirmOverride: 'Confirm Override',
newProjectTitle: 'New Project',
newProjectDesc: 'Choose an industry, then open the new project calculation page in a new tab.',
createAndOpen: 'Create & Open',
creating: 'Creating...',
projectLimitTitle: 'Project Limit Reached',
projectLimitDesc: 'Project count has reached {max}. Delete one project before adding a new one.',
iKnow: 'OK',
deleteProjectTitle: 'Confirm Delete Project',
deleteCurrentProjectDesc: 'Delete current project "{name}"? Data will be cleared and you will return to home.',
deleteProjectDesc: 'Delete project "{name}"? This will remove local data for that project.'
},
guide: {
title: 'User Guide',
later: 'Later',
prev: 'Prev',
next: 'Next',
finish: 'Finish and Disable Auto Popup',
jumpToStep: 'Jump to step {index}',
steps: {
step1: {
title: 'Project Calculation Overview',
description: 'This guide only explains the main project-calculation flow: project setup -> contract segments -> service pricing -> report export.',
point1: 'The entry is the "Project Card", and the left flow line guides you through the setup in order.',
point2: 'Forms and grids auto-save locally, so manual save is usually unnecessary.',
point3: 'Project-level data affects later segment calculation and report output, so fill it first.'
},
step2: {
title: 'Project-Level Setup',
description: 'Project-level setup mainly includes Basic Info, Scale Info, Consult Category Factor, and Major Factor.',
point1: 'Basic Info: maintain project name, industry, and other base data.',
point2: 'Scale Info: fill project scale by major as input for later budget values.',
point3: 'The two factor pages maintain budget values and notes used to adjust calculation.'
},
step3: {
title: 'Fill Basic Info First',
description: 'Complete the Basic Info page first. Project name and industry are core inputs for later project calculation.',
point1: 'Project name is used in the home list, tab labels, and exported reports.',
point2: 'Project industry determines the scale structure, major tree, and part of the budget logic.',
point3: 'If project name is left empty, the system falls back to the default project name.'
},
step4: {
title: 'Maintain Scale Info',
description: 'The Scale Info page stores project-level scale data, which is one of the base inputs of project calculation.',
point1: 'Fill scale values by major. These numbers participate in later service budget values and summary.',
point2: 'The grid supports direct edit, batch paste, and undo/redo for fast multi-row input.',
point3: 'Grouped rows and the pinned summary row are calculated automatically for quick checking.'
},
step5: {
title: 'Maintain Project Factors',
description: 'Consult Category Factor and Major Factor are used to adjust project budget values and should be reviewed before segment calculation.',
point1: 'Consult Category Factor page: maintain budget values and notes by consult category.',
point2: 'Major Factor page: maintain budget values and notes by major tree.',
point3: 'Both pages support batch paste and undo/redo for efficient maintenance.'
},
step6: {
title: 'Enter Segment Calculation',
description: 'After project-level setup is complete, go to Contract Segment Management and calculate each segment one by one.',
point1: 'Create a contract segment first, then open its detail page to continue.',
point2: 'Scale data under one segment belongs only to that segment and does not affect others.',
point3: 'The consulting service page generates service rows and acts as the entry for pricing methods.'
},
step7: {
title: 'Choose Pricing Methods',
description: 'From consulting service details inside a segment, open the service pricing page and fill method data based on the service.',
point1: 'Common methods include investment scale, land scale, workload, and hourly pricing.',
point2: 'Different services can enable different methods, and the system summarizes them into subtotal and final amount.',
point3: 'If the default calculated value needs adjustment, edit the final amount or note fields directly.'
},
step8: {
title: 'Review and Export',
description: 'After project-level and segment-level calculation is complete, review the final summary and then export the report.',
point1: 'Check project name, scale info, factors, and segment service amounts before exporting.',
point2: 'Export uses the current project data and generates the final report accordingly.',
point3: 'If you make large changes, export a backup first before continuing.'
}
}
},
toast: {
export: 'Export Report',
success: 'Export Success',
failed: 'Export Failed'
},
messages: {
defaultProjectLabel: 'Default Project',
defaultProjectName: 'Cost Project',
projectNamePrefix: 'Project-{id}',
contractFallbackName: 'Contract-{index}',
reportFileSuffix: 'Budget Report',
reportGenerating: 'Generating report file...',
reportExportDone: 'Report export completed',
reportExportFailedRetry: 'Report export failed, please retry',
importFailedTitle: 'Import Failed',
importProjectIdMissing: 'This package does not contain project ID (legacy export). Import is blocked to avoid cross-project overwrite.',
importProjectMismatch: 'This package belongs to another project and cannot override current project.',
importInvalidFile: 'File is invalid, corrupted, or modified.',
importCryptoUnavailable: 'This runtime does not support secure archive decryption. Please open the site over HTTPS or another secure local context and try again.',
importWriteError: 'An error occurred while writing local data.',
openFile: 'Open file'
}
},
typeLine: {
copy: 'Copy',
copied: 'Copied',
copyFailed: 'Copy failed',
brandAlt: 'Zhongwei',
supportText: 'This website is supported by Zhongwei Engineering Consulting Co., Ltd.',
aboutTitle: 'About Us',
companyName: 'Zhongwei Engineering Consulting Co., Ltd.',
openOfficialSiteAria: 'Open official website',
officialSiteTitle: 'Official Website',
aboutParagraph1: 'Zhongwei Engineering Consulting Co., Ltd. was founded in 2009, focusing on whole-process consulting for project cost and cost control. It is a preferred audit vendor for Guangdong government. The company serves multi-domain and diverse clients, with cumulative project investment over one trillion CNY, deep participation in major national projects such as the Hong Kong-Zhuhai-Macao Bridge and Hengqin Campus of the University of Macau, and participation in over 30 national/provincial/municipal standards.',
aboutParagraph2: 'Based in the Greater Bay Area and expanding globally, the company has offices in Macau and Sri Lanka, with cross-border and overseas delivery capabilities. With 15 years of expertise and trillion-level project experience, it provides precise and reliable engineering consulting services.'
},
agGrid: {
resetDefault: 'Reset to default'
},
ht: {
title: 'Contract Segments',
projectTotalBudget: 'Project Total Budget: {amount}',
budgetLoading: 'Calculating...',
selectedCount: '{count} selected',
exportSelected: 'Export Selected',
deleteSelected: 'Delete Selected',
cancelSelect: 'Cancel',
addContract: 'Add Segment',
batchDelete: 'Batch Delete',
exportContracts: 'Export Segments',
importContracts: 'Import Segments',
searchPlaceholder: 'Search by segment name or ID',
clearFilter: 'Clear Filter',
searchingHint: 'Searching ({filtered} / {total}), drag sorting is disabled',
selectModeExportHint: 'Export mode: select segments and click "Export Selected"',
selectModeDeleteHint: 'Delete mode: select segments and click "Delete Selected"',
setupRequiredHint: 'Set project industry in "Basic Info" before adding or importing segments',
listLayout: 'List',
gridLayout: 'Grid',
dragSort: 'Drag to Sort',
dragSortSearchOff: 'Drag Sort (Disabled in Search)',
edit: 'Edit',
remove: 'Delete',
idLabel: 'ID: {id}',
contractBudget: 'Budget: {amount}',
contractBudgetLine: 'Segment Budget: {amount}',
createdAt: 'Created: {time}',
emptyTitle: 'No Contract Segments',
emptyDesc: 'Add one to get started',
notFound: 'No matching contract segment',
backToTop: 'Back to Top',
editContract: 'Edit Segment',
createContract: 'New Segment',
contractTabTitle: 'Segment {name}',
contractName: 'Segment Name',
contractNamePlaceholder: 'Enter segment name',
save: 'Save',
ok: 'OK',
toastSuccessTitle: 'Success',
createSuccess: 'Created successfully',
editSuccess: 'Updated successfully',
deleteSuccess: 'Deleted successfully',
sortDone: 'Sort completed',
exportSuccess: 'Exported successfully ({count} segments)',
importSuccess: 'Imported successfully ({count} segments)',
deleteBatchSuccess: 'Deleted successfully ({count} segments)',
tipTitle: 'Notice',
exportFailedTitle: 'Export Failed',
importFailedTitle: 'Import Failed',
batchDeleteFailedTitle: 'Batch Delete Failed',
retry: 'Please try again.',
selectAtLeastOne: 'Please select at least one contract segment.',
noContractsToDelete: 'No contract segment found to delete.',
industryMissingForExport: 'Project industry is missing. Please set it in "Basic Info" first.',
importIndustryMismatch: 'Industry mismatch (package: {importIndustry}, current: {currentIndustry}).',
importCurrentIndustryMissing: 'Current project industry is not set. Please set it in "Basic Info" first.',
importPackageIndustryMissing: 'Import package missing industry info. Re-export with latest version and try again.',
importFileInvalid: 'Invalid or corrupted file, or not a contract-segment package.',
importCryptoUnavailable: 'This runtime does not support secure archive decryption. Please open the site over HTTPS or another secure local context and try again.',
deleteSingleTitle: 'Confirm Delete Segment',
deleteSingleDesc: 'Delete "{name}" and all related service/pricing data. Continue?',
deleteBatchTitle: 'Confirm Batch Delete',
deleteBatchDesc: 'Delete {count} segments and related service/pricing data. Continue?'
},
htCard: {
title: 'Segment: {name}',
subtitle: 'Segment ID: {id}',
metaBudget: 'Segment Budget: {amount}',
currencySuffix: 'CNY',
categories: {
baseInfo: 'Basic Info',
scaleInfo: 'Scale Info',
services: 'Consulting Services',
consultFactor: 'Consult Category Factor',
majorFactor: 'Major Factor',
additionalFee: 'Additional Fee',
reserveFee: 'Reserve Fee',
summary: 'Summary'
}
},
htBaseInfo: {
title: 'Basic Info',
defaultQuality: 'The comprehensive evaluation of cost consulting services should reach "Good" or a score of 90.',
qualityLabel: 'Quality Requirement',
qualityPlaceholder: 'Enter quality requirement',
durationLabel: 'Duration Requirement',
durationPlaceholder: 'Enter duration requirement'
},
htFactors: {
consultCategoryTitle: 'Consult Category Factor Details',
majorTitle: 'Major Factor Details'
},
htFee: {
additionalTitle: 'Additional Work Fee',
reserveTitle: 'Reserve Fee'
},
htInfo: {
scaleDetailTitle: 'Contract Scale Details',
scaleDetailHint: 'When the scale data in this table differs from the project scale data, pricing will use this table.',
scaleDetailHintAria: 'Contract scale details hint'
},
htFeeRate: {
baseLabel: 'Base (total budget of all service fees)',
reserveBaseLabel: 'Base (consulting services total + additional work fee total)',
rateLabel: 'Rate (%)',
ratePlaceholder: 'Enter rate, suggested 1 ~ 5',
budgetFeeLabel: 'Budget Fee (Auto)',
remarkLabel: 'Remark',
remarkPlaceholder: 'Enter remark'
},
htZxFw: {
title: 'Consulting Service Details',
warning: 'Please review and adjust recommended limits/special values in the specification, then update final fee if needed.',
editTabTitle: 'Service Edit-{name}',
subtotal: 'Total',
edit: 'Edit',
resetDefault: 'Reset',
delete: 'Remove',
processDraft: 'Draft',
processReview: 'Review',
columns: {
code: 'Code',
name: 'Name',
process: 'Process',
investScale: 'Investment Scale',
landScale: 'Land Scale',
workload: 'Workload',
hourly: 'Hourly',
subtotal: 'Subtotal',
finalFee: 'Final Fee ✎',
finalFeeTooltip: 'This column supports manual edits and will auto-sync to the fixed subtotal row.',
remark: 'Remark',
actions: 'Actions'
},
dialog: {
resetTitle: 'Confirm Reset to Default',
resetDesc: 'This will recalculate default data from latest scale/factor values and overwrite current data for "{name}". Continue?',
confirmReset: 'Confirm Reset',
deleteTitle: 'Confirm Delete Service',
deleteDesc: 'This will logically remove "{name}". Existing entered data is kept and will restore if re-selected. Continue?'
}
},
htSummary: {
title: 'Contract Summary',
total: 'Total',
remark: 'Remark',
placeholder: 'Fill consulting services / additional work fee / reserve fee first',
additionalPrefix: 'Additional Work Fee',
reservePrefix: 'Reserve Fee',
explainByRate: 'By rate {rate}%, calculated {fee} CNY',
explainByHourly: 'By hourly method, calculated {fee} CNY',
explainByQuantity: 'By quantity-unit-price method, calculated {fee} CNY',
columns: {
code: 'Code',
name: 'Name',
investScale: 'Investment Scale',
landScale: 'Land Scale',
workload: 'Workload',
hourly: 'Hourly',
subtotal: 'Subtotal',
finalFee: 'Final Fee'
}
},
htFeeGrid: {
subtotal: 'Total',
currentRow: 'Current Row',
unnamed: 'Unnamed',
edit: 'Edit',
clear: 'Clear',
add: 'Add',
editTabTitle: 'Fee Edit-{name}',
columns: {
name: 'Name',
rateFee: 'Rate Fee',
hourlyFee: 'Hourly',
quantityUnitPriceFee: 'Quantity Unit Price',
subtotal: 'Subtotal',
actions: 'Actions'
},
dialog: {
clearTitle: 'Confirm Clear',
clearDesc: 'This will clear editable and auto-calculated data for "{name}" and its edit page. Continue?',
confirmClear: 'Confirm Clear'
}
},
xmFactorGrid: {
clickToInput: 'Click to input',
columns: {
standardFactor: 'Standard Factor',
budgetValue: 'Budget Value',
remark: 'Remark',
groupName: 'Major Code and Major Name'
}
},
serviceSelector: {
title: 'Select Services',
titleHint: 'Some selectable services have been added beyond those listed in the specification. These additions do not conflict with the specification and are only included to support fee calculation under the specification.',
titleHintAria: 'Select services hint',
clear: 'Clear',
empty: 'No services'
},
zxFwView: {
contractPrefix: 'Contract: {name}',
calcSuffix: ' Calculation',
contractId: 'Contract ID: {id}',
workContentTitle: 'Work Content',
categories: {
investmentScale: 'Investment Scale',
investmentScaleFormula: 'Investment Scale Formula',
landScale: 'Land Scale',
landScaleFormula: 'Land Scale Formula',
workload: 'Workload',
hourly: 'Hourly',
workContent: 'Work Content'
},
formulaColumns: {
subtitle: 'Shows the latest detail rows from the current pricing-method store and stays in sync with store updates.',
amount: 'Amount (CNY)',
basicFormula: 'Basic Work Formula',
optionalFormula: 'Optional Work Formula'
},
unavailable: {
investmentScaleTitle: 'Investment Scale Not Applicable',
investmentScaleMessage: 'Scale method is not enabled for this service, so Investment Scale is not editable.',
landScaleTitle: 'Land Scale Not Applicable',
landScaleMessage: 'This service only supports Investment Scale, so Land Scale is not editable.',
workloadTitle: 'Workload Not Applicable',
workloadMessage: 'Workload method is not enabled for this service, so Workload is not editable.',
hourlyTitle: 'Hourly Not Applicable',
hourlyMessage: 'Hourly method is not enabled for this service, so Hourly is not editable.'
}
},
htFeeDetail: {
subtotal: 'Total',
currentRow: 'Current Row',
clickToInput: 'Click to input',
addRow: 'Add Row',
columns: {
no: 'No.',
feeItem: 'Fee Item',
unit: 'Unit',
quantity: 'Quantity',
unitPrice: 'Unit Price (CNY)',
budgetFee: 'Budget Fee (CNY)',
remark: 'Remark',
actions: 'Actions'
},
dialog: {
deleteTitle: 'Confirm Delete Row',
deleteDesc: 'Delete row "{name}"?'
}
},
workContent: {
title: 'Work Content',
addCustom: 'Add Custom Content',
clickToInput: 'Click to input',
clickToInputContent: 'Click to input work content',
currentRow: 'Current Row',
unnamed: 'Unnamed',
ungrouped: 'Ungrouped',
type: {
basic: 'Basic Work',
optional: 'Optional Work',
daily: 'Daily Advisory',
special: 'Special Advisory',
additional: 'Additional Work',
custom: 'Custom'
},
columns: {
no: 'No.',
content: 'Content',
type: 'Type',
remark: 'Remark',
actions: 'Actions'
},
dialog: {
deleteTitle: 'Confirm Delete Row',
deleteDesc: 'Delete row "{name}"?'
}
},
quickCalc: {
projectName: 'Quick Calculation',
industryLabel: 'Industry {name}',
selectIndustry: 'Select industry',
saving: 'Saving...',
synced: 'Industry synced',
notSelectedIndustry: 'Industry not selected',
notSelected: 'Not selected',
consultCategory: 'Consult Category',
majorCategory: 'Major',
types: {
consult: {
label: 'Consult Category (Common)',
hint: 'Select consult category first, then complete scale and budget parameters.'
},
general: {
label: 'General Major',
hint: 'Cross-industry common compensation and other expense majors.'
},
road: {
label: 'Highway Major',
hint: 'Shown by default when industry is Highway Engineering.'
},
railway: {
label: 'Railway Major',
hint: 'Shown by default when industry is Railway Engineering.'
},
waterway: {
label: 'Waterway Major',
hint: 'Shown by default when industry is Waterway Engineering.'
}
},
fields: {
industry: 'Industry',
code: 'Code',
investScale: 'Investment Scale (10k CNY)',
landScale: 'Land Scale (mu)',
formula: 'Formula',
amount: 'Amount (CNY)',
consultFactor: 'Consult Category Factor',
majorFactor: 'Major Factor',
workEnvCoefficient: 'Work environment coefficient',
workEnvCoefficientPlaceholder: 'Default 1',
budgetAmount: 'Budget Amount (CNY)'
},
sections: {
currentSelection: 'Current Selection',
basicInfo: 'Basic Info',
scaleBase: 'Scale Base',
benchmarkBudget: 'Benchmark Budget',
serviceBudget: 'Service Budget',
},
empty: {
selectIndustry: 'Select an industry first. Then choose consult category and matched majors will appear.',
selectConsult: 'Select a consult category first. Matched general and major categories will then appear.',
scaleUnavailable: 'The selected consult category does not support scale method, so major categories are hidden.',
consultCostOnly: 'The selected consult category is priced by industry summary. Major factor is auto-applied by industry.'
},
placeholder: {
selectConsultFirst: 'Select consult category first',
scaleUnavailable: 'Current category does not support scale method',
selectMajorFirst: 'Select major first',
preferLandScale: 'Current major is priced by land scale',
investUnavailable: 'Current major does not support investment scale',
consultCostOnly: 'Current category supports investment scale only',
landUnavailable: 'Current major does not support land scale',
input: 'Please input',
selectScaleFirst: 'Select and input a scale value first'
}
},
methodUnavailable: {
defaultTitle: 'This Service Is Not Applicable to Current Pricing Method'
},
xmCard: {
categories: {
info: 'Basic Info',
scaleInfo: 'Scale Info',
consultCategoryFactor: 'Consult Category Factor',
majorFactor: 'Major Factor',
contract: 'Contract Segment Management'
}
},
htFeeMethodTypeLine: {
feeDetail: 'Fee Details',
unnamed: 'Unnamed',
title: 'Segment: {contractName} · {rowName}',
contractId: 'Contract ID: {id}',
quantityUnitPrice: 'Quantity Unit Price'
},
pricingScale: {
totalInvestmentByIndustry: '{industryName} Total Investment',
totalInvestment: 'Total Investment',
clickToInput: 'Click to input',
projectLabel: 'Project {index}',
columns: {
investAmount: 'Cost Amount (10k CNY)',
landArea: 'Land Area (mu)',
benchmarkBudget: 'Benchmark Budget (CNY)',
basicWork: 'Basic Work',
optionalWork: 'Optional Work',
subtotal: 'Subtotal',
budgetFee: 'Budget Fee',
consultCategoryFactor: 'Consult Category Factor',
majorFactor: 'Major Factor',
workStageFactor: 'Work Stage Factor (Draft/Review)',
workRatio: 'Service Budget Composition Ratio and Quantity Ratio',
total: 'Total',
remark: 'Remark',
majorGroup: 'Major Code and Major Name'
},
tooltip: {
resetInvestAmount: 'Click ↻ to restore default cost amount for this column',
resetLandArea: 'Click ↻ to restore default land area for this column',
resetConsultCategoryFactor: 'Click ↻ to restore default consult category factor for this column',
resetMajorFactor: 'Click ↻ to restore default major factor for this column',
workRatio: 'This coefficient applies in two cases: service budget composition ratio, for cases where only part of the entrusted work in Appendix D Tables D.2 to D.7 of the specification is included; and quantity ratio, for cases where the calculation base uses the scale of each deliverable, batched task, single project, or unit project rather than the total amount, with quantity representing multiple items, copies, or units.'
}
},
pricingPane: {
projectCount: 'Project Count',
clearTitle: 'Confirm Clear Current Details',
confirmClear: 'Confirm Clear',
useDefault: 'Use Default Data',
overrideTitle: 'Confirm Override Current Details',
confirmOverride: 'Confirm Override',
investment: {
title: 'Investment Scale Details',
titleHint: 'Budget amount values in this pane follow whichever was operated later between the contract scale table and this pane.',
titleHintAria: 'Investment scale details hint',
clearDesc: 'This will clear current investment scale details. Continue?',
overrideDesc: 'Use contract default data to override current investment scale details. Continue?'
},
land: {
title: 'Land Scale Details',
clearDesc: 'This will clear current land scale details. Continue?',
overrideDesc: 'Use contract default data to override current land scale details. Continue?'
}
},
workloadPricing: {
title: 'Workload Details',
unavailableTitle: 'Workload Method Not Applicable',
unavailableMessage: 'No workload tasks are associated with this service. No input is needed.',
clickToInput: 'Click to input',
none: 'N/A',
total: 'Grand Total',
columns: {
code: 'Code',
name: 'Name',
budgetBase: 'Budget Base',
budgetReferenceUnitPrice: 'Budget Reference Unit Price',
budgetAdoptedUnitPrice: 'Budget Adopted Unit Price',
workload: 'Workload',
consultCategoryFactor: 'Consult Category Factor',
serviceFee: 'Service Fee (CNY)',
remark: 'Remark'
}
},
hourlyFeeGrid: {
title: 'Hourly Method Details',
clickToInput: 'Click to input',
total: 'Grand Total',
columns: {
code: 'Code',
name: 'Personnel Name',
referenceUnitPrice: 'Budget Reference Unit Price',
laborBudgetUnitPrice: 'Labor Budget Unit Price (CNY/workday)',
compositeBudgetUnitPrice: 'Composite Budget Unit Price (CNY/workday)',
adoptedBudgetUnitPrice: 'Adopted Budget Unit Price (CNY/workday)',
personnelCount: 'Personnel Count',
workdayCount: 'Workday Count',
serviceBudget: 'Service Budget (CNY)',
remark: 'Remark'
}
},
xmScaleGrid: {
syncToastTitle: 'Consulting Services Synced',
syncToastDesc: 'Scale info synced to consulting services ({serviceCount} services, {methodCount} pricing pages, {rowCount} rows)'
},
xmInfo: {
defaultProjectName: 'xxx Cost Consulting Service',
defaultDesc: 'When providing cost consulting services, penalties should be graded by service quality. For scores >=85 and <90, penalty is 10% of budget fee; >=80 and <85: 20%; >=75 and <80: 30%; >=70 and <75: 40%; <70: 50% or above.',
industryHint: 'Changing industry requires reset and re-selection',
industryHintAria: 'Industry hint',
reportContentHint: 'This field is optional and is only used to auto-generate report content.',
reportContentHintAria: 'Report content hint',
otherDescHint: 'This field is optional. The current content is only a sample. The preparer may fill it in according to actual needs or leave it blank.',
otherDescHintAria: 'Other notes hint',
createFromHomeFirst: 'Please create a project from Home before entering this page.',
fields: {
projectName: 'Project Name',
projectIndustry: 'Industry',
overview: 'Project Overview',
preparedBy: 'Prepared By',
reviewedBy: 'Reviewed By',
preparedCompany: 'Prepared Company',
preparedDate: 'Prepared Date',
desc: 'Other Notes'
},
placeholders: {
overview: 'Enter project overview',
desc: 'Other Notes',
preparedBy: 'XXX',
reviewedBy: 'XXX',
preparedCompany: 'XXX'
}
}
} as const
src/i18n/locales/zh-CN.ts
+752
View File
@@ -0,0 +1,752 @@
export const zhCN = {
common: {
cancel: '取消',
confirm: '确认',
delete: '删除',
close: '关闭',
clear: '清空',
loading: '加载中...'
},
app: {
projectConflict: {
title: '检测到项目重复打开',
desc: '项目「{name}」已在其他页面处于活跃状态。为避免 IndexedDB 数据冲突，本页面已阻断编辑。',
countdown: '本页将在 {seconds} 秒后自动尝试关闭。你也可以先在新标签页打开其他项目。',
opened: '（已打开）',
lastEdited: '最后编辑：{time}',
openDefault: '返回首页',
createAndOpen: '新建项目并打开'
}
},
home: {
title: '粤公学标字〔2026〕5号\n交通运输工程造价咨询服务预算编制规范',
subtitle: '项目计算 · 单项速算 · 导入数据 · 相关文件',
projectCalcTab: '项目计算',
quickCalcTab: '快速计算',
cards: {
heroTitle: '众会易｜算费真容易',
heroTitles: [
'众会易 | 算费真容易',
'众会易 | 算费不熬夜',
'众会易 | 算费不费力'
],
heroSubTitle: '',
heroDesc: '智算费用 即点即出 您的时间留给创造',
heroDescs: [
'智算费用 即点即出 您的时间留给创造。',
'智算费用 一键即出 您的时间留给创造。',
'智算费用 一键生成 您的时间留给创造。',
'众会易 真容易 不熬夜 不费力'
],
projectBudget: '项目预算',
projectBudgetDesc: '适用于多合同段、项目级整体计算，支持导出/导入完整项目数据',
quickCalc: '单项速算',
quickCalcDesc: '适用于单项服务试算，选择行业、咨询类型、工程专业，输入基数秒出结果',
importData: '导入数据',
importDataDesc: '导入".zw"数据包，并自动新建一个项目用于恢复数据，不会覆盖现有项目',
relatedFiles: '相关文件',
relatedFilesDesc: '在线查看、打印和下载与该计算器依据的收费文件、相关招标文件与合同文件范本',
viewFiles: '查看文件',
enter: '进入计算',
pickFile: '选择文件',
pickExisting: '选择已有项目',
openFileSystem: '打开文件系统',
file: '文件系统',
fileDataDesc: '文件系统可查看相关收费文件、招标文件、合同文件、服务内容、工作要求'
},
disclaimer: {
link: '查看免责声明',
supportText: '本计算工具由众为工程咨询有限公司提供免费技术支持'
},
dialog: {
newProject: '新建项目',
chooseIndustryDesc: '选择工程行业后，直接进入项目计算页面。',
industry: '工程行业',
selectIndustry: '请选择工程行业',
entering: '进入中...',
enterProjectCalc: '进入项目计算',
confirmImport: '确认导入数据',
confirmImportDesc: '将导入“{file}”数据包',
confirmImportAction: '确认导入并新建项目',
chooseExistingProject: '选择已有项目',
chooseExistingProjectDesc: '从项目列表中选择一个项目并直接进入工作台。',
noProjectYet: '当前暂无可进入的项目，请先新建项目。'
}
},
disclaimerPage: {
documentTitle: '预算编制工具免责声明',
eyebrow: 'DISCLAIMER',
pageTitle: '《交通运输工程造价咨询服务预算编制规范》（T/GDHS 017-2026）预算编制工具免责声明',
lastUpdatedLabel: '最后更新日期：',
lastUpdatedValue: '2026年04月16日',
leadText: '感谢您使用本网站提供的《交通运输工程造价咨询服务预算编制规范》（T/GDHS 017-2026）造价咨询服务预算编制工具。在您使用本工具前，请仔细阅读以下免责声明条款。您继续使用本工具，即视为您已阅读、理解并同意接受本声明的全部内容。',
sections: {
standardBasisTitle: '1. 标准依据说明',
standardBasisP1: '1.1 本工具依据广东省公路学会发布的团体标准《交通运输工程造价咨询服务预算编制规范》（T/GDHS 017-2026）设定编制方法。使用者应自行判断该标准是否适用于其具体项目及所在地主管部门要求。',
standardBasisP2: '1.2 本工具所依据的规范版本已在工具界面标注为 T/GDHS 017-2026。如该规范后续发布修订内容、补充规定或被新版本替代，本工具可能无法及时同步更新。使用者有责任在使用前确认所依据规范是否仍为最新有效版本。',
standardBasisP3: '1.3 本工具的计算结果基于本规范中的预算编制方法、费用组成及编制规则，但不同地区、不同项目法人对造价咨询服务预算编制的具体要求和计算方法可能存在差异。本工具不保证其计算结果符合任何特定项目或特定主管部门的审核要求。',
referenceOnlyTitle: '2. 计算结果仅供参考',
referenceOnlyP1: '本工具所提供的所有计算结果，包括但不限于数值、明细表、汇总报表及编制说明，均基于您输入的参数（如工程行业、项目规模、咨询类别、工程专业、工作内容、调整系数等）以及本规范中的数学模型与公式自动生成，仅供参考使用。这些结果不构成任何形式的专业建议，也不代表任何官方或强制性的预算审批依据。',
accuracyTitle: '3. 不保证准确性与完整性',
accuracyP1: '尽管我们尽力确保本工具可用，但本工具按现状提供，不附带任何明示或暗示的保证。我们无法保证计算结果在任何情况下均准确、无误或完整。由于数据输入错误、公式取舍、四舍五入或系统延迟等原因，结果可能与实际情况存在偏差。',
riskTitle: '4. 用户自行承担风险',
riskP1: '您应独立判断计算结果的可信性，并承担将其用于任何决策所产生的全部风险与责任。您不应依赖本工具替代专业人士的具体计算或复核。在作出重大决定前，建议咨询持有交通运输工程造价工程师注册证书的专业人员，或结合项目具体情况进行人工验证与复核。',
liabilityTitle: '5. 责任限制',
liabilityP1: '在适用法律允许的最大范围内，本工具的开发方、管理方、发布方及其关联方，不对因使用或无法使用本工具而导致的任何直接、间接、偶然、特殊或后果性损失承担法律责任，即使已被告知可能发生此类损失。',
liabilityP2: '特别声明：任何造价咨询企业或个人依据本工具计算结果出具的成果文件，其质量责任由出具方自行承担。本工具不对任何第三方成果文件的准确性、合规性或由此引发的争议承担责任。',
interruptionTitle: '6. 服务中断与修改',
interruptionP1: '我们保留随时修改、暂停或终止本工具部分或全部功能的权利，且可能不另行通知。对于因技术维护、网络故障、第三方服务中断、规范版本变更等原因导致的工具不可用、数据丢失或计算结果变化，我们不承担责任。',
externalTitle: '7. 外部链接与第三方内容',
externalP1: '如果本工具引用或链接至全国团体标准信息平台、广东省公路学会官网或其他第三方网站，该等链接仅为方便用户查阅规范原文而提供，不代表我们认可其内容的准确性、时效性或完整性。对于任何第三方网站或工具的信息、服务或内容，我们不承担责任。',
lawTitle: '8. 适用法律',
lawP1: '本声明的解释、效力及争议解决均适用中华人民共和国法律。若本声明任何条款被认定为无效或不可执行，不影响其余条款的效力。'
},
confirm: {
title: '用户确认',
desc1: '我已阅读、理解并同意本免责声明的全部内容。',
desc2: '勾选后方可继续使用本工具。',
checkbox: '我已阅读、理解并同意本免责声明的全部内容。',
continue: '同意并继续',
hint: '勾选后将记录当前浏览器的同意状态，后续从同一受限入口访问时不再重复提示。'
},
actions: {
back: '返回入口',
switchLocale: '切换语言'
}
},
tab: {
toolbar: {
light: '浅色',
dark: '深色',
language: '语言',
importExport: '导入/导出',
importData: '导入数据',
exportData: '导出数据',
exportReport: '导出报表',
userGuide: '使用引导',
reset: '重置',
resetting: '重置中...',
projectList: '项目列表',
projectCount: '项目数量：{count}',
createProject: '新建项目',
backHome: '返回入口',
resetAll: '清除全部项目',
opened: '（已打开）',
lastEdited: '最后编辑：{time}'
},
menu: {
closeAll: '删除所有',
closeLeft: '删除左侧',
closeRight: '删除右侧',
closeOther: '删除其他'
},
dialog: {
resetTitle: '确认重置',
resetDesc: '将清空全部项目数据，并恢复默认页面，确认继续吗？',
confirmReset: '确认重置',
importOverrideTitle: '确认导入覆盖',
importOverrideDesc: '将使用“{file}”覆盖当前本地全部数据，是否继续？',
confirmOverride: '确认覆盖',
newProjectTitle: '新建项目',
newProjectDesc: '选择工程行业后，将在新标签页直接打开新项目计算页面。',
createAndOpen: '新建并打开',
creating: '创建中...',
projectLimitTitle: '项目数量已达上限',
projectLimitDesc: '当前项目数量已达到 {max} 个，请先删除一个项目后再添加。',
iKnow: '我知道了',
deleteProjectTitle: '确认删除项目',
deleteCurrentProjectDesc: '确认删除当前项目「{name}」吗？将先清空该项目全部本地数据并返回首页。',
deleteProjectDesc: '确认删除项目「{name}」吗？这会移除该项目本地数据。'
},
guide: {
title: '新用户引导',
later: '稍后再看',
prev: '上一步',
next: '下一步',
finish: '完成并不再自动弹出',
jumpToStep: '跳转到第 {index} 步',
steps: {
step1: {
title: '项目计算总览',
description: '这个引导只说明项目计算主链路，按“项目级设置 -> 合同段 -> 服务计费 -> 导出报表”的顺序理解即可。',
point1: '项目计算入口是“项目卡片”，左侧流程线会带你按顺序完成配置。',
point2: '页面里的表单和表格会自动保存，本地修改通常无需手动点击保存。',
point3: '项目级数据会影响后续合同段和报表结果，建议先补齐项目级信息。'
},
step2: {
title: '项目级配置入口',
description: '项目级配置主要包括基础信息、规模信息、咨询分类系数、工程专业系数四部分。',
point1: '基础信息：维护项目名称、工程行业等项目基础资料。',
point2: '规模信息：按专业填写项目规模，为后续预算取值提供依据。',
point3: '两个系数页：维护预算取值和说明，作为项目计算的调节项。'
},
step3: {
title: '先填基础信息',
description: '先完成基础信息页，尤其是项目名称和工程行业，后续所有项目计算都会依赖这里的数据。',
point1: '项目名称会用于主页列表、标签页显示和报表导出。',
point2: '工程行业决定规模信息结构、专业树和部分预算取值逻辑。',
point3: '如果项目名称留空，系统会自动回填默认项目名称。'
},
step4: {
title: '维护规模信息',
description: '规模信息页用于录入项目级规模数据，这是项目计算的基础输入之一。',
point1: '按专业填写对应规模值，数值会参与后续服务预算取值和汇总。',
point2: '表格支持直接编辑、批量粘贴、撤销重做，适合一次性录入多行数据。',
point3: '分组行和固定汇总行会自动计算，便于快速检查录入结果。'
},
step5: {
title: '维护项目系数',
description: '咨询分类系数和工程专业系数用于调整项目预算取值，建议在进入合同段前先检查完整。',
point1: '咨询分类系数页：按咨询分类维护预算取值与说明。',
point2: '工程专业系数页：按专业树维护预算取值与说明。',
point3: '两个系数页都支持批量粘贴和撤销重做，适合集中维护。'
},
step6: {
title: '进入合同段计算',
description: '项目级配置完成后，再进入合同段管理，逐个维护合同段的规模和服务费用。',
point1: '先新增合同段，再进入合同段详情页继续计算。',
point2: '合同段下的规模信息用于该合同段自己的计费数据，不会和其他合同段串数据。',
point3: '咨询服务页负责生成服务明细，并作为各计费方法页面的入口。'
},
step7: {
title: '选择计费方法',
description: '在合同段的咨询服务明细中，可进入具体服务计算页，按服务适用情况填写计费方法数据。',
point1: '常见方法包括投资规模法、用地规模法、工作量法和工时法。',
point2: '不同服务可启用不同方法，系统会按填写结果汇总到服务小计和确认金额。',
point3: '如果默认计算值需要调整，可直接修改确认金额或说明字段。'
},
step8: {
title: '汇总与导出',
description: '完成项目级和合同段级计算后，最后再检查汇总结果并导出报表。',
point1: '先检查项目名称、规模信息、系数和各合同段服务金额是否完整。',
point2: '确认无误后再执行报表导出，导出结果会按当前项目数据生成。',
point3: '如果做了大范围调整，建议先导出备份，再继续修改。'
}
}
},
toast: {
export: '导出报表',
success: '导出成功',
failed: '导出失败'
},
messages: {
defaultProjectLabel: '默认项目',
defaultProjectName: '造价项目',
projectNamePrefix: '项目-{id}',
contractFallbackName: '合同段-{index}',
reportFileSuffix: '预算文件',
reportGenerating: '正在生成报表文件...',
reportExportDone: '报表导出完成',
reportExportFailedRetry: '报表导出失败，请重试',
importFailedTitle: '导入失败',
importProjectIdMissing: '该数据包不包含项目标识（旧版本导出包），为避免串项目已禁止导入。',
importProjectMismatch: '该数据包属于其他项目，不能覆盖当前项目。',
importInvalidFile: '文件无效、已损坏或被修改。',
importCryptoUnavailable: '当前运行环境不支持安全解密导入，请使用 HTTPS 域名或本地安全环境访问后重试。',
importWriteError: '写入本地数据时发生错误。',
openFile: '打开文件'
}
},
typeLine: {
copy: '复制',
copied: '已复制',
copyFailed: '复制失败',
brandAlt: '众为咨询',
supportText: '本计算工具由众为工程咨询有限公司提供免费技术支持',
aboutTitle: '关于我们',
companyName: '众为工程咨询有限公司',
openOfficialSiteAria: '跳转到官网首页',
officialSiteTitle: '官网首页',
aboutParagraph1: '众为工程咨询有限公司 2009 年成立，专注工程造价与工程成本管控全过程咨询，是广东省政府审计入库优选单位。公司服务覆盖多领域、全类型客户，累计服务投资额超万亿元，深度参与港珠澳大桥、澳门大学横琴校区等国家级重点工程，参编三十余项国家及省市行业标准。',
aboutParagraph2: '公司立足大湾区，布局全球，设有澳门公司、斯里兰卡分公司，具备跨境与海外项目服务能力，以十五年专业沉淀、万亿级项目经验，为客户提供精准、可靠的工程咨询服务。'
},
agGrid: {
resetDefault: '恢复默认值'
},
ht: {
title: '合同段列表',
projectTotalBudget: '项目总预算金额：{amount}',
budgetLoading: '计算中...',
selectedCount: '已选 {count} 个',
exportSelected: '导出已选',
deleteSelected: '删除已选',
cancelSelect: '取消',
addContract: '添加合同段',
batchDelete: '批量删除',
exportContracts: '导出合同段',
importContracts: '导入合同段',
searchPlaceholder: '搜索合同段名称或ID',
clearFilter: '清空筛选',
searchingHint: '搜索中（{filtered} / {total}），已关闭拖拽排序',
selectModeExportHint: '导出选择模式：勾选合同段后点击“导出已选”',
selectModeDeleteHint: '删除选择模式：勾选合同段后点击“删除已选”',
setupRequiredHint: '请先在“基础信息”里新建项目并选择工程行业后，再新增或导入合同段',
listLayout: '列表布局',
gridLayout: '网格布局',
dragSort: '拖动排序',
dragSortSearchOff: '拖动排序（搜索时关闭）',
edit: '编辑',
remove: '删除',
idLabel: 'ID：{id}',
contractBudget: '预算：{amount}',
contractBudgetLine: '本合同预算金额：{amount}',
createdAt: '创建时间：{time}',
emptyTitle: '暂无合同卡片',
emptyDesc: '赶紧来添加吧',
notFound: '未找到匹配的合同段',
backToTop: '回到顶部',
editContract: '编辑合同段',
createContract: '新增合同段',
contractTabTitle: '合同段{name}',
contractName: '合同段名称',
contractNamePlaceholder: '请输入合同段名称',
save: '保存',
ok: '确定',
toastSuccessTitle: '操作成功',
createSuccess: '新建成功',
editSuccess: '编辑成功',
deleteSuccess: '删除成功',
sortDone: '排序完成',
exportSuccess: '导出成功（{count} 个合同段）',
importSuccess: '导入成功（{count} 个合同段）',
deleteBatchSuccess: '删除成功（{count} 个合同段）',
tipTitle: '提示',
exportFailedTitle: '导出失败',
importFailedTitle: '导入失败',
batchDeleteFailedTitle: '批量删除失败',
retry: '请重试。',
selectAtLeastOne: '请先勾选至少一个合同段。',
noContractsToDelete: '未找到可删除的合同段。',
industryMissingForExport: '未读取到当前项目工程行业，请先在“基础信息”里新建项目。',
importIndustryMismatch: '工程行业不一致（导入包：{importIndustry}，当前项目：{currentIndustry}）。',
importCurrentIndustryMissing: '当前项目未设置工程行业，请先在“基础信息”里新建项目。',
importPackageIndustryMissing: '导入包缺少工程行业信息，请使用最新版本重新导出后再导入。',
importFileInvalid: '文件无效、已损坏或不是合同段导出文件。',
importCryptoUnavailable: '当前运行环境不支持安全解密导入，请使用 HTTPS 域名或本地安全环境访问后重试。',
deleteSingleTitle: '确认删除合同段',
deleteSingleDesc: '即将删除“{name}”及其关联咨询服务和计价数据，是否继续？',
deleteBatchTitle: '确认批量删除',
deleteBatchDesc: '即将删除 {count} 个合同段及其关联咨询服务和计价数据，是否继续？'
},
htCard: {
title: '合同段：{name}',
subtitle: '合同段ID：{id}',
metaBudget: '合同段预算金额：{amount}',
currencySuffix: '元',
categories: {
baseInfo: '基础信息',
scaleInfo: '规模信息',
services: '咨询服务',
consultFactor: '咨询分类系数',
majorFactor: '工程专业系数',
additionalFee: '附加工作费',
reserveFee: '预备费',
summary: '汇总'
}
},
htBaseInfo: {
title: '基础信息',
defaultQuality: '造价咨询服务的综合评价应达到"较好"或综合评分90分',
qualityLabel: '质量要求',
qualityPlaceholder: '请输入质量要求',
durationLabel: '工期要求',
durationPlaceholder: '请输入工期要求'
},
htFactors: {
consultCategoryTitle: '咨询分类系数明细',
majorTitle: '工程专业系数明细'
},
htFee: {
additionalTitle: '附加工作费',
reserveTitle: '预备费'
},
htInfo: {
scaleDetailTitle: '合同规模明细',
scaleDetailHint: '当本表规模与项目规模数据不一致时，计费以本表规模为准',
scaleDetailHintAria: '合同规模明细提示'
},
htFeeRate: {
baseLabel: '基数（所有服务费预算合计）',
reserveBaseLabel: '基数（咨询服务总计 + 附加工作费总计）',
rateLabel: '费率（%）',
ratePlaceholder: '请输入费率，建议1 ~ 5',
budgetFeeLabel: '预算费用（自动计算）',
remarkLabel: '说明',
remarkPlaceholder: '请输入说明'
},
htZxFw: {
title: '咨询服务明细',
warning: '※ 请注意检查并修改《规范》建议的限值或特殊值，并在确认金额栏修改',
editTabTitle: '服务编辑-{name}',
subtotal: '总计',
edit: '编辑',
resetDefault: '恢复默认',
delete: '删除',
processDraft: '编制',
processReview: '审核',
columns: {
code: '编码',
name: '名称',
process: '工作环节',
investScale: '投资规模法',
landScale: '用地规模法',
workload: '工作量法',
hourly: '工时法',
subtotal: '小计',
finalFee: '确认金额 ✎',
finalFeeTooltip: '该列支持手动修改，修改后会自动汇总到固定小计行',
remark: '备注',
actions: '操作'
},
dialog: {
resetTitle: '确认恢复默认数据',
resetDesc: '会使用合同卡片里面最新填写的规模信息以及系数，自动计算默认数据，覆盖“{name}”当前数据，是否继续？',
confirmReset: '确认恢复',
deleteTitle: '确认删除服务',
deleteDesc: '将逻辑删除“{name}”，已填写的数据不会清空，重新勾选后会恢复，是否继续？'
}
},
htSummary: {
title: '合同段汇总',
total: '总计',
remark: '说明',
placeholder: '请先填咨询服务/附加工作费/预备费的数据',
additionalPrefix: '附加工作费',
reservePrefix: '预备费',
explainByRate: '按费率{rate}%计得{fee}元',
explainByHourly: '按工时法计得{fee}元',
explainByQuantity: '按数量单价计得{fee}元',
columns: {
code: '编码',
name: '名称',
investScale: '投资规模法',
landScale: '用地规模法',
workload: '工作量法',
hourly: '工时法',
subtotal: '小计',
finalFee: '确认金额'
}
},
htFeeGrid: {
subtotal: '总计',
currentRow: '当前行',
unnamed: '未命名',
edit: '编辑',
clear: '清空',
add: '新增',
editTabTitle: '费用编辑-{name}',
columns: {
name: '名字',
rateFee: '费率计取',
hourlyFee: '工时法',
quantityUnitPriceFee: '数量单价',
subtotal: '小计',
actions: '操作'
},
dialog: {
clearTitle: '确认清空',
clearDesc: '将清空“{name}”及其编辑页面的可填和自动计算数据，是否继续？',
confirmClear: '确认清空'
}
},
xmFactorGrid: {
clickToInput: '点击输入',
columns: {
standardFactor: '标准系数',
budgetValue: '预算取值',
remark: '说明',
groupName: '专业编码以及工程专业名称'
}
},
serviceSelector: {
title: '选择服务',
titleHint: '本选择项较《规范》列明的服务项有所增加。此增加与《规范》无冲突，只为满足《规范》费用计算之需',
titleHintAria: '选择服务提示',
clear: '清空',
empty: '暂无服务'
},
zxFwView: {
contractPrefix: '合同段：{name}',
calcSuffix: '计算',
contractId: '合同ID：{id}',
workContentTitle: '工作内容',
categories: {
investmentScale: '投资规模法',
investmentScaleFormula: '投资规模法计算公式',
landScale: '用地规模法',
landScaleFormula: '用地规模法计算公式',
workload: '工作量法',
hourly: '工时法',
workContent: '工作内容'
},
formulaColumns: {
subtitle: '直接展示当前计价法 store 的最新明细，随数据变更自动同步。',
amount: '金额(元)',
basicFormula: '基本工作计算式',
optionalFormula: '可选工作计算式'
},
unavailable: {
investmentScaleTitle: '该服务不适用投资规模法',
investmentScaleMessage: '当前服务未启用规模法，投资规模法不可编辑。',
landScaleTitle: '该服务不适用用地规模法',
landScaleMessage: '当前服务仅支持投资规模法，用地规模法不可编辑。',
workloadTitle: '该服务不适用工作量法',
workloadMessage: '当前服务未启用工作量法，工作量法不可编辑。',
hourlyTitle: '该服务不适用工时法',
hourlyMessage: '当前服务未启用工时法，工时法不可编辑。'
}
},
htFeeDetail: {
subtotal: '总计',
currentRow: '当前行',
clickToInput: '点击输入',
addRow: '添加行',
columns: {
no: '序号',
feeItem: '费用项',
unit: '单位',
quantity: '数量',
unitPrice: '单价(元)',
budgetFee: '预算费用(元)',
remark: '说明',
actions: '操作'
},
dialog: {
deleteTitle: '确认删除行',
deleteDesc: '将删除“{name}”这条明细，是否继续？'
}
},
workContent: {
title: '工作内容',
addCustom: '添加自定义内容',
clickToInput: '点击输入',
clickToInputContent: '点击输入工作内容',
currentRow: '当前行',
unnamed: '未命名',
ungrouped: '未分组',
type: {
basic: '基本工作',
optional: '可选工作',
daily: '日常顾问',
special: '专项顾问',
additional: '附加工作',
custom: '自定义'
},
columns: {
no: '序号',
content: '工作内容',
type: '工作类型',
remark: '备注',
actions: '操作'
},
dialog: {
deleteTitle: '确认删除行',
deleteDesc: '将删除“{name}”这条明细，是否继续？'
}
},
quickCalc: {
projectName: '快速计算',
industryLabel: '行业 {name}',
selectIndustry: '请选择工程行业',
saving: '保存中...',
synced: '已同步行业',
notSelectedIndustry: '未选择行业',
notSelected: '未选择',
consultCategory: '咨询类别',
majorCategory: '工程专业',
types: {
consult: {
label: '咨询类别（常用）',
hint: '先选择咨询类别，再补规模和预算参数。'
},
general: {
label: '通用专业',
hint: '跨行业共用的补偿与其他费用专业。'
},
road: {
label: '公路工程专业',
hint: '首页行业为公路工程时默认展示。'
},
railway: {
label: '铁路工程专业',
hint: '首页行业为铁路工程时默认展示。'
},
waterway: {
label: '水运工程专业',
hint: '首页行业为水运工程时默认展示。'
}
},
fields: {
industry: '工程行业',
code: '编码',
investScale: '投资规模（万元）',
landScale: '用地规模（亩）',
formula: '计算式',
amount: '金额（元）',
consultFactor: '咨询分类系数',
majorFactor: '工程专业系数',
workEnvCoefficient: '工作环节系数',
workEnvCoefficientPlaceholder: '默认 1',
budgetAmount: '预算金额（元）'
},
sections: {
basicInfo: '基础信息',
scaleBase: '计算基数',
benchmarkBudget: '基准预算',
serviceBudget: '服务预算',
},
empty: {
selectIndustry: '请选择工程行业。选中后可先选择咨询类别，再显示对应专业分类。',
selectConsult: '请先选择咨询类别。选中后才会显示匹配的通用专业和工程专业分类。',
scaleUnavailable: '当前咨询类别不适用规模法，因此不显示专业分类。',
consultCostOnly: '当前咨询类别按行业汇总计价，工程专业系数已按所选行业自动带入，不再显示内部互补专业行。'
},
placeholder: {
selectConsultFirst: '请先选择咨询类别',
scaleUnavailable: '当前分类不适用规模法',
selectMajorFirst: '请先选择工程专业',
preferLandScale: '当前专业按用地规模计价',
investUnavailable: '当前专业不适用投资规模',
consultCostOnly: '当前分类仅支持投资规模',
landUnavailable: '当前专业不适用用地规模',
input: '请输入',
selectScaleFirst: '请先选择输入对应规模'
}
},
methodUnavailable: {
defaultTitle: '该服务不适用当前计价方法'
},
xmCard: {
categories: {
info: '基础信息',
scaleInfo: '规模信息',
consultCategoryFactor: '咨询分类系数',
majorFactor: '工程专业系数',
contract: '合同段管理'
}
},
htFeeMethodTypeLine: {
feeDetail: '费用明细',
unnamed: '未命名',
title: '合同段：{contractName} · {rowName}',
contractId: '合同ID：{id}',
quantityUnitPrice: '数量单价'
},
pricingScale: {
totalInvestmentByIndustry: '{industryName}总投资',
totalInvestment: '总投资',
clickToInput: '点击输入',
projectLabel: '项目{index}',
columns: {
investAmount: '造价金额(万元)',
landArea: '用地面积(亩)',
benchmarkBudget: '基准预算(元)',
basicWork: '基本工作',
optionalWork: '可选工作',
subtotal: '小计',
budgetFee: '预算费用',
consultCategoryFactor: '咨询分类系数',
majorFactor: '专业系数',
workStageFactor: '工作环节系数(编审系数)',
workRatio: '服务预算构成比率与数量比',
total: '合计',
remark: '说明',
majorGroup: '专业编码以及工程专业名称'
},
tooltip: {
resetInvestAmount: '点击右侧↻本列造价金额数值恢复为本合同规模数值',
resetLandArea: '点击右侧↻本列用地面积数值恢复为本合同规模数值',
resetConsultCategoryFactor: '点击右侧↻本列咨询分类系数值恢复为本项目的相应的咨询分类系数值',
resetMajorFactor: '点击右侧↻本列专业系数值恢复为本项目的相应的专业系数值',
workRatio: '本列系数适用于以下两种情形：服务预算构成比率：适用于《规范》附录D表D.2~D.7中委托工作内容仅为部分工作时的情形；数量比，适用于计算基数按每份成果、分批次任务、单项工程或单位工程的规模（非总额）的情形，数量表示有多个个、份或项'
}
},
pricingPane: {
projectCount: '项目数量',
clearTitle: '确认清空当前明细',
confirmClear: '确认清空',
useDefault: '使用默认数据',
overrideTitle: '确认覆盖当前明细',
confirmOverride: '确认覆盖',
investment: {
title: '投资规模明细',
titleHint: '本表造价金额取值规则：以本合同规模表与本表造价金额中操作时间较晚的值为准',
titleHintAria: '投资规模明细提示',
clearDesc: '将清空当前投资规模明细，是否继续？',
overrideDesc: '将使用合同默认数据覆盖当前投资规模明细，是否继续？'
},
land: {
title: '用地规模明细',
clearDesc: '将清空当前用地规模明细，是否继续？',
overrideDesc: '将使用合同默认数据覆盖当前用地规模明细，是否继续？'
}
},
workloadPricing: {
title: '工作量明细',
unavailableTitle: '该服务不适用工作量法',
unavailableMessage: '当前服务没有关联工作量法任务，无需填写此部分内容。',
clickToInput: '点击输入',
none: '无',
total: '总计',
columns: {
code: '编码',
name: '名称',
budgetBase: '预算基数',
budgetReferenceUnitPrice: '预算参考单价',
budgetAdoptedUnitPrice: '预算采用单价',
workload: '工作量',
consultCategoryFactor: '咨询分类系数',
serviceFee: '服务费用(元)',
remark: '说明'
}
},
hourlyFeeGrid: {
title: '工时法明细',
clickToInput: '点击输入',
total: '总计',
columns: {
code: '编码',
name: '人员名称',
referenceUnitPrice: '预算参考单价',
laborBudgetUnitPrice: '人工预算单价(元/工日)',
compositeBudgetUnitPrice: '综合预算单价(元/工日)',
adoptedBudgetUnitPrice: '预算采用单价(元/工日)',
personnelCount: '人员数量(人)',
workdayCount: '工日数量(工日)',
serviceBudget: '服务预算（元)',
remark: '说明'
}
},
xmScaleGrid: {
syncToastTitle: '已同步咨询服务',
syncToastDesc: '规模信息已同步到咨询服务（{serviceCount} 项服务，{methodCount} 个计价页，{rowCount} 行）'
},
xmInfo: {
defaultProjectName: 'xxx造价咨询服务',
defaultDesc: '在履行造价咨询服务时，宜根据咨询服务质量情况分级确定相应的处罚金额。其中考评得分在大于及等于85和小于90分时，处罚金额为预算费用的10%；其中考评得分在大于及等于80和小于85分时，处罚金额为预算费用的20%；其中考评得分在大于及等于75和小于80分时，处罚金额为预算费用的30%；其中考评得分在大于及等于70和小于75分时，处罚金额为预算费用的40%；其中考评得分小于70分时，处罚金额为预算费用的50%以上。',
industryHint: '变更需要重置后重新选择',
industryHintAria: '工程行业提示',
reportContentHint: '本内容为选择性填写,填写内容仅用于自动生成编制报告内容',
reportContentHintAria: '说明内容提示',
otherDescHint: '本内容为选择性填写。当前显示内容仅为示意，编制人可根据实际情况填写，亦可不填。',
otherDescHintAria: '其他说明提示',
createFromHomeFirst: '请从首页先新建项目后再进入此页面。',
fields: {
projectName: '项目名称',
projectIndustry: '工程行业',
overview: '项目概况',
preparedBy: '编制人',
reviewedBy: '复核人',
preparedCompany: '编制单位',
preparedDate: '编制日期',
desc: '其他说明'
},
placeholders: {
overview: '请输入项目概况',
desc: '其他说明',
preparedBy: 'XXX',
reviewedBy: 'XXX',
preparedCompany: 'XXX'
}
}
} as const
src/layout/tab.vue
+1326 -1018
View File
File diff suppressed because it is too large. Load diff
src/layout/typeLine.vue
+116 -30
View File
@@ -1,5 +1,6 @@
<script setup lang="ts">
import { computed, onBeforeUnmount, ref, watch, type Component, onMounted } from 'vue'
import { useI18n } from 'vue-i18n'
import { ScrollArea } from '@/components/ui/scroll-area'
import { Button } from '@/components/ui/button'
import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from '@/components/ui/tooltip'
@@ -14,6 +15,7 @@ import {
} from 'reka-ui'
import { useWindowSize } from '@vueuse/core'
import { animate, AnimatePresence, Motion, useMotionValue, useMotionValueEvent, useTransform } from 'motion-v'
import { readCurrentProjectId } from '@/lib/workspace'
interface TypeLineCategory {
key: string
label: string
@@ -30,23 +32,39 @@ const props = withDefaults(
categories: TypeLineCategory[]
storageKey?: string
defaultCategory?: string
persistActiveCategory?: boolean
}>(),
{
scene: 'default',
title: '配置',
title: undefined,
subtitle: '',
metaText: '',
copyText: '',
storageKey: '',
defaultCategory: ''
defaultCategory: '',
persistActiveCategory: true
}
)
const { t } = useI18n()
const cacheKey = computed(() => props.storageKey || `type-line-active-cat-${props.scene}`)
const scopedCacheKey = computed(() => `project:${readCurrentProjectId()}:${cacheKey.value}`)
const readStoredCategory = (key: string) => {
const sessionValue = sessionStorage.getItem(key)
if (sessionValue) return sessionValue
return localStorage.getItem(key)
}
const writeStoredCategory = (key: string, value: string) => {
sessionStorage.setItem(key, value)
localStorage.setItem(key, value)
}
const resolveInitialCategory = () => {
const defaultKey = props.defaultCategory || props.categories[0]?.key || ''
const savedKey = sessionStorage.getItem(cacheKey.value)
if (!props.persistActiveCategory) return defaultKey
const savedKey = readStoredCategory(scopedCacheKey.value)
const validSavedKey = props.categories.some(item => item.key === savedKey)
return validSavedKey ? (savedKey as string) : defaultKey
}
@@ -54,8 +72,10 @@ const resolveInitialCategory = () => {
const activeCategory = ref(resolveInitialCategory())
watch(
() => [props.categories, props.defaultCategory, cacheKey.value],
() => [props.categories, props.defaultCategory, scopedCacheKey.value],
() => {
const isCurrentValid = props.categories.some(item => item.key === activeCategory.value)
if (isCurrentValid) return
activeCategory.value = resolveInitialCategory()
},
{ deep: true }
@@ -65,7 +85,8 @@ watch(
const switchCategory = (cat: string) => {
activeCategory.value = cat
sessionStorage.setItem(cacheKey.value, cat)
if (!props.persistActiveCategory) return
writeStoredCategory(scopedCacheKey.value, cat)
}
const activeComponent = computed(() => {
@@ -73,12 +94,51 @@ const activeComponent = computed(() => {
return selected?.component || props.categories[0]?.component || null
})
const copyBtnText = ref('复制')
const sideWidthStyle = computed(() => ({ width: 'var(--app-typeline-side-w)' }))
const itemGapStyle = computed(() => ({ gap: 'var(--app-typeline-gap)' }))
const axisColStyle = computed(() => ({ width: 'var(--app-typeline-dot)' }))
const dotStyle = computed(() => ({ width: 'var(--app-typeline-dot)', height: 'var(--app-typeline-dot)' }))
const dotInnerStyle = computed(() => ({ width: 'var(--app-typeline-dot-inner)', height: 'var(--app-typeline-dot-inner)' }))
const labelStyle = computed(() => ({ fontSize: 'var(--app-typeline-label-font)', lineHeight: 'var(--app-typeline-label-line)' }))
const connectorStyle = computed(() => ({
height: 'var(--app-typeline-arrow-shaft-h)',
width: 'var(--app-typeline-arrow-line-w)'
}))
const copyBtnText = ref(t('typeLine.copy'))
const sheetOpen = ref(false)
let copyBtnTimer: ReturnType<typeof setTimeout> | null = null
let titleOverflowRafId: number | null = null
const copyTextWithFallback = async (text: string) => {
if (!text) return false
if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {
await navigator.clipboard.writeText(text)
return true
}
if (typeof document === 'undefined') return false
const textarea = document.createElement('textarea')
textarea.value = text
textarea.setAttribute('readonly', 'true')
textarea.style.position = 'fixed'
textarea.style.top = '-9999px'
textarea.style.left = '-9999px'
textarea.style.opacity = '0'
document.body.appendChild(textarea)
try {
textarea.focus()
textarea.select()
textarea.setSelectionRange(0, textarea.value.length)
return document.execCommand('copy')
} finally {
document.body.removeChild(textarea)
}
}
@@ -90,16 +150,16 @@ const handleCopySubtitle = async () => {
if (!text) return
try {
await navigator.clipboard.writeText(text)
copyBtnText.value = '已复制'
const copied = await copyTextWithFallback(text)
copyBtnText.value = copied ? t('typeLine.copied') : t('typeLine.copyFailed')
} catch (error) {
console.error('copy failed:', error)
copyBtnText.value = '复制失败'
copyBtnText.value = t('typeLine.copyFailed')
}
if (copyBtnTimer) clearTimeout(copyBtnTimer)
copyBtnTimer = setTimeout(() => {
copyBtnText.value = '复制'
copyBtnText.value = t('typeLine.copy')
}, 1200)
}
@@ -199,7 +259,7 @@ useMotionValueEvent(
<template>
<TooltipProvider>
<div class="flex h-full w-full bg-background p-2">
<div class="w-[200px] shrink-0 border-r px-4 py-3 flex flex-col gap-6 relative ">
<div :style="sideWidthStyle" class="shrink-0 border-r px-4 py-3 flex flex-col gap-6 relative">
<div v-if="props.title || props.subtitle || props.metaText" class="space-y-1">
<TooltipRoot>
<TooltipTrigger as-child>
@@ -228,25 +288,33 @@ useMotionValueEvent(
</div>
</div>
<div :class="['flex flex-col gap-6 relative', (props.title || props.subtitle || props.metaText) ? 'mt-4' : '']">
<div class="absolute left-[9px] top-3 bottom-3 w-[1.5px] bg-border/60"></div>
<div v-for="item in props.categories" :key="item.key"
class="relative flex items-center gap-3 cursor-pointer group" @click="switchCategory(item.key)">
<div :class="['flex flex-col gap-2 relative ', (props.title || props.subtitle || props.metaText) ? 'mt-3' : 'mt-6']">
<div v-for="(item, index) in props.categories" :key="item.key"
:style="itemGapStyle" class="flex items-start cursor-pointer group" @click="switchCategory(item.key)">
<div :style="axisColStyle" class="flex shrink-0 flex-col items-center">
<div :class="[
'z-10 w-5 h-5 rounded-full border-2 flex items-center justify-center transition-all duration-200',
'z-10 rounded-full border-2 flex shrink-0 items-center justify-center transition-all duration-200',
activeCategory === item.key
? 'bg-primary border-primary shadow-[0_0_0_3px_rgba(var(--primary),0.15)]'
: 'bg-background border-muted-foreground/40 group-hover:border-muted-foreground/70'
]">
<div v-if="activeCategory === item.key" class="w-1.5 h-1.5 bg-background rounded-full"></div>
]" :style="dotStyle">
<div v-if="activeCategory === item.key" class="bg-background rounded-full" :style="dotInnerStyle"></div>
</div>
<div
v-if="index < props.categories.length - 1"
class="flex flex-col items-center"
:style="{ paddingTop: 'var(--app-typeline-arrow-offset)' }"
aria-hidden="true"
>
<div :style="connectorStyle" class="typeline-arrow-connector"></div>
</div>
</div>
<span :class="[
'text-[12px] leading-4 transition-colors duration-200',
'pt-px transition-colors duration-200',
activeCategory === item.key
? 'font-semibold text-primary'
: 'text-muted-foreground group-hover:text-foreground'
]">
]" :style="labelStyle">
{{ item.label }}
</span>
</div>
@@ -256,8 +324,8 @@ useMotionValueEvent(
<DialogTrigger as-child>
<button type="button"
class="cursor-pointer absolute left-3 right-3 bottom-3 flex flex-col items-center gap-1.5 rounded-lg border bg-muted/35 px-3 py-2 text-center text-[11px] leading-4 text-foreground/85 shadow-sm transition-colors hover:bg-muted/55 hover:text-foreground">
<img src="/favicon.ico" alt="众为咨询" class="h-5 w-5 shrink-0 rounded-sm" />
<span>本网站由众为工程咨询有限公司提供免费技术支持</span>
<img src="/logo.jpg" :alt="t('typeLine.brandAlt')" class="h-8 w-8 shrink-0 rounded-sm" />
<span>{{ t('typeLine.supportText') }}</span>
</button>
</DialogTrigger>
<DialogPortal>
@@ -296,8 +364,8 @@ useMotionValueEvent(
</div>
<DialogTitle class="mt-2">
<div class="flex items-center gap-3">
<img src="/favicon.ico" alt="众为咨询" class="h-7 w-7 shrink-0 rounded-sm" />
<span class="text-2xl font-semibold leading-none">关于我们</span>
<img src="/logo.jpg" :alt="t('typeLine.brandAlt')" class="h-7 w-7 shrink-0 rounded-sm" />
<span class="text-2xl font-semibold leading-none">{{ t('typeLine.aboutTitle') }}</span>
</div>
</DialogTitle>
</div>
@@ -306,11 +374,11 @@ useMotionValueEvent(
<div class="flex items-center gap-2">
<a :href="OFFICIAL_SITE_URL" target="_blank" rel="noopener noreferrer"
class="inline-flex cursor-pointer items-center font-medium text-foreground transition-colors hover:text-primary hover:underline">
众为工程咨询有限公司
{{ t('typeLine.companyName') }}
</a>
<a :href="OFFICIAL_SITE_URL" target="_blank" rel="noopener noreferrer"
class="inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded-md border border-muted-foreground/30 text-muted-foreground transition-colors hover:border-foreground/40 hover:text-foreground"
aria-label="跳转到官网首页" title="官网首页">
:aria-label="t('typeLine.openOfficialSiteAria')" :title="t('typeLine.officialSiteTitle')">
<svg viewBox="0 0 24 24" class="h-4 w-4" aria-hidden="true">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M7 7h10v10M7 17L17 7" />
@@ -321,11 +389,10 @@ useMotionValueEvent(
<div class="space-y-4 overflow-y-auto pr-1 text-[15px] leading-7">
<p>
众为工程咨询有限公司 2009
年成立，专注工程造价与工程成本管控全过程咨询，是广东省政府审计入库优选单位。公司服务覆盖多领域、全类型客户，累计服务投资额超万亿元，深度参与港珠澳大桥、澳门大学横琴校区等国家级重点工程，参编三十余项国家及省市行业标准。
{{ t('typeLine.aboutParagraph1') }}
</p>
<p>
公司立足大湾区，布局全球，设有澳门公司、斯里兰卡分公司，具备跨境与海外项目服务能力，以十五年专业沉淀、万亿级项目经验，为客户提供精准、可靠的工程咨询服务。
{{ t('typeLine.aboutParagraph2') }}
</p>
</div>
</div>
@@ -364,4 +431,23 @@ useMotionValueEvent(
overflow: hidden;
word-break: break-word;
}
.typeline-arrow-connector {
position: relative;
background: color-mix(in oklab, var(--foreground) 22%, var(--border));
border-radius: 9999px;
}
.typeline-arrow-connector::after {
content: '';
position: absolute;
left: 50%;
top: 100%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: calc(var(--app-typeline-arrow-head-w) / 2) solid transparent;
border-right: calc(var(--app-typeline-arrow-head-w) / 2) solid transparent;
border-top: var(--app-typeline-arrow-head-h) solid color-mix(in oklab, var(--foreground) 22%, var(--border));
}
</style>
src/lib/agGridReadonlyAutoHeight.ts
+165
View File
@@ -0,0 +1,165 @@
import type { ColDef, ColGroupDef } from 'ag-grid-community'
type AnyColDef<TRow> = ColDef<TRow> | ColGroupDef<TRow>
const numericFieldKeywords = [
'amount',
'area',
'cost',
'price',
'fee',
'budget',
'subtotal',
'total',
'ratio',
'rate',
'quantity',
'count',
'num',
'workday',
'workload',
'hourly',
'scale',
'value',
'coe',
'factor'
]
const isFiniteNumber = (value: unknown) => typeof value === 'number' && Number.isFinite(value)
const isNumericLikeString = (value: unknown) => {
if (typeof value !== 'string') return false
const normalized = value.replace(/[,\s]/g, '').replace(/%$/, '')
if (!normalized) return false
const asNumber = Number(normalized)
return Number.isFinite(asNumber)
}
const looksNumericByColumnDef = <TRow>(col: ColDef<TRow>) => {
const fieldLike = String(col.field ?? col.colId ?? '').toLowerCase()
const hasNumericFieldHint = fieldLike
? numericFieldKeywords.some(keyword => fieldLike.includes(keyword))
: false
const type = col.type
const typeList = Array.isArray(type) ? type : type ? [type] : []
const hasNumericType = typeList.some(item => {
const normalized = String(item).toLowerCase()
return normalized.includes('numeric') || normalized.includes('rightaligned')
})
return hasNumericFieldHint || col.cellDataType === 'number' || hasNumericType
}
const hasRightAlignedHeaderClass = (value: unknown) => {
if (typeof value === 'string') return value.includes('ag-right-aligned-header')
if (Array.isArray(value)) return value.some(item => String(item).includes('ag-right-aligned-header'))
return false
}
const mergeHeaderClass = <TRow>(col: ColDef<TRow>, mustRightAlign: boolean): ColDef<TRow>['headerClass'] => {
if (!mustRightAlign) return col.headerClass
const base = col.headerClass
if (!base) return 'ag-right-aligned-header'
if (hasRightAlignedHeaderClass(base)) return base
if (typeof base === 'function') {
return params => {
const result = base(params)
if (!result) return 'ag-right-aligned-header'
if (typeof result === 'string') {
return result.includes('ag-right-aligned-header')
? result
: `${result} ag-right-aligned-header`
}
if (Array.isArray(result)) {
return hasRightAlignedHeaderClass(result)
? result
: [...result, 'ag-right-aligned-header']
}
return 'ag-right-aligned-header'
}
}
if (typeof base === 'string') return `${base} ag-right-aligned-header`
if (Array.isArray(base)) return [...base, 'ag-right-aligned-header']
return base
}
const mergeNumericCellClassRules = <TRow>(
col: ColDef<TRow>,
mustRightAlign: boolean
): ColDef<TRow>['cellClassRules'] => {
if (!mustRightAlign) return col.cellClassRules
const baseRules = col.cellClassRules ? { ...col.cellClassRules } : {}
const existing = baseRules['ag-right-aligned-cell']
if (existing) return baseRules
baseRules['ag-right-aligned-cell'] = params =>
looksNumericByColumnDef(params.colDef as ColDef<TRow>) ||
isFiniteNumber(params.value) ||
isNumericLikeString(params.value)
return baseRules
}
const mergeCellStyle = (cellStyle: ColDef['cellStyle']): ColDef['cellStyle'] => {
const baseStyle = { whiteSpace: 'normal', lineHeight: '1.4' }
if (!cellStyle) return baseStyle
if (typeof cellStyle === 'function') {
return params => {
const next = cellStyle(params)
if (next && typeof next === 'object') {
return {
...next,
...baseStyle
}
}
return baseStyle
}
}
if (typeof cellStyle === 'object') {
return {
...cellStyle,
...baseStyle
}
}
return cellStyle
}
const enhanceLeafColumn = <TRow>(col: ColDef<TRow>): ColDef<TRow> => {
const editable = col.editable
const isReadonlyColumn = editable == null || editable === false
const shouldRightAlign = looksNumericByColumnDef(col)
if (!isReadonlyColumn) {
return {
...col,
headerClass: mergeHeaderClass(col, shouldRightAlign),
cellClassRules: mergeNumericCellClassRules(col, shouldRightAlign)
}
}
return {
...col,
headerClass: mergeHeaderClass(col, shouldRightAlign),
cellClassRules: mergeNumericCellClassRules(col, shouldRightAlign),
wrapText: true,
autoHeight: true,
cellStyle: mergeCellStyle(col.cellStyle)
}
}
const enhanceColumn = <TRow>(col: AnyColDef<TRow>): AnyColDef<TRow> => {
const maybeGroup = col as ColGroupDef<TRow>
if (Array.isArray(maybeGroup.children)) {
return {
...maybeGroup,
children: maybeGroup.children.map(child => enhanceColumn(child as AnyColDef<TRow>))
}
}
return enhanceLeafColumn(col as ColDef<TRow>)
}
export const withReadonlyAutoHeight = <TRow>(
defs: Array<AnyColDef<TRow>>
): Array<AnyColDef<TRow>> => defs.map(def => enhanceColumn(def))
src/lib/agGridResetHeader.ts
+110
View File
@@ -0,0 +1,110 @@
import type { IHeaderComp, IHeaderParams } from 'ag-grid-community'
import { i18n } from '@/i18n'
export type ResetHeaderParams = IHeaderParams & {
onReset?: () => void | Promise<void>
resetTitle?: string
}
export class AgGridResetHeader implements IHeaderComp {
private params!: ResetHeaderParams
private eGui!: HTMLDivElement
private eLabel!: HTMLSpanElement
private eButton!: HTMLButtonElement
private onButtonClick = (event: MouseEvent) => {
event.preventDefault()
event.stopPropagation()
void this.params.onReset?.()
}
init(params: ResetHeaderParams) {
this.params = params
const eGui = document.createElement('div')
eGui.style.display = 'flex'
eGui.style.alignItems = 'center'
eGui.style.justifyContent = 'space-between'
eGui.style.gap = '6px'
eGui.style.width = '100%'
const eLabel = document.createElement('span')
eLabel.style.flex = '1'
eLabel.style.minWidth = '0'
eLabel.style.whiteSpace = 'normal'
eLabel.style.lineHeight = '1.2'
const eButton = document.createElement('button')
eButton.type = 'button'
eButton.textContent = '↻'
const fallbackResetTitle = i18n.global.t('agGrid.resetDefault')
eButton.setAttribute('aria-label', params.resetTitle || fallbackResetTitle)
eButton.style.display = 'inline-flex'
eButton.style.alignItems = 'center'
eButton.style.justifyContent = 'center'
eButton.style.width = '18px'
eButton.style.height = '18px'
eButton.style.border = '1px solid #d1d5db'
eButton.style.borderRadius = '999px'
eButton.style.background = '#edff87'
eButton.style.color = '#4b5563'
eButton.style.cursor = 'pointer'
eButton.style.fontSize = '12px'
eButton.style.lineHeight = '1'
eButton.style.flex = '0 0 auto'
eButton.addEventListener('click', this.onButtonClick)
eGui.append(eLabel, eButton)
this.eGui = eGui
this.eLabel = eLabel
this.eButton = eButton
this.refresh(params)
}
getGui() {
return this.eGui
}
refresh(params: ResetHeaderParams) {
this.params = params
this.eLabel.textContent = params.displayName || params.column?.getColDef().headerName || ''
const fallbackResetTitle = i18n.global.t('agGrid.resetDefault')
const hintText = String(params.column?.getColDef().headerTooltip || '').trim()
const hasReset = Boolean(params.onReset)
const hasHint = Boolean(hintText)
if (hasReset) {
this.eButton.textContent = '↻'
this.eButton.title = ''
this.eButton.setAttribute('aria-label', params.resetTitle || fallbackResetTitle)
this.eButton.style.visibility = 'visible'
this.eButton.style.border = '1px solid #d1d5db'
this.eButton.style.background = '#edff87'
this.eButton.style.color = '#4b5563'
this.eButton.style.cursor = 'pointer'
return true
}
if (hasHint) {
this.eButton.textContent = '?'
this.eButton.title = hintText
this.eButton.setAttribute('aria-label', hintText)
this.eButton.style.visibility = 'visible'
this.eButton.style.border = '1px solid #cbd5e1'
this.eButton.style.background = '#ffffff'
this.eButton.style.color = '#64748b'
this.eButton.style.cursor = 'help'
return true
}
this.eButton.textContent = ''
this.eButton.title = ''
this.eButton.setAttribute('aria-label', params.resetTitle || fallbackResetTitle)
this.eButton.style.visibility = 'hidden'
return true
}
destroy() {
this.eButton?.removeEventListener('click', this.onButtonClick)
}
}
src/lib/contractSegment.ts
+141
View File
@@ -0,0 +1,141 @@
export interface DataEntry {
key: string
value: any
}
export interface ContractSegmentPackage {
version: number
exportedAt: string
packageType?: 'contract-segments'
project?: {
industry: string
}
storage?: {
localforageEntries: DataEntry[]
keyedEntries?: DataEntry[]
}
contracts: Array<{
id: string
name: string
order: number
createdAt: string
}>
projectIndustry?: string
localforageEntries?: DataEntry[]
keyedEntries?: DataEntry[]
pinia?: {
zxFwPricing?: {
contracts?: Record<string, unknown>
servicePricingStates?: Record<string, unknown>
htFeeMainStates?: Record<string, unknown>
htFeeMethodStates?: Record<string, unknown>
}
}
piniaState?: {
zxFwPricing?: {
contracts?: Record<string, unknown>
servicePricingStates?: Record<string, unknown>
htFeeMainStates?: Record<string, unknown>
htFeeMethodStates?: Record<string, unknown>
}
}
}
export const CONTRACT_SEGMENT_FILE_EXTENSION = '.htzw'
export const CONTRACT_SEGMENT_VERSION = 3
export const CONTRACT_KEY_PREFIX = 'ht-info-v3-'
export const SERVICE_KEY_PREFIX = 'zxFW-'
export const CONTRACT_CONSULT_FACTOR_KEY_PREFIX = 'ht-consult-category-factor-v1-'
export const CONTRACT_MAJOR_FACTOR_KEY_PREFIX = 'ht-major-factor-v1-'
export const PRICING_KEY_PREFIXES = ['tzGMF-', 'ydGMF-', 'gzlF-', 'hourlyPricing-', 'htExtraFee-'] as const
export const PROJECT_INFO_KEY = 'xm-base-info-v1'
export const PROJECT_SCALE_KEY = 'xm-info-v3'
export const SERVICE_PRICING_METHODS = ['investScale', 'landScale', 'workload', 'hourly'] as const
export const formatExportTimestamp = (date: Date): string => {
const yyyy = date.getFullYear()
const mm = String(date.getMonth() + 1).padStart(2, '0')
const dd = String(date.getDate()).padStart(2, '0')
const hh = String(date.getHours()).padStart(2, '0')
const mi = String(date.getMinutes()).padStart(2, '0')
return `${yyyy}${mm}${dd}-${hh}${mi}`
}
export const isRecord = (value: unknown): value is Record<string, unknown> =>
Boolean(value && typeof value === 'object' && !Array.isArray(value))
export const cloneJson = <T>(value: T): T => JSON.parse(JSON.stringify(value)) as T
export const normalizeDataEntries = (value: unknown): DataEntry[] => {
if (!Array.isArray(value)) return []
return value
.filter(item => item && typeof item === 'object' && typeof (item as DataEntry).key === 'string')
.map(item => ({
key: String((item as DataEntry).key),
value: (item as DataEntry).value
}))
}
export const normalizeContractSegmentPackage = (payload: ContractSegmentPackage) => ({
projectIndustry:
typeof payload.project?.industry === 'string' && payload.project.industry.trim()
? payload.project.industry.trim()
: (typeof payload.projectIndustry === 'string' ? payload.projectIndustry.trim() : ''),
localforageEntries: normalizeDataEntries(payload.storage?.localforageEntries ?? payload.localforageEntries),
keyedEntries: normalizeDataEntries(payload.storage?.keyedEntries ?? payload.keyedEntries),
piniaState: payload.pinia ?? payload.piniaState
})
export const isContractSegmentPackage = (value: unknown): value is ContractSegmentPackage => {
const payload = value as Partial<ContractSegmentPackage> | null
return Boolean(payload && typeof payload === 'object' && Array.isArray(payload.contracts))
}
export const isContractRelatedForageKey = (key: string, contractId: string) => {
if (key === `${CONTRACT_KEY_PREFIX}${contractId}`) return true
if (key === `${SERVICE_KEY_PREFIX}${contractId}`) return true
if (key === `${CONTRACT_CONSULT_FACTOR_KEY_PREFIX}${contractId}`) return true
if (key === `${CONTRACT_MAJOR_FACTOR_KEY_PREFIX}${contractId}`) return true
if (PRICING_KEY_PREFIXES.some(prefix => key.startsWith(`${prefix}${contractId}-`))) return true
return false
}
export const isContractRelatedKeyedStateKey = (key: string, contractId: string) => {
if (key === `ht-base-info-${contractId}`) return true
if (key.startsWith(`work-content-${contractId}-`)) return true
if (key.startsWith(`work-content-htExtraFee-${contractId}-`)) return true
return false
}
export const rewriteKeyWithContractId = (key: string, fromId: string, toId: string) => {
if (key === `${CONTRACT_KEY_PREFIX}${fromId}`) return `${CONTRACT_KEY_PREFIX}${toId}`
if (key === `${SERVICE_KEY_PREFIX}${fromId}`) return `${SERVICE_KEY_PREFIX}${toId}`
if (key === `${CONTRACT_CONSULT_FACTOR_KEY_PREFIX}${fromId}`) {
return `${CONTRACT_CONSULT_FACTOR_KEY_PREFIX}${toId}`
}
if (key === `${CONTRACT_MAJOR_FACTOR_KEY_PREFIX}${fromId}`) {
return `${CONTRACT_MAJOR_FACTOR_KEY_PREFIX}${toId}`
}
if (key === `ht-base-info-${fromId}`) return `ht-base-info-${toId}`
if (key.startsWith(`work-content-${fromId}-`)) {
return key.replace(`work-content-${fromId}-`, `work-content-${toId}-`)
}
if (key.startsWith(`work-content-htExtraFee-${fromId}-`)) {
return key.replace(`work-content-htExtraFee-${fromId}-`, `work-content-htExtraFee-${toId}-`)
}
for (const prefix of PRICING_KEY_PREFIXES) {
if (key.startsWith(`${prefix}${fromId}-`)) {
return key.replace(`${prefix}${fromId}-`, `${prefix}${toId}-`)
}
}
return key
}
export const generateContractId = (usedIds: Set<string>) => {
let nextId = ''
while (!nextId || usedIds.has(nextId)) {
nextId = `ct-${Date.now()}-${Math.random().toString(16).slice(2, 8)}`
}
usedIds.add(nextId)
return nextId
}
src/lib/decimal.ts
+156 -1
View File
@@ -1,5 +1,4 @@
import Decimal from 'decimal.js'
import { isFiniteNumber } from '@/lib/number'
type MaybeNumber = number | null | undefined
type DecimalInput = Decimal.Value
@@ -9,6 +8,26 @@ export const toDecimal = (value: DecimalInput) => new Decimal(value)
export const roundTo = (value: DecimalInput, decimalPlaces = 2) =>
new Decimal(value).toDecimalPlaces(decimalPlaces, Decimal.ROUND_HALF_UP).toNumber()
export const isFiniteNumber = (value: unknown): value is number =>
typeof value === 'number' && Number.isFinite(value)
export const toFiniteNumberOrNull = (value: unknown): number | null =>
isFiniteNumber(value) ? value : null
export const toFiniteNumberOrZero = (value: unknown): number =>
toFiniteNumberOrNull(value) ?? 0
export const toFiniteNumber = (value: unknown): number | null => {
if (isFiniteNumber(value)) return value
if (typeof value === 'string') {
const trimmed = value.trim()
if (!trimmed) return null
const numeric = Number(trimmed)
return Number.isFinite(numeric) ? numeric : null
}
return null
}
const sumFiniteValues = (values: Iterable<unknown>) => {
let total = new Decimal(0)
for (const value of values) {
@@ -30,6 +49,12 @@ export const sumByNumber = <T>(list: T[], pick: (item: T) => MaybeNumber) => {
return total.toNumber()
}
export const sumNullableNumbers = (values: MaybeNumber[]): number | null => {
const validValues = values.filter(isFiniteNumber)
if (validValues.length === 0) return null
return addNumbers(...validValues)
}
export const decimalAggSum = (params: { values?: unknown[] }) => {
const values = params.values || []
let hasFinite = false
@@ -41,3 +66,133 @@ export const decimalAggSum = (params: { values?: unknown[] }) => {
if (!hasFinite) return null
return sumFiniteValues(values)
}
class DecimalExpressionParser {
private readonly source: string
private index = 0
constructor(source: string) {
this.source = source
}
parse(): Decimal | null {
const value = this.parseExpression()
this.skipWhitespace()
if (!value || this.index !== this.source.length) return null
return value
}
private parseExpression(): Decimal | null {
let value = this.parseTerm()
if (!value) return null
while (true) {
this.skipWhitespace()
const operator = this.peek()
if (operator !== '+' && operator !== '-') return value
this.index += 1
const right = this.parseTerm()
if (!right) return null
value = operator === '+' ? value.plus(right) : value.minus(right)
}
}
private parseTerm(): Decimal | null {
let value = this.parseFactor()
if (!value) return null
while (true) {
this.skipWhitespace()
const operator = this.peek()
if (operator !== '*' && operator !== '/') return value
this.index += 1
const right = this.parseFactor()
if (!right) return null
if (operator === '/') {
if (right.isZero()) return null
value = value.div(right)
continue
}
value = value.mul(right)
}
}
private parseFactor(): Decimal | null {
this.skipWhitespace()
const current = this.peek()
if (current === '+') {
this.index += 1
return this.parseFactor()
}
if (current === '-') {
this.index += 1
const value = this.parseFactor()
return value ? value.neg() : null
}
if (current === '(') {
this.index += 1
const value = this.parseExpression()
this.skipWhitespace()
if (!value || this.peek() !== ')') return null
this.index += 1
return value
}
return this.parseNumber()
}
private parseNumber(): Decimal | null {
this.skipWhitespace()
const start = this.index
let hasDigit = false
let hasDot = false
while (this.index < this.source.length) {
const char = this.source[this.index]
if (char >= '0' && char <= '9') {
hasDigit = true
this.index += 1
continue
}
if (char === '.' && !hasDot) {
hasDot = true
this.index += 1
continue
}
break
}
if (!hasDigit) {
this.index = start
return null
}
const literal = this.source.slice(start, this.index)
try {
return new Decimal(literal)
} catch {
return null
}
}
private skipWhitespace() {
while (this.index < this.source.length && /\s/.test(this.source[this.index])) {
this.index += 1
}
}
private peek() {
return this.source[this.index]
}
}
// 支持 + - * / () 的高精度表达式计算，用于数字输入框和表格 valueParser。
export const evaluateDecimalExpression = (value: string): number | null => {
const trimmed = String(value || '').trim()
if (!trimmed) return null
try {
const parsed = new DecimalExpressionParser(trimmed).parse()
return parsed ? parsed.toNumber() : null
} catch {
return null
}
}
src/lib/diyAgGridOptions.ts
+145 -12
View File
@@ -1,23 +1,33 @@
import type { GridOptions } from 'ag-grid-community'
import type {
CellPosition,
ColDef,
GridApi,
GridSizeChangedEvent,
FirstDataRenderedEvent,
RowDataUpdatedEvent,
ColumnResizedEvent,
GridOptions,
SuppressKeyboardEventParams
} from 'ag-grid-community'
import { themeQuartz } from 'ag-grid-community'
const borderConfig = {
style: 'solid',
width: 0.3,
color: '#d3d3d3'
color: 'var(--border)'
}
export const myTheme = themeQuartz.withParams({
wrapperBorder: false,
wrapperBorderRadius: 0,
headerBackgroundColor: '#f0f2f3',
headerTextColor: '#374151',
headerBackgroundColor: 'var(--muted)',
headerTextColor: 'var(--foreground)',
headerFontSize: 15,
headerFontWeight: 'normal',
rowBorder: borderConfig,
columnBorder: borderConfig,
headerRowBorder: borderConfig,
dataBackgroundColor: '#fefefe'
dataBackgroundColor: 'var(--card)'
})
// AG Grid 容器通用 class（占满父容器，配合父元素为 flex/grid 且有明确高度使用）
@@ -26,6 +36,121 @@ export const agGridWrapClass = 'ag-theme-quartz h-full min-h-0 w-full flex-1'
// AG Grid 组件通用 style（撑满容器 div）
export const agGridStyle = { height: '100%' }
const numericFieldKeywords = [
'amount',
'area',
'cost',
'price',
'fee',
'budget',
'subtotal',
'total',
'ratio',
'rate',
'quantity',
'count',
'num',
'workday',
'workload',
'hourly',
'investscale',
'landscale',
'scale',
'finalfee',
'value',
'coe',
'factor'
]
const isLikelyNumericColumn = (params: any) => {
const value = params?.value
if (typeof value === 'number' && Number.isFinite(value)) return true
const field = String(params?.colDef?.field || params?.column?.getColId?.() || '').toLowerCase()
if (!field) return false
return numericFieldKeywords.some(keyword => field.includes(keyword))
}
const isPlainEnterKey = (event: KeyboardEvent) =>
event.key === 'Enter' && !event.altKey && !event.ctrlKey && !event.metaKey
const findNextEditableCellInColumn = (
params: SuppressKeyboardEventParams,
startRowIndex: number
): CellPosition | null => {
const column = params.column
for (let rowIndex = startRowIndex + 1; rowIndex < params.api.getDisplayedRowCount(); rowIndex += 1) {
const rowNode = params.api.getDisplayedRowAtIndex(rowIndex)
if (!rowNode || rowNode.group || rowNode.rowPinned) continue
if (!column.isCellEditable(rowNode)) continue
return {
rowIndex,
rowPinned: rowNode.rowPinned ?? null,
column
}
}
return null
}
const focusCellPosition = (
params: SuppressKeyboardEventParams,
cellPosition: CellPosition | null
) => {
const target = cellPosition || {
rowIndex: params.node.rowIndex ?? 0,
rowPinned: params.node.rowPinned ?? null,
column: params.column
}
window.setTimeout(() => {
if (params.api.isDestroyed?.()) return
params.api.ensureIndexVisible(target.rowIndex)
params.api.setFocusedCell(target.rowIndex, target.column, target.rowPinned)
}, 0)
}
const suppressExcelLikeEnter = (params: SuppressKeyboardEventParams) => {
if (!isPlainEnterKey(params.event)) return false
if (params.event.defaultPrevented || params.event.isComposing) return false
params.event.preventDefault()
params.event.stopPropagation()
params.api.stopEditing()
const currentRowIndex = params.node.rowIndex
if (currentRowIndex == null) {
focusCellPosition(params, null)
return true
}
const nextCell = findNextEditableCellInColumn(params, currentRowIndex)
focusCellPosition(params, nextCell)
return true
}
const syncRowHeightsWithJs = (api: GridApi | null | undefined) => {
if (!api || api.isDestroyed?.()) return
// 统一使用 JS 重算，规避 wrapText/居中样式组合导致的高度滞后。
setTimeout(() => {
if (!api || api.isDestroyed?.()) return
api.onRowHeightChanged()
api.refreshCells({ force: true })
api.redrawRows()
}, 0)
}
export const agGridDefaultColDef: ColDef = {
resizable: true,
sortable: false,
filter: false,
wrapHeaderText: true,
autoHeaderHeight: true,
suppressKeyboardEvent: suppressExcelLikeEnter,
// 默认把数值型单元格右对齐，减少每个列重复配置。
cellClassRules: {
'ag-right-aligned-cell': params => isLikelyNumericColumn(params)
}
}
export const gridOptions: GridOptions = {
treeData: true,
animateRows: true,
@@ -37,6 +162,8 @@ export const gridOptions: GridOptions = {
suppressContextMenu: false,
groupDefaultExpanded: -1,
suppressFieldDotNotation: true,
enterNavigatesVertically: true,
enterNavigatesVerticallyAfterEdit: true,
// rowData 更新后通过稳定 ID 维持展开状态和编辑上下文。
getRowId: params => {
const id = params.data?.id
@@ -57,15 +184,21 @@ export const gridOptions: GridOptions = {
return [fallback || '__row__']
},
getContextMenuItems: () => ['copy', 'paste', 'separator', 'export'],
defaultColDef: {
resizable: true,
sortable: false,
filter: false,
wrapHeaderText: true,
autoHeaderHeight: true
},
defaultColDef: agGridDefaultColDef,
defaultColGroupDef: {
wrapHeaderText: true,
autoHeaderHeight: true
},
onFirstDataRendered: (event: FirstDataRenderedEvent) => {
syncRowHeightsWithJs(event.api)
},
onRowDataUpdated: (event: RowDataUpdatedEvent) => {
syncRowHeightsWithJs(event.api)
},
onGridSizeChanged: (event: GridSizeChangedEvent) => {
syncRowHeightsWithJs(event.api)
},
onColumnResized: (event: ColumnResizedEvent) => {
syncRowHeightsWithJs(event.api)
}
}
src/lib/number.ts
+22 -11
View File
@@ -1,8 +1,11 @@
export const isFiniteNumber = (value: unknown): value is number =>
typeof value === 'number' && Number.isFinite(value)
import {
evaluateDecimalExpression,
isFiniteNumber,
roundTo,
toFiniteNumberOrNull
} from '@/lib/decimal'
export const toFiniteNumberOrNull = (value: unknown): number | null =>
isFiniteNumber(value) ? value : null
export { isFiniteNumber, toFiniteNumberOrNull }
export const parseNumberOrNull = (
value: unknown,
@@ -10,12 +13,23 @@ export const parseNumberOrNull = (
): number | null => {
if (value === '' || value == null) return null
const normalized =
const normalizedValue =
options?.sanitize && typeof value === 'string'
? value.replace(/[^0-9.\-]/g, '')
? value.replace(/[^0-9.+\-*/()\s]/g, '')
: value
const numericValue = Number(normalized)
if (normalizedValue === '' || normalizedValue == null) return null
const normalized =
typeof normalizedValue === 'string' ? normalizedValue.trim() : normalizedValue
if (normalized === '') return null
let numericValue = Number(normalized)
if (!Number.isFinite(numericValue) && typeof normalized === 'string') {
const evaluated = evaluateDecimalExpression(normalized)
if (evaluated == null || !Number.isFinite(evaluated)) return null
numericValue = evaluated
}
if (!Number.isFinite(numericValue)) return null
const precision = options?.precision
@@ -23,8 +37,5 @@ export const parseNumberOrNull = (
return numericValue
}
const factor = 10 ** precision
if (!Number.isFinite(factor) || factor <= 0) return numericValue
if (numericValue >= 0) return Math.round((numericValue + Number.EPSILON) * factor) / factor
return -Math.round((-numericValue + Number.EPSILON) * factor) / factor
return roundTo(numericValue, precision)
}
src/lib/pricingHourlyCalc.ts
+68
View File
@@ -0,0 +1,68 @@
/**
* 工时法计算模块
*
* 提供工时法的行构建、合并、费用计算等纯函数，
* 供 HourlyPricingPane/HourlyFeeGrid 和 pricingMethodTotals.ts 共用。
*/
import { expertList } from '@/sql'
import { roundTo, toDecimal, toFiniteNumberOrNull } from '@/lib/decimal'
import type { HourlyDetailRow, ExpertLite } from '@/types/pricing'
/* ----------------------------------------------------------------
* 专家字典查询
* ---------------------------------------------------------------- */
/** 获取专家条目列表（按 ID 排序） */
export const getExpertEntries = (): [string, ExpertLite][] =>
Object.entries(expertList as Record<string, ExpertLite>)
.sort((a, b) => Number(a[0]) - Number(b[0]))
/** 计算专家默认采用单价 = 基准单价 × 管理系数 */
const getDefaultHourlyAdoptedPrice = (expert: ExpertLite): number | null => {
if (expert.defPrice == null || expert.manageCoe == null) return null
return roundTo(toDecimal(expert.defPrice).mul(expert.manageCoe), 2)
}
/* ----------------------------------------------------------------
* 行构建与合并
* ---------------------------------------------------------------- */
/** 构建工时法默认行 */
export const buildDefaultHourlyRows = (): HourlyDetailRow[] =>
getExpertEntries().map(([expertId, expert]) => ({
id: `expert-${expertId}`,
adoptedBudgetUnitPrice: getDefaultHourlyAdoptedPrice(expert),
personnelCount: null,
workdayCount: null
}))
/** 合并持久化行与默认行 */
export const mergeHourlyRows = (
rowsFromDb: Array<Partial<HourlyDetailRow> & Pick<HourlyDetailRow, 'id'>> | undefined
): HourlyDetailRow[] => {
const dbMap = new Map<string, Partial<HourlyDetailRow> & Pick<HourlyDetailRow, 'id'>>()
for (const row of rowsFromDb || []) dbMap.set(row.id, row)
return buildDefaultHourlyRows().map(row => {
const fromDb = dbMap.get(row.id)
if (!fromDb) return row
return {
...row,
adoptedBudgetUnitPrice: toFiniteNumberOrNull(fromDb.adoptedBudgetUnitPrice),
personnelCount: toFiniteNumberOrNull(fromDb.personnelCount),
workdayCount: toFiniteNumberOrNull(fromDb.workdayCount)
}
})
}
/* ----------------------------------------------------------------
* 费用计算
* ---------------------------------------------------------------- */
/** 计算工时法单行费用 = 采用单价 × 人数 × 工日数 */
export const calcHourlyServiceBudget = (row: HourlyDetailRow): number | null => {
const { adoptedBudgetUnitPrice, personnelCount, workdayCount } = row
if (adoptedBudgetUnitPrice == null || personnelCount == null || workdayCount == null) return null
return roundTo(toDecimal(adoptedBudgetUnitPrice).mul(personnelCount).mul(workdayCount), 2)
}
src/lib/pricingMethodTotals.ts
+229 -74
View File
@@ -5,14 +5,16 @@ import {
getServiceDictById,
taskList
} from '@/sql'
import { roundTo, sumByNumber, toDecimal } from '@/lib/decimal'
import { toFiniteNumberOrNull } from '@/lib/number'
import { getBenchmarkBudgetByScale, getScaleBudgetFee } from '@/lib/pricingScaleFee'
import { roundTo, sumByNumber, toDecimal, toFiniteNumberOrNull } from '@/lib/decimal'
import { getScaleBudgetFee } from '@/lib/pricingScaleFee'
import { getScaleBudgetFeeByRow } from '@/lib/pricingScaleDetail'
import { isInvestScaleSingleTotalService, resolveServicePricingCapabilities } from '@/lib/servicePricing'
import { useZxFwPricingStore, type ServicePricingMethod } from '@/pinia/zxFwPricing'
import { useKvStore } from '@/pinia/kv'
interface StoredDetailRowsState<T = any> {
detailRows?: T[]
totalAmount?: number | null
}
interface StoredFactorState {
@@ -36,10 +38,24 @@ const sumByNumberNullable = <T>(list: T[], pick: (item: T) => MaybeNumber): numb
return hasValid ? total : null
}
const getOnlyCostScaleSummaryAmount = (
rows?: Array<{ amount?: unknown; isGroupRow?: unknown }>,
totalAmount?: unknown
) => {
if (typeof totalAmount === 'number' && Number.isFinite(totalAmount)) return totalAmount
const summaryRow = (rows || []).find(row => row?.isGroupRow === true)
if (typeof summaryRow?.amount === 'number' && Number.isFinite(summaryRow.amount)) return summaryRow.amount
return null
}
interface ScaleRow {
id: string
hasCost?: boolean
hasArea?: boolean
amount: number | null
landArea: number | null
benchmarkBudgetBasicChecked: boolean
benchmarkBudgetOptionalChecked: boolean
consultCategoryFactor: number | null
majorFactor: number | null
workStageFactor: number | null
@@ -72,6 +88,10 @@ interface MajorLite {
interface ServiceLite {
defCoe: number | null
enableInvestScale?: boolean | null
enableLandScale?: boolean | null
investScaleSingleTotal?: boolean | null
scale?: boolean | null
onlyCostScale?: boolean | null
}
@@ -189,14 +209,33 @@ const toRowMap = <TRow extends { id: string }>(rows?: TRow[]) => {
return map
}
const parseScopedMajorId = (value: unknown) => {
const raw = String(value || '').trim()
const scoped = /^\d+::(.+)$/.exec(raw)
return (scoped ? String(scoped[1] || '').trim() : raw) || raw
}
const hasScopedScaleRows = (rows?: Array<Record<string, unknown>>) =>
(rows || []).some(row => {
const id = String(row?.id || '')
if (/^\d+::/.test(id)) return true
const projectIndex = Number((row as { projectIndex?: unknown })?.projectIndex)
return Number.isFinite(projectIndex) && projectIndex > 1
})
const getDefaultConsultCategoryFactor = (serviceId: string | number) => {
const service = (getServiceDictById() as Record<string, ServiceLite | undefined>)[String(serviceId)]
return toFiniteNumberOrNull(service?.defCoe)
}
const isOnlyCostScaleService = (serviceId: string | number) => {
const usesInvestScaleSingleTotal = (serviceId: string | number) => {
const service = (getServiceDictById() as Record<string, ServiceLite | undefined>)[String(serviceId)]
return service?.onlyCostScale === true
return isInvestScaleSingleTotalService(service)
}
const getScaleMethodCapabilities = (serviceId: string | number) => {
const service = (getServiceDictById() as Record<string, ServiceLite | undefined>)[String(serviceId)]
return resolveServicePricingCapabilities(service)
}
const majorById = new Map(getMajorDictEntries().map(({ id, item }) => [id, item as MajorLite]))
@@ -248,10 +287,12 @@ const resolveFactorValue = (
fallback: number | null
) => {
if (!row) return fallback
const budgetValue = toFiniteNumberOrNull(row.budgetValue)
if (budgetValue != null) return budgetValue
const standardFactor = toFiniteNumberOrNull(row.standardFactor)
if (standardFactor != null) return standardFactor
if (hasOwn(row, 'budgetValue')) {
return toFiniteNumberOrNull(row.budgetValue)
}
if (hasOwn(row, 'standardFactor')) {
return toFiniteNumberOrNull(row.standardFactor)
}
return fallback
}
@@ -297,12 +338,16 @@ const buildDefaultScaleRows = (
consultCategoryFactorMap?.get(String(serviceId)) ?? getDefaultConsultCategoryFactor(serviceId)
return getMajorLeafIds().map(id => ({
id,
hasCost: isCostMajorById(id),
hasArea: isAreaMajorById(id),
amount: null,
landArea: null,
benchmarkBudgetBasicChecked: true,
benchmarkBudgetOptionalChecked: true,
consultCategoryFactor: defaultConsultCategoryFactor,
majorFactor: majorFactorMap?.get(id) ?? getDefaultMajorFactorById(id),
workStageFactor: 1,
workRatio: 100
workRatio: 1
}))
}
@@ -335,8 +380,24 @@ const mergeScaleRows = (
return {
...row,
hasCost:
typeof (fromDb as { hasCost?: unknown }).hasCost === 'boolean'
? Boolean((fromDb as { hasCost?: unknown }).hasCost)
: row.hasCost,
hasArea:
typeof (fromDb as { hasArea?: unknown }).hasArea === 'boolean'
? Boolean((fromDb as { hasArea?: unknown }).hasArea)
: row.hasArea,
amount: toFiniteNumberOrNull(fromDb.amount),
landArea: toFiniteNumberOrNull(fromDb.landArea),
benchmarkBudgetBasicChecked:
typeof (fromDb as { benchmarkBudgetBasicChecked?: unknown }).benchmarkBudgetBasicChecked === 'boolean'
? Boolean((fromDb as { benchmarkBudgetBasicChecked?: unknown }).benchmarkBudgetBasicChecked)
: true,
benchmarkBudgetOptionalChecked:
typeof (fromDb as { benchmarkBudgetOptionalChecked?: unknown }).benchmarkBudgetOptionalChecked === 'boolean'
? Boolean((fromDb as { benchmarkBudgetOptionalChecked?: unknown }).benchmarkBudgetOptionalChecked)
: true,
consultCategoryFactor:
toFiniteNumberOrNull(fromDb.consultCategoryFactor) ??
(hasConsultCategoryFactor ? null : defaultConsultCategoryFactor),
@@ -353,30 +414,18 @@ const mergeScaleRows = (
})
}
const getBenchmarkBudgetByAmount = (amount: MaybeNumber) =>
getBenchmarkBudgetByScale(amount, 'cost')
const getInvestmentBudgetFee = (row: ScaleRow) => getScaleBudgetFeeByRow(row, 'cost')
const getBenchmarkBudgetByLandArea = (landArea: MaybeNumber) =>
getBenchmarkBudgetByScale(landArea, 'area')
const getInvestmentBudgetFee = (row: ScaleRow) => {
return getScaleBudgetFee({
benchmarkBudget: getBenchmarkBudgetByAmount(row.amount),
majorFactor: row.majorFactor,
consultCategoryFactor: row.consultCategoryFactor,
workStageFactor: row.workStageFactor,
workRatio: row.workRatio
})
}
const getOnlyCostScaleBudgetFee = (
const getInvestScaleSingleTotalBudgetFee = (
serviceId: string,
rowsFromDb: Array<Record<string, unknown>> | undefined,
consultCategoryFactorMap?: Map<string, number | null>,
majorFactorMap?: Map<string, number | null>,
industryId?: string | null
industryId?: string | null,
totalAmount?: number | null
) => {
const industryMajorEntry = getIndustryMajorEntryByIndustryId(industryId)
const rawRows = rowsFromDb || []
const sourceRows = stripGroupScaleRows(rowsFromDb)
const defaultConsultCategoryFactor =
consultCategoryFactorMap?.get(String(serviceId)) ?? getDefaultConsultCategoryFactor(serviceId)
@@ -385,7 +434,7 @@ const getOnlyCostScaleBudgetFee = (
toFiniteNumberOrNull(industryMajorEntry?.item?.defCoe) ??
1
// 新版 onlyCostScale 支持“按项目行”存储（如 1::majorId、2::majorId），每行需独立计费后求和。
// 单行总投资模式支持“按项目行”存储（如 1::majorId、2::majorId），每行需独立计费后求和。
const usePerRowCalculation = sourceRows.some(row => {
if (typeof row?.projectIndex === 'number' && Number.isFinite(row.projectIndex)) return true
const id = String(row?.id || '')
@@ -395,52 +444,54 @@ const getOnlyCostScaleBudgetFee = (
return sumByNumberNullable(sourceRows, row => {
const amount = toFiniteNumberOrNull(row?.amount)
if (amount == null) return null
return getScaleBudgetFee({
benchmarkBudget: getBenchmarkBudgetByAmount(amount),
return getScaleBudgetFeeByRow({
amount,
benchmarkBudgetBasicChecked: typeof row?.benchmarkBudgetBasicChecked === 'boolean' ? row.benchmarkBudgetBasicChecked : true,
benchmarkBudgetOptionalChecked: typeof row?.benchmarkBudgetOptionalChecked === 'boolean' ? row.benchmarkBudgetOptionalChecked : true,
majorFactor: getRowNumberOrFallback(row, 'majorFactor', defaultMajorFactor),
consultCategoryFactor: getRowNumberOrFallback(row, 'consultCategoryFactor', defaultConsultCategoryFactor),
workStageFactor: getRowNumberOrFallback(row, 'workStageFactor', 1),
workRatio: getRowNumberOrFallback(row, 'workRatio', 100)
})
workRatio: getRowNumberOrFallback(row, 'workRatio', 1)
}, 'cost')
})
}
const totalAmount = sumByNumberNullable(sourceRows, row =>
typeof row?.amount === 'number' && Number.isFinite(row.amount) ? row.amount : null
)
if (totalAmount == null) return null
const resolvedTotalAmount = getOnlyCostScaleSummaryAmount(rawRows as Array<{ amount?: unknown; isGroupRow?: unknown }>, totalAmount)
if (resolvedTotalAmount == null) return null
const onlyRow =
sourceRows.find(row => String(row?.id || '') === ONLY_COST_SCALE_ROW_ID) ||
rawRows.find(row => String(row?.id || '') === ONLY_COST_SCALE_ROW_ID) ||
sourceRows.find(row => hasOwn(row, 'consultCategoryFactor') || hasOwn(row, 'majorFactor')) ||
sourceRows[0]
const consultCategoryFactor = getRowNumberOrFallback(onlyRow, 'consultCategoryFactor', defaultConsultCategoryFactor)
const majorFactor = getRowNumberOrFallback(onlyRow, 'majorFactor', defaultMajorFactor)
const workStageFactor = getRowNumberOrFallback(onlyRow, 'workStageFactor', 1)
const workRatio = getRowNumberOrFallback(onlyRow, 'workRatio', 100)
return getScaleBudgetFee({
benchmarkBudget: getBenchmarkBudgetByAmount(totalAmount),
const workRatio = getRowNumberOrFallback(onlyRow, 'workRatio', 1)
return getScaleBudgetFeeByRow({
amount: resolvedTotalAmount,
benchmarkBudgetBasicChecked: typeof onlyRow?.benchmarkBudgetBasicChecked === 'boolean' ? onlyRow.benchmarkBudgetBasicChecked : true,
benchmarkBudgetOptionalChecked: typeof onlyRow?.benchmarkBudgetOptionalChecked === 'boolean' ? onlyRow.benchmarkBudgetOptionalChecked : true,
majorFactor,
consultCategoryFactor,
workStageFactor,
workRatio
})
}, 'cost')
}
const buildOnlyCostScaleDetailRows = (
const buildInvestScaleSingleTotalDetailRows = (
serviceId: string,
rowsFromDb: Array<Record<string, unknown>> | undefined,
consultCategoryFactorMap?: Map<string, number | null>,
majorFactorMap?: Map<string, number | null>,
industryId?: string | null
industryId?: string | null,
totalAmount?: number | null
) => {
const rawRows = rowsFromDb || []
const sourceRows = stripGroupScaleRows(rowsFromDb)
const totalAmount = sumByNumberNullable(sourceRows, row =>
typeof row?.amount === 'number' && Number.isFinite(row.amount) ? row.amount : null
)
const resolvedTotalAmount = getOnlyCostScaleSummaryAmount(rawRows as Array<{ amount?: unknown; isGroupRow?: unknown }>, totalAmount)
const industryMajorEntry = getIndustryMajorEntryByIndustryId(industryId)
const onlyCostRowId = industryMajorEntry?.id || ONLY_COST_SCALE_ROW_ID
const onlyRow =
sourceRows.find(row => String(row?.id || '') === ONLY_COST_SCALE_ROW_ID) ||
rawRows.find(row => String(row?.id || '') === ONLY_COST_SCALE_ROW_ID) ||
sourceRows.find(row => String(row?.id || '') === onlyCostRowId)
const consultCategoryFactor = getRowNumberOrFallback(
onlyRow,
@@ -455,12 +506,15 @@ const buildOnlyCostScaleDetailRows = (
1
)
const workStageFactor = getRowNumberOrFallback(onlyRow, 'workStageFactor', 1)
const workRatio = getRowNumberOrFallback(onlyRow, 'workRatio', 100)
const workRatio = getRowNumberOrFallback(onlyRow, 'workRatio', 1)
return [
{
id: onlyCostRowId,
amount: totalAmount,
hasCost: true,
hasArea: false,
amount: resolvedTotalAmount,
landArea: null,
consultCategoryFactor,
majorFactor,
workStageFactor,
@@ -471,15 +525,7 @@ const buildOnlyCostScaleDetailRows = (
]
}
const getLandBudgetFee = (row: ScaleRow) => {
return getScaleBudgetFee({
benchmarkBudget: getBenchmarkBudgetByLandArea(row.landArea),
majorFactor: row.majorFactor,
consultCategoryFactor: row.consultCategoryFactor,
workStageFactor: row.workStageFactor,
workRatio: row.workRatio
})
}
const getLandBudgetFee = (row: ScaleRow) => getScaleBudgetFeeByRow(row, 'area')
const getTaskEntriesByServiceId = (serviceId: string | number) =>
Object.entries(taskList as Record<string, TaskLite>)
@@ -614,6 +660,52 @@ const resolveScaleRows = (
return buildDefaultScaleRows(serviceId, consultCategoryFactorMap, majorFactorMap)
}
const normalizeScopedScaleRows = (
serviceId: string,
rowsFromDb: Array<Record<string, unknown>> | undefined,
consultCategoryFactorMap?: Map<string, number | null>,
majorFactorMap?: Map<string, number | null>
): ScaleRow[] => {
const rows = stripGroupScaleRows(rowsFromDb) as Array<Record<string, unknown>>
if (rows.length === 0) return []
const defaultConsultCategoryFactor =
consultCategoryFactorMap?.get(String(serviceId)) ?? getDefaultConsultCategoryFactor(serviceId)
return rows.map(row => {
const parsedMajorId = parseScopedMajorId(row.id)
const resolvedMajorId = majorById.has(parsedMajorId) ? parsedMajorId : (majorIdAliasMap.get(parsedMajorId) || parsedMajorId)
const hasConsultCategoryFactor = hasOwn(row, 'consultCategoryFactor')
const hasMajorFactor = hasOwn(row, 'majorFactor')
const hasWorkStageFactor = hasOwn(row, 'workStageFactor')
const hasWorkRatio = hasOwn(row, 'workRatio')
return {
id: resolvedMajorId,
hasCost: isCostMajorById(resolvedMajorId),
hasArea: isAreaMajorById(resolvedMajorId),
amount: toFiniteNumberOrNull(row.amount),
landArea: toFiniteNumberOrNull(row.landArea),
benchmarkBudgetBasicChecked:
typeof row.benchmarkBudgetBasicChecked === 'boolean' ? row.benchmarkBudgetBasicChecked : true,
benchmarkBudgetOptionalChecked:
typeof row.benchmarkBudgetOptionalChecked === 'boolean' ? row.benchmarkBudgetOptionalChecked : true,
consultCategoryFactor:
toFiniteNumberOrNull(row.consultCategoryFactor) ??
(hasConsultCategoryFactor ? null : defaultConsultCategoryFactor),
majorFactor:
toFiniteNumberOrNull(row.majorFactor) ??
(hasMajorFactor ? null : (majorFactorMap?.get(resolvedMajorId) ?? getDefaultMajorFactorById(resolvedMajorId))),
workStageFactor:
toFiniteNumberOrNull(row.workStageFactor) ??
(hasWorkStageFactor ? null : 1),
workRatio:
toFiniteNumberOrNull(row.workRatio) ??
(hasWorkRatio ? null : 1)
}
})
}
// 统一生成某合同下某个咨询服务四种计费方式的存储键。
// 优先复用 Pinia store 当前约定的 key，避免与旧版 fallback key 脱节。
export const getPricingMethodDetailDbKeys = (
contractId: string,
serviceId: string | number
@@ -665,7 +757,8 @@ const buildDefaultPricingMethodDetailRows = (
serviceId: string,
context: PricingMethodDefaultBuildContext
): PricingMethodDefaultDetailRows => {
const onlyCostScale = isOnlyCostScaleService(serviceId)
const capabilities = getScaleMethodCapabilities(serviceId)
const investScaleSingleTotal = usesInvestScaleSingleTotal(serviceId)
const scaleRows = resolveScaleRows(
serviceId,
null,
@@ -674,20 +767,25 @@ const buildDefaultPricingMethodDetailRows = (
context.majorFactorMap
)
const investScale = onlyCostScale
? buildOnlyCostScaleDetailRows(
const investScale = capabilities.investScaleEnabled
? (investScaleSingleTotal
? buildInvestScaleSingleTotalDetailRows(
serviceId,
context.htData?.detailRows as Array<Record<string, unknown>> | undefined,
context.consultCategoryFactorMap,
context.majorFactorMap,
context.industryId
context.industryId,
context.htData?.totalAmount ?? null
)
: scaleRows.filter(row => {
if (!isCostMajorById(row.id)) return false
if (context.excludeInvestmentCostAndAreaRows && isDualScaleMajorById(row.id)) return false
return true
})
const landScale = scaleRows.filter(row => isAreaMajorById(row.id))
}))
: []
const landScale = capabilities.landScaleEnabled
? scaleRows.filter(row => isAreaMajorById(row.id))
: []
return {
investScale,
@@ -697,6 +795,8 @@ const buildDefaultPricingMethodDetailRows = (
}
}
// 强制为一组服务重建并落库默认明细行。
// 这个方法会同时写入 Pinia 内存态和底层 KV 存储，适合“重置为默认值”场景。
export const persistDefaultPricingMethodDetailRowsForServices = async (params: {
contractId: string
serviceIds: Array<string | number>
@@ -729,6 +829,8 @@ export const persistDefaultPricingMethodDetailRowsForServices = async (params: {
)
}
// 汇总单个服务的四类计费方式金额。
// 数据读取顺序是：优先读当前 Pinia 中已加载的计费页数据，缺失时再回退到 KV 存储和合同段默认信息。
export const getPricingMethodTotalsForService = async (params: {
contractId: string
serviceId: string | number
@@ -767,22 +869,31 @@ export const getPricingMethodTotalsForService = async (params: {
const consultCategoryFactorMap = buildConsultCategoryFactorMap(consultFactorData)
const majorFactorMap = buildMajorFactorMap(majorFactorData)
const onlyCostScale = isOnlyCostScaleService(serviceId)
const investScaleSingleTotal = usesInvestScaleSingleTotal(serviceId)
const industryId = typeof baseInfo?.projectIndustry === 'string' ? baseInfo.projectIndustry.trim() : ''
// 优先使用对应计费页的数据；不存在时回退合同段规模信息，再回退默认字典行。
const excludeInvestmentCostAndAreaRows = params.options?.excludeInvestmentCostAndAreaRows === true
const investScale = onlyCostScale
? getOnlyCostScaleBudgetFee(
const investScaleRowsSource = stripGroupScaleRows(investData?.detailRows as Array<Record<string, unknown>> | undefined)
const landScaleRowsSource = stripGroupScaleRows(landData?.detailRows as Array<Record<string, unknown>> | undefined)
const scopedInvestRows = hasScopedScaleRows(investScaleRowsSource)
? normalizeScopedScaleRows(serviceId, investScaleRowsSource, consultCategoryFactorMap, majorFactorMap)
: null
const scopedLandRows = hasScopedScaleRows(landScaleRowsSource)
? normalizeScopedScaleRows(serviceId, landScaleRowsSource, consultCategoryFactorMap, majorFactorMap)
: null
const investScale = investScaleSingleTotal
? getInvestScaleSingleTotalBudgetFee(
serviceId,
(investData?.detailRows as Array<Record<string, unknown>> | undefined) ||
(htData?.detailRows as Array<Record<string, unknown>> | undefined),
consultCategoryFactorMap,
majorFactorMap,
industryId
industryId,
htData?.totalAmount ?? null
)
: (() => {
const investRows = resolveScaleRows(
const investRows = scopedInvestRows || resolveScaleRows(
serviceId,
investData,
htData,
@@ -796,7 +907,7 @@ export const getPricingMethodTotalsForService = async (params: {
})
})()
const landRows = resolveScaleRows(
const landRows = scopedLandRows || resolveScaleRows(
serviceId,
landData,
htData,
@@ -830,6 +941,8 @@ export const getPricingMethodTotalsForService = async (params: {
}
}
// 为一组服务补齐缺失的计费明细行，但不会覆盖已有用户数据。
// 适合在首次进入计费页或新增服务后做“按需初始化”。
export const ensurePricingMethodDetailRowsForServices = async (params: {
contractId: string
serviceIds: Array<string | number>
@@ -861,16 +974,49 @@ export const ensurePricingMethodDetailRowsForServices = async (params: {
const workloadData = toStoredDetailRowsState(storeWorkloadData) || workloadDataFallback
const hourlyData = toStoredDetailRowsState(storeHourlyData) || hourlyDataFallback
const shouldInitInvest = !Array.isArray(investData?.detailRows) || investData!.detailRows!.length === 0
const shouldInitLand = !Array.isArray(landData?.detailRows) || landData!.detailRows!.length === 0
const shouldInitWorkload = !Array.isArray(workloadData?.detailRows) || workloadData!.detailRows!.length === 0
const shouldInitHourly = !Array.isArray(hourlyData?.detailRows) || hourlyData!.detailRows!.length === 0
const shouldInitInvest = !Array.isArray(investData?.detailRows)
const shouldInitLand = !Array.isArray(landData?.detailRows)
const shouldInitWorkload = !Array.isArray(workloadData?.detailRows)
const shouldInitHourly = !Array.isArray(hourlyData?.detailRows)
console.log('[pricing][ensure-detail-rows][before] ' + JSON.stringify({
contractId: params.contractId,
serviceId,
shouldInit: {
invest: shouldInitInvest,
land: shouldInitLand,
workload: shouldInitWorkload,
hourly: shouldInitHourly
},
existingLengths: {
invest: Array.isArray(investData?.detailRows) ? investData.detailRows.length : -1,
land: Array.isArray(landData?.detailRows) ? landData.detailRows.length : -1,
workload: Array.isArray(workloadData?.detailRows) ? workloadData.detailRows.length : -1,
hourly: Array.isArray(hourlyData?.detailRows) ? hourlyData.detailRows.length : -1
}
}))
const writeTasks: Promise<unknown>[] = []
let defaultRows: PricingMethodDefaultDetailRows | null = null
const getDefaultRows = () => {
if (!defaultRows) {
defaultRows = buildDefaultPricingMethodDetailRows(serviceId, context)
console.log('[pricing][ensure-detail-rows][defaults] ' + JSON.stringify({
contractId: params.contractId,
serviceId,
lengths: {
invest: Array.isArray(defaultRows.investScale) ? defaultRows.investScale.length : -1,
land: Array.isArray(defaultRows.landScale) ? defaultRows.landScale.length : -1,
workload: Array.isArray(defaultRows.workload) ? defaultRows.workload.length : -1,
hourly: Array.isArray(defaultRows.hourly) ? defaultRows.hourly.length : -1
},
sample: {
invest: Array.isArray(defaultRows.investScale) ? defaultRows.investScale[0] : null,
land: Array.isArray(defaultRows.landScale) ? defaultRows.landScale[0] : null,
workload: Array.isArray(defaultRows.workload) ? defaultRows.workload[0] : null,
hourly: Array.isArray(defaultRows.hourly) ? defaultRows.hourly[0] : null
}
}))
}
return defaultRows
}
@@ -914,10 +1060,18 @@ export const ensurePricingMethodDetailRowsForServices = async (params: {
if (writeTasks.length > 0) {
await Promise.all(writeTasks)
}
console.log('[pricing][ensure-detail-rows][after] ' + JSON.stringify({
contractId: params.contractId,
serviceId,
wroteAny: writeTasks.length > 0,
writeCount: writeTasks.length
}))
})
)
}
// 并行汇总多个服务的计费结果，返回以 serviceId 为 key 的 Map。
export const getPricingMethodTotalsForServices = async (params: {
contractId: string
serviceIds: Array<string | number>
@@ -936,3 +1090,4 @@ export const getPricingMethodTotalsForServices = async (params: {
)
return result
}
src/lib/pricingPersistControl.ts
+75
View File
@@ -0,0 +1,75 @@
/**
* 计价法持久化控制
*
* 管理 sessionStorage 中的 skip/force 标记，
* 用于控制计价法组件在清除/重建默认数据时的竞态。
*/
import { readCurrentProjectId } from '@/lib/workspace'
const PRICING_CLEAR_SKIP_PREFIX = 'pricing-clear-skip:'
const PRICING_FORCE_DEFAULT_PREFIX = 'pricing-force-default:'
export const buildProjectScopedSessionKey = (prefix: string, dbKey: string) =>
`${prefix}${readCurrentProjectId()}:${dbKey}`
/**
* 判断当前是否应跳过持久化写入
* 用于防止组件卸载时覆盖刚被清除的数据
*/
export const shouldSkipPersist = (dbKey: string, paneCreatedAt: number): boolean => {
const storageKey = buildProjectScopedSessionKey(PRICING_CLEAR_SKIP_PREFIX, dbKey)
const raw = sessionStorage.getItem(storageKey)
if (!raw) return false
const now = Date.now()
if (raw.includes(':')) {
const [issuedRaw, untilRaw] = raw.split(':')
const issuedAt = Number(issuedRaw)
const skipUntil = Number(untilRaw)
if (Number.isFinite(issuedAt) && Number.isFinite(skipUntil) && now <= skipUntil) {
return paneCreatedAt <= issuedAt
}
sessionStorage.removeItem(storageKey)
return false
}
const skipUntil = Number(raw)
if (Number.isFinite(skipUntil) && now <= skipUntil) return true
sessionStorage.removeItem(storageKey)
return false
}
/**
* 判断当前是否应强制加载默认数据（忽略已有持久化数据）
* 读取后立即清除标记（一次性）
*/
export const shouldForceDefaultLoad = (dbKey: string): boolean => {
const storageKey = buildProjectScopedSessionKey(PRICING_FORCE_DEFAULT_PREFIX, dbKey)
const raw = sessionStorage.getItem(storageKey)
if (!raw) return false
const forceUntil = Number(raw)
sessionStorage.removeItem(storageKey)
return Number.isFinite(forceUntil) && Date.now() <= forceUntil
}
/**
* 设置跳过持久化标记
* @param dbKey 存储键
* @param durationMs 有效时长（毫秒），默认 3000ms
*/
export const markSkipPersist = (dbKey: string, durationMs = 3000): void => {
const storageKey = buildProjectScopedSessionKey(PRICING_CLEAR_SKIP_PREFIX, dbKey)
const now = Date.now()
sessionStorage.setItem(storageKey, `${now}:${now + durationMs}`)
}
/**
* 设置强制加载默认数据标记
* @param dbKey 存储键
* @param durationMs 有效时长（毫秒），默认 3000ms
*/
export const markForceDefaultLoad = (dbKey: string, durationMs = 3000): void => {
const storageKey = buildProjectScopedSessionKey(PRICING_FORCE_DEFAULT_PREFIX, dbKey)
sessionStorage.setItem(storageKey, String(Date.now() + durationMs))
}
src/lib/pricingPinnedRows.ts
+64
View File
@@ -0,0 +1,64 @@
export interface ScalePinnedTotalRowBase {
id: string
groupCode: string
groupName: string
majorCode: string
majorName: string
hasCost: boolean
hasArea: boolean
amount?: number | null
landArea?: number | null
benchmarkBudget: number | null
benchmarkBudgetBasic: number | null
benchmarkBudgetOptional: number | null
benchmarkBudgetBasicChecked: boolean
benchmarkBudgetOptionalChecked: boolean
basicFormula: string | null
optionalFormula: string | null
consultCategoryFactor: number | null
majorFactor: number | null
workStageFactor: number | null
workRatio: number | null
budgetFee: number | null
budgetFeeBasic: number | null
budgetFeeOptional: number | null
remark: string
path: string[]
}
export const createScalePinnedTotalRow = <TRow extends ScalePinnedTotalRowBase>(
overrides: Partial<TRow> & Pick<TRow, 'budgetFee' | 'budgetFeeBasic' | 'budgetFeeOptional'>
) => {
const baseRow: ScalePinnedTotalRowBase = {
id: 'pinned-total-row',
groupCode: '',
groupName: '',
majorCode: '',
majorName: '',
hasCost: false,
hasArea: false,
amount: null,
benchmarkBudget: null,
benchmarkBudgetBasic: null,
benchmarkBudgetOptional: null,
benchmarkBudgetBasicChecked: true,
benchmarkBudgetOptionalChecked: true,
basicFormula: '',
optionalFormula: '',
consultCategoryFactor: null,
majorFactor: null,
workStageFactor: null,
workRatio: null,
budgetFee: null,
budgetFeeBasic: null,
budgetFeeOptional: null,
remark: '',
path: ['TOTAL']
}
return {
...baseRow,
...overrides
} as TRow
}
export const createPinnedTopRowData = <TRow>(row: TRow): TRow[] => [row]
src/lib/pricingScaleCalc.ts
+220
View File
@@ -0,0 +1,220 @@
/**
* 规模法通用计算（投资规模法 + 用地规模法共用）
*
* 提供行默认值构建、行合并、费用计算等纯函数，
* 供 ScalePricingPane.vue 和 pricingMethodTotals.ts 共用。
*/
import { getMajorDictEntries, getMajorIdAliasMap, getServiceDictById } from '@/sql'
import { toFiniteNumberOrNull } from '@/lib/decimal'
import { getBenchmarkBudgetByScale, getScaleBudgetFee } from '@/lib/pricingScaleFee'
import { isInvestScaleSingleTotalService } from '@/lib/servicePricing'
import type {
ScaleCalcRow,
ScaleType,
MajorLite,
ServiceLite
} from '@/types/pricing'
/* ----------------------------------------------------------------
* 专业字典查询
* ---------------------------------------------------------------- */
const majorById = new Map(
getMajorDictEntries().map(({ id, item }) => [id, item as MajorLite])
)
const majorIdAliasMap = getMajorIdAliasMap()
/** 获取专业叶子节点 ID 列表（code 含 '-' 的为叶子） */
export const getMajorLeafIds = (): string[] =>
getMajorDictEntries()
.filter(({ item }) => Boolean(item?.code && String(item.code).includes('-')))
.map(({ id }) => id)
/** 解析专业 ID 别名 */
export const resolveMajorId = (id: string): string =>
majorById.has(id) ? id : majorIdAliasMap.get(id) || id
/** 获取专业默认系数 */
export const getDefaultMajorFactor = (id: string): number | null => {
const resolvedId = resolveMajorId(id)
return toFiniteNumberOrNull(majorById.get(resolvedId)?.defCoe)
}
/** 判断专业是否支持投资规模（hasCost） */
export const isCostMajor = (id: string): boolean => {
const resolvedId = resolveMajorId(id)
return majorById.get(resolvedId)?.hasCost !== false
}
/** 判断专业是否支持用地规模（hasArea） */
export const isAreaMajor = (id: string): boolean => {
const resolvedId = resolveMajorId(id)
return majorById.get(resolvedId)?.hasArea !== false
}
/** 判断专业是否同时支持投资和用地 */
export const isDualScaleMajor = (id: string): boolean =>
isCostMajor(id) && isAreaMajor(id)
/** 根据行业 ID 查找对应的专业条目 */
export const getIndustryMajorEntry = (industryId: string | null | undefined) => {
const key = String(industryId || '').trim()
if (!key) return null
for (const [id, item] of majorById.entries()) {
const majorIndustryId = String(item?.industryId ?? '').trim()
if (majorIndustryId === key && !String(item?.code || '').includes('-')) {
return { id, item }
}
}
return null
}
/* ----------------------------------------------------------------
* 咨询服务字典查询
* ---------------------------------------------------------------- */
/** 获取咨询服务默认分类系数 */
export const getDefaultConsultCategoryFactor = (serviceId: string | number): number | null => {
const service = (getServiceDictById() as Record<string, ServiceLite | undefined>)[String(serviceId)]
return toFiniteNumberOrNull(service?.defCoe)
}
/** 判断是否为仅投资规模服务 */
export const isInvestScaleSingleTotalByService = (serviceId: string | number): boolean => {
const service = (getServiceDictById() as Record<string, ServiceLite | undefined>)[String(serviceId)]
return isInvestScaleSingleTotalService(service)
}
/* ----------------------------------------------------------------
* 行构建与合并
* ---------------------------------------------------------------- */
/** 判断是否为分组汇总行（AG Grid tree 用） */
export const isGroupScaleRow = (row: unknown): boolean =>
Boolean(row && typeof row === 'object' && (row as Record<string, unknown>).isGroupRow === true)
/** 过滤掉分组汇总行 */
export const stripGroupScaleRows = <TRow>(rows: TRow[] | undefined): TRow[] =>
(rows || []).filter(row => !isGroupScaleRow(row))
/** 构建规模法默认行（全部专业叶子） */
export const buildDefaultScaleRows = (
serviceId: string | number,
consultCategoryFactorMap?: Map<string, number | null>,
majorFactorMap?: Map<string, number | null>
): ScaleCalcRow[] => {
const defaultFactor =
consultCategoryFactorMap?.get(String(serviceId)) ?? getDefaultConsultCategoryFactor(serviceId)
return getMajorLeafIds().map(id => ({
id,
amount: null,
landArea: null,
consultCategoryFactor: defaultFactor,
majorFactor: majorFactorMap?.get(id) ?? getDefaultMajorFactor(id),
workStageFactor: 1,
workRatio: 1
}))
}
const hasOwn = (obj: unknown, key: string) =>
Object.prototype.hasOwnProperty.call(obj || {}, key)
const toRowMap = <TRow extends { id: string }>(rows?: TRow[]) => {
const map = new Map<string, TRow>()
for (const row of rows || []) map.set(String(row.id), row)
return map
}
/** 合并持久化行与默认行（保留用户编辑值，补全缺失字段） */
export const mergeScaleRows = (
serviceId: string | number,
rowsFromDb: Array<Partial<ScaleCalcRow> & Pick<ScaleCalcRow, 'id'>> | undefined,
consultCategoryFactorMap?: Map<string, number | null>,
majorFactorMap?: Map<string, number | null>
): ScaleCalcRow[] => {
const sourceRows = stripGroupScaleRows(rowsFromDb)
const dbValueMap = toRowMap(sourceRows)
// 处理 ID 别名映射
for (const row of sourceRows) {
const nextId = majorIdAliasMap.get(String(row.id))
if (nextId && !dbValueMap.has(nextId)) {
dbValueMap.set(nextId, row as ScaleCalcRow)
}
}
const defaultFactor =
consultCategoryFactorMap?.get(String(serviceId)) ?? getDefaultConsultCategoryFactor(serviceId)
return buildDefaultScaleRows(serviceId, consultCategoryFactorMap, majorFactorMap).map(row => {
const fromDb = dbValueMap.get(row.id)
if (!fromDb) return row
return {
...row,
amount: toFiniteNumberOrNull(fromDb.amount),
landArea: toFiniteNumberOrNull(fromDb.landArea),
consultCategoryFactor:
toFiniteNumberOrNull(fromDb.consultCategoryFactor) ??
(hasOwn(fromDb, 'consultCategoryFactor') ? null : defaultFactor),
majorFactor:
toFiniteNumberOrNull(fromDb.majorFactor) ??
(hasOwn(fromDb, 'majorFactor') ? null : (majorFactorMap?.get(row.id) ?? getDefaultMajorFactor(row.id))),
workStageFactor:
toFiniteNumberOrNull(fromDb.workStageFactor) ??
(hasOwn(fromDb, 'workStageFactor') ? null : row.workStageFactor),
workRatio:
toFiniteNumberOrNull(fromDb.workRatio) ??
(hasOwn(fromDb, 'workRatio') ? null : row.workRatio)
}
})
}
/* ----------------------------------------------------------------
* 费用计算
* ---------------------------------------------------------------- */
/** 计算投资规模法单行费用 */
export const calcInvestBudgetFee = (row: ScaleCalcRow): number | null =>
getScaleBudgetFee({
benchmarkBudget: getBenchmarkBudgetByScale(row.amount, 'cost'),
majorFactor: row.majorFactor,
consultCategoryFactor: row.consultCategoryFactor,
workStageFactor: row.workStageFactor,
workRatio: row.workRatio
})
/** 计算用地规模法单行费用 */
export const calcLandBudgetFee = (row: ScaleCalcRow): number | null =>
getScaleBudgetFee({
benchmarkBudget: getBenchmarkBudgetByScale(row.landArea, 'area'),
majorFactor: row.majorFactor,
consultCategoryFactor: row.consultCategoryFactor,
workStageFactor: row.workStageFactor,
workRatio: row.workRatio
})
/** 根据规模类型计算单行费用 */
export const calcScaleBudgetFee = (row: ScaleCalcRow, scaleType: ScaleType): number | null =>
scaleType === 'invest' ? calcInvestBudgetFee(row) : calcLandBudgetFee(row)
/** 判断行是否属于指定规模类型 */
export const isRowForScaleType = (rowId: string, scaleType: ScaleType): boolean =>
scaleType === 'invest' ? isCostMajor(rowId) : isAreaMajor(rowId)
/* ----------------------------------------------------------------
* 可空数值求和
* ---------------------------------------------------------------- */
/** 对数组求和，全部为 null 时返回 null */
export const sumNullableBy = <T>(list: T[], pick: (item: T) => number | null | undefined): number | null => {
let hasValid = false
let total = 0
for (const item of list) {
const value = toFiniteNumberOrNull(pick(item))
if (value == null) continue
hasValid = true
total += value
}
return hasValid ? total : null
}
src/lib/pricingScaleColumns.ts
+304
View File
@@ -0,0 +1,304 @@
import type { ColDef, ColGroupDef } from 'ag-grid-community'
import {
formatScaleEditableNumber,
formatScaleReadonlyMoney,
getScaleMergeColSpanBeforeTotal
} from '@/lib/pricingScaleGrid'
import { AgGridResetHeader } from '@/lib/agGridResetHeader'
import { i18n } from '@/i18n'
type ScaleColumnField<TRow> = Extract<keyof TRow, string> | string
const scaleT = (key: string, params?: Record<string, unknown>) =>
params ? i18n.global.t(`pricingScale.${key}`, params) : i18n.global.t(`pricingScale.${key}`)
export const createScaleValueColumn = <TRow>(options: {
headerName: string
field: ScaleColumnField<TRow>
headerTooltip: string
onReset: () => Promise<void> | void
resetTitle: string
headerComponent: any
minWidth?: number
flex?: number
isEditable: (row: TRow | undefined) => boolean
emptyTextPredicate: (row: TRow | undefined, value: unknown) => boolean
valueParser: (params: any) => any
valueFormatter: (params: any) => string
}) : ColDef<TRow> => ({
headerName: options.headerName,
field: options.field as any,
headerTooltip: options.headerTooltip,
headerComponent: options.headerComponent,
headerComponentParams: {
onReset: options.onReset,
resetTitle: options.resetTitle
},
headerClass: 'ag-right-aligned-header',
minWidth: options.minWidth ?? 90,
flex: options.flex ?? 2,
editable: params => !params.node?.group && !params.node?.rowPinned && options.isEditable(params.data),
cellClass: params =>
!params.node?.group && !params.node?.rowPinned && options.isEditable(params.data)
? 'editable-cell-line'
: '',
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params =>
!params.node?.group && !params.node?.rowPinned && options.emptyTextPredicate(params.data, params.value)
},
valueParser: options.valueParser,
valueFormatter: options.valueFormatter
})
export const createScaleBenchmarkBudgetColumnGroup = <TRow>(options: {
getCheckedSplit: (row: TRow | undefined) => { basic?: number | null; optional?: number | null; total?: number | null } | null
createBudgetCellRendererWithCheck: (field: 'benchmarkBudgetBasicChecked' | 'benchmarkBudgetOptionalChecked') => any
getHeaderComponent?: (field: 'benchmarkBudgetBasicChecked' | 'benchmarkBudgetOptionalChecked') => any
getHeaderComponentParams?: (field: 'benchmarkBudgetBasicChecked' | 'benchmarkBudgetOptionalChecked') => Record<string, unknown>
}) : ColGroupDef<TRow> => ({
headerName: scaleT('columns.benchmarkBudget'),
marryChildren: true,
children: [
{
headerName: scaleT('columns.basicWork'),
field: 'benchmarkBudgetBasic' as any,
colId: 'benchmarkBudgetBasic',
headerClass: 'ag-right-aligned-header',
headerComponent: options.getHeaderComponent?.('benchmarkBudgetBasicChecked'),
headerComponentParams: options.getHeaderComponentParams?.('benchmarkBudgetBasicChecked'),
minWidth: 130,
flex: 1,
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueGetter: params => (params.node?.rowPinned ? null : options.getCheckedSplit(params.data)?.basic ?? null),
cellRenderer: options.createBudgetCellRendererWithCheck('benchmarkBudgetBasicChecked'),
cellRendererParams: {
suppressMouseEventHandling: () => true
},
valueFormatter: formatScaleReadonlyMoney
},
{
headerName: scaleT('columns.optionalWork'),
field: 'benchmarkBudgetOptional' as any,
colId: 'benchmarkBudgetOptional',
headerClass: 'ag-right-aligned-header',
headerComponent: options.getHeaderComponent?.('benchmarkBudgetOptionalChecked'),
headerComponentParams: options.getHeaderComponentParams?.('benchmarkBudgetOptionalChecked'),
minWidth: 130,
flex: 1,
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueGetter: params => (params.node?.rowPinned ? null : options.getCheckedSplit(params.data)?.optional ?? null),
cellRenderer: options.createBudgetCellRendererWithCheck('benchmarkBudgetOptionalChecked'),
cellRendererParams: {
suppressMouseEventHandling: () => true
},
valueFormatter: formatScaleReadonlyMoney
},
{
headerName: scaleT('columns.subtotal'),
field: 'benchmarkBudget' as any,
colId: 'benchmarkBudgetTotal',
headerClass: 'ag-right-aligned-header',
minWidth: 100,
flex: 1,
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueGetter: params => (params.node?.rowPinned ? null : options.getCheckedSplit(params.data)?.total ?? null),
valueFormatter: formatScaleReadonlyMoney
}
]
})
export const createScaleBudgetFeeColumnGroup = <TRow>(options: {
headerComponent: any
restoreConsultCategoryFactorColumnDefaults: () => Promise<void> | void
restoreMajorFactorColumnDefaults: () => Promise<void> | void
parseNumberOrNull: (value: any, options?: any) => any
getBudgetFee: (row: TRow | undefined) => number | null
aggFunc: any
}) : ColGroupDef<TRow> => ({
headerName: scaleT('columns.budgetFee'),
marryChildren: true,
children: [
{
headerName: scaleT('columns.consultCategoryFactor'),
field: 'consultCategoryFactor' as any,
colId: 'consultCategoryFactor',
headerTooltip: scaleT('tooltip.resetConsultCategoryFactor'),
headerComponent: options.headerComponent,
headerComponentParams: {
onReset: options.restoreConsultCategoryFactorColumnDefaults,
resetTitle: scaleT('tooltip.resetConsultCategoryFactor')
},
headerClass: 'ag-right-aligned-header',
minWidth: 80,
flex: 1,
editable: params => !params.node?.group && !params.node?.rowPinned,
cellClass: params =>
!params.node?.group && !params.node?.rowPinned
? 'editable-cell-line'
: '',
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params =>
!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')
},
valueParser: params => options.parseNumberOrNull(params.newValue, { precision: 3 }),
valueFormatter: params => formatScaleEditableNumber(params)
},
{
headerName: scaleT('columns.majorFactor'),
field: 'majorFactor' as any,
colId: 'majorFactor',
headerTooltip: scaleT('tooltip.resetMajorFactor'),
headerComponent: options.headerComponent,
headerComponentParams: {
onReset: options.restoreMajorFactorColumnDefaults,
resetTitle: scaleT('tooltip.resetMajorFactor')
},
headerClass: 'ag-right-aligned-header',
minWidth: 80,
flex: 1,
editable: params => !params.node?.group && !params.node?.rowPinned,
cellClass: params =>
!params.node?.group && !params.node?.rowPinned
? 'editable-cell-line'
: '',
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params =>
!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')
},
valueParser: params => options.parseNumberOrNull(params.newValue, { precision: 3 }),
valueFormatter: params => formatScaleEditableNumber(params)
},
{
headerName: scaleT('columns.workStageFactor'),
field: 'workStageFactor' as any,
colId: 'workStageFactor',
headerClass: 'ag-right-aligned-header',
minWidth: 80,
flex: 1,
editable: params => !params.node?.group && !params.node?.rowPinned,
cellClass: params =>
!params.node?.group && !params.node?.rowPinned
? 'editable-cell-line'
: '',
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params =>
!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')
},
valueParser: params => options.parseNumberOrNull(params.newValue, { precision: 3 }),
valueFormatter: params => formatScaleEditableNumber(params)
},
{
headerName: scaleT('columns.workRatio'),
field: 'workRatio' as any,
colId: 'workRatio',
headerTooltip: scaleT('tooltip.workRatio'),
headerComponent: AgGridResetHeader,
headerClass: 'ag-right-aligned-header',
minWidth: 80,
flex: 1,
editable: params => !params.node?.group && !params.node?.rowPinned,
cellClass: params =>
!params.node?.group && !params.node?.rowPinned
? 'editable-cell-line'
: '',
cellClassRules: {
'ag-right-aligned-cell': () => true,
'editable-cell-empty': params =>
!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')
},
valueParser: params => options.parseNumberOrNull(params.newValue, { precision: 2 }),
valueFormatter: params => formatScaleEditableNumber(params, 2)
},
{
headerName: scaleT('columns.total'),
field: 'budgetFee' as any,
colId: 'budgetFeeTotal',
headerClass: 'ag-right-aligned-header',
minWidth: 120,
flex: 1,
aggFunc: options.aggFunc,
cellClassRules: {
'ag-right-aligned-cell': () => true
},
valueGetter: params => (params.node?.rowPinned ? (params.data as any)?.budgetFee ?? null : options.getBudgetFee(params.data)),
valueFormatter: formatScaleReadonlyMoney
}
]
})
export const createScaleRemarkColumn = <TRow>() : ColDef<TRow> => ({
headerName: scaleT('columns.remark'),
field: 'remark' as any,
minWidth: 100,
flex: 1.2,
cellEditor: 'agLargeTextCellEditor',
wrapText: true,
autoHeight: true,
cellStyle: { whiteSpace: 'normal', lineHeight: '1.4' },
editable: params => !params.node?.group && !params.node?.rowPinned,
valueFormatter: params => {
if (!params.node?.group && !params.node?.rowPinned && !params.value) return scaleT('clickToInput')
return params.value || ''
},
cellClass: params => (!params.node?.group && !params.node?.rowPinned ? ' remark-wrap-cell' : ''),
cellClassRules: {
'editable-cell-empty': params =>
!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')
}
})
export const createScaleAutoGroupColumn = <TRow>(options: {
totalLabel: string
idLabelMap: Map<string, string>
parseProjectIndexFromPathKey: (key: string) => number | null
}) : ColDef<TRow> => ({
headerName: scaleT('columns.majorGroup'),
minWidth: 250,
flex: 2,
wrapText: true,
autoHeight: true,
cellClassRules: {
'ag-summary-label-cell': params => Boolean(params.node?.rowPinned)
},
cellStyle: {
whiteSpace: 'normal',
lineHeight: '1.4'
},
cellRendererParams: {
suppressCount: true
},
colSpan: getScaleMergeColSpanBeforeTotal,
valueFormatter: params => {
if (params.node?.rowPinned) {
return options.totalLabel
}
const rowData = params.data as any
if (!params.node?.group && rowData?.majorCode && rowData?.majorName) {
return `${rowData.majorCode} ${rowData.majorName}`
}
const nodeId = String(params.value || '')
const projectIndex = options.parseProjectIndexFromPathKey(nodeId)
if (projectIndex != null) return scaleT('projectLabel', { index: projectIndex })
return options.idLabelMap.get(nodeId) || nodeId
},
tooltipValueGetter: params => {
if (params.node?.rowPinned) return options.totalLabel
const rowData = params.data as any
if (!params.node?.group && rowData?.majorCode && rowData?.majorName) {
return `${rowData.majorCode} ${rowData.majorName}`
}
const nodeId = String(params.value || '')
const projectIndex = options.parseProjectIndexFromPathKey(nodeId)
if (projectIndex != null) return scaleT('projectLabel', { index: projectIndex })
return options.idLabelMap.get(nodeId) || nodeId
}
})
src/lib/pricingScaleDetail.ts
+164
View File
@@ -0,0 +1,164 @@
import { addNumbers, roundTo } from '@/lib/decimal'
import { getBenchmarkBudgetSplitByScale, getScaleBudgetFeeSplit, type ScaleFeeSplitResult } from '@/lib/pricingScaleFee'
export type ScaleMode = 'cost' | 'area'
export interface ScaleBudgetCheckRow {
benchmarkBudgetBasicChecked?: boolean
benchmarkBudgetOptionalChecked?: boolean
}
export interface ScaleBudgetSourceRow extends ScaleBudgetCheckRow {
amount?: number | null
landArea?: number | null
majorFactor?: number | null
consultCategoryFactor?: number | null
workStageFactor?: number | null
workRatio?: number | null
}
export interface ScaleDetailComputedRow extends ScaleBudgetSourceRow {
benchmarkBudget?: number | null
benchmarkBudgetBasic?: number | null
benchmarkBudgetOptional?: number | null
basicFormula?: string | null
optionalFormula?: string | null
budgetFee?: number | null
budgetFeeBasic?: number | null
budgetFeeOptional?: number | null
}
export type CheckedScaleFeeSplitResult = Omit<ScaleFeeSplitResult, 'total'> & {
total: number | null
}
const getScaleValueByMode = (
row: Pick<ScaleBudgetSourceRow, 'amount' | 'landArea'> | undefined,
mode: ScaleMode
) => (mode === 'cost' ? row?.amount : row?.landArea)
export const isSameNullableNumber = (left: number | null | undefined, right: number | null | undefined) => {
if (left == null && right == null) return true
if (left == null || right == null) return false
return roundTo(left, 6) === roundTo(right, 6)
}
export const isSameNullableText = (left: string | null | undefined, right: string | null | undefined) =>
String(left ?? '') === String(right ?? '')
export const isBenchmarkBudgetFullyUnchecked = (
row?: Pick<ScaleBudgetCheckRow, 'benchmarkBudgetBasicChecked' | 'benchmarkBudgetOptionalChecked'>
) => row?.benchmarkBudgetBasicChecked === false && row?.benchmarkBudgetOptionalChecked === false
export const getBenchmarkBudgetRawSplitByRow = (
row: Pick<ScaleBudgetSourceRow, 'amount' | 'landArea'> | undefined,
mode: ScaleMode
) => getBenchmarkBudgetSplitByScale(getScaleValueByMode(row, mode), mode)
export const getCheckedBenchmarkBudgetSplitByRow = (
row?: Pick<ScaleBudgetSourceRow, 'amount' | 'landArea' | 'benchmarkBudgetBasicChecked' | 'benchmarkBudgetOptionalChecked'>,
mode: ScaleMode = 'cost'
): CheckedScaleFeeSplitResult | null => {
const split = getBenchmarkBudgetRawSplitByRow(row, mode)
if (!split) return null
const basic = row?.benchmarkBudgetBasicChecked === false ? 0 : split.basic
const optional = row?.benchmarkBudgetOptionalChecked === false ? 0 : split.optional
return {
...split,
basic,
optional,
total: isBenchmarkBudgetFullyUnchecked(row) ? null : roundTo(addNumbers(basic, optional), 2)
}
}
export const getScaleBudgetFeeSplitByRow = (
row?: Pick<
ScaleBudgetSourceRow,
| 'amount'
| 'landArea'
| 'benchmarkBudgetBasicChecked'
| 'benchmarkBudgetOptionalChecked'
| 'majorFactor'
| 'consultCategoryFactor'
| 'workStageFactor'
| 'workRatio'
>,
mode: ScaleMode = 'cost'
) => {
if (isBenchmarkBudgetFullyUnchecked(row)) return null
const benchmarkBudgetSplit = getCheckedBenchmarkBudgetSplitByRow(row, mode)
if (!benchmarkBudgetSplit) return null
return getScaleBudgetFeeSplit({
benchmarkBudgetBasic: benchmarkBudgetSplit.basic,
benchmarkBudgetOptional: benchmarkBudgetSplit.optional,
majorFactor: row?.majorFactor,
consultCategoryFactor: row?.consultCategoryFactor,
workStageFactor: row?.workStageFactor,
workRatio: row?.workRatio
})
}
export const getScaleBudgetFeeByRow = (
row?: Pick<
ScaleBudgetSourceRow,
| 'amount'
| 'landArea'
| 'benchmarkBudgetBasicChecked'
| 'benchmarkBudgetOptionalChecked'
| 'majorFactor'
| 'consultCategoryFactor'
| 'workStageFactor'
| 'workRatio'
>,
mode: ScaleMode = 'cost'
) => getScaleBudgetFeeSplitByRow(row, mode)?.total ?? null
export const recomputeScaleDetailRow = <TRow extends ScaleDetailComputedRow>(
row: TRow,
mode: ScaleMode
): TRow => {
const benchmarkBudgetRawSplit = getBenchmarkBudgetRawSplitByRow(row, mode)
const benchmarkBudgetSplit = getCheckedBenchmarkBudgetSplitByRow(row, mode)
const budgetFeeSplit = getScaleBudgetFeeSplitByRow(row, mode)
return {
...row,
benchmarkBudget: benchmarkBudgetSplit?.total ?? null,
benchmarkBudgetBasic: benchmarkBudgetSplit?.basic ?? null,
benchmarkBudgetOptional: benchmarkBudgetSplit?.optional ?? null,
basicFormula: row.benchmarkBudgetBasicChecked === false ? null : (benchmarkBudgetRawSplit?.basicFormula ?? ''),
optionalFormula: row.benchmarkBudgetOptionalChecked === false ? null : (benchmarkBudgetRawSplit?.optionalFormula ?? ''),
budgetFee: budgetFeeSplit?.total ?? null,
budgetFeeBasic: budgetFeeSplit?.basic ?? null,
budgetFeeOptional: budgetFeeSplit?.optional ?? null
}
}
export const recomputeScaleDetailRowsInPlace = <TRow extends ScaleDetailComputedRow>(
rows: TRow[],
mode: ScaleMode
) => {
for (const row of rows) {
Object.assign(row, recomputeScaleDetailRow(row, mode))
}
}
export const isSameScaleDetailRow = (
left: ScaleDetailComputedRow,
right: ScaleDetailComputedRow,
mode: ScaleMode
) => {
const isSameScaleValue = mode === 'cost'
? isSameNullableNumber(left.amount, right.amount)
: isSameNullableNumber(left.landArea, right.landArea)
return isSameScaleValue
&& isSameNullableNumber(left.benchmarkBudget, right.benchmarkBudget)
&& isSameNullableNumber(left.benchmarkBudgetBasic, right.benchmarkBudgetBasic)
&& isSameNullableNumber(left.benchmarkBudgetOptional, right.benchmarkBudgetOptional)
&& isSameNullableText(left.basicFormula, right.basicFormula)
&& isSameNullableText(left.optionalFormula, right.optionalFormula)
&& isSameNullableNumber(left.budgetFee, right.budgetFee)
&& isSameNullableNumber(left.budgetFeeBasic, right.budgetFeeBasic)
&& isSameNullableNumber(left.budgetFeeOptional, right.budgetFeeOptional)
}
src/lib/pricingScaleDict.ts
+120
View File
@@ -0,0 +1,120 @@
export interface ScaleDictLeaf {
id: string
code: string
name: string
hasCost: boolean
hasArea: boolean
}
export interface ScaleDictGroup {
id: string
code: string
name: string
children: ScaleDictLeaf[]
}
type MajorLite = {
code: string
name: string
hasCost?: boolean
hasArea?: boolean
}
export const buildScaleDetailDict = (
entries: Array<[string, MajorLite]>,
includeLeaf: (params: { id: string; item: MajorLite; hasCost: boolean; hasArea: boolean }) => boolean
): ScaleDictGroup[] => {
const groupMap = new Map<string, ScaleDictGroup>()
const groupOrder: string[] = []
const codeLookup = new Map(entries.map(([key, item]) => [item.code, { id: key, code: item.code, name: item.name }]))
for (const [key, item] of entries) {
const code = item.code
const isGroup = !code.includes('-')
if (isGroup) {
if (!groupMap.has(code)) groupOrder.push(code)
groupMap.set(code, {
id: key,
code,
name: item.name,
children: []
})
continue
}
const parentCode = code.split('-')[0]
if (!groupMap.has(parentCode)) {
const parent = codeLookup.get(parentCode)
if (!groupOrder.includes(parentCode)) groupOrder.push(parentCode)
groupMap.set(parentCode, {
id: parent?.id || `group-${parentCode}`,
code: parentCode,
name: parent?.name || parentCode,
children: []
})
}
const hasCost = item.hasCost !== false
const hasArea = item.hasArea !== false
if (!includeLeaf({ id: key, item, hasCost, hasArea })) continue
groupMap.get(parentCode)!.children.push({
id: key,
code,
name: item.name,
hasCost,
hasArea
})
}
return groupOrder.map(code => groupMap.get(code)).filter((group): group is ScaleDictGroup => Boolean(group))
}
export const buildScaleIdLabelMap = (detailDict: ScaleDictGroup[]) => {
const idLabelMap = new Map<string, string>()
for (const group of detailDict) {
idLabelMap.set(group.id, `${group.code} ${group.name}`)
for (const child of group.children) {
idLabelMap.set(child.id, `${child.code} ${child.name}`)
}
}
return idLabelMap
}
export const buildScaleRowsFromDict = <TRow>(options: {
detailDict: ScaleDictGroup[]
projectCount: number
activeIndustryCode: string
isMajorInIndustryScope: (groupId: string, industryCode: string) => boolean
buildScopedRowId: (projectIndex: number, majorId: string) => string
buildProjectGroupPathKey: (projectIndex: number) => string
isMutipleService: boolean
createRow: (params: {
projectIndex: number
group: ScaleDictGroup
child: ScaleDictLeaf
rowId: string
path: string[]
}) => TRow
}) => {
if (!options.activeIndustryCode) return [] as TRow[]
const rows: TRow[] = []
for (let projectIndex = 1; projectIndex <= options.projectCount; projectIndex++) {
for (const group of options.detailDict) {
if (options.activeIndustryCode && !options.isMajorInIndustryScope(group.id, options.activeIndustryCode)) continue
for (const child of group.children) {
const rowId = options.buildScopedRowId(projectIndex, child.id)
rows.push(options.createRow({
projectIndex,
group,
child,
rowId,
path: options.isMutipleService
? [options.buildProjectGroupPathKey(projectIndex), group.id, rowId]
: [group.id, rowId]
}))
}
}
}
return rows
}
src/lib/pricingScaleFee.ts
+27 -7
View File
@@ -1,6 +1,5 @@
import { getBasicFeeFromScale } from '@/sql'
import { addNumbers, roundTo, toDecimal } from '@/lib/decimal'
import { toFiniteNumberOrNull } from '@/lib/number'
import { addNumbers, roundTo, toDecimal, toFiniteNumberOrNull } from '@/lib/decimal'
type ScaleMode = 'cost' | 'area'
@@ -12,6 +11,16 @@ export interface ScaleFeeSplitResult {
optionalFormula: string
}
/**
* 根据“规模值 + 规模类型”查表，得到基准预算拆分结果。
*
* 这个方法只负责“规模法基准预算”这一层：
* 1. 按投资规模或用地规模命中费率表
* 2. 返回基准预算的基本部分 / 附加部分 / 合计
* 3. 同时返回对应的计算式文本，供页面展示
*
* 它不参与任何咨询分类系数、专业系数、阶段系数的计算。
*/
export const getBenchmarkBudgetSplitByScale = (
value: unknown,
mode: ScaleMode
@@ -40,6 +49,20 @@ export const getBenchmarkBudgetByScale = (value: unknown, mode: ScaleMode) => {
return splitResult ? splitResult.total : null
}
/**
* 根据“已算出的基准预算拆分 + 各类系数”计算最终服务预算。
*
* 这个方法负责“乘系数”这一层：
* 1. 输入的是已经拆好的基准预算 basic / optional
* 2. 再乘咨询分类系数、专业系数、阶段系数、服务预算构成比率与数量比
* 3. 返回服务费的基本部分 / 附加部分 / 合计
*
* 和 `getBenchmarkBudgetSplitByScale` 的区别是：
* - `getBenchmarkBudgetSplitByScale` 解决“规模值对应多少基准预算”
* - `getScaleBudgetFeeSplit` 解决“基准预算乘完系数后服务费是多少”
*
* 这里不返回计算式文本，所以 `basicFormula / optionalFormula` 固定为空字符串。
*/
export const getScaleBudgetFeeSplit = (params: {
benchmarkBudgetBasic: unknown
benchmarkBudgetOptional: unknown
@@ -55,7 +78,7 @@ export const getScaleBudgetFeeSplit = (params: {
const majorFactor = toFiniteNumberOrNull(params.majorFactor)
const consultCategoryFactor = toFiniteNumberOrNull(params.consultCategoryFactor)
const workStageFactor = hasWorkStageFactor ? toFiniteNumberOrNull(params.workStageFactor) : 1
const workRatio = hasWorkRatio ? toFiniteNumberOrNull(params.workRatio) : 100
const workRatio = hasWorkRatio ? toFiniteNumberOrNull(params.workRatio) : 1
if (
benchmarkBudgetBasic == null ||
@@ -72,11 +95,9 @@ export const getScaleBudgetFeeSplit = (params: {
.mul(majorFactor)
.mul(workStageFactor)
.mul(workRatio)
.div(100)
const roundedBenchmarkBudget = roundTo(addNumbers(benchmarkBudgetBasic, benchmarkBudgetOptional), 2)
const basic = roundTo(toDecimal(benchmarkBudgetBasic).mul(multiplier), 2)
const optional = roundTo(toDecimal(benchmarkBudgetOptional).mul(multiplier), 2)
return {
basic,
optional,
@@ -99,7 +120,7 @@ export const getScaleBudgetFee = (params: {
const majorFactor = toFiniteNumberOrNull(params.majorFactor)
const consultCategoryFactor = toFiniteNumberOrNull(params.consultCategoryFactor)
const workStageFactor = hasWorkStageFactor ? toFiniteNumberOrNull(params.workStageFactor) : 1
const workRatio = hasWorkRatio ? toFiniteNumberOrNull(params.workRatio) : 100
const workRatio = hasWorkRatio ? toFiniteNumberOrNull(params.workRatio) : 1
if (
benchmarkBudget == null ||
@@ -116,6 +137,5 @@ export const getScaleBudgetFee = (params: {
.mul(majorFactor)
.mul(workStageFactor)
.mul(workRatio)
.div(100)
return roundTo(toDecimal(roundedBenchmarkBudget).mul(multiplier), 2)
}
src/lib/pricingScaleGrid.ts
+234
View File
@@ -0,0 +1,234 @@
import { roundTo } from '@/lib/decimal'
import { formatThousandsFlexible } from '@/lib/numberFormat'
import type { GridApi } from 'ag-grid-community'
import { nextTick } from 'vue'
export type ScaleBudgetCheckField = 'benchmarkBudgetBasicChecked' | 'benchmarkBudgetOptionalChecked'
export type ScaleBudgetHeaderCheckState = 'all' | 'none' | 'partial'
type BudgetCheckRow = {
id: string
benchmarkBudgetBasicChecked: boolean
benchmarkBudgetOptionalChecked: boolean
benchmarkBudgetBasic?: number | null
benchmarkBudgetOptional?: number | null
}
export interface ScaleBudgetToggleHeaderParams {
displayName?: string
field: ScaleBudgetCheckField
getHeaderCheckState?: (field: ScaleBudgetCheckField) => ScaleBudgetHeaderCheckState
onToggleAll?: (field: ScaleBudgetCheckField, checked: boolean) => void
}
export class ScaleBudgetToggleHeader {
private params!: ScaleBudgetToggleHeaderParams
private eGui!: HTMLDivElement
private checkbox!: HTMLInputElement
private label!: HTMLSpanElement
init(params: ScaleBudgetToggleHeaderParams) {
this.params = params
const root = document.createElement('div')
root.style.display = 'inline-flex'
root.style.alignItems = 'center'
root.style.gap = '6px'
root.style.width = '100%'
const checkbox = document.createElement('input')
checkbox.type = 'checkbox'
checkbox.className = 'cursor-pointer'
checkbox.addEventListener('click', event => event.stopPropagation())
checkbox.addEventListener('mousedown', event => event.stopPropagation())
checkbox.addEventListener('change', event => {
event.stopPropagation()
this.params.onToggleAll?.(this.params.field, checkbox.checked)
})
const label = document.createElement('span')
label.textContent = String(params.displayName || '')
label.style.userSelect = 'none'
label.addEventListener('click', event => event.stopPropagation())
root.append(checkbox, label)
this.eGui = root
this.checkbox = checkbox
this.label = label
this.applyCheckState()
}
getGui() {
return this.eGui
}
refresh(params: ScaleBudgetToggleHeaderParams) {
this.params = params
this.label.textContent = String(params.displayName || '')
this.applyCheckState()
return true
}
destroy() {
// noop
}
private applyCheckState() {
const state = this.params.getHeaderCheckState?.(this.params.field) || 'none'
this.checkbox.indeterminate = state === 'partial'
this.checkbox.checked = state === 'all'
}
}
export const formatScaleEditableNumber = (params: any, precision = 3, emptyText = '请输入') => {
if (!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')) {
return emptyText
}
if (params.value == null) return ''
return formatThousandsFlexible(params.value, precision)
}
export const formatScaleEditableConditionalNumber = (
params: any,
options: { enabled: boolean; precision?: number; emptyText?: string }
) => {
if (!params.node?.group && !params.node?.rowPinned && !options.enabled) {
return ''
}
if (!params.node?.group && !params.node?.rowPinned && (params.value == null || params.value === '')) {
return options.emptyText ?? '点击输入'
}
if (params.value == null) return ''
return formatThousandsFlexible(params.value, options.precision ?? 3)
}
export const formatScaleReadonlyMoney = (params: any) => {
if (params.value == null || params.value === '') return ''
return formatThousandsFlexible(roundTo(params.value, 3), 3)
}
export const updateScaleBudgetCheckState = <TRow extends BudgetCheckRow>(
rows: TRow[],
rowId: string,
checkField: ScaleBudgetCheckField,
checked: boolean
) => {
for (const row of rows) {
if (row.id !== rowId) continue
if (checkField === 'benchmarkBudgetBasicChecked') {
row.benchmarkBudgetBasicChecked = checked
row.benchmarkBudgetBasic = checked ? row.benchmarkBudgetBasic : 0
return
}
row.benchmarkBudgetOptionalChecked = checked
row.benchmarkBudgetOptional = checked ? row.benchmarkBudgetOptional : 0
return
}
}
export const createScaleBudgetCellRendererWithCheck = <TRow extends Record<string, any>>(
checkField: ScaleBudgetCheckField,
options: {
formatValue: (params: any) => string
onToggle: (row: TRow, checked: boolean) => void
}
) => (params: any) => {
const valueText = options.formatValue(params)
const hasValue = params.value != null && params.value !== ''
if (params.node?.group || params.node?.rowPinned || !params.data || !hasValue) {
return valueText
}
const wrapper = document.createElement('div')
wrapper.style.display = 'flex'
wrapper.style.alignItems = 'center'
wrapper.style.justifyContent = 'space-between'
wrapper.style.gap = '6px'
wrapper.style.width = '100%'
wrapper.addEventListener('pointerdown', event => event.stopPropagation())
wrapper.addEventListener('mousedown', event => event.stopPropagation())
wrapper.addEventListener('click', event => event.stopPropagation())
wrapper.addEventListener('dblclick', event => event.stopPropagation())
const checkbox = document.createElement('input')
checkbox.type = 'checkbox'
checkbox.className = 'cursor-pointer'
checkbox.checked = params.data[checkField] !== false
checkbox.addEventListener('pointerdown', event => event.stopPropagation())
checkbox.addEventListener('mousedown', event => event.stopPropagation())
checkbox.addEventListener('click', event => event.stopPropagation())
checkbox.addEventListener('change', event => {
event.stopPropagation()
const targetRow = params.data as TRow | undefined
if (!targetRow) return
options.onToggle(targetRow, checkbox.checked)
void nextTick(() => {
params.api?.redrawRows?.({
rowNodes: params.node ? [params.node] : undefined
})
params.api?.refreshCells?.({
rowNodes: params.node ? [params.node] : undefined,
force: true
})
})
})
const valueSpan = document.createElement('span')
valueSpan.textContent = valueText
valueSpan.addEventListener('pointerdown', event => event.stopPropagation())
valueSpan.addEventListener('mousedown', event => event.stopPropagation())
valueSpan.addEventListener('click', event => event.stopPropagation())
wrapper.append(checkbox, valueSpan)
return wrapper
}
export const createScaleBudgetCellRendererToggleFactory = <TRow extends BudgetCheckRow>(
getRows: () => TRow[],
onAfterToggle: () => void
) => (checkField: ScaleBudgetCheckField) =>
createScaleBudgetCellRendererWithCheck<TRow>(checkField, {
formatValue: formatScaleReadonlyMoney,
onToggle: (targetRow: TRow, checked: boolean) => {
updateScaleBudgetCheckState(getRows(), targetRow.id, checkField, checked)
onAfterToggle()
}
})
export const getScaleMergeColSpanBeforeTotal = (params: any) => {
if (!params.node?.group && !params.node?.rowPinned) return 1
const displayedColumns = params.api?.getAllDisplayedColumns?.()
if (!Array.isArray(displayedColumns) || !params.column) return 1
const currentIndex = displayedColumns.findIndex((column: any) => column.getColId() === params.column.getColId())
const totalIndex = displayedColumns.findIndex((column: any) => column.getColId() === 'budgetFeeTotal')
if (currentIndex < 0 || totalIndex <= currentIndex) return 1
return totalIndex - currentIndex
}
export const refreshScaleGridAfterColumnReset = async <TRow>(gridApi: GridApi<TRow> | null | undefined) => {
await nextTick()
gridApi?.refreshHeader()
gridApi?.refreshCells({ force: true })
}
export const restoreScaleColumnDefaults = async <TRow>(options: {
gridApi: GridApi<TRow> | null | undefined
rows: TRow[]
getCurrentValue: (row: TRow) => number | null | undefined
getNextValue: (row: TRow) => number | null | undefined
isSameValue: (left: number | null | undefined, right: number | null | undefined) => boolean
applyValue: (row: TRow, nextValue: number | null) => void
afterApply: () => Promise<void>
}) => {
options.gridApi?.stopEditing()
let changed = false
for (const row of options.rows) {
const nextValue = options.getNextValue(row) ?? null
if (options.isSameValue(options.getCurrentValue(row), nextValue)) continue
options.applyValue(row, nextValue)
changed = true
}
if (!changed) return false
await options.afterApply()
await refreshScaleGridAfterColumnReset(options.gridApi)
return true
}
src/lib/pricingScaleLink.ts
+168
View File
@@ -0,0 +1,168 @@
import { getMajorIdAliasMap } from '@/sql'
const majorIdAliasMap = getMajorIdAliasMap()
type ScaleLinkRow = {
id?: unknown
projectIndex?: unknown
majorDictId?: unknown
path?: unknown
}
type ScaleValueLinkRow = ScaleLinkRow & {
amount?: unknown
landArea?: unknown
isGroupRow?: unknown
}
const normalizeProjectCount = (value: unknown) => {
const parsed = Number(value)
if (!Number.isFinite(parsed)) return 1
return Math.max(1, Math.floor(parsed))
}
export const parseProjectIndexFromPathKey = (value: string) => {
const match = /^project-(\d+)$/.exec(value)
if (!match) return null
return normalizeProjectCount(Number(match[1]))
}
export const parseScopedRowId = (id: unknown) => {
const rawId = String(id || '')
const match = /^(\d+)::(.+)$/.exec(rawId)
if (!match) {
return {
projectIndex: 1,
majorDictId: rawId
}
}
return {
projectIndex: normalizeProjectCount(Number(match[1])),
majorDictId: String(match[2] || '').trim()
}
}
export const resolveScaleRowProjectIndex = (row: ScaleLinkRow | undefined) => {
if (!row) return 1
if (typeof row.projectIndex === 'number' && Number.isFinite(row.projectIndex)) {
return normalizeProjectCount(row.projectIndex)
}
if (Array.isArray(row.path) && row.path.length > 0) {
const projectIndexFromPath = parseProjectIndexFromPathKey(String(row.path[0] || ''))
if (projectIndexFromPath != null) return projectIndexFromPath
}
return parseScopedRowId(row.id).projectIndex
}
export const resolveScaleRowMajorDictId = (row: ScaleLinkRow | undefined) => {
if (!row) return ''
const direct = String(row.majorDictId || '').trim()
if (direct) return majorIdAliasMap.get(direct) || direct
const parsed = parseScopedRowId(row.id).majorDictId
return majorIdAliasMap.get(parsed) || parsed
}
export const makeProjectMajorKey = (projectIndex: number, majorDictId: string) =>
`${normalizeProjectCount(projectIndex)}:${String(majorDictId || '').trim()}`
export const buildContractScaleMap = <TRow extends ScaleLinkRow>(rows: TRow[] | undefined) => {
const map = new Map<string, TRow>()
for (const row of rows || []) {
const majorDictId = resolveScaleRowMajorDictId(row)
if (!majorDictId) continue
const projectIndex = resolveScaleRowProjectIndex(row)
map.set(makeProjectMajorKey(projectIndex, majorDictId), row)
}
return map
}
export const buildContractScaleIdMap = <TRow extends ScaleLinkRow>(rows: TRow[] | undefined) => {
const map = new Map<string, TRow>()
for (const row of rows || []) {
const rowId = String(row?.id || '').trim()
if (!rowId) continue
map.set(rowId, row)
const aliasId = majorIdAliasMap.get(rowId)
if (aliasId && !map.has(aliasId)) {
map.set(aliasId, row)
}
}
return map
}
export const buildContractScaleProjectTotals = <TRow extends ScaleValueLinkRow>(
rows: TRow[] | undefined,
totalAmount?: unknown
) => {
const map = new Map<number, { amount: number | null; landArea: number | null }>()
const normalizedTotalAmount =
typeof totalAmount === 'number' && Number.isFinite(totalAmount)
? totalAmount
: null
if (normalizedTotalAmount != null) {
map.set(1, {
amount: normalizedTotalAmount,
landArea: null
})
}
for (const row of rows || []) {
if (row?.isGroupRow !== true) continue
const projectIndex = resolveScaleRowProjectIndex(row)
const current = map.get(projectIndex) || { amount: null, landArea: null }
const nextAmount =
current.amount != null
? current.amount
: (typeof row?.amount === 'number' && Number.isFinite(row.amount) ? row.amount : null)
const nextLandArea =
current.landArea != null
? current.landArea
: (typeof row?.landArea === 'number' && Number.isFinite(row.landArea) ? row.landArea : null)
map.set(projectIndex, {
amount: nextAmount,
landArea: nextLandArea
})
}
return map
}
export const getContractScaleProjectTotalsByRow = (
row: ScaleLinkRow | undefined,
totalsMap: Map<number, { amount: number | null; landArea: number | null }>
) => {
const projectIndex = resolveScaleRowProjectIndex(row)
return totalsMap.get(projectIndex)
|| (projectIndex > 1 ? totalsMap.get(1) : undefined)
|| { amount: null, landArea: null }
}
export const getContractScaleRowByMajor = <TRow extends ScaleLinkRow>(
row: ScaleLinkRow,
map: Map<string, TRow>,
idMap?: Map<string, TRow>
) => {
const directRowId = String(row.id || '').trim()
if (directRowId && idMap?.has(directRowId)) return idMap.get(directRowId)
const parsedMajorId = parseScopedRowId(row.id).majorDictId
if (parsedMajorId && idMap?.has(parsedMajorId)) return idMap.get(parsedMajorId)
const majorDictId = resolveScaleRowMajorDictId(row)
if (!majorDictId) return undefined
const projectIndex = resolveScaleRowProjectIndex(row)
return map.get(makeProjectMajorKey(projectIndex, majorDictId))
|| (projectIndex > 1 ? map.get(makeProjectMajorKey(1, majorDictId)) : undefined)
}
export const normalizeChangedScaleRowIds = (rowIds?: Array<string | number>) =>
new Set(
(rowIds || [])
.map(id => {
const rawId = String(id || '').trim()
if (!rawId) return rawId
const parsedMajorId = parseScopedRowId(rawId).majorDictId
return majorIdAliasMap.get(parsedMajorId) || parsedMajorId
})
.filter(Boolean)
)
src/lib/pricingScalePaneData.ts
+147
View File
@@ -0,0 +1,147 @@
type StoredPricingState<TRow> = {
detailRows?: TRow[]
projectCount?: unknown
} | null | undefined
type AsyncVoid = () => Promise<void> | void
type ScalePaneIndustryOptions = {
readIndustryCode: () => Promise<string>
setIndustryCode: (code: string) => void
}
const refreshIndustryCode = async (options?: ScalePaneIndustryOptions) => {
if (!options) return
const industryCode = await options.readIndustryCode()
options.setIndustryCode(industryCode)
}
export const loadPricingScalePaneRows = async <TRow>(options: {
industry?: ScalePaneIndustryOptions
setProjectCount: (count: number) => void
ensureFactorDefaultsLoaded: AsyncVoid
shouldForceDefaultLoad: () => boolean
buildContractDefaultRows: (targetProjectCount: number) => Promise<TRow[]>
loadStoredState: () => Promise<StoredPricingState<TRow>>
isMutipleService: boolean
normalizeProjectCount: (value: unknown) => number
inferProjectCountFromRows: (rows: TRow[]) => number
buildRowsFromStoredState: (rows: TRow[]) => TRow[]
buildEmptyRows: (targetProjectCount: number) => TRow[]
getTargetProjectCount: () => number
applyRows: (rows: TRow[]) => void
afterApplyRows: AsyncVoid
onError?: (error: unknown) => void
}) => {
try {
await refreshIndustryCode(options.industry)
options.setProjectCount(1)
await options.ensureFactorDefaultsLoaded()
if (options.shouldForceDefaultLoad()) {
options.applyRows(await options.buildContractDefaultRows(options.getTargetProjectCount()))
await options.afterApplyRows()
return
}
const data = await options.loadStoredState()
if (data) {
const storedRows = Array.isArray(data.detailRows) ? data.detailRows : []
if (options.isMutipleService) {
const storedProjectCount = options.normalizeProjectCount(data.projectCount)
options.setProjectCount(storedProjectCount || options.inferProjectCountFromRows(storedRows))
}
options.applyRows(options.buildRowsFromStoredState(storedRows))
await options.afterApplyRows()
return
}
options.applyRows(await options.buildContractDefaultRows(options.getTargetProjectCount()))
await options.afterApplyRows()
} catch (error) {
options.onError?.(error)
options.applyRows(options.buildEmptyRows(options.getTargetProjectCount()))
await options.afterApplyRows()
}
}
export const importPricingScalePaneRows = async <TRow>(options: {
industry?: ScalePaneIndustryOptions
getTargetProjectCount: () => number
buildContractDefaultRows: (targetProjectCount: number) => Promise<TRow[]>
applyRows: (rows: TRow[]) => void
saveRows: AsyncVoid
onError?: (error: unknown) => void
}) => {
try {
await refreshIndustryCode(options.industry)
options.applyRows(await options.buildContractDefaultRows(options.getTargetProjectCount()))
await options.saveRows()
} catch (error) {
options.onError?.(error)
}
}
export const clearPricingScalePaneRows = async <TRow>(options: {
getTargetProjectCount: () => number
buildEmptyRows: (targetProjectCount: number) => TRow[]
applyRows: (rows: TRow[]) => void
saveRows: AsyncVoid
onError?: (error: unknown) => void
}) => {
try {
options.applyRows(options.buildEmptyRows(options.getTargetProjectCount()))
await options.saveRows()
} catch (error) {
options.onError?.(error)
}
}
export const applyPricingScaleProjectCountChange = async <TRow>(options: {
nextValue: unknown
setProjectCount: (count: number) => void
isMutipleService: boolean
currentRows: TRow[]
cloneRows: (rows: TRow[]) => TRow[]
normalizeProjectCount: (value: unknown) => number
inferProjectCountFromRows: (rows: TRow[]) => number
buildRowsForReducedCount: (rows: TRow[], targetProjectCount: number) => TRow[]
buildRowsFromImportDefaultSource: (targetProjectCount: number) => Promise<TRow[]>
getRowKey: (row: Partial<TRow> | undefined) => string
getRowProjectIndex: (row: Partial<TRow>) => number
mergeExistingRow: (defaultRow: TRow, existingRow: TRow) => TRow
applyRows: (rows: TRow[]) => void
afterApplyRows: AsyncVoid
}) => {
const normalized = options.normalizeProjectCount(options.nextValue)
options.setProjectCount(normalized)
if (!options.isMutipleService) return
const previousRows = options.cloneRows(options.currentRows)
const previousProjectCount = options.inferProjectCountFromRows(previousRows)
if (normalized === previousProjectCount) return
if (normalized < previousProjectCount) {
options.applyRows(options.buildRowsForReducedCount(previousRows, normalized))
await options.afterApplyRows()
return
}
const defaultRows = await options.buildRowsFromImportDefaultSource(normalized)
const existingMap = new Map<string, TRow>()
for (const row of previousRows) {
const key = options.getRowKey(row)
if (!key) continue
existingMap.set(key, row)
}
options.applyRows(defaultRows.map(defaultRow => {
const key = options.getRowKey(defaultRow)
const existingRow = key ? existingMap.get(key) : undefined
if (!existingRow) return defaultRow
if (options.getRowProjectIndex(existingRow) > previousProjectCount) return defaultRow
return options.mergeExistingRow(defaultRow, existingRow)
}))
await options.afterApplyRows()
}
src/lib/pricingScalePaneLifecycle.ts
+52
View File
@@ -0,0 +1,52 @@
import type { GridApi } from 'ag-grid-community'
import { onActivated, onBeforeUnmount, onMounted, watch, type Ref, type WatchSource } from 'vue'
type AsyncTask = () => Promise<void> | void
export const usePricingPaneLifecycle = <TRow>(options: {
gridApi: Ref<GridApi<TRow> | null>
loadFromIndexedDB: () => Promise<void>
syncLinkedFields: () => Promise<void>
linkedSourceSignature: WatchSource<unknown>
linkedSecondarySignature?: WatchSource<unknown>
syncSecondaryLinkedFields?: AsyncTask
saveToIndexedDB: AsyncTask
}) => {
const hydratePane = async () => {
await options.loadFromIndexedDB()
await options.syncLinkedFields()
}
let skipNextActivated = false
onMounted(async () => {
skipNextActivated = true
await hydratePane()
})
onActivated(async () => {
if (skipNextActivated) {
skipNextActivated = false
return
}
await hydratePane()
})
onBeforeUnmount(() => {
options.gridApi.value?.stopEditing()
options.gridApi.value = null
void options.saveToIndexedDB()
})
watch(options.linkedSourceSignature, () => {
void options.syncLinkedFields()
})
if (options.linkedSecondarySignature && options.syncSecondaryLinkedFields) {
watch(options.linkedSecondarySignature, () => {
void options.syncSecondaryLinkedFields?.()
})
}
}
export const usePricingScalePaneLifecycle = usePricingPaneLifecycle
src/lib/pricingScaleProject.ts
+41
View File
@@ -0,0 +1,41 @@
import {
makeProjectMajorKey,
resolveScaleRowMajorDictId,
resolveScaleRowProjectIndex
} from '@/lib/pricingScaleLink'
const PROJECT_PATH_PREFIX = 'project-'
const PROJECT_ROW_ID_SEPARATOR = '::'
export const normalizeScaleProjectCount = (value: unknown) => {
const parsed = Number(value)
if (!Number.isFinite(parsed)) return 1
return Math.max(1, Math.floor(parsed))
}
export const buildScaleProjectGroupPathKey = (projectIndex: number) => `${PROJECT_PATH_PREFIX}${projectIndex}`
export const buildScopedScaleRowId = (
isMutipleService: boolean,
projectIndex: number,
majorId: string
) => (isMutipleService ? `${projectIndex}${PROJECT_ROW_ID_SEPARATOR}${majorId}` : majorId)
export const inferScaleProjectCountFromRows = <TRow>(
rows: Array<Partial<TRow>> | undefined,
isMutipleService: boolean
) => {
if (!isMutipleService) return 1
let maxProjectIndex = 1
for (const row of rows || []) {
maxProjectIndex = Math.max(maxProjectIndex, resolveScaleRowProjectIndex(row))
}
return maxProjectIndex
}
export const getScaleProjectMajorKeyFromRow = <TRow>(row: Partial<TRow> | undefined) => {
if (!row) return ''
const majorDictId = resolveScaleRowMajorDictId(row)
if (!majorDictId) return ''
return makeProjectMajorKey(resolveScaleRowProjectIndex(row), majorDictId)
}
Loaded 100 of 127 files, more files were not shown because too many files have changed in this diff. Show more