说明

hawthorn-web-vue hawthorn 前端工程（vue）历史版本记录
作者: [email protected] & [email protected]
demo地址：http://211.149.174.199:8888/vpapi/

前序

1. 安装全局nodejs 请使用v12.16.0及以上版本，建议使用nvm管理 nodejs 多个版本
2. 建议使用yarn管理 npm 依赖
3. 前端开发 ide 建议使用vscode:latest, 必要的插件列表:
   • Vetur : 支持.vue、.ts、.sass 文件的语法高亮显示以及代码补全提示
   • EditorConfig : 代码格式化工具，无 lint 检查代码语法能力
   • Prettier : 代码格式化工具，无 lint 检查代码语法能力
   • Eslint : 校验脚本语言语法工具
   • Stylelint : 校验css语法工具

版本 - last >= 3

v2.9.0 : 2024.08.14

HtTable组件操作列按钮，增加自定义icon功能

v2.8.9 : 2024.08.13

按钮增加icon

v2.8.8 : 2024.06.25

HtTable组件action列按钮带confirm，解决disabled无法失效问题

v2.8.7 : 2024.06.11

HtTable组件增加操作列按钮实现disabled，解决隐藏按钮问题,用法：按钮名称|d HtButton按钮重置增加回调方法,用法：增加cb参数,cb为函数 日期组件增加change函数，点击后回调 HtDrawer组件增加按钮icon 解决列表筛选功能有滚动条情况下错位问题

v2.8.6 : 2024.05.24

解决ht.validate.js中，vin码校验显示英文问题
优化行编辑保存校验逻辑
按钮增加icon

v2.8.4 : 2024.01.03

HtTheme组件将主题选择配置到store中 HtTable组件解决fix列表头，drag column宽度行高显示不正确问题

v2.8.3 : 2023.10.25

HtSelect行编辑下，dicRemote增加editRow参数 HtTable行编辑下，增加focus参数 HtForm组件解决字典编辑下tooltip显示不正确问题
解决日期组件，选择今日等pickOption后，结束日期/开始日期校验不正确问题
解决列表操作列靠右后，表头筛选错位问题
导入/导出按钮增加自定义名称 解决编辑页字典悬浮提示显示code问题

v2.8.2 : 2023.10.11

HtButton组件增加confirm全局弹出方式
HtDialog组件增加icon图标是否显示参数
HtTable组件按钮增加confirm全局弹出方式
解决isMoney输入多个,无法校验问题

v2.8.0 : 2023.09.26

解决行编辑单选字典无法校验必填项问题
校验组件英文显示中文‘请输入’问题 confirm提示框英文显示中文汉字问题

v2.7.9 : 2023.09.22

解决多个form表单校验返回值不正确问题
解决列表校验多语言显示问题
列表导入按钮英文显示不正确问题

v2.7.8 : 2023.09.20

HtTableBar组件调整导入/导出按钮显示顺序
解决字典英文翻译无法显示问题
解决查询条件带有日期的默认值的，重置后无法清空问题
优化输入框hint提示，没有内容则不提示

v2.7.4 : 2023.09.18

实现多个form的表单校验方法this.$crud.checkForms
vue打包有时出现icon乱码问题
分栏标题不可更改问题解决
删除按钮提示显示多}问题
默认日期点击日期后，颜色覆盖问题
状态/可用颜色变为灰色

v2.7.2 : 2023.09.04

升级nodejs版本为15

v2.6.9 : 2023.08.11

组件多语言优化

v2.6.8 : 2023.07.15

增加i18n多语言

v2.6.6 : 2023.05.12

HtTable组件字典增加tooltip
HtForm组件字典增加tooltip

v2.6.5 : 2023.05.10

HtTable组件合计列增加精度参数，可以指定2位或多位小数

v2.6.4 : 2023.05.05

HtTable组件action列带有confirm优化，避免重复点击多次

v2.6.3 : 2023.05.01

增加查询条件展开/收起按钮的判断逻辑

v2.6.2 : 2023.05.01

解决登录后alert错误信息依然显示的问题 实现切换tab页去掉alert右侧错误信息

v2.6.1 : 2023.04.29

