任务计时系统技术设计说明文档

1.任务表

task_time

字段	说明	示例
id	主键	1
name	任务名称	写年终总结
describe	任务描述	无
level	任务等级	1：普通 2：严重 3：紧急
type	任务类型	1：正计时 2：倒计时
state	任务状态	1：进行中 2：暂停中 3：已恢复 4：已停止
start_time	开始时间	任务开始时间
pause_time	暂停时间	1576652089
resumed_time	恢复时间	1576652089
total_time	至恢复时间的总计时，单位毫秒	8000000
countdown_time	已运行时间，用于暂停恢复后，进行统计。
related_user	相关用户	user1 ID，user2 ID
note	备注	无

2.登录时获取所有任务已耗用时间

3.暂停

4.使用技术

• vuex
• vue.store
• vue.localStorage

5.算法说明

服务器时间：t0
任务开始时间：t1
任务恢复时间：t3
用户登录时长：t4
任务运行时长：t5

• 任务截至请求时的运行时间

1、任务没有中途暂停过：t0-t1
2、任务中途暂停过：(t0-t3)+t5

• 计时功能

通过js的setInterval方法实现计时，每秒钟t4++；

• 服务器时钟同步和刷新

每60秒进行服务器时间同步，每次同步后，t4=0；

5.运行流程

1. 用户登录成功后，请求任务列表接口，得到任务数据。
2. 通过localStorage缓存在客户端。
3. 通过vue.store实现计时功能。

6.截图