diff --git a/CHANGELOG.md b/CHANGELOG.md
index 37cc466..1f4d402 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,216 +1,217 @@
-# 0.1.0 (2021-08-24)
+# 0.1.0 (2021-08-25)
 
 ### 🌟 新功能
 范围|描述|commitId
 --|--|--
- - | api封装 | 7d4edfc
- - | cache indexedDB处理 | 3388967
- 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
- - | 添加子任务插件 子项目插件 | 7bda7e2
- - | 添加时间轴上下滚动 | 2b81bbc
- - | 添加项目排序 | a0b491b
- - | 点击日历日期查询项目列表 | c458385
- - | 绑定手机号 | 52e0352
- - | 缓存修改 | 63e1f0d
- - | 角色栏实现 | 94cd671
- - | 设置小红点 | 9316bcb
- - | 距调整pc端 | 5069aa1
- - | 适配小程序；小程序登录 | cefc0eb
- - | 配置默认插件接口 | f0c177d
- - | 面变化首页变化 | 5e860f1
- - | 项目api url设置 | 6cd5245
- - | 项目列表, 项目url | 32e005b
- - | 首页项目样式改变 | 8514c85
+ - | api封装 | [7d4edfc](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7d4edfc)
+ bind phone | 图形验证码；短信验证码；绑定手机号 | [93ffea2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/93ffea2)
+ - | cache indexedDB处理 | [3388967](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/3388967)
+ 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)
+ - | indexedDB | [687394e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/687394e)
+ pinch | alloy finger实现图片的pinch放大缩小 | [de01343](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/de01343)
+ plugin | 插件添加了token及param参数 | [aeb0292](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/aeb0292)
+ - | post 封装 | [da52e94](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/da52e94)
+ - | tall插件封装 | [1bcb920](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/1bcb920)
+ task status | 任务状态切换未完 | [7ffd135](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7ffd135)
+ - | ws storage | [21b3a06](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/21b3a06)
+ - | 上传逻辑变化 | [3ff1dc2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/3ff1dc2)
+ - | 任务状态时间显示 | [56f5183](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/56f5183)
+ - | 任务进行中状态数字 | [27b7326](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/27b7326)
+ - | 全局插件及默认插件位置修改 | [6c80d08](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/6c80d08)
+ - | 向右箭头图标变化 | [8e9ca55](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/8e9ca55)
+ - | 字体大小更改 | [82cfdd4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/82cfdd4)
+ - | 存token | [b8a178d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b8a178d)
+ - | 定期任务面板骨架屏添加 | [b2698c0](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b2698c0)
+ 富文本插件 | 富文本插件demo测试 | [ed3d644](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ed3d644)
+ - | 导入wbs | [1224fcb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/1224fcb)
+ - | 导入项目,更新项目 | [5e06adf](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5e06adf)
+ - | 导入项目后提示并打开项目详情页 | [410f527](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/410f527)
+ - | 引入dayjs | [29b8b93](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/29b8b93)
+ - | 提交到本地 | [9cbe411](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/9cbe411)
+ - | 插件参数处理调整 | [a3e68d3](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a3e68d3)
+ - | 插件数据获取 | [5b91bdc](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5b91bdc)
+ - | 日历定位;合并 | [ea3f937](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ea3f937)
+ - | 日常任务插件调整 | [c1881f9](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c1881f9)
+ - | 时间基准线，默认插件 | [a33ba1e](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a33ba1e)
+ - | 时间轴修改状态时提示框增加 | [e841392](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e841392)
+ - | 时间轴界面 | [33927e9](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/33927e9)
+ - | 标题栏变化 | [3898cfe](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/3898cfe)
+ - | 标题栏变化 | [c0fcd9d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c0fcd9d)
+ - | 标题栏角色栏全局任务组件新建 | [0500cb4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0500cb4)
+ - | 模拟接口测试 | [69e7931](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/69e7931)
+ - | 添加子任务插件 子项目插件 | [7bda7e2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7bda7e2)
+ - | 添加时间轴上下滚动 | [2b81bbc](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/2b81bbc)
+ - | 添加项目排序 | [a0b491b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a0b491b)
+ - | 点击日历日期查询项目列表 | [c458385](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c458385)
+ - | 绑定手机号 | [52e0352](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/52e0352)
+ - | 缓存修改 | [63e1f0d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/63e1f0d)
+ - | 角色栏实现 | [94cd671](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/94cd671)
+ - | 设置小红点 | [9316bcb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/9316bcb)
+ - | 距调整pc端 | [5069aa1](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5069aa1)
+ - | 适配小程序；小程序登录 | [cefc0eb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/cefc0eb)
+ - | 配置默认插件接口 | [f0c177d](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/f0c177d)
+ - | 面变化首页变化 | [5e860f1](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5e860f1)
+ - | 项目api url设置 | [6cd5245](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/6cd5245)
+ - | 项目列表, 项目url | [32e005b](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/32e005b)
+ - | 首页项目样式改变 | [8514c85](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/8514c85)
 
 
 ### 🎨 代码样式
 范围|描述|commitId
 --|--|--
