ooxx_uidemo v0.1.0

最后编辑日期 2020.12.03

2020.12.03

• 前端SelectChooseTable、SimpleChooseTable、SearchForm新增一个tagsSearchKey:string[]属性，允许按照多个tag参数在字段内执行and的模糊搜索
• CommSelect组件request属性中增加bindDesc:string[]可以在不影响value与text值的情况下额外显示一组描述

2020.06.18

• 新增 PromiseText 用于列表或其他数据循环输出展示时，异步展示所需dom

2020.06.09

• 新增 CommJsonInput js_object对象编辑器

2020.06.08

• 废弃 FileUpLoad、PictureUpload、PictureWall 三个上传类组件
• 新增 CommUpload 包括了（FileUpLoad、PictureUpload、PictureWall）内容
• 修复 ChooseOrg 组织选择，现在可以正常使用

2020.04.22

• getModelMeta 和 getSelectOption 加入缓存，不刷新页面的情况下默认优先使用之前请求出的结果
• 新增 VersionDataContrast 数据比对组件，用法参照组件说明

2020.04.20

• 新增 getRowSpan table行单元格合并
• 新增 Debounce 当频繁触发只需最后一次正确响应时使用
• 新增 Throttle 当只需第一次正确响应，后面一段时间内不再响应时使用

2020.04.16

• 增加 window.CheckFunctionCode 权限码校验

2020.04.15

• 增加SelectChooseTable（在原有的SimpleChooseTable外部封装了select选择器），通用列表选择组件(可单、多选)，通过onChange传回选择的值

2020.03.27

• /demo/simpleDemo 更新代码示例
• • 增加SearchForm模糊查询条件设置
• • 优化CommTable自定义操作列设置operationColBtn（废弃旧的兼容），改用operationCol代替

2020.03.25

• 增加SimpleChooseTable，通用列表选择组件(可单、多选)，通过onChange传回选择的值
• 增加AssociateTable，通用从表显示表格,内嵌了SimpleChooseTable，可以完成主从表对应关系建立与修改

2020.02.19

• 增加CommImg，通用图片组件(不要在该组件上使用行内样式)，增强图片加载客户感官（内涵加载中过度效果和图片加载失败效果）

2020.01.19

• 增加CommTreeSelect，替代antd 4.0的，antd4.0的目前存在bug

2020.01.15

• 增加 ChooseIcon 通用选择Icon的组件，通过CommIcon组件渲染

2020.01.11

• 增加 rc-tween-one 基于Ant Motion 的动效js库

2020.01.07

• 增加 bignumber.js 专门用于前端js数值类运算（避免js计算后出现数值误差）
• 增加 bizcharts 基于Ant V 的react版本图表库

教程

• react https://zh-hans.reactjs.org/docs/hooks-rules.html
• dva https://dvajs.com/guide/
• umi https://umijs.org/zh/guide/
• antd4.0 https://ant.design/components/button-cn/

推荐安装的vscode插件

• SVN vscode 版本的svn插件，需要完整安装TortoiseSVN，否则会找不到svn.exe
• Chinese 官方中文汉化
• ES7 React/Redux/React-Native/JS snippets react代码块生成
• Import Cost 引入包体积显示
• Rainbow Brackets 括号配对着色
• indent-rainbow 代码缩进位置着色
• Color Picker 颜色选择器，css直接显示当前颜色
• Image preview 图片实时预览
• Highlight Matching Tag 高亮并突出对应代码块
• CSS Peek 代码内联样式文件，支持css上按住ctrl跳转到css
• Version Lens 文件中package.json每个软件包的最新版本

强制修改nodejs的js运行内存

• 打开系统cmd 关闭所有代码ide 执行 Windoiws: setx NODE_OPTIONS --max_old_space_size=8192 MacOS: export NODE_OPTIONS="--max-old-space-size=8192"

1秒删除node_modules

• npm install rimraf -g
• 使用时在对应项目根目录执行 rimraf node_modules

指定淘宝源地址 cnpm

• npm install -g cnpm --registry=https://registry.npm.taobao.org

安装yarn的国内地址 tyarn

• npm i yarn tyarn -g

项目首次下载后运行

• cnpm i

项目开发与调试运行

• yarn start => 前端开发环境运行
• yarn start:me => 本地（后端）开发环境运行
• yarn start:test => 测试环境运行
• yarn start:online => 正式(线上)环境运行

项目部署编译

• yarn build => 前端环境编译
• yarn build:me => 本地（后端）环境编译
• yarn build:test => 测试环境编译
• yarn build:online => 正式(线上)环境编译

项目SVN禁止迁入的文件及文件夹

• /dist 项目打包编译后的文件夹
• /node_modules 项目运行插件包
• /config/config.me.ts 个人开发配置文件
• /src/pages/.umi umi本地运行开发环境

