# 松江区农民土地退养补助金发放管理平台

Vue 3.5 + Vite + TypeScript + Element Plus + Less 前端项目。

## 技术栈

- Vue 3.5
- Vite
- TypeScript
- Element Plus
- Less
- Vue Router（支持嵌套路由）
- Axios（接口请求，含防抖 / 节流封装）

## 开始使用

```bash
npm install
npm run dev
```

开发默认端口：`3001`。

## 联调后端（sjnmtybt-server）

1. 启动后端：`http://localhost:8088/sjnmtybt`
2. `public/config/config.js` 设置 `useMock: false`（默认已关 mock）
3. Vite 将 `/api` 代理到 `http://localhost:8088/sjnmtybt`

详细页面流程与接口对照见：[docs/api-integration.md](./docs/api-integration.md)

切回纯前端演示：把 `useMock` 改回 `true`。

## 脚本

- `npm run dev` — 启动开发服务
- `npm run build` — 类型检查并构建
- `npm run preview` — 预览构建产物

## 目录结构

```
public/
  config/config.js         # 全局变量配置（含 useMock / apiBase，可部署后直接改）
  data/                    # 静态数据
  js/                      # 静态脚本
docs/
  api-integration.md       # 与 sjnmtybt-server 联调说明
src/
  api/                     # 业务接口（biz.ts + sjnmtybt 适配层）
  utils/                   # request / 防抖 / 节流 / appConfig
  layouts/                 # 布局
  router/                  # 路由
  styles/                  # Less 全局样式与变量
  views/                   # 页面（联调不改 UI）
```