- - | calendar注释 | a2ec112
- - | indexedDB.js格式整理 | b0d3a36
- - | 代码审查 | d75134c
- - | 代码格式细节调整 | 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
- - | 细节调整 | 2cfc09a
+ - | calendar注释 | [a2ec112](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a2ec112)
+ - | indexedDB.js格式整理 | [b0d3a36](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b0d3a36)
+ - | 代码审查 | [d75134c](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/d75134c)
+ - | 代码格式细节调整 | [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)
+ - | 细节调整 | [2cfc09a](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/2cfc09a)
 
 
 ### 🐛 Bug 修复
 范围|描述|commitId
 --|--|--
- - | 1.时间轴数据渲染 2.时间基准线 | d643af2
- - | api 存storage | 81032ba
- ID1000343 | 解决向下预加载查询参数时间没+1颗粒度;以及滚动加载颗粒度写死的问题 | 940603a, closes #ID1000343
- plugin | 插件解析机制完善 | 0f5a27d
- project title | 项目标题修改; 切换角色移除script | 5c20017
- roles | 修复默认显示不是我的角色的问题 | b69f94f
- role | 切换角色的逻辑修正完善 | 4ae534f
- task任务逻辑完善 | 减少初始global及regular的不必要请求 | bd4bd38
- - | title.vue根据页面栈显示返回按钮；标题文本超出显示... | 0cbacf4
- - | 上下滑动加载定期任务 | 4090d89
- - | 上下滚动时间轴 | d533a01
- - | 下拉加载定期任务传参，时间格式化修改 | 0b95a0e
- - | 任务开始时间延迟插件 | 992a313
- - | 修改main | 749ae9a
- - | 修改定期任务状态0和4时不加载圆圈 | 30e352f
- - | 修改小红点传参 | 87b20fd
- - | 修改报错 | 531c14d
- - | 修改接口路径 | df6acf2
- - | 修改角色栏组件 | a54c601
- - | 切换到默认项目角色没有激活状态的bug | 438d448
- - | 切换日历时查询小红点 | 7091789
- - | 初始展示角色修改 | 2ac4053
- - | 定期任务key值修改 | c6688db
- - | 定期任务接口 | aa4981c
- - | 定期任务插件 | 92b3254
- - | 定期任务未加载时,显示空的时间轴并能上下滑动 | ce38093
- - | 定期任务本地缓存和api赋值,未完成 | 5a10856
- 定期任务本地缓存和api赋值,未完成 | 定期任务本地缓存和api赋值,未完成 | b22a366
- - | 定期任务骨架屏修改 | 8ff72dd
- - | 平车演示临时去掉项目快捷方式的toast提示 | e0b2c23
- - | 手动展开日常任务 | 0a4a622
- - | 提示信息显示bug及日常任务收缩问题 | f2f06c5
- - | 插件bug解决 | 41257eb
- - | 收到消息修改任务状态 | c378063
- - | 日历无任务时添加小绿点,时间轴刻度无任务不显示时分 | 0f90868
- - | 日常任务html数据查验 | 880ce5c
- - | 日常任务插件遍历时的key值修改 | cd26285
- - | 日常任务插件面板高度修改 | 249f9e4
- - | 时间轴上下滑动 | 4d0ae46
- - | 时间轴上下滚动数据加载bug修改 | e82ede4
- - | 时间轴插件 | 225d3cc
- - | 时间轴无任务时时间刻度加载修改 | 4921672
- - | 时间轴滚动位置修改 | 551da63
- - | 时间轴骨架屏修改 | ca78d02
- - | 监听时间基本点 | 033fca0
- - | 角色显示状态修改 | 7d3b906
- - | 角色栏修改 | 19228d6
- - | 解决时间轴报错 | da1eece
- - | 设置时间轴自动滚动到当前位置 | a3474f8
- - | 跳转详情页返回路径修改 | c5e17c0
- - | 骨架屏替换 | e9fdd71
+ - | 1.时间轴数据渲染 2.时间基准线 | [d643af2](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/d643af2)
+ - | api 存storage | [81032ba](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/81032ba)
+ 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)
+ - | title.vue根据页面栈显示返回按钮；标题文本超出显示... | [0cbacf4](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0cbacf4)
+ - | 上下滑动加载定期任务 | [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)
+ - | 修改定期任务状态0和4时不加载圆圈 | [30e352f](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/30e352f)
+ - | 修改小红点传参 | [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)
+ - | 切换到默认项目角色没有激活状态的bug | [438d448](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/438d448)
+ - | 切换日历时查询小红点 | [7091789](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7091789)
+ - | 初始展示角色修改 | [2ac4053](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/2ac4053)
+ - | 定期任务key值修改 | [c6688db](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c6688db)
+ - | 定期任务接口 | [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)
+ - | 定期任务本地缓存和api赋值,未完成 | [5a10856](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5a10856)
+ 定期任务本地缓存和api赋值,未完成 | 定期任务本地缓存和api赋值,未完成 | [b22a366](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b22a366)
+ - | 定期任务骨架屏修改 | [8ff72dd](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/8ff72dd)
+ - | 平车演示临时去掉项目快捷方式的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)
+ - | 收到消息修改任务状态 | [c378063](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c378063)
+ - | 日历无任务时添加小绿点,时间轴刻度无任务不显示时分 | [0f90868](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/0f90868)
+ - | 日常任务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)
+ - | 时间轴无任务时时间刻度加载修改 | [4921672](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4921672)
+ - | 时间轴滚动位置修改 | [551da63](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/551da63)
+ - | 时间轴骨架屏修改 | [ca78d02](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ca78d02)
+ - | 监听时间基本点 | [033fca0](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/033fca0)
+ - | 角色显示状态修改 | [7d3b906](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7d3b906)
+ - | 角色栏修改 | [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)
+ - | 设置时间轴自动滚动到当前位置 | [a3474f8](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a3474f8)
+ - | 跳转详情页返回路径修改 | [c5e17c0](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c5e17c0)
+ - | 骨架屏替换 | [e9fdd71](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e9fdd71)
 
 
 ### 📝 文档
 范围|描述|commitId
 --|--|--
