Browse Source

feat: 导入wbs

tall
wally 4 years ago
parent
commit
1224fcb872
  1. 205
      CHANGELOG.md
  2. 2
      README.md
  3. 6
      public/index.html
  4. 12
      src/apis/wbs.js
  5. 33
      src/components/Projects/Projects.vue
  6. 101
      src/components/Upload/Upload.vue
  7. 2
      src/main.js
  8. 14
      src/pages/index/index.vue
  9. 2
      src/utils/tall.js
  10. 50
      src/utils/upload.js

205
CHANGELOG.md

@ -3,94 +3,96 @@
### 🌟 新功能 ### 🌟 新功能
范围|描述|commitId 范围|描述|commitId
--|--|-- --|--|--
- | 标题栏变化 | [3898cfe](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/3898cfe) - | db store | 6414c4f
- | 标题栏变化 | [c0fcd9d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c0fcd9d) - | indexedDB | 687394e
- | 标题栏角色栏全局任务组件新建 | [0500cb4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0500cb4) pinch | alloy finger实现图片的pinch放大缩小 | de01343
- | 插件参数处理调整 | [a3e68d3](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a3e68d3) plugin | 插件添加了token及param参数 | aeb0292
- | 插件数据获取 | [5b91bdc](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5b91bdc) - | post 封装 | da52e94
- | 存token | [b8a178d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b8a178d) - | tall插件封装 | 1bcb920
- | 定期任务面板骨架屏添加 | [b2698c0](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b2698c0) task status | 任务状态切换未完 | 7ffd135
- | 角色栏实现 | [94cd671](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/94cd671) - | ws storage | 21b3a06
- | 距调整pc端 | [5069aa1](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5069aa1) - | 上传逻辑变化 | 3ff1dc2
- | 面变化首页变化 | [5e860f1](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5e860f1) - | 全局插件及默认插件位置修改 | 6c80d08
- | 模拟接口测试 | [69e7931](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/69e7931) - | 向右箭头图标变化 | 8e9ca55
- | 配置默认插件接口 | [f0c177d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/f0c177d) - | 字体大小更改 | 82cfdd4
- | 全局插件及默认插件位置修改 | [6c80d08](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/6c80d08) - | 存token | b8a178d
- | 日常任务插件调整 | [c1881f9](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c1881f9) - | 定期任务面板骨架屏添加 | b2698c0
- | 上传逻辑变化 | [3ff1dc2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/3ff1dc2) 富文本插件 | 富文本插件demo测试 | ed3d644
- | 首页项目样式改变 | [8514c85](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/8514c85) - | 引入dayjs | 29b8b93
plugin | 插件添加了token及param参数 | [aeb0292](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/aeb0292) - | 提交到本地 | 9cbe411
task status | 任务状态切换未完 | [7ffd135](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7ffd135) - | 插件参数处理调整 | a3e68d3
- | 时间基准线,默认插件 | [a33ba1e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a33ba1e) - | 插件数据获取 | 5b91bdc
- | 时间轴界面 | [33927e9](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/33927e9) - | 日常任务插件调整 | c1881f9
- | 时间轴修改状态时提示框增加 | [e841392](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e841392) - | 时间基准线,默认插件 | a33ba1e
- | 提交到本地 | [9cbe411](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/9cbe411) - | 时间轴修改状态时提示框增加 | e841392
- | 添加时间轴上下滚动 | [2b81bbc](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/2b81bbc) - | 时间轴界面 | 33927e9
- | 引入dayjs | [29b8b93](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/29b8b93) - | 标题栏变化 | 3898cfe
- | 字体大小更改 | [82cfdd4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/82cfdd4) - | 标题栏变化 | c0fcd9d
- | db store | [6414c4f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/6414c4f) - | 标题栏角色栏全局任务组件新建 | 0500cb4
- | indexedDB | [687394e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/687394e) - | 模拟接口测试 | 69e7931
- | post 封装 | [da52e94](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/da52e94) - | 添加时间轴上下滚动 | 2b81bbc
- | tall插件封装 | [1bcb920](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/1bcb920) - | 角色栏实现 | 94cd671
- | ws storage | [21b3a06](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/21b3a06) - | 距调整pc端 | 5069aa1
富文本插件 | 富文本插件demo测试 | [ed3d644](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ed3d644) - | 配置默认插件接口 | f0c177d
pinch | alloy finger实现图片的pinch放大缩小 | [de01343](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/de01343) - | 面变化首页变化 | 5e860f1
- | 首页项目样式改变 | 8514c85
### 🎨 代码样式 ### 🎨 代码样式
范围|描述|commitId 范围|描述|commitId
--|--|-- --|--|--
- | 代码格式细节调整 | [cb2532b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/cb2532b) - | 代码格式细节调整 | cb2532b
- | 格式细节调整 | [b907a03](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b907a03) - | 任务快捷方式图标增加 | 4aba872
- | 更新代码 | [8c27e68](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/8c27e68) - | 修改角色样式 | 73e268e
- | 更新代码 | [1f40a76](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/1f40a76) - | 删除多余字段 | 5ae3973
- | 任务快捷方式图标增加 | [4aba872](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4aba872) - | 删除插件携带的多余文件 | 0f392bb
- | 日常任务修改 | [dfa7ee2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/dfa7ee2) - | 图标修改 | 54bca09
- | 删除插件携带的多余文件 | [0f392bb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0f392bb) - | 无基本变化 | 21ac4bb
- | 删除多余字段 | [5ae3973](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5ae3973) - | 日常任务修改 | dfa7ee2
- | 添加插件数据 | [2f11b42](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/2f11b42) - | 更新代码 | 8c27e68
- | 图标修改 | [54bca09](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/54bca09) - | 更新代码 | 1f40a76
- | 无基本变化 | [21ac4bb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/21ac4bb) - | 格式细节调整 | b907a03
- | 修改角色样式 | [73e268e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/73e268e) - | 添加插件数据 | 2f11b42
- | 组件新建 | [89c0035](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/89c0035) - | 组件新建 | 89c0035
### 🐛 Bug 修复 ### 🐛 Bug 修复
范围|描述|commitId 范围|描述|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) ID1000343 | 解决向下预加载查询参数时间没+1颗粒度;以及滚动加载颗粒度写死的问题 | 940603a, closes #ID1000343
plugin | 插件解析机制完善 | [0f5a27d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0f5a27d) plugin | 插件解析机制完善 | 0f5a27d
project title | 项目标题修改; 切换角色移除script | [5c20017](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5c20017) project title | 项目标题修改; 切换角色移除script | 5c20017
role | 切换角色的逻辑修正完善 | [4ae534f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4ae534f) roles | 修复默认显示不是我的角色的问题 | b69f94f
roles | 修复默认显示不是我的角色的问题 | [b69f94f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b69f94f) role | 切换角色的逻辑修正完善 | 4ae534f
task任务逻辑完善 | 减少初始global及regular的不必要请求 | [bd4bd38](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/bd4bd38) task任务逻辑完善 | 减少初始global及regular的不必要请求 | bd4bd38
- | 插件bug解决 | [41257eb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/41257eb) - | 上下滑动加载定期任务 | 4090d89
- | 定期任务插件 | [92b3254](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/92b3254) - | 上下滚动时间轴 | d533a01
- | 定期任务接口 | [aa4981c](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/aa4981c) - | 下拉加载定期任务传参,时间格式化修改 | 0b95a0e
- | 骨架屏替换 | [e9fdd71](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e9fdd71) - | 任务开始时间延迟插件 | 992a313
- | 角色栏修改 | [19228d6](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/19228d6) - | 修改main | 749ae9a
- | 解决时间轴报错 | [da1eece](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/da1eece) - | 修改报错 | 531c14d
- | 任务开始时间延迟插件 | [992a313](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/992a313) - | 修改角色栏组件 | a54c601
- | 日常任务插件遍历时的key值修改 | [cd26285](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/cd26285) - | 定期任务接口 | aa4981c
- | 日常任务插件面板高度修改 | [249f9e4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/249f9e4) - | 定期任务插件 | 92b3254
- | 日常任务html数据查验 | [880ce5c](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/880ce5c) - | 平车演示临时去掉项目快捷方式的toast提示 | e0b2c23
- | 上下滚动时间轴 | [d533a01](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/d533a01) - | 提示信息显示bug及日常任务收缩问题 | f2f06c5
- | 上下滑动加载定期任务 | [4090d89](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4090d89) - | 插件bug解决 | 41257eb
- | 时间轴插件 | [225d3cc](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/225d3cc) - | 日常任务html数据查验 | 880ce5c
- | 时间轴骨架屏修改 | [ca78d02](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ca78d02) - | 日常任务插件遍历时的key值修改 | cd26285
- | 时间轴上下滚动数据加载bug修改 | [e82ede4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e82ede4) - | 日常任务插件面板高度修改 | 249f9e4
- | 时间轴上下滑动 | [4d0ae46](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4d0ae46) - | 时间轴上下滑动 | 4d0ae46
- | 提示信息显示bug及日常任务收缩问题 | [f2f06c5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/f2f06c5) - | 时间轴上下滚动数据加载bug修改 | e82ede4
- | 下拉加载定期任务传参,时间格式化修改 | [0b95a0e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0b95a0e) - | 时间轴插件 | 225d3cc
- | 修改报错 | [531c14d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/531c14d) - | 时间轴骨架屏修改 | ca78d02
- | 修改角色栏组件 | [a54c601](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a54c601) - | 角色栏修改 | 19228d6
- | 修改main | [749ae9a](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/749ae9a) - | 解决时间轴报错 | da1eece
- | 骨架屏替换 | e9fdd71
### 📝 文档 ### 📝 文档
范围|描述|commitId 范围|描述|commitId
--|--|-- --|--|--
- | README.md | [ab0eb05](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ab0eb05) - | README.md | ab0eb05
### 🔨 代码重构 ### 🔨 代码重构
@ -108,51 +110,40 @@
- | 删除多余的技术验证界面 | 542ae5b - | 删除多余的技术验证界面 | 542ae5b
- | 界面样式调整 | 4367249 - | 界面样式调整 | 4367249
- | 重构store分层 | 5f6fff8 - | 重构store分层 | 5f6fff8
calendar | 日历细节调整 | [1a8d6bf](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/1a8d6bf)
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)
tip | 任务状态显示及tip组件数据的重构 | [78a5750](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/78a5750)
tips | 修改任务状态方法重构 | [b57d3ac](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b57d3ac)
- | 界面样式调整 | [4367249](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4367249)
- | 任务状态重构 | [4693655](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4693655)
- | 删除多余的技术验证界面 | [542ae5b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/542ae5b)
- | 下滑时间轴添加备注 | [4fd20e3](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4fd20e3)
- | 重构store分层 | [5f6fff8](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5f6fff8)
- | project 代码健壮性完善 | [a3202c5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a3202c5)
template | eslint prettier sass uview tailwindcss | [9c966a1](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/9c966a1)
### 🚀 性能优化 ### 🚀 性能优化
范围|描述|commitId 范围|描述|commitId
--|--|-- --|--|--
- | 测试接口 | [215e074](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/215e074) - | 插件查询及展示 | 4dba770
- | 插件查询及展示 | [4dba770](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4dba770) - | 日历的更改 | 7353ac8
- | 角色栏文字颜色修改 | [215c6b3](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/215c6b3) - | 测试接口 | 215e074
- | 解决警告 | [c932b09](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c932b09) - | 组件文件夹新建 | 22bfe7b
- | 日历的更改 | [7353ac8](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7353ac8) - | 组件文件夹新建 | 17bb8c9
- | 组件文件夹新建 | [22bfe7b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/22bfe7b) - | 组件文件夹新建 | 1421504
- | 组件文件夹新建 | [17bb8c9](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/17bb8c9) - | 角色栏文字颜色修改 | 215c6b3
- | 组件文件夹新建 | [1421504](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/1421504) - | 解决警告 | c932b09
### chore ### chore
范围|描述|commitId 范围|描述|commitId
--|--|-- --|--|--
- | 删除多余的构建的命令 | [3f4eb2f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/3f4eb2f) - | api 封装 | 8dcb8a2
- | 修复不能build的问题 | [0b7b91e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0b7b91e) - | env host修改 | a79a4a5
- | api 封装 | [8dcb8a2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/8dcb8a2) - | merge globals | b0957cc
- | env host修改 | [a79a4a5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a79a4a5) - | merge wrr | 5ccc7a5
- | merge globals | [b0957cc](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b0957cc) - | mock | 51c24a5
- | merge wrr | [5ccc7a5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5ccc7a5) package manifest | 去掉了摇树 | f7c1dd4
package manifest | 去掉了摇树 | [f7c1dd4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/f7c1dd4) pwa 小程序 | 移除了pwa,alloyFinger添加平台判断 | 875fab4
- | mock | [51c24a5](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/51c24a5) - | uview-ui | a9ea34b
信息配置 | 配置eslint等配置 | [7421443](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7421443) 信息配置 | 配置eslint等配置 | 7421443
pwa 小程序 | 移除了pwa,alloyFinger添加平台判断 | [875fab4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/875fab4) - | 修复不能build的问题 | 0b7b91e
- | uview-ui | [a9ea34b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a9ea34b) - | 删除多余的构建的命令 | 3f4eb2f
范围|描述|commitId 范围|描述|commitId
--|--|-- --|--|--
- | style:index | [978f272](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/978f272) - | style:index | 978f272
- | !2 基础模板v1.1.0 | [f5e61dd](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/f5e61dd) - | !2 基础模板v1.1.0 | f5e61dd
- | init | [c0f1deb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c0f1deb) - | init | c0f1deb

