页面模块配置

Webstorm中调用命令行

view->tool windows->terminal 

文件夹释义：

Api：存放API接口，存放所有的接口。

在其余文件中不再添加接口，方便所有接口管理。

接口调用：

在需调用接口的文件中Import所需使用的接口即可。

Assets:存放一下所需调用的文件，如图片文件，json文件等。

Data：模拟接口文件存储。

如接口未写好，但需内容配置，可将静态的文件内容放入其中引入，使页面代码更加简洁。（不必要，测试使用）

Font:存放字体文件。

Router:存放路由配置。（重要，别随便更改）

Style:存放公用scss文件

注意：scss中大多为公用，为保证项目准确，最好不要在其中引入背景图片或字体！！！！！！！

如需使用背景图片的引入，在页面当前style中添加即可。

Utils:工具文件

其中为动态路由识别的工具。

Tool:通用JS函数

里面为一些通用的JS函数。

调用：

import { transDate,convertTree,searchTree,getRefH } from '@/tool/tool';

页面中需要哪一个函数，引入即可以使用。

各对应函数有注释。

Static：静态文件存放

存放一些页面的动态更改图片，如由数据库传入地址的文件图片，包括动态菜单的图标等。

Components:存放页面文件

首层为各首层文件的VUE。

Admin:后台管理界面的架构界面；

Home:主页面的架构界面；

Login:登录页面；

NotFound:404页面；

ScreenIndex:大屏首页；

ScreenShow：大屏展示架构页面。

Admin文件夹：存放后台管理子页面；

ScreenShow:存放大屏子页面；

Main:存放主界面子页面；

其余子文件夹存放各子菜单的页面文件，除modal与module文件夹外，可删除、添加与更改。

Modal:存放modal页面文件，即弹出框的页面文件。

Module:存放各模块化的文件。

Charts：echarts模块，即画图模块；

使用方法：

在页面JS中引入Charts模块；

-v-on的事件名字需和所传的title里面的fn值一致

Title：（非必须，可不传）

若有选择框，传入option与selected；

展示示例：

Nodes:（必传）

Id:传入的元素的ID；

Option:传入echarts的option;

若需要没有数据的提示，option传入false即可。

注意：若页面引用多个charts模块，传入的id需不重复。

List：列表显示模块。