huaxin_ui

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

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 统一封装登录与内容平台的增删改查