目录结构，固定且不可更改

• /config/config.me.ts 为本地开发环境，不要通过svn上传
• /src/layouts/index.tsx 为项目入口模板，无需权限校验放行的页面通过unCheckedPages加值
• /src/locales 为国际化配置文件
• /src/models 为dva（redux）store存储配置文件
• /src/pages 为各功能实际开发目录，每个功能多应建立对应文件夹和index.tsx文件
• /src/components 为公用组件库
• /src/services 为接口请求定义文件，按照对应表明建立对应service，在models中调用
• /src/utils 为公用js库

全局固定变量,无法通过代码改写，灵活的双向绑定的全局变量只能通过dva(redux)实现

• /config/ 各配置文件内define节点下自行添加'process.env.变量': '变量值'，调用时{process.env.变量}即可

项目现有的公用组件 对应 demo 看组件菜单

• AdvancedForm 通用侧边栏搜索框，可自定义高级查询项（默认取数据库）
• BaseCommTable 通用表格伸缩列，继承自antd table
• Cascader 通用单接口无限层级级联选择器组件
• ChooseIcon 通用选Icon, 将值放入CommIcon的type中使用
• ChooseOrg 通用选组织，可多选或单选，可只选择权限内
• ChooseUser 通用选人员，可多选或单选，可只选择权限内
• CommDrawer 通用抽屉，在antd基础上多一组页脚按钮以及自适应高度滚动条，继承自antd drawer
• CommIcon 通用ICON组件，图片预览地址待自有CDN假设后公布
• CommSelect 通用下拉框，扩展为可读取数据字典、表、自定义数据，其他属性与官方相同，继承自antd select
• CommTable 通用表格展示数据，继承自BaseCommTable
• CommTreeSelect 通用TreeSelect，替代antd 4.0的，antd4.0的目前存在bug
• FileUpload 通用文件上传组件
• Gantt 甘特图组件
• GroupTable 表格分组（包含分组小计及整体合计），暂只支持单页简单性质的分组表格
• PageLayout tab中页面模板
• PermissionDom 需要权限才可见的组件
• PictureUpload 通用单一图片上传组件
• PictureWall 通用图片墙组件（多图片上传展示）
• SearchForm 通用表格头部搜索组件，可自定义高级查询项（默认取数据库）
• RichTextEditor 富文本编辑器
• CommImg 通用图片组件(不要在该组件上使用行内样式)
• SimpleChooseTable，通用列表选择组件(可单、多选)，通过onChange传回选择的值
• AssociateTable，通用从表显示表格,内嵌了SimpleChooseTable，可以完成主从表对应关系建立与修改
• SelectChooseTable，（在原有的SimpleChooseTable外部封装了select选择器），通用列表选择组件(可单、多选)，通过onChange传回选择的值
• 新增 VersionDataContrast 数据比对组件，用法参照组件说明

公用帮助类及方法

• /src/utils/authority getAuthority 获取当前登录用户的基本信息（登录接口返回后缓存）

• /src/utils/help

  • getGUID 获取一个新的不含-的GUID
  • ConvertToRealFormData 将antd form中取出的json格式化为接口所需的json串（可针对需特殊处理字段进行自定义）
  • ConvertToRealColumns 将请求的列头数据转为antd table所需的列头
  • ConvertToNormTreeData 将list转为标准TreeSelect数据格式
  • ConvertToTreeData 将list转为table的tree数据格式
  • Dictionary Dictionary操作类，可用于页面缓存
  • getRowSpan table行单元格合并
  • Debounce 当频繁触发只需最后一次正确响应时使用
  • Throttle 当只需第一次正确响应，后面一段时间内不再响应时使用

• /src/utils/ExcelExport/excelUtil

  • initData 将表格数据object,object转换成string,string,string的格式（支持把带children字段的树状结构转成列表）
  • getPostition 根据数字获取excel的列头（1=A，2=B这样的）
  • ExportExcelTable 表格数据转excel文件生成，支持样式
  • DownLoadExcel 下载excel (表格生成后需要调用这个方法下载)
  • CreateExcel 生成一个excel空文件
  • CreateSheet 生成一个excel表单
  • GetSheet 获得表单
  • AddOrEditRow 填充一行数据
  • GetRowValue 获取一行数据
  • GetColValue 获取一列的参数
  • GetCellValue 获取某个单元格的数据
  • SetCellValue 给单元格赋值
  • MergeCells 合并单元格
  • SetCellStyle 设置单元格样式
  • SetHeader 设置表头

• window.CheckFunctionCode 权限码校验

通用查询service

• commonService 包含getlistmetadata、getpagemetadata、savemodelmetadata、modifymodelmetadata、savemultipmodelmetadata