saftop-ui v3.2.4

default

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

项目注意事项 start

1.此项目使用了动态路由，路由的配置是在菜单管理去配置的，也有静态写入路由，在 src/router/common.js or src/page/router/page.js 里面 2.常见的表格页面有模板 src/page/copyTemplate 3.公用组件放在 src/components 文件夹里面 4.公共js是 src/common/common.js 5.公共样式文件路径为 src/assets/css

项目注意事项 end

目录结构描述 start

├── public // 静态文件放置地址 │ ├── favion.ico // 页面卡小图标 │ └── index.html // 项目入口html ├── src // 开发文件夹 │ ├── apiUrl // 请求地址解耦模块 │ │ ├── util // 地址文件夹（各模块解耦） │ │ └── index.js // 地址主入口js │ ├── assets // 静态文件夹 │ │ ├── css // 样式文件夹 | │ │ ├── changeElement.less // 改变element框架样式文件（公共） | │ │ ├── common.css // 公共样式（原框架遗留的） | │ │ ├── common.less // 公共样式（叶工所写的） | │ │ └── T_common.less // 开发者T所写的公共样式 │ │ ├── font // 字体文件夹 │ │ ├── img // 首页图片文件夹 │ │ ├── imgs // 公共图片文件夹 │ │ ├── menu // 导航页面图片文件夹 │ │ └── logo.png // 默认logo │ ├── common // 公共js文件夹 │ ├── components // 组件文件夹 │ │ ├── mapMonitor // 监管地图组件文件夹（已弃用，改用窗口开发此页面） │ │ ├── menu // 导航组件文件夹 │ │ ├── district.vue // 所属监区和所属楼层选择组件 │ │ ├── mainBox.vue // 表格页面公共架子组件 │ │ ├── myselectedDate.vue // 范围选择日期时间封装组件（好像没用到） │ │ ├── pagination.vue // 分页组件 │ │ ├── seach.vue // 查询条件封装组件 │ │ ├── tabs.vue // 浏览记录选项卡组件（此功能并未使用） │ │ └── TTable.vue // table表格封装组件 │ ├── http // axios请求文件夹 │ ├── mixins // mixins文件夹 │ │ ├── common // 公共mixins文件夹 | │ │ └── pagination.js // 分页组件mixins │ │ └── management // management类型页面 mixins文件夹 | │ ├── management.js // management类型页面 mixins | │ └── upload.js // element上传图片组件 mixins │ ├── pages // 页面文件夹 │ │ ├── copyTemplate // 用来复制粘贴的样式文件夹 | │ │ ├── addOrEdit.vue // 新增 编辑弹框样板 | │ │ └── index.vue // 表格页面样板 │ │ ├── dashboard // 首页模块文件夹 | │ │ ├── modules // 首页页面各模块文件夹 | │ │ ├── AbHome.vue // AB门首页入口文件 | │ │ └── index.vue // 首页入口文件 │ │ ├── Home // 头部模块文件夹 │ │ ├── login // 登录模块文件夹 │ │ ├── MaintenanceManagement // 运维管理模块文件夹 | │ │ ├── cameraManage // 摄像头管理页面文件夹 | | │ │ ├── add.vue // 摄像头管理操作页面 | | │ │ └── index.vue // 入口文件 | │ │ ├── management // 在押人员管理页面文件夹 | | │ │ ├── add.vue // 在押人员管理操作页面 | | │ │ └── index.vue // 入口文件 | │ │ └── policemenManage // 警察管理页面文件夹 | | │ │ ├── add.vue // 警察管理操作页面 | | │ │ └── index.vue // 入口文件 | │ │ ├── workSystem // 工作制度上传的页面文件夹 | │ │ └── wristbandBinding // 腕带绑定页面文件夹 │ │ ├── MapMonitor // 监管地图模块文件夹 | │ │ ├── index.vue // 入口文件 | │ │ └── mapMonitor.less // 已弃用 │ │ ├── Supervision // 监督管理模块文件夹 | │ │ ├── AccessRecords // 出入记录页面文件夹 | │ │ ├── bringOut // 带出登记页面文件夹 | │ │ ├── dutyLog // 执勤日志页面文件夹 | │ │ ├── heartRate // 心率监测页面文件夹 | │ │ ├── keepWatchPatrol // 巡更管理页面文件夹 | │ │ ├── Ledger // 点名台账页面文件夹 | │ │ ├── mutualSupervision // 厂房和监舍互监组页面文件夹 | | │ │ ├── hujianGroup // 厂房互监组 | | │ │ └── prisonManagement // 监舍互监组 | │ │ ├── outRegister // 新增带出登记弹框文件夹 | │ │ ├── plantPrisonGroup // 厂房互监组页面文件夹 | │ │ ├── processing // 报警管理页面文件夹 | │ │ ├── supervisionTeam // 监舍互监组页面文件夹 | │ │ └── teamTransfer // 队别调动页面文件夹 │ │ ├── system // 系统管理模块文件夹 | │ │ ├── departmentManage // 部门管理页面文件夹 | │ │ ├── gangWei // 岗位管理页面文件夹 | │ │ ├── menuManage // 菜单管理页面文件夹 | │ │ ├── roleManage // 角色管理页面文件夹 | │ │ ├── rollCallSetting // 点名设置页面文件夹 | │ │ ├── systemSettings // 系统设置页面文件夹 | │ │ └── userManage // 用户管理页面文件夹 │ │ ├── Workbench // 工作台模块文件夹 | │ │ ├── workbenchModular // 工作台各模块文件夹 | │ │ └── index.vue // 入口文件 │ │ ├── 404.vue // 404页面 │ │ └── navigation.vue // 监督管理 系统管理 运维管理等类型的二级导航页 │ ├── router // 路由文件夹 │ │ ├── common.js // 公共路由存放（写死的 比如404 有头部嵌套的路由） │ │ ├── index.js // 路由入口文件 │ │ ├── page.js // 登录类型页存放（没头部嵌套的路由） │ │ └── router.js // 动态路由封装方法js文件 │ ├── utils // 依赖文件夹 │ │ ├── category.js // 写死的字典存放文件 │ │ ├── eimmp.js // 与窗体端交互的封装类 │ │ ├── filters.js // 以前遗留的公共封装 │ │ ├── MyWebSocket.js // webSocket封装类 │ │ ├── regularExpression.js // 正则表达式存放文件 │ │ ├── swfobject.js // webSocket兼容文件 │ │ ├── utils.js // 以前遗留的公共封装 │ │ └── web_socket.js // webSocket兼容文件 │ ├── vuex // vuex文件夹 │ │ ├── action // action文件夹 │ │ ├── getter.js // getter │ │ ├── mutation.js // mutation │ │ ├── state.js // VueX变量存放处 │ │ └── store.js // 入口文件 │ ├── APP.vue // vue入口文件 │ └── main.js // vue入口js ├── Readme.md // help ├── package.json // 项目依赖 └── vue.config.js // 开发和生产环境环境配置文件

目录结构描述 end