- - | README.md | ab0eb05
+ - | README.md | [ab0eb05](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ab0eb05)
 
 
 ### 🔧 测试
 范围|描述|commitId
 --|--|--
- - | 暂时移除了jest浏览器配置 | 5088d01
- - | 添加测试，测试utils/time.js的computeDurationText | e758010
- - | 禁用任务开始操作 | b5425db
+ - | 暂时移除了jest浏览器配置 | [5088d01](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/5088d01)
+ - | 添加测试，测试utils/time.js的computeDurationText | [e758010](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e758010)
+ - | 禁用任务开始操作 | [b5425db](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/b5425db)
 
 
 ### 🔨 代码重构
 范围|描述|commitId
 --|--|--
- calendar | 日历细节调整 | 1a8d6bf
- - | project 代码健壮性完善 | a3202c5
- store/home | 删除store/home | db8a3b4
- task beginTime | 格式化任务开始时间 | fbc0301
- template | eslint prettier sass uview tailwindcss | 9c966a1
- tips | 修改任务状态方法重构 | b57d3ac
- tip | 任务状态显示及tip组件数据的重构 | 78a5750
- title.vue | 移除测试的repeat; 样式细节调整 | c32d2bd
- - | 下滑时间轴添加备注 | 4fd20e3
- - | 任务状态重构 | 4693655
- - | 删除多余的weekmode store里的东西 | 0841fe0
- - | 删除多余的技术验证界面 | 542ae5b
- - | 界面样式调整 | 4367249
- - | 重构store分层 | 5f6fff8
+ 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)
+ title.vue | 移除测试的repeat; 样式细节调整 | [c32d2bd](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c32d2bd)
+ - | 下滑时间轴添加备注 | [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)
 
 
 ### 🚀 性能优化
 范围|描述|commitId
 --|--|--
