# government-web

**Repository Path**: ddgetget/government-web

## Basic Information

- **Project Name**: government-web
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-15
- **Last Updated**: 2026-04-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 深圳政府在线 - [AI原生政务门户](https://zs.simoncome.com)

基于 Vue3 + TypeScript + TDesign Vue Next 实现的深圳市政府门户网站智能化升级项目。

## 项目简介

本项目是深圳市政府门户网站智能化升级的Web实现，以"深小i"为统揽的全市统一政务智能应用体系，构建"1+N"架构，打造"AI原生"的政府门户。

## 技术栈

- **前端框架**: Vue 3 (Composition API + `<script setup>` 语法)
- **开发语言**: TypeScript
- **UI组件库**: TDesign Vue Next
- **样式预处理器**: SCSS
- **构建工具**: Vite
- **状态管理**: Pinia
- **路由**: Vue Router

## 项目结构

```
government-web/
├── src/
│   ├── components/          # 组件目录
│   │   ├── ai/             # AI相关组件
│   │   │   └── AIAssistant.vue    # 深小i智能助手悬浮窗
│   │   ├── home/           # 首页组件
│   │   │   ├── HeroSection.vue      # Hero区域
│   │   │   ├── HotServices.vue      # 热门服务
│   │   │   ├── LatestPolicies.vue   # 最新政策
│   │   │   ├── DataDashboard.vue    # 数据看板
│   │   │   └── RollingNumber.vue    # 数字滚动动画
│   │   └── layout/         # 布局组件
│   │       ├── AppHeader.vue        # 顶部导航
│   │       └── AppFooter.vue        # 页脚
│   ├── views/              # 页面视图
│   │   ├── HomeView.vue             # 首页
│   │   ├── government/              # 政务公开
│   │   │   ├── GovernmentView.vue
│   │   │   └── PolicyDetailView.vue
│   │   ├── service/                 # 政务服务
│   │   │   ├── ServiceView.vue
│   │   │   └── ServiceDetailView.vue
│   │   ├── interaction/             # 政民互动
│   │   │   └── InteractionView.vue
│   │   ├── shenzhen/                # 走进深圳
│   │   │   └── ShenzhenView.vue
│   │   ├── ai/                      # AI智能服务
│   │   │   └── AIServiceView.vue
│   │   ├── SearchView.vue           # 搜索页面
│   │   └── LoginView.vue            # 登录页面
│   ├── mock/               # Mock数据
│   │   ├── index.ts        # 数据入口
│   │   ├── services.ts     # 服务数据
│   │   ├── policies.ts   # 政策数据
│   │   ├── ai.ts         # AI相关数据
│   │   ├── dashboard.ts  # 数据看板
│   │   ├── guides.ts     # 办事指南
│   │   ├── appeals.ts    # 诉求数据
│   │   └── shenzhen.ts   # 深圳数据
│   ├── types/              # TypeScript类型定义
│   │   └── index.ts
│   ├── App.vue             # 根组件
│   ├── main.ts             # 入口文件
│   └── router/             # 路由配置
│       └── index.ts
├── index.html
├── vite.config.ts
├── package.json
└── README.md
```

## 功能特性

### 1. 首页 (智能门户)
- Hero区域：数字人"深小i"交互入口 + 全局智能搜索
- 热门服务卡片：AI根据用户画像智能排序
- 最新政策：每条带AI摘要标签
- 实时数据看板：动态数字滚动效果

### 2. 政务公开
- 政策文件列表（支持AI解读）
- 通知公告
- 政策分类筛选
- 政策详情页（AI智能解读面板）

### 3. 政务服务
- 个人办事
- 法人办事
- "高效办成一件事"专区
- 办事指南详情（AI辅助办理）

### 4. 政民互动
- 智能问答（深小i）
- 在线访谈
- 投诉建议提交
- 常见问题

### 5. 走进深圳
- 深圳概览
- 投资鹏城（招商智能体）
- 各区风采
- 投资项目展示

### 6. AI智能服务
- 深小i智能助手
- AI Agent市场（6个专业智能体）
- AI Skill工具体验（8个AI技能）
- 我的智能服务（个性化工作台）

### 7. 全局功能
- 深小i悬浮窗（全局可唤出）
- 智能搜索（支持AI联想）
- 统一登录认证

## 快速开始

### 安装依赖

```bash
pnpm install
```

### 启动开发服务器

```bash
pnpm dev
```

访问 http://localhost:5175

### 构建生产环境

```bash
pnpm build
```

## 设计规范

### 色彩系统
- **主色**: 科技蓝 (#0052D9 → #00A8FF 渐变)
- **辅色**: 智感青 (#00D68F)
- **强调色**: 智能紫 (#7C4DFF)
- **背景色**: 浅灰白 (#F5F7FA)

### 深色模式
- 背景色: 深灰蓝 (#0A1622)

## 数据来源

所有数据均来自 `src/mock/` 目录，便于后期对接后端API。数据结构遵循RESTful规范，可直接替换为真实接口。

## 浏览器支持

- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+

## 许可证

MIT