# euipd_web_vue

**Repository Path**: zhou-sp/euipd_web_vue

## Basic Information

- **Project Name**: euipd_web_vue
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-08-19
- **Last Updated**: 2025-08-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# EUIPD - 企业级研发管理系统

[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
[![Vue](https://img.shields.io/badge/Vue-2.7.14-green.svg)](https://vuejs.org/)
[![Element UI](https://img.shields.io/badge/Element%20UI-2.15.13-blue.svg)](https://element.eleme.io/)

一个基于Vue2 + Element UI的企业级产品研发管理系统，支持项目管理、文档管理、质量管理、预算管理等多个模块。

## 📋 目录

- [功能特性](#功能特性)
- [技术栈](#技术栈)
- [项目结构](#项目结构)
- [快速开始](#快速开始)
- [环境配置](#环境配置)
- [部署指南](#部署指南)
- [贡献指南](#贡献指南)
- [许可证](#许可证)
- [联系方式](#联系方式)

## ✨ 功能特性

### 核心模块
- **项目管理** - 项目创建、进度跟踪、里程碑管理
- **文档管理** - 文档上传、版本控制、权限管理
- **质量管理** - 质量检查、缺陷跟踪、质量报告
- **预算管理** - 预算申请、执行跟踪、费用分析
- **人员管理** - 用户角色、权限分配、团队协作
- **任务管理** - 任务分配、进度跟踪、工时统计

### 高级功能
- **实时协作** - 多人在线协作编辑
- **工作流程** - 自定义审批流程
- **报表分析** - 多维度数据分析和可视化
- **移动端支持** - 响应式设计，支持移动设备
- **权限控制** - 细粒度权限管理
- **数据导入导出** - 支持Excel等格式

## 🛠 技术栈

### 前端技术
- **Vue.js 2.7.14** - 渐进式JavaScript框架
- **Element UI 2.15.13** - 基于Vue的桌面端组件库
- **Vue Router 3.1.3** - Vue.js官方路由管理器
- **Axios 0.19.1** - HTTP客户端
- **SCSS** - CSS预处理器
- **Chart.js 2.9.4** - 图表库
- **dhtmlx-gantt 7.0.0** - 甘特图组件

### 工具与构建
- **Vue CLI 4.1.0** - Vue项目脚手架
- **Babel** - JavaScript编译器
- **ESLint** - 代码质量工具
- **Sass Loader** - SCSS处理器

### 其他依赖
- **jQuery 3.6.0** - JavaScript库
- **Moment.js 2.29.4** - 日期处理库
- **SweetAlert2 11.17.2** - 美观的弹窗组件
- **Vue Quill Editor 3.0.6** - 富文本编辑器

## 📁 项目结构

```
euipdv2-vue2/
├── public/                     # 静态资源
│   ├── static/                 # 静态文件
│   │   ├── css/               # 样式文件
│   │   ├── js/                # JavaScript工具库
│   │   └── scss/              # SCSS样式文件
│   ├── index.html             # 主页面模板
│   └── favicon.ico            # 网站图标
├── src/                       # 源代码
│   ├── components/            # Vue组件
│   │   ├── course/           # 课程相关组件
│   │   ├── rdms/             # 研发管理系统组件
│   │   ├── std/              # 标准组件
│   │   └── util/             # 工具组件
│   ├── views/                 # 页面视图
│   │   ├── rdms/             # 研发管理系统页面
│   │   │   ├── customer/     # 客户管理页面
│   │   │   ├── file/         # 文件管理页面
│   │   │   └── system/       # 系统管理页面
│   │   ├── login.vue         # 登录页面
│   │   └── admin-v2.vue      # 管理后台
│   ├── filter/               # Vue过滤器
│   ├── app.vue               # 根组件
│   ├── main.js               # 应用入口
│   └── router.js             # 路由配置
├── babel.config.js            # Babel配置
├── vue.config.js              # Vue CLI配置
├── package.json               # 项目依赖
└── README.md                  # 项目说明
```

## 🚀 快速开始

### 前置要求

确保你的开发环境满足以下要求：

- **Node.js** >= 12.0.0
- **npm** >= 6.0.0 或 **yarn** >= 1.0.0
- **Git**

### 安装步骤

1. **克隆项目**
   ```bash
   git clone https://gitee.com/zhou-sp/euipd_web_vue.git
   cd euipdv2-vue2
   ```

2. **安装依赖**
   ```bash
   npm install
   # 或者
   yarn install
   ```

3. **启动开发服务器**
   ```bash
   npm run serve-dev
   # 或者
   yarn serve-dev
   ```

4. **访问应用**
   
   打开浏览器访问 `http://localhost:8080`

### 可用脚本

```bash
# 开发环境启动
npm run serve-dev

# 生产环境启动
npm run serve-prod

# 开发环境构建
npm run build-dev

# 生产环境构建
npm run build-prod

# 代码检查
npm run lint
```

## ⚙️ 环境配置

### 环境变量

项目支持多环境配置，你需要根据实际情况配置以下环境变量：

```javascript
// 在代码中通过 process.env.VUE_APP_SERVER 访问
VUE_APP_SERVER=https://your-api-server.com
VUE_APP_VERSION=your-version
```

### 开发环境配置

1. **API服务器配置**
   
   修改各组件中的API请求地址，将 `process.env.VUE_APP_SERVER` 替换为你的后端服务地址。

2. **代理配置**
   
   如需要代理配置，可以修改 `vue.config.js` 文件：
   ```javascript
   devServer: {
     proxy: {
       '/api': {
         target: 'http://localhost:3000',
         changeOrigin: true,
         pathRewrite: {
           '^/api': ''
         }
       }
     }
   }
   ```

### 生产环境配置

1. **构建配置**
   
   生产环境构建会进行代码压缩和优化，确保在 `vue.config.js` 中正确配置：
   ```javascript
   productionSourceMap: false,
   configureWebpack: {
     devtool: 'nosources-source-map'
   }
   ```

2. **服务器部署**
   
   构建完成后，将 `dist` 目录部署到你的Web服务器。

## 📦 部署指南

### 使用Nginx部署

1. **构建项目**
   ```bash
   npm run build-prod
   ```

2. **配置Nginx**
   ```nginx
   server {
       listen 80;
       server_name your-domain.com;
       root /path/to/dist;
       index index.html;

       location / {
           try_files $uri $uri/ /index.html;
       }

       location /api {
           proxy_pass http://your-backend-server;
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
       }
   }
   ```

### 使用Docker部署

1. **创建Dockerfile**
   ```dockerfile
   FROM nginx:alpine
   COPY dist/ /usr/share/nginx/html/
   COPY nginx.conf /etc/nginx/nginx.conf
   EXPOSE 80
   CMD ["nginx", "-g", "daemon off;"]
   ```

2. **构建和运行**
   ```bash
   docker build -t euipd-frontend .
   docker run -p 80:80 euipd-frontend
   ```

## 🔧 开发指南

### 组件开发

1. **组件命名规范**
   - 使用 kebab-case 命名
   - 组件文件名与组件名保持一致
   - 组件应该有明确的职责

2. **组件结构**
   ```vue
   <template>
     <!-- 模板内容 -->
   </template>

   <script>
   export default {
     name: 'ComponentName',
     props: {
       // 属性定义
     },
     data() {
       return {
         // 数据定义
       };
     },
     methods: {
       // 方法定义
     }
   };
   </script>

   <style scoped>
   /* 样式定义 */
   </style>
   ```

### 代码规范

- 遵循ESLint配置的代码规范
- 使用2个空格缩进
- 使用单引号而不是双引号
- 函数和变量使用驼峰命名
- 常量使用大写字母和下划线

### API调用规范

```javascript
// 推荐的API调用方式
this.$ajax.post(process.env.VUE_APP_SERVER + '/api/endpoint', data)
  .then(response => {
    if (response.data.success) {
      // 处理成功响应
    } else {
      // 处理错误响应
    }
  })
  .catch(error => {
    console.error('API调用失败:', error);
  });
```

## 🛡️ 安全注意事项

### 敏感信息处理

在开源前，请确保已处理以下敏感信息：

1. **密码和密钥**
   - 所有硬编码的密码和API密钥
   - 数据库连接字符串
   - 第三方服务凭证

2. **配置文件**
   - 环境变量配置
   - 服务器配置信息
   - 部署脚本中的敏感信息

3. **用户数据**
   - 测试用户账号和密码
   - 真实用户数据
   - 日志文件中的敏感信息

## 🤝 贡献指南

我们欢迎所有形式的贡献！请阅读 [CONTRIBUTING.md](CONTRIBUTING.md) 了解详细的贡献指南。

### 如何贡献

1. Fork 项目
2. 创建你的特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交你的修改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 打开一个 Pull Request

### 报告问题

如果你发现了bug或有功能建议，请在 [Issues](https://github.com/yourusername/euipdv2-vue2/issues) 页面创建一个issue。

## 📄 许可证

本项目采用 Apache License 2.0 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情。

## 📞 联系方式

- **作者**: 周朔鹏
- **邮箱**: 391902958@qq.com
- **官网**: https://www.euipd.com
- **项目主页**: https://github.com/yourusername/euipdv2-vue2

## 🙏 致谢

感谢所有为这个项目做出贡献的开发者和用户！

特别感谢以下开源项目：
- [Vue.js](https://vuejs.org/)
- [Element UI](https://element.eleme.io/)
- [Chart.js](https://www.chartjs.org/)
- [dhtmlxGantt](https://dhtmlx.com/docs/products/dhtmlxGantt/)

---

⭐ 如果这个项目对你有帮助，请给它一个星标！