- - | 1.时间轴筛选相同的时间替换数据 2.整理代码 | e082ccb
- - | 修改代码格式 | 14123d7
- - | 修改定期任务骨架屏高度 | 909a734
- - | 小红点api缓存修改 | e992343
- - | 插件查询及展示 | 4dba770
- - | 整理代码 | 7a55315
- - | 日历的更改 | 7353ac8
- - | 测试接口 | 215e074
- - | 组件文件夹新建 | 22bfe7b
- - | 组件文件夹新建 | 17bb8c9
- - | 组件文件夹新建 | 1421504
- - | 角色栏文字颜色修改 | 215c6b3
- - | 解决警告 | c932b09
+ - | 1.时间轴筛选相同的时间替换数据 2.整理代码 | [e082ccb](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e082ccb)
+ - | 修改代码格式 | [14123d7](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/14123d7)
+ - | 修改定期任务骨架屏高度 | [909a734](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/909a734)
+ - | 小红点api缓存修改 | [e992343](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e992343)
+ - | 插件查询及展示 | [4dba770](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/4dba770)
+ - | 整理代码 | [7a55315](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7a55315)
+ - | 日历的更改 | [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)
 
 
 ### chore
 范围|描述|commitId
 --|--|--
- - | 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
+ - | 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)
 
 
 范围|描述|commitId
 --|--|--
- - | style:index | 978f272
- - | !2 基础模板v1.1.0 | f5e61dd
- - | init | c0f1deb
+ - | 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)
 