实现横向tab页切换缓存
新增daterange2属性默认值回显

v2.6.0 : 2023.04.29

表选字典reload默认改为true
表选字典去掉缓存优化，每次都重新执行查询
解决横向tab页关闭后无法删除缓存问题

v2.5.6 : 2023.04.21

列表的button增加表格loading处理

v2.5.4 : 2023.04.18

优化button按钮的权限验证

v2.5.3 : 2023.04.14

升级crud增删改查组件方法

v2.5.2 : 2023.04.10

HtTable组件新增多级表头

v2.5.1 : 2023.04.09

解决HtButton的confirm校验问题

v2.5.0 : 2023.04.07

HtForm组件增加HtInputNumber组件的step属性

v2.4.8 : 2023.04.06

解决按钮button的confirm框快速点击响应2次问题
上传附件组件优化

v2.4.5 : 2023.03.04

按钮button icon优化
上传组件优化
优化更新form表单字段逻辑

v2.4.3 : 2023.02.22

优化横向弹出tab页功能中，带有选项卡列表高度计算
新增富文本组件
解决HtSelect表选单选无法回显问题
icon库更新

v2.4.2 : 2023.02.18

HtTable表头字典列筛选，增加filtercode过滤
将请选择的placeholder更改为全部
HtTableBar组件按钮样式icon优化

v2.4.0 : 2023.02.15

HtTable组件增加columnFilter属性，默认值为true，可配置是否带筛选
HtForm组件增加输入域tabIndex的tab键切换
屏蔽新增或编辑的横向tab页的右键功能

v2.3.9 : 2023.02.12

HtDialog组件优化按钮图标
HtTable组件优化操作按钮图标
HtForm组件去掉必填项字段的红色字体
ht.crud组件的save/update方法增加check参数（最后一个参数），当check为false时，不做输入域的校验
解决横向tab页方式编辑框，快捷键Ctrl + S不好使问题
解决横向tab页切换tab无法缓存问题

运行

使用 yarn 或 npm 命令

# 安装依赖
$ yarn install 或 npm install

# 启动开发服务
$ yarn dev 或 npm run dev

# 启动构建生产服务
$ yarn build 或 npm run build

# 本地预览打包后dist目录应用：
$ npm install serve -g 
$ serve -s ./dist

模块

-

依赖

推荐使用 vue ui GUI 添加

• husky git hook 依赖 npm install husky --save-dev
• lint-staged 关联 git 操作依赖 npm install lint-staged --save-dev
• eslint
• @vue/babel-plugin-transform-vue-jsx babel.config.js 中配置的 jsx 转换依赖
• babel-plugin-transform-remove-console babel移除console语句插件
• sass、sass-loader sass、scss解析器
• script-ext-html-webpack-plugin html内嵌脚本插件
• vuex npm install vuex@3 --save vuex@3对应vue@2版本
• vue-router: npm install vue-router@3 --save vue-router@3对应vue@2版本
• js-cookie: js处理cookie组件
• svg-sprite-loader: svg雪碧图loader
• nprogress: 网页顶部进度条插件
• qs: qs.stringify处理json串为url参数格式

目录

常见问题

• 安装yarn

  使用npm安装：$ npm install -g yarn
  查看版本：$ yarn --version

• 全局安装eslint

  使用npm安装：$ npm install -g eslint babel-eslint
  注意： 如果使用nvm管理不同的nodejs版本，需要在当前使用版本上执行命令

• 配置镜像加速

  配置淘宝的镜像源： $ npm config set registry https://registry.npm.taobao.org
  还原npm镜像：$ npm config set registry https://registry.npmjs.org/
  清除缓存：$ npm cache clean --force

• linux 系统在安装依赖的时候会出现 node-sass 无法安装的问题

  1. 单独安装：$ npm install --unsafe-perm node-sass 
  2. 直接使用：$ npm install --unsafe-perm

• 切换nodejs版本

  使用nvm命令： nvm alias default 版本号 注意切换完后，重启vscode

• 运行打包后的dist

  全局安装serve命令： npm install -g serve 运行：serve -s dist

主页

• 欢迎访问个人 github-xukaixing 主页.
• 欢迎访问个人 gitee-xukaixing 主页.