一站式获取开发 nr.os 所需的所有工具

一站式获取开发 nr.os 所需的所有工具

## Project setup ``` npm install ```

## Project setup ``` npm install ```

## Project setup ``` npm install ```

@ynwm的图标库

- [目录](#%e7%9b%ae%e5%bd%95) - [安装 🛠](#%e5%ae%89%e8%a3%85-%f0%9f%9b%a0) - [事件处理器](#%e4%ba%8b%e4%bb%b6%e5%a4%84%e7%90%86%e5%99%a8) - [window.osConfig 配置项](#windowosconfig-%e9%85%8d%e7%bd%ae%e9%a1%b9) - [更新说明](#%e6%9b%b4%e6%96%b0%e8%af%b4%e6%98%8e) - [API 📄](#api-%f0%9f%93%84) - [Emit](#emit) - [On](#on) - [URL跳转](#url%e8%b7%b3%e8%bd%ac)

``` <template> <Dataentry></Dataentry> </template> <script> import dataentry from "dataentry";

这是一个用于资产操作的组件库。该库包含了多个 Vue 组件，所有组件都以独立的 JavaScript 文件形式打包，并支持按需引入。项目还包括了一个单据设计器动作注册器 (`emcon`) 和一个入口文件 (`index.js`) 用于注册组件。

租控图

租控图

租控图

这是一个用于资产操作的组件库。该库包含了多个 Vue 组件，所有组件都以独立的 JavaScript 文件形式打包，并支持按需引入。项目还包括了一个单据设计器动作注册器 (`emcon`) 和一个入口文件 (`index.js`) 用于注册组件。

蜂办资产运营前端组件库

租控图

租控图

蜂办的图标库

租控图

租控图

租控图

## 项目概述

租控图

租控图

这是一个用于资产操作的组件库。该库包含了多个 Vue 组件，所有组件都以独立的 JavaScript 文件形式打包，并支持按需引入。项目还包括了一个单据设计器动作注册器 (`emcon`) 和一个入口文件 (`index.js`) 用于注册组件。

home-content

home-content

home-design

## Project setup ``` npm install ```

## Project setup ``` npm install ```

数据录入批复业务

* 选项后端注册为自定义选项后，前端界面动态加载该界面

<!-- * @Description: In User Settings Edit * @Author: your name * @Date: 2019-09-04 11:28:41 * @LastEditTime: 2019-09-11 18:10:21 * @LastEditors: Please set LastEditors -->

> 每种资源都支持可扩展处理业务逻辑界面，当选择的是扩展资源的时候，授权组件会根据当前资源的注册信息，收集扩展的界面在授权组件中显示出来。以达到可以自定义处理授权业务逻辑的目的。

## Project setup ``` npm install ```

用于展示审核结果信息独立功能App

## Project setup ``` npm install ```

## Project setup ``` npm install ```

批量导入

## Project setup ``` npm install ```

> 批量审核

## Project setup ``` npm install ```

[](http://10.2.38.40/np/portal-application-template/commits/master)

[](http://10.2.38.40/np/portal-application-template/commits/master)

Custom analysis table

自定义录入

[](http://10.2.38.40/np/portal-application-template/commits/master)

``` <template> <Dataentry></Dataentry> </template> <script> import dataentry from "dataentry";

数据录入综合审核

开发流程 ======== 1. 安装最新版本的nodejs（直接官方下载对应的安装版本就可以了） 2. 创建工程目录（你自己的工作目录） 3. 复制模板工程（将模板工程内的文件全都拷贝到你的工作目录下） 4. npm安装依赖 （在你的工作目录下使用npm命令npm install，如果提示没有npm命令：1、查看nodejs是否成功安装；2、如果是免安装版需要配置环境变量；） 5. 打包测试index页面是否能正常显示 （npm run webpack / npm run server，使用第一个命令打包之后会查看index.html页面就可以看到效果，或者使用第二个命令开启服务器会自动打包） 6. 在src中编写代码 7. webpack执行打包或者启动服务 （使用npm命令开启一个nodejs服务器npm run server，这个服务器会自动监视你的代码文件的改动，自动进行代码的打包并发布到服务器，你在页面直接就可以看到页面效果） 8. 查看页面

[](http://10.2.38.40/np/portal-application-template/commits/master)

## Project setup ``` npm install ```

[](http://10.2.38.40/np/portal-application-template/commits/master)

@nr/jtable@1.0.102

户数核对

单位树组件

主体单位树组件

<!-- * @Description: In User Settings Edit * @Author: * @Date: 2019-09-02 20:13:52 * @LastEditTime: 2019-09-02 21:27:55 * @LastEditors: Please set LastEditors --> # loginManager > 枚举字典检查

## Project setup ``` npm install ```

<!-- * @Description: In User Settings Edit * @Author: your name * @Date: 2019-10-08 10:52:59 * @LastEditTime: 2019-10-08 15:34:49 * @LastEditors: Please set LastEditors --> # 报表复制

## Project setup ``` npm install ```

> <strong style="color:green"> FormulaApp </Strong>

公式编辑器

公式穿透图谱

[](http://10.2.38.40/np/portal-application-template/commits/master)

@nr i18n for nr.os

卡片首页组件

@nr的图标库

搜索框组件

树组件

树组件

运行期的表格组件

A module for managing nr message

A module for publishing nr message

移动端上报纵览

移动端问卷

## 依赖环境 - nodejs 10+ - Vue2 最新版本 - j-grid 最新版本

首页新闻块

## Project setup ``` npm install ```

上报纵览组件

上报纵览首页组件

[](http://10.2.38.40/np/portal-application-template/commits/master)

[](http://10.2.38.40/np/portal-application-template/commits/master)

## 高级设置界面配置

nr print designer.

<!-- * @Description: In User Settings Edit * @Author: your name * @Date: 2019-09-04 11:28:41 * @LastEditTime: 2019-09-11 18:10:21 * @LastEditors: Please set LastEditors -->

流程监控

查询块组件

[](http://10.2.38.40/np/portal-application-template/commits/master)

封装过录、多维、仪表盘、图表等相关功能配置。

开发流程 ======== 1. 安装最新版本的nodejs（直接官方下载对应的安装版本就可以了） 2. 创建工程目录（你自己的工作目录） 3. 复制模板工程（将模板工程内的文件全都拷贝到你的工作目录下） 4. npm安装依赖 （在你的工作目录下使用npm命令npm install，如果提示没有npm命令：1、查看nodejs是否成功安装；2、如果是免安装版需要配置环境变量；） 5. 打包测试index页面是否能正常显示 （npm run webpack / npm run server，使用第一个命令打包之后会查看index.html页面就可以看到效果，或者使用第二个命令开启服务器会自动打包） 6. 在src中编写代码 7. webpack执行打包或者启动服务 （使用npm命令开启一个nodejs服务器npm run server，这个服务器会自动监视你的代码文件的改动，自动进行代码的打包并发布到服务器，你在页面直接就可以看到页面效果） 8. 查看页面

for manage reminder

for manage reminder

角色管理相关组件

角色左选右

## Project setup ``` npm install ```

## 依赖环境 - nodejs 10+ - Vue2 最新版本 - j-grid 最新版本

下拉树

运行期的问卷

## Project setup ``` npm install ```

标记管理组件

## Project setup ``` npm install ```

组件实现目的 ======== * 新报表中有很多与模板相关的业务管理功能，这些功能的操作及页面展示风格基本相似，鉴于此，开发此组件。 * 模板管理组件仅提供必需的容器及样式，使用者可以通过配置来对容器内的内容进行定制。

Display todo and provide todo action link

单位选择器组件

* 选项后端注册为自定义选项后，前端界面动态加载该界面

?????

轻量级单位树组件

数据录入单位树组件

首页文件块

<!-- * @Description: In User Settings Edit * @Author: your name * @Date: 2019-09-04 11:28:41 * @LastEditTime: 2019-09-11 18:10:21 * @LastEditors: Please set LastEditors -->

首页-访问量统计

用户管理相关组件

用户&角色左选右 Tabs 搜索 顶部显示

<!-- * @Description: In User Settings Edit * @Author: your name * @Date: 2019-09-04 11:28:41 * @LastEditTime: 2019-09-11 18:10:21 * @LastEditors: Please set LastEditors -->

- 开发人员：任元亮(renyuanliang@jiuqi.com.cn) ## 目录结构 ``` nr.zbmanager │ README.md │ app.config.json portal配置 │ └───src │ │ zbMainPage.vue │ │ │ └───api (rest请求相关) │ │ │ restfulapi.js 封装了对前端对后台发起请求的方法 │ │ │ dowload.js 封装了前端导出文件的api方法 │ │ │ └───common (通用工具类) │ │ │ utils.js 业务无关的工具 │ │ │ └───components (组件) │ │ │ addGroupModal.vue 添加指标分组模态框 │ │ │ addZbModal.vue 添加指标模态框 │ │ │ fieldTypeAndGratherType.vue 新增或者修改指标模态框中选择指标类型和汇总类型的组件 │ │ │ updataGroupModal.vue 修改指标分组模态框 │ │ │ updateZbModal.vue 修改指标模态框 │ │ │ zbgridEditor.vue 右侧grid表格批量修改指标组件 │ │ └───baseDataTree (指标管理中关联枚举字典和主体的树形) │ │ │ │ cell-basedata-droptree.vue 指标管理中Grid单元格中关联枚举字典和主体的树形 │ │ │ │ modal-basedata-droptree.vue 新增指标和修改指标模态框中关联枚举字典和主体的树形 │ │ │ │ │ └───editorCtl (Grid单元格中的下拉框) │ │ │ │ listCtl.vue zbgradEditor.vue中使用，Grid单元格中选择指标类型和汇总类型使用 │ │ │ │ │ └───file-import (文件导入相关)注：目前没有使用，目前使用的是nr.basedata中的导入组件，样式不一样，其他都一样 │ │ │ │ zb-data-import-file.vue 文件导入组件 │ │ │ │ zbImportHandler.js 文件导入组件中混入的方法 │ │ │ │ │ └───rowFloatDom (浮动DOM) │ │ │ │ rowFloatDom.vue grid表格上枚举字典表格上的浮动节点，第6列->props中showCol为6 │ │ │ │ │ └───zbTree (指标树形) │ │ │ │ commonTree.vue 暂时废弃，没有使用,已经被zbCommonTree代替 │ │ │ │ tree.vue 指标树形组件，带一个根节点（root节点） │ │ │ │ zbCommonTree.vue 指标树形组件，带搜索框，没有根节点 │ │ │ │ │ └───grid(表格组件) │ │ │ zbGrid.vue grid组件（整个右侧表格显示区域） │ │ │ │ │ └───dataObject 指标管理操作中所用的数据 │ │ │ │ FieldGatherType.js 汇总类型数据，title以及其对应的value │ │ │ │ fieldType.js 指标类型数据，title以及其对应的value │ │ │ │ filterFiled.js 敏感文字 │ │ │ │ TitleMapValue.js fieldType和gatherType的map，提高查询效率 │ │ │ │ ZbGridJs.js grid实例的封装类，暂时没使用，效果和二的效果不一样 │ │ │ │ ZbGridModeTwo.js grid实例的封装类二 │ │ │ │ │ │ └───dataWarehouse 指标管理操作中所用的数据 │ │ │ │ zbDataWarehouse.js 指标数据仓库，重要（一些临时数据，还有请求下来的数据都在这里） │ │ │ │ │ │ └───mixins 混入js │ │ │ │ dragGrid.js 指标拖拽事件，批量填充 │ │ │ │ fieldTypeLinkDefaultValue.js 无 │ │ │ │ horiz-scroll-bar.js 下部滚动条，重写grid的滚动条 │ │ │ │ │ │ └───utils 表格上的工具 │ │ │ │ CopyPasteUtils.js 拷贝粘贴处理的js │ │ │ │ DeleteUtils.js 表格上删除操作js，按DELETE键删除的操作 │ │ │ │ ZBDataDeafultProcessor.js 指标数据默认值得处理器 │ │ │ │ │ └───mixins(混入的js) │ │ │ dragGroup.js 指标左侧树形拖拽事件处理的js │ │ │ fieldTypeLinkGrather.js 指标类型变动，汇总类型的范围取值变动 │ │ │ filedFilter.js 数据校验，混入在指标模态框中和批量编辑 │ │ │ rollingMonitoring.js 滚动条位置方法 │ │ │ operating.js 提示未保存数据模态框 │ │ │ showFormItem.js 混入到模态框中，根据用户选择的指标类型来调整哪个输入框不需要显示，并修改对应的长度和小数位，以及默认值 │ │ │ zbGridFieldtypeLinkage.js 指标类型变动，其他字段级联变动 │ │ │ │ └───static(静态文件) │ │ │ 目前只存放了一个webUpload │ │ │ │ └───store(状态管理) │ │ │ │ │ │ actions.js │ │ │ index.js │ │ │ mutations.js │ │ │ types.js 一些状态管理中常用的常量值 │ │ └─── modules │ │ │ │ zbObject.js 指标相关状态 │ │ │ │ zbTree.js 指标树相关状态 │ └───tree(混入的js) │ │ │ selectGroupTree.vue 新建指标分组和修改指标分组模态框选择根节点的树形 │ │ │ zbTree.vue 指标管理中左侧树形，使用了zbCommonTree组件 │ │ │ │ │ │ ``` ## 组件说明 ### 带搜索分组的指标树形组件 src\components\zbTree\zbCommonTree.vue - 组件参数说明

指标选择器组件

基于NROS的基础数据项权限插件

基于NROS的基础数据项规则权限插件

VA公共组件

i18n of @nvwa

@nvwa的图标库

<!-- * @Description: In User Settings Edit * @Author: your name * @Date: 2019-09-02 20:13:52 * @LastEditTime: 2019-09-02 21:27:55 * @LastEditors: Please set LastEditors --> # loginManager > 本项目可以帮助你快速搭建一个个性化的登录页，你可以根据自己的喜好设计pc端和手机端的登录页面。

登录页预览1.1.7_图片大小可调整

BI服务配置前端项目。

BI数据集管理 0.0.7 样式调整 0.0.5 图标库升级 0.0.4 sql数据集页面加载不全，内容定位方式修改为relative ## 初始化

nvwa-bi-dataset-param-app

BI数据集插件——SQL数据集。

机构项权限

机构规则权限

系统选型前端APP。

A demo iframe app