2
README.md

@ -14,7 +14,7 @@ yarn dev:h5
``` ```
浏览器输入网址: 浏览器输入网址:
127.0.0.1:8080/#/?u=xxx&p=x&r=x&pn=x 127.0.0.1:8080/#/?u=1217647686598135808&p=1420652719055839232
- u: userId - u: userId
- p: projectId - p: projectId
- r: roleId - r: roleId

6
public/index.html

@ -8,9 +8,9 @@
<%= htmlWebpackPlugin.options.title %> <%= htmlWebpackPlugin.options.title %>
</title> </title>
<script> <script>
document.addEventListener('DOMContentLoaded', function() { // document.addEventListener('DOMContentLoaded', function() {
document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px' // document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
}) // })
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)')) var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />') document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
</script> </script>

12
src/apis/wbs.js

@ -0,0 +1,12 @@
const apiUrl = process.env.VUE_APP_API_URL;
import domainPath from '@/config/domains';
const tall = `${apiUrl}${domainPath}`;
const wbs = `${tall}/wbs`;
const install = (Vue, vm) => {
vm.$u.api = { ...vm.$u.api } || {};
// 导入wbs
vm.$u.api.import = formData => vm.$t.chooseAndUpload(wbs, formData);
};
export default { install };

33
src/components/Projects/Projects.vue

