manas-cockpit

cockpit-front 新疆大数据平台前端仓库

项目中技术栈：Vue@3.2 + pina + vite + echarts + element-plus.

运行

clone 代码

git clone [e-mail]:manas-sap/cockpit-front-new.git

安装依赖

安装依赖时需注意若不是在内网需把.npmrc 中 registry 地址替换为可访问的仓库地址

npm install

本地运行

启动开发模式。开发模式默认使用.env.development 中的配置

npm run dev

流水线

生成开发环境的包,使用.env.dev 中的配置

npm run build:dev

生成测试环境的包，使用.env.test 中的配置

npm run build:test

生成预生产环境的包，使用.env.production 中的配置

npm run build

目录结构

── cockpit-front-new
   ├── public                    		    项目公共目录
   │   ├── favicon.ico           		    favicon 图标
   │   └── index.html            		    页面入口 HTML 模板
   ├── src                       		    项目源码目录
   │   ├── api                   		    接口目录，模块化管理；按需进行多层级目录管理
   │   │   ├── decision.js           		智能决策接口
   │   │   ├── dashBoard.js         		数字玛纳斯接口，等等
   │   │   ···
   │   ├── assets                		    静态资源目录，公共的静态资源，图标、图片等
   │   │   ├── svg             		        svg 图标，页面中支持以组件 SvgIcon 引入
   │   │   ├── img            		        图片资源
   │   │   ···
   │   ├── components            		    公共组件目录；所有的 Component ⽂件都是以⼤写开头 (PascalCase)
   │   ├── directives             	        指令目录
   │   │   ├── modules           		    模块化管理
   │   │   └── index.js		     		    主文件，自动引入模块
   │   ├── layout                		    布局组件
   │   ├── router                		    路由目录
   │   │   ├── modules           		    模块化管理
   │   │   └── index.js		     		    主文件，自动引入模块
   │   ├── store                 		    全局状态目录
   │   │   ├── modules           		    模块化管理
   │   │   └── index.ts		     		    主文件，自动引入模块
   │   ├── sass                		        公共样式
   │   │   │── index.css         		    主文件
   │   │   │── vars.scss                    主题变量文件
   │   │   │── element.scss			        element覆盖样式
   │   │   ···
   │   ├── utlis                 		    公共脚本
   │   │   │── index.js           		    JS 工具函数
   │   │   │── service.js           	    封装接口请求逻辑
   │   │   ···
   │   └── views                   		    页面目录；所有代表路由的 vue ⽂件和文件夹都使⽤横线连接 (kebab-case)，name 使用⼤写开头 (PascalCase)
   │   │   ├── home               	    首页
   │   │   │   └── index.vue
   │   │   ···
   │   ├── App.vue               		    根组件
   │   ├── main.js               		    入口 js 文件
   │   ···
   ├── .env								     环境变量配置文件
   ├── .eslintignore					     Eslint 忽略文件
   ├── .eslintrc.js                 	     Eslint 配置文件
   ├── .gitignore                   	     Git 忽略文件
   ├── .prettierignore                 	     Prettier 忽略文件
   ├── package-lock.json            	     依赖版本管理文件
   ├── package.json                 	     依赖管理文件
   ├── jsconfig.json               		     JS 配置文件
   ├── vue.config.js                	     @vue/cli 配置文件
   ···

git 仓库分支说明

1、master 为主分支

2、develop-demo 为 11 月 15 日演示的 demo 版分支

3、目前的 develop 为 12 月 10 日演示的版本分支。

12 月 10 日演示版本分支功能简要说明

该版本由于开发时间有限，大数据平台农业资源中农田一张图、水网一张图、设备一张图是通过 iframe 嵌入的慧儿公司的对应页面直接展示。对应路由为

创新基地中数字农田、农事建议、水肥方案、长势分析、产量预测页面是农场版对应功能改造调整样式后通过 iframe 嵌入。对应农场 ifarm-admin 代码库的 manas-project 分支。