FE-V2-PC

更新日期 2023/07/17

一.开发

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

浏览器访问 http://localhost:80

二.发布

# 构建测试环境
npm run build:stage

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

三.版本相关

1.版本差异字段

.env.development与.env.production文件下均有VUE_APP_VERSION_DIFFERENCE_FIELD字段

可通过配置不同的字符来展示各版本差异化内容

 矿业大学-环测学院
 VUE_APP_VERSION_DIFFERENCE_FIELD = 'kuangYeDaXue_nanHu'
 苏州大学
 VUE_APP_VERSION_DIFFERENCE_FIELD = 'suZhouDaXue'
 西北农林大学
 VUE_APP_VERSION_DIFFERENCE_FIELD = 'xiBeiNongLinDaXue'

2.版本分支关系

├─3.3.1-定时排风
├─3.3.2-电子信息牌
│  ├─suzhouDX-web(苏州大学当前线上版本)
│  ├─suzhouDX-web(化工学院当前线上版本)
│  └─suzhouDX-web(安全学院当前线上版本)
├─3.3.4-矿大优化
│  └─nhkd-web(环测学院当前线上版本)
├─3.3.3-新安全检查
│  ├─3.3.5-报警抓拍&电话报警
│  └─3.3.6-组织架构&建筑布局

3.多页面路由配置方法用于展示各版本差异化内容(即将废弃,留作备案)

3.1针对矿大项目修改 针对布局与疏散图 适配多楼栋 多楼层

路由配置示意

├─views
│  ├─comprehensive
│  │  └─laboratoryManagement
│  │     ├─building
│  │     │  └─indexOne.vue
│  │     └─subject
│  │         └─indexTwo.vue
│  └─emergencyManagement
│     └─evacuation
│        └─emergencyEvacuation
│            ├─indexOne.vue
│            └─performEvacuationOne.vue

静态路由修改项

• path: '/emergencyEvacuationBig' 地址修改为 emergencyEvacuationBigOne
  
• path: '/' 地址修改为 home
  
  

其他修改项

• 项目名称修改 => 实验室安全智能监测与控制系统
• 取消按钮首页注释 layout => components => Navbar.vue
  

3.2针对空军四医大项目 实验室-物联设备配置只有传感器与智能门禁

路由配置示意

├─views
│  ├─comprehensive
│  │  ├─laboratoryManagement
│  │  │  └─subject
│  │  │     └─indexOne.vue
│  │  ├─message
│  │  │  └─noticeconfig
│  │  │     └─indexOne.vue
│  │  ├─system
│  │  │  └─publicConfig
│  │  │     └─indexOne.vue
│  │  └─personnel
│  │     └─teacher
│  │        └─indexOne.vue
│  └─mine
│     └─indexOne.vue

静态路由修改项

• path: '/login' 地址修改为 loginOne

• path: '/' 地址修改为 loginOne

  其他修改项

• 项目名称修改 => 危化品智能存储管理系统

• 按钮首页注释掉 layout => components => Navbar.vue