@ -1,7 +1,7 @@
<template> <template>
<view class="bg-white"> <view class="bg-white u-p-t-30 u-p-b-30">
<view class="flex items-center"> <view class="flex items-center">
<view class="event-pic rounded-full flex justify-center items-center"> <view class="flex items-center justify-center rounded-full event-pic">
<image style="width: 25px; height: 25px" src="../../static/local_play1.png"></image> <image style="width: 25px; height: 25px" src="../../static/local_play1.png"></image>
</view> </view>
<view class="title">我的LWBS</view> <view class="title">我的LWBS</view>
@ -9,42 +9,44 @@
<view v-for="(task, index) in tasks" :key="index"> <view v-for="(task, index) in tasks" :key="index">
<view> <view>
<!-- 有子项目 --> <!-- 有子项目 -->
<view class="Item flex items-center justify-between" v-if="index <= 2"> <view class="flex items-center justify-between item" v-if="index <= 2">
<view class="flex items-center"> <view class="flex items-center">
<view class="firstTask rounded-full text-white" v-if="index === 0"> <view class="text-white rounded-full firstTask" v-if="index === 0">
<view class="flex items-center justify-center">{{ index + 1 }}</view> <view class="flex items-center justify-center">{{ index + 1 }}</view>
</view> </view>
<view class="sencondTask rounded-full text-white" v-else-if="index === 1"> <view class="text-white rounded-full sencondTask" v-else-if="index === 1">
<view class="flex items-center justify-center">{{ index + 1 }}</view> <view class="flex items-center justify-center">{{ index + 1 }}</view>
</view> </view>
<view class="thirdTask rounded-full text-white" v-else-if="index === 2"> <view class="text-white rounded-full thirdTask" v-else-if="index === 2">
<view class="flex items-center justify-center">{{ index + 1 }}</view> <view class="flex items-center justify-center">{{ index + 1 }}</view>
</view> </view>
<view> <view>
<view class="flex items-center"> <view class="flex items-center">
<view class="title">{{ task.taskName }}</view> <view class="title">{{ task.taskName }}</view>
<view class="states px-2 text-green-400 bg-green-100 rounded-full">{{ task.state }}</view> <!-- 状态 -->
<view class="text-green-400 bg-green-100 rounded-full u-p-l-10 u-p-r-10 states">{{ task.state }}</view>
</view> </view>
<view class="dates flex items-center text-gray-400"> <view class="flex items-center text-gray-400 dates">
<view class="pr-2">{{ task.time }}</view> <view class="pr-2">{{ task.time }}</view>
<view>时长{{ task.duration }}</view> <view>时长{{ task.duration }}</view>
</view> </view>
</view> </view>
</view> </view>
<u-icon name="arrow-right" color="#A4A6AB" size="28" @click="openProjectItem(index)"></u-icon> <!-- 箭头 -->
<u-icon name="arrow-right" color="#A4A6AB" size="14px" @click="openProjectItem(index)"></u-icon>
</view> </view>
<!-- 没有子项目 --> <!-- 没有子项目 -->
<view class="Item" v-else> <view class="item" v-else>
<view class="flex items-center"> <view class="flex items-center">
<view class="routine w-8 h-8 bg-white border rounded-full"> <view class="w-8 h-8 bg-white border rounded-full routine">
<view class="flex items-center justify-center">{{ index + 1 }}</view> <view class="flex items-center justify-center">{{ index + 1 }}</view>
</view> </view>
<view> <view>
<view class="flex items-center"> <view class="flex items-center">
<view class="title">{{ task.taskName }}</view> <view class="title">{{ task.taskName }}</view>
<view class="states px-2 text-green-400 bg-green-100 rounded-full">{{ task.state }}</view> <view class="px-2 text-green-400 bg-green-100 rounded-full states">{{ task.state }}</view>
</view> </view>
<view class="dates flex items-center text-gray-400"> <view class="flex items-center text-gray-400 dates">
<view class="pr-2">{{ task.time }}</view> <view class="pr-2">{{ task.time }}</view>
<view>时长{{ task.duration }}</view> <view>时长{{ task.duration }}</view>
</view> </view>
@ -164,16 +166,15 @@ export default {
} }
.title { .title {
font-size: 15px; font-size: 15px;
margin-right: 16px; margin-right: 12px;
} }
.dates { .dates {
font-size: 12px; font-size: 12px;
} }
.states { .states {
font-size: 10px; font-size: 10px;
margin: 2px;
} }
.Item { .item {
border-bottom: 1px solid #fafafa; border-bottom: 1px solid #fafafa;
height: 60px; height: 60px;
padding: 10px 16px; padding: 10px 16px;

101
src/components/Upload/Upload.vue

@ -1,87 +1,62 @@
<template> <template>
<view> <view class="upload">
<view class="upload mx-4"> <view @tap="handleUpload">
<view v-if="!showUploadList"> <u-icon name="plus" color="#ffffff" size="24px" class="flex justify-center rounded-full upload-icon"></u-icon>
<view v-for="(item, index) in lists" :key="index"> </view>
<image :src="item.url" mode="aspectFill"></image>
</view> <!-- <view v-if="!showUploadList">
<view v-for="(item, index) in lists" :key="index">
<image :src="item.url" mode="aspectFill"></image>
</view> </view>
<u-upload
ref="uUpload"
:show-upload-list="showUploadList"
:custom-btn="true"
:action="action"
:before-upload="beforeUpload"
max-count="6"
>
<view slot="addBtn" class="bgIcon flex justify-center items-center rounded-full" hover-stay-time="150">
<u-icon name="plus" color="#ffffff" size="48" class="uploadIcon flex justify-center rounded-full"></u-icon>
</view>
</u-upload>
</view> </view>
<u-upload
ref="uUpload"
:show-upload-list="showUploadList"
:custom-btn="true"
:action="action"
:before-upload="beforeUpload"
max-count="6"
>
<view slot="addBtn" class="flex items-center justify-center rounded-full bg-icon" hover-stay-time="150">
<u-icon name="plus" color="#ffffff" size="24px" class="flex justify-center rounded-full upload-icon"></u-icon>
</view>
</u-upload> -->
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {};
//
action: 'http://www.example.com',
showUploadList: false,
lists: [],
};
},
onReady() {
// this.lists = this.refs.uUpload.lists;
// filter100(100)
this.lists = this.$refs.uUpload.lists.filter(val => {
return val.progress == 100;
});
console.log(this.lists);
}, },
methods: { methods: {
beforeUpload() { async handleUpload() {
return new Promise((resolve, reject) => { try {
this.$u const data = await this.$u.api.import();
.post('url') // TODO:
.then(res => { console.log('data: ', data);
console.log(res); } catch (error) {
resolve(); this.$t.ui.showToast(error);
}) }
.catch(err => {
reject(err);
console.log(err);
});
});
}, },
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.upload { .upload {
position: relative; position: absolute;
left: 80%; right: 10px;
bottom: 25px; bottom: 0;
height: 5px; transform: translate3d(0, 50%, 0);
} }
.one {
position: relative; .upload-icon {
left: 85%;
right: 5%;
}
.uploads {
position: relative;
width: 50px;
height: 50px;
}
.uploadIcon {
background: linear-gradient(45deg, #0081ff, #1cbbb4); background: linear-gradient(45deg, #0081ff, #1cbbb4);
height: 50px; height: 50px;
width: 50px; width: 50px;
} }
.bgIcon { .bg-icon {
background: white; background: white;
height: 50px; height: 50px;
width: 50px; width: 50px;

2
src/main.js

@ -33,6 +33,7 @@ import project from '@/apis/project.js';
import task from '@/apis/task.js'; import task from '@/apis/task.js';
import plugin from '@/apis/plugin.js'; import plugin from '@/apis/plugin.js';
import role from '@/apis/role.js'; import role from '@/apis/role.js';
import wbs from '@/apis/wbs.js';
window.vm = app; window.vm = app;
@ -42,5 +43,6 @@ Vue.use(project, app);
Vue.use(task, app); Vue.use(task, app);
Vue.use(plugin, app); Vue.use(plugin, app);
Vue.use(role, app); Vue.use(role, app);
Vue.use(wbs, app);
app.$mount(); app.$mount();

14
src/pages/index/index.vue

@ -1,10 +1,14 @@
<template> <template>
<view class="bg-gray-50"> <view class="bg-gray-50">
<Calendar @selected-change="datechange" :showBack="true" :dot-list="dayss"></Calendar> <view class="relative">
<!-- <button @click="changeList">改变</button> --> <!-- 日历 -->
<Upload /> <Calendar @selected-change="dateChange" :show-back="true" :dot-list="dayss" />
<!-- 上传 导入wbs -->
<Upload />
</view>
<Projects class="mt-3" /> <!-- 项目列表 -->
<Projects class="u-m-t-30" />
</view> </view>
</template> </template>
@ -26,7 +30,7 @@ export default {
this.dayss = [{ date: '2021-08-03' }, { date: '2021-08-04' }, { date: '2021-08-06' }]; this.dayss = [{ date: '2021-08-03' }, { date: '2021-08-04' }, { date: '2021-08-06' }];
}, },
datechange(e) { dateChange(e) {
console.log(e); console.log(e);
}, },
}, },

2
src/utils/tall.js

@ -5,6 +5,7 @@ import plugin from '@/config/plugin.js';
import storage from '@/utils/storage.js'; import storage from '@/utils/storage.js';
import time from '@/utils/time.js'; import time from '@/utils/time.js';
import ui from '@/utils/ui.js'; import ui from '@/utils/ui.js';
import upload from '@/utils/upload.js';
const $t = { const $t = {
zIndex, // 定位元素层级 zIndex, // 定位元素层级
@ -14,6 +15,7 @@ const $t = {
time, // 时间处理 time, // 时间处理
timeConfig, // 时间相关配置 timeConfig, // 时间相关配置
ui, // ui界面提示相关 ui, // ui界面提示相关
chooseAndUpload: upload.chooseAndUpload, // 选择并上传单个文件相关的封装
}; };
uni.$t = $t; uni.$t = $t;

50
src/utils/upload.js

@ -0,0 +1,50 @@
export default {
/**
* 上传单个文件
* @param {string} url 服务器地址
* @param {object} formData 上传的其他字段
* @param {array} extension 上传文件类型 扩展名数组
* @param {string} name
* @returns
*/
chooseAndUpload(url, formData = {}, extension = ['.xls', '.xlsx'], name = 'param') {
return new Promise((resolve, reject) => {
const token = uni.$t.storage.getStorageSync(uni.$t.app.tokenKey);
if (!token) {
return reject('用户未登录,请登录后重试');
}
uni.chooseFile({
count: 1, //默认100
extension,
success: res => {
uni.uploadFile({
url,
filePath: res.tempFilePaths[0],
name,
formData,
header: { Authorization: `Bearer ${token}` },
success: ({ data, statusCode }) => {
console.log('data, statusCode: ', data, statusCode);
if (statusCode === 200 && data) {
const { code, msg } = JSON.parse(data);
if (code !== 200) {
reject(msg);
} else {
resolve(data.data);
}
} else {
reject('上传失败');
}
},
fail: error => {
reject(error);
},
});
},
fail: error => {
reject(error);
},
});
});
},
};
Loading…
Cancel
Save