diff --git a/CHANGELOG.md b/CHANGELOG.md index c78c1b8..e3e1295 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,51 @@ ### 🌟 新功能 范围|描述|commitId --|--|-- + calendar, tall.js | 上下滑动切换日历的模式,tall.js中domain根据环境变量切换 | 364e25d + - | db store | 6414c4f + default plugin | 添加默认插件;项目列表;全局项目最大高度设置 | ed1d87b + - | indexedDB | 687394e + pinch | alloy finger实现图片的pinch放大缩小 | de01343 + plugin | 插件添加了token及param参数 | aeb0292 + - | post 封装 | da52e94 + - | tall插件封装 | 1bcb920 + task status | 任务状态切换未完 | 7ffd135 + - | ws storage | 21b3a06 + - | 上传逻辑变化 | 3ff1dc2 + - | 任务状态时间显示 | 56f5183 + - | 任务进行中状态数字 | 27b7326 + - | 全局插件及默认插件位置修改 | 6c80d08 + - | 向右箭头图标变化 | 8e9ca55 + - | 字体大小更改 | 82cfdd4 + - | 存token | b8a178d + - | 定期任务面板骨架屏添加 | b2698c0 + 富文本插件 | 富文本插件demo测试 | ed3d644 + - | 导入wbs | 1224fcb + - | 导入项目,更新项目 | 5e06adf + - | 导入项目后提示并打开项目详情页 | 410f527 + - | 引入dayjs | 29b8b93 + - | 提交到本地 | 9cbe411 + - | 插件参数处理调整 | a3e68d3 + - | 插件数据获取 | 5b91bdc + - | 日历定位;合并 | ea3f937 + - | 日常任务插件调整 | c1881f9 + - | 时间基准线，默认插件 | a33ba1e + - | 时间轴修改状态时提示框增加 | e841392 + - | 时间轴界面 | 33927e9 + - | 标题栏变化 | 3898cfe + - | 标题栏变化 | c0fcd9d + - | 标题栏角色栏全局任务组件新建 | 0500cb4 + - | 模拟接口测试 | 69e7931 + - | 添加时间轴上下滚动 | 2b81bbc + - | 点击日历日期查询项目列表 | c458385 + - | 角色栏实现 | 94cd671 + - | 设置小红点 | 9316bcb + - | 距调整pc端 | 5069aa1 + - | 配置默认插件接口 | f0c177d + - | 面变化首页变化 | 5e860f1 + - | 项目api url设置 | 6cd5245 + - | 项目列表, 项目url | 32e005b + - | 首页项目样式改变 | 8514c85 calendar, tall.js | 上下滑动切换日历的模式,tall.js中domain根据环境变量切换 | [364e25d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/364e25d) - | db store | [6414c4f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/6414c4f) default plugin | 添加默认插件;项目列表;全局项目最大高度设置 | [ed1d87b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ed1d87b) @@ -51,129 +96,127 @@ ### 🎨 代码样式 范围|描述|commitId --|--|-- - - | calendar注释 | [a2ec112](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a2ec112) - - | 代码格式细节调整 | [cb2532b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/cb2532b) - - | 任务快捷方式图标增加 | [4aba872](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4aba872) - - | 修改角色样式 | [73e268e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/73e268e) - - | 删除calendar中多余的console | [e339eec](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e339eec) - - | 删除console.log | [5064a38](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5064a38) - - | 删除index中没用的alert代码 | [9c9eec7](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/9c9eec7) - - | 删除mock,console;upload添加loading | [99d42e2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/99d42e2) - - | 删除多余字段 | [5ae3973](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5ae3973) - - | 删除插件携带的多余文件 | [0f392bb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0f392bb) - - | 删除没用代码 | [34b20e1](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/34b20e1) - - | 图标修改 | [54bca09](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/54bca09) - - | 无基本变化 | [21ac4bb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/21ac4bb) - - | 日常任务修改 | [dfa7ee2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/dfa7ee2) - - | 更新代码 | [8c27e68](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/8c27e68) - - | 更新代码 | [1f40a76](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/1f40a76) - - | 格式细节调整 | [b907a03](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b907a03) - - | 添加插件数据 | [2f11b42](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/2f11b42) - - | 组件新建 | [89c0035](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/89c0035) + - | calendar注释 | a2ec112 + - | 代码格式细节调整 | cb2532b + - | 任务快捷方式图标增加 | 4aba872 + - | 修改角色样式 | 73e268e + - | 删除calendar中多余的console | e339eec + - | 删除console.log | 5064a38 + - | 删除index中没用的alert代码 | 9c9eec7 + - | 删除mock,console;upload添加loading | 99d42e2 + - | 删除多余字段 | 5ae3973 + - | 删除插件携带的多余文件 | 0f392bb + - | 删除没用代码 | 34b20e1 + - | 图标修改 | 54bca09 + - | 无基本变化 | 21ac4bb + - | 日常任务修改 | dfa7ee2 + - | 更新代码 | 8c27e68 + - | 更新代码 | 1f40a76 + - | 格式细节调整 | b907a03 + - | 添加插件数据 | 2f11b42 + - | 组件新建 | 89c0035 ### 🐛 Bug 修复 范围|描述|commitId --|--|-- - ID1000343 | 解决向下预加载查询参数时间没+1颗粒度;以及滚动加载颗粒度写死的问题 | [940603a](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/940603a), closes [#ID1000343](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/issues/ID1000343) - plugin | 插件解析机制完善 | [0f5a27d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0f5a27d) - project title | 项目标题修改; 切换角色移除script | [5c20017](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5c20017) - roles | 修复默认显示不是我的角色的问题 | [b69f94f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b69f94f) - role | 切换角色的逻辑修正完善 | [4ae534f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4ae534f) - task任务逻辑完善 | 减少初始global及regular的不必要请求 | [bd4bd38](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/bd4bd38) - - | 上下滑动加载定期任务 | [4090d89](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4090d89) - - | 上下滚动时间轴 | [d533a01](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/d533a01) - - | 下拉加载定期任务传参，时间格式化修改 | [0b95a0e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0b95a0e) - - | 任务开始时间延迟插件 | [992a313](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/992a313) - - | 修改main | [749ae9a](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/749ae9a) - - | 修改小红点传参 | [87b20fd](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/87b20fd) - - | 修改报错 | [531c14d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/531c14d) - - | 修改接口路径 | [df6acf2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/df6acf2) - - | 修改角色栏组件 | [a54c601](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a54c601) - - | 切换日历时查询小红点 | [7091789](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7091789) - - | 定期任务接口 | [aa4981c](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/aa4981c) - - | 定期任务插件 | [92b3254](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/92b3254) - - | 定期任务未加载时,显示空的时间轴并能上下滑动 | [ce38093](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ce38093) - - | 平车演示临时去掉项目快捷方式的toast提示 | [e0b2c23](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e0b2c23) - - | 手动展开日常任务 | [0a4a622](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0a4a622) - - | 提示信息显示bug及日常任务收缩问题 | [f2f06c5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/f2f06c5) - - | 插件bug解决 | [41257eb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/41257eb) - - | 日常任务html数据查验 | [880ce5c](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/880ce5c) - - | 日常任务插件遍历时的key值修改 | [cd26285](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/cd26285) - - | 日常任务插件面板高度修改 | [249f9e4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/249f9e4) - - | 时间轴上下滑动 | [4d0ae46](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4d0ae46) - - | 时间轴上下滚动数据加载bug修改 | [e82ede4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e82ede4) - - | 时间轴插件 | [225d3cc](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/225d3cc) - - | 时间轴骨架屏修改 | [ca78d02](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ca78d02) - - | 角色栏修改 | [19228d6](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/19228d6) - - | 解决时间轴报错 | [da1eece](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/da1eece) - - | 骨架屏替换 | [e9fdd71](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e9fdd71) + ID1000343 | 解决向下预加载查询参数时间没+1颗粒度;以及滚动加载颗粒度写死的问题 | 940603a, closes #ID1000343 + plugin | 插件解析机制完善 | 0f5a27d + project title | 项目标题修改; 切换角色移除script | 5c20017 + roles | 修复默认显示不是我的角色的问题 | b69f94f + role | 切换角色的逻辑修正完善 | 4ae534f + task任务逻辑完善 | 减少初始global及regular的不必要请求 | bd4bd38 + - | 上下滑动加载定期任务 | 4090d89 + - | 上下滚动时间轴 | d533a01 + - | 下拉加载定期任务传参，时间格式化修改 | 0b95a0e + - | 任务开始时间延迟插件 | 992a313 + - | 修改main | 749ae9a + - | 修改报错 | 531c14d + - | 修改接口路径 | df6acf2 + - | 修改角色栏组件 | a54c601 + - | 切换日历时查询小红点 | 7091789 + - | 定期任务接口 | aa4981c + - | 定期任务插件 | 92b3254 + - | 定期任务未加载时,显示空的时间轴并能上下滑动 | ce38093 + - | 平车演示临时去掉项目快捷方式的toast提示 | e0b2c23 + - | 手动展开日常任务 | 0a4a622 + - | 提示信息显示bug及日常任务收缩问题 | f2f06c5 + - | 插件bug解决 | 41257eb + - | 日常任务html数据查验 | 880ce5c + - | 日常任务插件遍历时的key值修改 | cd26285 + - | 日常任务插件面板高度修改 | 249f9e4 + - | 时间轴上下滑动 | 4d0ae46 + - | 时间轴上下滚动数据加载bug修改 | e82ede4 + - | 时间轴插件 | 225d3cc + - | 时间轴骨架屏修改 | ca78d02 + - | 角色栏修改 | 19228d6 + - | 解决时间轴报错 | da1eece + - | 骨架屏替换 | e9fdd71 ### 📝 文档 范围|描述|commitId --|--|-- - - | README.md | [ab0eb05](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ab0eb05) + - | README.md | ab0eb05 ### 🔧 测试 范围|描述|commitId --|--|-- - - | 禁用任务开始操作 | [b5425db](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b5425db) + - | 禁用任务开始操作 | b5425db ### 🔨 代码重构 范围|描述|commitId --|--|-- - calendar | 日历细节调整 | [1a8d6bf](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/1a8d6bf) - - | project 代码健壮性完善 | [a3202c5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a3202c5) - store/home | 删除store/home | [db8a3b4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/db8a3b4) - task beginTime | 格式化任务开始时间 | [fbc0301](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/fbc0301) - template | eslint prettier sass uview tailwindcss | [9c966a1](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/9c966a1) - tips | 修改任务状态方法重构 | [b57d3ac](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b57d3ac) - tip | 任务状态显示及tip组件数据的重构 | [78a5750](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/78a5750) - - | 下滑时间轴添加备注 | [4fd20e3](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4fd20e3) - - | 任务状态重构 | [4693655](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4693655) - - | 删除多余的weekmode store里的东西 | [0841fe0](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0841fe0) - - | 删除多余的技术验证界面 | [542ae5b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/542ae5b) - - | 界面样式调整 | [4367249](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4367249) - - | 重构store分层 | [5f6fff8](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5f6fff8) + calendar | 日历细节调整 | 1a8d6bf + - | project 代码健壮性完善 | a3202c5 + store/home | 删除store/home | db8a3b4 + task beginTime | 格式化任务开始时间 | fbc0301 + template | eslint prettier sass uview tailwindcss | 9c966a1 + tips | 修改任务状态方法重构 | b57d3ac + tip | 任务状态显示及tip组件数据的重构 | 78a5750 + - | 下滑时间轴添加备注 | 4fd20e3 + - | 任务状态重构 | 4693655 + - | 删除多余的weekmode store里的东西 | 0841fe0 + - | 删除多余的技术验证界面 | 542ae5b + - | 界面样式调整 | 4367249 + - | 重构store分层 | 5f6fff8 ### 🚀 性能优化 范围|描述|commitId --|--|-- - - | 修改定期任务骨架屏高度 | [909a734](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/909a734) - - | 插件查询及展示 | [4dba770](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4dba770) - - | 日历的更改 | [7353ac8](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7353ac8) - - | 测试接口 | [215e074](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/215e074) - - | 组件文件夹新建 | [22bfe7b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/22bfe7b) - - | 组件文件夹新建 | [17bb8c9](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/17bb8c9) - - | 组件文件夹新建 | [1421504](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/1421504) - - | 角色栏文字颜色修改 | [215c6b3](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/215c6b3) - - | 解决警告 | [c932b09](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c932b09) + - | 修改定期任务骨架屏高度 | 909a734 + - | 插件查询及展示 | 4dba770 + - | 日历的更改 | 7353ac8 + - | 测试接口 | 215e074 + - | 组件文件夹新建 | 22bfe7b + - | 组件文件夹新建 | 17bb8c9 + - | 组件文件夹新建 | 1421504 + - | 角色栏文字颜色修改 | 215c6b3 + - | 解决警告 | c932b09 ### chore 范围|描述|commitId --|--|-- - - | api 封装 | [8dcb8a2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/8dcb8a2) - - | env host修改 | [a79a4a5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a79a4a5) - - | merge globals | [b0957cc](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b0957cc) - - | merge wrr | [5ccc7a5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5ccc7a5) - - | mock | [51c24a5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/51c24a5) - package manifest | 去掉了摇树 | [f7c1dd4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/f7c1dd4) - pwa 小程序 | 移除了pwa，alloyFinger添加平台判断 | [875fab4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/875fab4) - - | uview-ui | [a9ea34b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a9ea34b) - v3.0.1 | tall api 地址从1.0改成了3.0 | [db5afd5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/db5afd5) - 信息配置 | 配置eslint等配置 | [7421443](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7421443) - - | 修复不能build的问题 | [0b7b91e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0b7b91e) - - | 删除多余的构建的命令 | [3f4eb2f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/3f4eb2f) + - | api 封装 | 8dcb8a2 + - | env host修改 | a79a4a5 + - | merge globals | b0957cc + - | merge wrr | 5ccc7a5 + - | mock | 51c24a5 + package manifest | 去掉了摇树 | f7c1dd4 + pwa 小程序 | 移除了pwa，alloyFinger添加平台判断 | 875fab4 + - | uview-ui | a9ea34b + v3.0.1 | tall api 地址从1.0改成了3.0 | db5afd5 + 信息配置 | 配置eslint等配置 | 7421443 + - | 修复不能build的问题 | 0b7b91e + - | 删除多余的构建的命令 | 3f4eb2f 范围|描述|commitId --|--|-- - - | style:index | [978f272](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/978f272) - - | !2 基础模板v1.1.0 | [f5e61dd](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/f5e61dd) - - | init | [c0f1deb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c0f1deb) - + - | style:index | 978f272 + - | !2 基础模板v1.1.0 | f5e61dd + - | init | c0f1deb diff --git a/src/components/Roles/Roles.vue b/src/components/Roles/Roles.vue index 40f0ff8..a052af7 100644 --- a/src/components/Roles/Roles.vue +++ b/src/components/Roles/Roles.vue @@ -3,12 +3,14 @@ + {{ item.name }} + @@ -20,25 +22,13 @@ export default { name: 'Roles', data() { return { - tabIndex: 0, //当前访问的 index 默认为0 - tabList: [], //tab dom节点集合 - scrollLeft: 0, //scrollview需要滚动的距离 + tabIndex: 0, // 当前访问的 index 默认为0 + tabList: [], // tab dom节点集合 + scrollLeft: 0, // scrollview需要滚动的距离 loading: false, // 是否显示骨架屏组件 roles: [ - { - id: 1, - name: '项目经理', - mine: 0, - pm: 1, - sequence: 1, - }, - { - id: 2, - name: '运维', - mine: 0, - pm: 0, - sequence: 2, - }, + { id: 1, name: '项目经理', mine: 0, pm: 1, sequence: 1 }, + { id: 2, name: '运维', mine: 0, pm: 0, sequence: 2 }, ], }; }, @@ -131,15 +121,12 @@ export default { // 设置文字颜色 setColor(mine, id) { const { roleId } = this; - if (mine === 1 && roleId === id) { - return 'default-tab-choice'; - } - if (mine === 1 && roleId !== id) { - return 'default-tab-item'; - } - if (mine === 0 && roleId === id) { - return 'tab-choice'; - } + // 是 我的角色 && 当前展示 + if (+mine === 1 && roleId === id) return 'default-tab-choice'; + // 是 我的角色 && 当前不展示 + if (+mine === 1 && roleId !== id) return 'default-tab-item'; + // 不是我的 && 当前展示 + if (+mine === 0 && roleId === id) return 'tab-choice'; }, }, }; diff --git a/src/components/TimeLine/component/TimeStatus.vue b/src/components/TimeLine/component/TimeStatus.vue index 53f06b2..d38f4a7 100644 --- a/src/components/TimeLine/component/TimeStatus.vue +++ b/src/components/TimeLine/component/TimeStatus.vue @@ -2,7 +2,7 @@ - - + + @@ -34,6 +34,7 @@ export default { pause: [{ text: '继续' }, { text: '重新开始任务', color: 'blue' }, { text: '结束' }], proceed: [{ text: '暂停' }, { text: '重新开始任务', color: 'blue' }, { text: '结束' }], again: [{ text: '重新开始任务', color: 'blue' }], + timer: null, }; }, @@ -127,6 +128,59 @@ export default { return `是否要重新开始此任务`; } }, + + // 计算进行中状态剩余时间 + // 预计结束时间 = realStart(实际开始) + planDuration(计划时长) + // 剩余时间 = 预计结束时间 - 当前时间 + // 剩余时间 = realStart + planDuration - Date.now() + computeDurationText() { + try { + if (this.timer) { + clearTimeout(this.timer); + this.timer = null; + } + const { realStart, planDuration } = this.task; + const leftTime = +realStart + +planDuration - Date.now(); // 剩余时间 + if (leftTime < 0) return 0; + const { years, months, days, hours, minutes, seconds, milliseconds } = this.$moment.duration(leftTime); + let num = 0; + let time = 1000; + + if (years > 0) { + num = years; + time = 60 * 60 * 1000; // 按小时 + } else if (months > 0) { + num = months; + time = 60 * 60 * 1000; // 按小时 + } else if (days > 0) { + num = days; + time = 60 * 60 * 1000; // 按小时 + } else if (hours > 0) { + num = hours; + } else if (minutes > 0) { + num = minutes; + } else if (seconds > 0) { + num = seconds; + } else if (milliseconds > 0) { + num = milliseconds; + time = 16; + } else { + time = null; + } + console.log('time', time); // DEBUG: + this.$nextTick(() => { + if (!time) return; + this.timer = setTimeout(() => { + this.computeDurationText(); + }, time); + }); + + return num; + } catch (error) { + console.error('🚀 ~ file: TimeStatus.vue ~ line 174 ~ computeDurationText ~ error', error); + return 0; + } + }, }, }; diff --git a/src/components/Title/Title.vue b/src/components/Title/Title.vue index cd3075b..b29f6af 100644 --- a/src/components/Title/Title.vue +++ b/src/components/Title/Title.vue @@ -7,19 +7,22 @@ - +