## 华新镇产权单位和企业信息采集小程序

### 20260909

- 构建工具与技术栈升级
  - 构建从 Vue CLI（vue-cli-service）+ Babel 迁移到 Vite
  - 源码从 JavaScript 全量改写为 TypeScript，接入 vue-tsc 类型检查
  - 移除 core-js / babel 相关依赖，新增 pinia、dayjs、@element-plus/icons-vue
- 目录结构分层重构，新增以下分层目录：

| 目录 | 说明 |
| --- | --- |
| api | 后端接口封装（auth、content） |
| composables | 可复用逻辑（表单、草稿、提示、滚动定位） |
| constants | 集中管理 API 基地址、栏目 id、模型 id 等常量 |
| layouts | 页面框架布局（TabBarLayout） |
| stores | Pinia 状态管理 |
| styles | 抽离的全局样式（style.css、form.css） |
| types | TypeScript 类型定义（property、enterprise 等） |
| utils | 通用工具（request、crypto、format、validators） |

- 状态管理改造
  - 引入 Pinia，新增 auth store 统一维护登录态（token / user）
  - 登录不再持久化明文密码，并清理历史遗留的 password
- 路由改造
  - 抽出 TabBarLayout 作为主框架，home / property / enterprise / myrecord 改为嵌套子路由
  - 页面组件改为按需懒加载
  - 新增全局前置守卫：受保护页面（requiresAuth）未登录时跳转登录页并携带 redirect
- 巨型页面拆分（视图只保留页面骨架，表单逻辑抽离为 composable + 子组件）
  - EnterprisePage 由 2586 行精简至 333 行，逻辑抽离到 useEnterpriseForm，拆出 LocationEditor、YearlyMoneyList 组件
  - PropertyPage 由 2144 行精简至 288 行，逻辑抽离到 usePropertyForm，拆出 BuildingCard、FloorCard、OperatorList 组件
- 通用组件沉淀
  - 新增 FormField、RadioGroup、CheckboxGroup、SearchSelect、PageHeader、SuccessToast 等通用组件
- 通用逻辑沉淀（composables）
  - useDraft：进入「查看」前保存草稿快照、退出时还原
  - useSuccessToast：统一的成功提示
  - useScrollToError：校验失败时滚动定位到错误项
- 接口层统一封装
  - 新增 utils/request 统一 axios 实例（内容平台基地址、urlencoded、请求拦截自动携带 Token）
  - api/auth、api/content 统一封装登录与内容平台的增删改查