diff --git a/src/__MACOSX/components/._.DS_Store b/src/__MACOSX/components/._.DS_Store
new file mode 100644
index 0000000..a5b28df
Binary files /dev/null and b/src/__MACOSX/components/._.DS_Store differ
diff --git a/src/components/Projects/ProjectItem.vue b/src/components/Projects/ProjectItem.vue
index 84ff924..cc25f88 100644
--- a/src/components/Projects/ProjectItem.vue
+++ b/src/components/Projects/ProjectItem.vue
@@ -1,7 +1,150 @@
-<template>
-  <view class="flex items-center justify-between">
-  这是子项目
-</template>
-<script>
-export default {};
-</script>
+<template>
+  <view class="w-full">
+    <!-- 有子项目 -->
+    <view class="flex items-center justify-between p-3" :class="item.showBorder ? border : ''">
+      <u-icon class="mover" @click="openMenu(item)" size="48" name="https://www.tall.wiki/staticrec/drag.svg"></u-icon>
+
+      <view class="flex-1 px-3" @click="openProject(item)">
+        <view class="flex items-center mb-1">
+          <view class="mr-2">{{ item.name }}</view>
+          <!-- 状态 TODO:-->
+          <view class="px-2 text-xs text-green-400 bg-green-100 rounded-full">进行中</view>
+        </view>
+
+        <view class="flex items-center text-xs text-gray-400">
+          <view class="pr-2">{{ $moment(+item.startTime).format('MM-DD HH:mm') }}</view>
+          至
+          <view class="pl-2"> {{ $moment(+item.endTime).format('MM-DD HH:mm') }}</view>
+        </view>
+      </view>
+
+      <!-- 箭头 -->
+      <view v-if="item.sonProjectList && item.sonProjectList.length">
+        <u-icon name="arrow-up" class="text-gray-400" size="14px" v-if="show" @click="openSubProject"></u-icon>
+        <u-icon
+          name="arrow-down"
+          class="text-gray-400"
+          size="14px"
+          v-else
+          @click="openSubProject(item.sonProjectList.length, index)"
+        ></u-icon>
+      </view>
+      <u-icon v-else name="arrow-right" class="text-gray-400" size="14px" @click="openProject(item)"></u-icon>
+    </view>
+    <!-- 有子项目 -->
+    <view v-if="show" class="ml-8">
+      <view v-for="subItem in item.sonProjectList" :key="subItem.id">
+        <view class="flex items-center justify-between p-3">
+          <u-icon class="mover" @click="openMenu(subItem)" size="48" name="https://www.tall.wiki/staticrec/drag.svg"></u-icon>
+
+          <view class="flex-1 px-3" @click="openProject(subItem)">
+            <view class="flex items-center">
+              <view class="mr-2">{{ subItem.name }}</view>
+              <!-- 状态 TODO:-->
+              <view class="px-2 text-xs text-green-400 bg-green-100 rounded-full">进行中</view>
+            </view>
+          </view>
+
+          <!-- 箭头 -->
+          <u-icon name="arrow-right" class="text-gray-400" size="14px" @click="openProject(subItem)"></u-icon>
+        </view>
+      </view>
+    </view>
+
+    <!-- 项目操作面板 -->
+    <u-action-sheet :tips="tips" :list="list" v-model="showMenu"></u-action-sheet>
+  </view>
+</template>
+
+<script>
+import { mapGetters, mapState } from 'vuex';
+
+export default {
+  props: {
+    item: {
+      type: Object,
+      default: () => {},
+    },
+    index: {
+      type: Number,
+      default: 0,
+    },
+  },
+  data() {
+    return {
+      showMenu: false,
+      tips: {
+        text: '',
+        color: '#909399',
+        fontSize: 28,
+      },
+      list: [{ text: '复制' }, { text: '编辑' }, { text: '删除' }, { text: '置顶' }],
+      projectLists: [],
+      show: false,
+      border: 'border border-blue-500 shadow rounded-md',
+      showBorder: false,
+
+      // 对应需要显示的标题
+      props: { label: 'label' },
+      lists: [{ label: '标题1' }, { label: '标题2' }, { label: '标题3' }, { label: '标题4' }, { label: '标题5' }],
+    };
+  },
+
+  computed: {
+    ...mapState('project', ['projects']),
+    ...mapGetters('user', ['userId']),
+  },
+
+  watch: {
+    projects(val) {
+      if (val) {
+        this.projectLists = [...this.projects];
+      }
+    },
+  },
+
+  mounted() {
+    this.projectLists = [...this.projects];
+  },
+
+  methods: {
+    SortChange(e) {
+      console.log(e);
+      // frontData 插到谁后面
+      // data 操作的数据
+    },
+
+    /**
+     * 打开项目
+     * @param {object} project 所点击的项目的信息
+     */
+    openProject(project) {
+      const { name, id, url } = project;
+      url && (uni.$t.domain = url);
+      this.$u.route('pages/project/project', {
+        u: this.userId,
+        p: id,
+        pname: name,
+        url: encodeURIComponent(url),
+      });
+    },
+
+    /**
+     * 弹出项目操作面板
+     */
+    openMenu(project) {
+      this.showMenu = true;
+      this.tips.text = project.name;
+    },
+
+    // 展开子项目
+    openSubProject(length, index) {
+      console.log('length, index: ', length, index);
+      this.show = !this.show;
+      if (length && index) {
+        this.$emit('changeHeight', length, index);
+      }
+    },
+  },
+};
+</script>
diff --git a/src/components/Projects/Projects copy.vue b/src/components/Projects/Projects copy.vue
new file mode 100644
index 0000000..073d320
--- /dev/null
+++ b/src/components/Projects/Projects copy.vue	
@@ -0,0 +1,206 @@
+<template>
+  <view class="py-3 mt-4 bg-white u-font-15">
+    <draggable
+      v-model="projectLists"
+      chosenClass="active"
+      animation="500"
+      @chang="change"
+      @start="start"
+      @end="end"
+      :move="move"
+      handle=".mover"
+    >
+      <view v-for="(project, index) in projectLists" :key="index">
+        <!-- 有子项目 -->
+        <view class="flex items-center justify-between p-3" :class="project.showBorder ? border : ''">
+          <u-icon class="mover" @click="openMenu(project)" size="48" name="https://www.tall.wiki/staticrec/drag.svg"></u-icon>
+
+          <view class="flex-1 px-3 divide-y divide-light-blue-400" @click="openProject(project)">
+            <view class="flex items-center mb-1">
+              <view class="mr-2">{{ project.name }}</view>
+              <!-- 状态 TODO:-->
+              <view class="px-2 text-xs text-green-400 bg-green-100 rounded-full">进行中</view>
+            </view>
+
+            <view class="flex items-center text-xs text-gray-400">
+              <view class="pr-2">{{ $moment(+project.startTime).format('MM-DD HH:mm') }}</view>
+              至
+              <view class="pl-2"> {{ $moment(+project.endTime).format('MM-DD HH:mm') }}</view>
+            </view>
+          </view>
+
+          <!-- 箭头 -->
+          <view v-if="project.subProject && project.subProject.length">
+            <u-icon name="arrow-up" class="text-gray-400" size="14px" v-if="show" @click="openSubProject"></u-icon>
+            <u-icon name="arrow-down" class="text-gray-400" size="14px" v-else @click="openSubProject"></u-icon>
+          </view>
+          <u-icon v-else name="arrow-right" class="text-gray-400" size="14px" @click="openProject(project)"></u-icon>
+        </view>
+        <!-- 有子项目 -->
+        <view v-if="show" class="ml-8">
+          <view v-for="subItem in project.subProject" :key="subItem.id">
+            <view class="flex items-center justify-between p-3">
+              <u-icon class="mover" @click="openMenu(subItem)" size="48" name="https://www.tall.wiki/staticrec/drag.svg"></u-icon>
+
+              <view class="flex-1 px-3" @click="openProject(subItem)">
+                <view class="flex items-center">
+                  <view class="mr-2">{{ subItem.name }}</view>
+                  <!-- 状态 TODO:-->
+                  <view class="px-2 text-xs text-green-400 bg-green-100 rounded-full">进行中</view>
+                </view>
+              </view>
+
+              <!-- 箭头 -->
+              <u-icon name="arrow-right" class="text-gray-400" size="14px" @click="openProject(subItem)"></u-icon>
+            </view>
+          </view>
+        </view>
+      </view>
+    </draggable>
+
+    <!-- 项目操作面板 -->
+    <u-action-sheet :tips="tips" :list="list" v-model="showMenu"></u-action-sheet>
+  </view>
+</template>
+
+<script>
+import draggable from 'vuedraggable';
+import { mapGetters, mapState } from 'vuex';
+
+export default {
+  components: { draggable },
+  data() {
+    return {
+      showMenu: false,
+      tips: {
+        text: '',
+        color: '#909399',
+        fontSize: 28,
+      },
+      list: [{ text: '复制' }, { text: '编辑' }, { text: '删除' }, { text: '置顶' }],
+      projectLists: [],
+      show: false,
+      border: 'border border-blue-500 shadow rounded-md',
+      showBorder: false,
+    };
+  },
+
+  computed: {
+    ...mapState('project', ['projects']),
+    ...mapGetters('user', ['userId']),
+  },
+
+  watch: {
+    projects(val) {
+      if (val) {
+        this.projectLists = [...this.projects];
+
+        const arr = [
+          {
+            endTime: '1659680363000',
+            id: '1420652719055835520',
+            name: '测试子项目',
+            startTime: '1596608363000',
+            status: 1,
+            url: 'https://www.tall.wiki/gateway/qcp/v3.0',
+          },
+        ];
+        this.projectLists[0].subProject = [...arr];
+        console.log('this.projectLists[0]: ', this.projectLists[0]);
+      }
+    },
+  },
+
+  mounted() {
+    this.projectLists = [...this.projects];
+    const arr = [
+      {
+        endTime: '1659680363000',
+        id: '1420652719055835520',
+        name: '测试子项目',
+        startTime: '1596608363000',
+        status: 1,
+        url: 'https://www.tall.wiki/gateway/qcp/v3.0',
+      },
+    ];
+    this.projectLists[0].subProject = [...arr];
+  },
+
+  methods: {
+    change(event) {
+      console.log('change', event);
+    },
+    start(event) {
+      console.log('开始', event);
+    },
+    end(event) {
+      console.log('结束', event, this.groups);
+      this.showBorder = false;
+    },
+    move(event, orgin) {
+      console.log('move', event, orgin);
+      // 移动的位置
+      console.log('clientX', orgin.clientX);
+      console.log('clientY', orgin.clientY);
+      if (orgin.clientX > 60) {
+        // this.showBorder = true;
+        console.log('this.showBorder: ', this.showBorder);
+        this.projectLists[event.draggedContext.futureIndex].showBorder = true;
+        // this.projectLists[event.draggedContext.futureIndex].subProject = this.projectLists[event.relatedContext.index]
+      } else {
+        // this.showBorder = false;
+        this.projectLists[event.draggedContext.futureIndex].showBorder = false;
+      }
+
+      // 移动前的位置
+      console.log('移动前', event.draggedContext);
+      // 移动后的位置
+      console.log('移动后', event.relatedContext);
+      // 返回新数组
+      // [this.projectLists[event.draggedContext.index], this.projectLists[event.relatedContext.index]] = [
+      //   this.projectLists[event.relatedContext.index],
+      //   this.projectLists[event.draggedContext.index],
+      // ];
+    },
+
+    /**
+     * 打开项目
+     * @param {object} project 所点击的项目的信息
+     */
+    openProject(project) {
+      const { name, id, url } = project;
+      url && (uni.$t.domain = url);
+      this.$u.route('pages/project/project', {
+        u: this.userId,
+        p: id,
+        pname: name,
+        url: encodeURIComponent(url),
+      });
+    },
+
+    /**
+     * 弹出项目操作面板
+     */
+    openMenu(project) {
+      this.showMenu = true;
+      this.tips.text = project.name;
+    },
+
+    // 展开子项目
+    openSubProject() {
+      this.show = !this.show;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.order {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 32px;
+  height: 32px;
+  font-size: 13px;
+}
+</style>
diff --git a/src/components/Projects/Projects.vue b/src/components/Projects/Projects.vue
index 6338842..a240d4d 100644
--- a/src/components/Projects/Projects.vue
+++ b/src/components/Projects/Projects.vue
@@ -1,39 +1,38 @@
 <template>
   <view class="py-3 mt-4 bg-white u-font-15">
-    <view v-for="(project, index) in projects" :key="index">
-      <!-- 有子项目 -->
-      <view class="flex items-center justify-between p-3">
-        <view class="text-blue-400 border border-blue-200 rounded-full order bg-blue-50">
-          {{ index + 1 }}
-        </view>
+    <!-- <PrettyExchange :list="projectLists"></PrettyExchange> -->
 
-        <view class="flex-1 px-3">
-          <view class="flex items-center mb-1">
-            <view class="mr-2">{{ project.name }}</view>
-            <!-- 状态 TODO:-->
-            <view class="px-2 text-xs text-green-400 bg-green-100 rounded-full">进行中</view>
-          </view>
+    <pretty-exchange :list="projectLists"></pretty-exchange>
 
-          <view class="flex items-center text-xs text-gray-400">
-            <view class="pr-2">{{ $moment(+project.startTime).format('MM-DD HH:mm') }}</view>
-            至
-            <view class="pl-2"> {{ $moment(+project.endTime).format('MM-DD HH:mm') }}</view>
-          </view>
-        </view>
-
-        <!-- 箭头 -->
-        <u-icon name="arrow-right" class="text-gray-400" size="14px" @click="openProject(project)"></u-icon>
-      </view>
-    </view>
+    <!-- 项目操作面板 -->
+    <!-- <u-action-sheet :tips="tips" :list="list" v-model="showMenu"></u-action-sheet> -->
   </view>
 </template>
 
 <script>
 import { mapGetters, mapState } from 'vuex';
+import PrettyExchange from '../pretty-exchange/pretty-exchange.vue';
 
 export default {
+  components: { PrettyExchange },
   data() {
-    return {};
+    return {
+      showMenu: false,
+      tips: {
+        text: '',
+        color: '#909399',
+        fontSize: 28,
+      },
+      list: [{ text: '复制' }, { text: '编辑' }, { text: '删除' }, { text: '置顶' }],
+      projectLists: [],
+      show: false,
+      border: 'border border-blue-500 shadow rounded-md',
+      showBorder: false,
+
+      // 对应需要显示的标题
+      props: { label: 'label' },
+      lists: [{ label: '标题1' }, { label: '标题2' }, { label: '标题3' }, { label: '标题4' }, { label: '标题5' }],
+    };
   },
 
   computed: {
@@ -41,7 +40,25 @@ export default {
     ...mapGetters('user', ['userId']),
   },
 
+  watch: {
+    projects(val) {
+      if (val) {
+        this.projectLists = [...this.projects];
+      }
+    },
+  },
+
+  mounted() {
+    this.projectLists = [...this.projects];
+  },
+
   methods: {
+    SortChange(e) {
+      console.log(e);
+      // frontData 插到谁后面
+      // data 操作的数据
+    },
+
     /**
      * 打开项目
      * @param {object} project 所点击的项目的信息
@@ -56,17 +73,19 @@ export default {
         url: encodeURIComponent(url),
       });
     },
+
+    /**
+     * 弹出项目操作面板
+     */
+    openMenu(project) {
+      this.showMenu = true;
+      this.tips.text = project.name;
+    },
+
+    // 展开子项目
+    openSubProject() {
+      this.show = !this.show;
+    },
   },
 };
 </script>
-
-<style lang="scss" scoped>
-.order {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 32px;
-  height: 32px;
-  font-size: 13px;
-}
-</style>
diff --git a/src/components/pretty-exchange/pretty-exchange.vue b/src/components/pretty-exchange/pretty-exchange.vue
new file mode 100644
index 0000000..f200380
--- /dev/null
+++ b/src/components/pretty-exchange/pretty-exchange.vue
@@ -0,0 +1,193 @@
+<template>
+  <view class="">
+    <scroll-view scroll-y="true" style="height: 80%">
+      <view
+        class="cu-item"
+        :id="'cu-' + index"
+        v-for="(item, index) in itemList"
+        :key="index"
+        @touchstart="start($event, index)"
+        @touchmove.stop.prevent="move"
+        @touchend="stops($event, index)"
+        :style="{ 'background-color': item.color }"
+      >
+        <project-item :item="item" :index="index"></project-item>
+      </view>
+    </scroll-view>
+
+    <!-- 移动悬浮 begin -->
+    <view v-if="showMoveImage">
+      <view
+        class="cu-item"
+        style="position: absolute"
+        :style="{ left: moveLeft + 'px', top: moveTop + 'px', 'background-color': moveItem.color }"
+      >
+        <project-item :item="moveItem"></project-item>
+      </view>
+    </view>
+    <!-- 移动悬浮 end -->
+  </view>
+</template>
+
+<script>
+import ProjectItem from '../Projects/ProjectItem.vue';
+
+export default {
+  components: { ProjectItem },
+  name: 'exchange',
+  model: {
+    prop: 'showPop',
+    event: 'change',
+  },
+  props: {
+    list: {
+      // 数据交换列表
+      type: Array,
+      default() {
+        return [];
+      },
+    },
+  },
+  data() {
+    return {
+      itemTop: 0,
+      itemLeft: 0,
+      itemHeight: 0, // 移动元素的高度
+      itemWidth: 0, // 移动元素的宽度
+      showMoveImage: false,
+      moveItem: '',
+      moveLeft: 0,
+      moveTop: 0,
+      deltaLeft: 0,
+      deltaTop: 0,
+      marginDis: 0,
+      beginleft: 0,
+      begintop: 0,
+      itemList: [],
+    };
+  },
+  mounted: function () {
+    this.$nextTick(function () {
+      this.itemList = this.list;
+    });
+    setTimeout(() => {
+      const query = uni.createSelectorQuery().in(this);
+      query
+        .select(`#cu-0`)
+        .boundingClientRect(data => {
+          console.log(data);
+          this.begintop = data.top;
+          this.beginleft = data.left;
+        })
+        .exec();
+      query
+        .select(`#cu-1`)
+        .boundingClientRect(data => {
+          this.marginDis = (data.top - this.begintop - data.height) / 2; // 元素之间的margin值
+        })
+        .exec();
+    });
+  },
+  watch: {
+    list(val, oldVal) {
+      console.log('oldVal: ', oldVal);
+      this.itemList = val;
+    },
+  },
+  created() {},
+  methods: {
+    start(e, index) {
+      console.log('e, index: ', e, index);
+      const query = uni.createSelectorQuery().in(this);
+      query
+        .select(`#cu-${index}`)
+        .boundingClientRect(data => {
+          console.log('data: ', data);
+          //#ifdef H5
+          // this.moveTop = data.top - data.height;
+          //#endif
+          //#ifndef H5
+          // this.moveTop = data.top;
+          //#endif
+          this.moveTop = data.top;
+
+          this.moveLeft = data.left;
+          this.moveItem = this.itemList[index];
+          this.itemWidth = data.width;
+          this.itemHeight = data.height;
+          this.showMoveImage = true; //悬浮开始
+        })
+        .exec();
+    },
+
+    move(e) {
+      const touch = e.touches[0];
+      console.log('touch: ', touch);
+      if (this.deltaLeft == 0) {
+        // 获得本身的移动
+        this.deltaLeft = touch.pageX - this.moveLeft;
+        this.deltaTop = touch.pageY - this.moveTop;
+      }
+      this.moveLeft = touch.pageX - this.deltaLeft;
+      this.moveTop = touch.pageY - this.deltaTop;
+      console.log('this.moveLeft: ', this.moveLeft);
+      console.log('this.moveTop: ', this.moveTop);
+    },
+
+    stops(e, index) {
+      console.log('e, index: ', e, index);
+      const touch = e.mp.changedTouches[0];
+      console.log('touch: ', touch);
+      // let lastIndex = (lastIndex = this.findOverIndex(touch.pageY));
+      // 交换两个值
+      // let Value = this.itemList[index];
+      // this.itemList[index] = this.itemList[lastIndex];
+      // this.itemList[lastIndex] = Value;
+      // this.deltaLeft == 0;
+      this.showMoveImage = false;
+      // this.$emit('change', this.itemList);
+    },
+
+    // 找到停下的元素的下标
+    findOverIndex(posY) {
+      console.log('posY: ', posY);
+      let leng = this.itemList.length * this.itemHeight + this.marginDis * 2 * (this.itemList.length - 1); // 最后一个元素距离顶部的距离
+      for (var i = 0; i < this.itemList.length; i++) {
+        let begin = this.itemHeight * i + this.begintop;
+        let end = this.itemHeight * i + this.begintop + this.itemHeight + this.marginDis * 2 * i;
+        if (begin <= posY && end >= posY) {
+          return i;
+        }
+      }
+      if (posY > leng) {
+        // 交换最后一个
+        return this.itemList.length - 1;
+      } else if (posY < this.begintop) {
+        return 0;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.cu-item {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+
+.staffimage {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  margin: 0 20px;
+}
+
+.staffimage image {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+}
+</style>