diff --git a/CHANGELOG.md b/CHANGELOG.md index 6f8015e..4f2b5c4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,4 +1,4 @@ -# 0.1.0 (2021-08-11) +# 0.1.0 (2021-08-13) ### 🌟 新功能 范围|描述|commitId @@ -14,6 +14,7 @@ task status | 任务状态切换未完 | 7ffd135 - | ws storage | 21b3a06 - | 上传逻辑变化 | 3ff1dc2 + - | 任务状态时间显示 | 56f5183 - | 任务进行中状态数字 | 27b7326 - | 全局插件及默认插件位置修改 | 6c80d08 - | 向右箭头图标变化 | 8e9ca55 @@ -22,6 +23,7 @@ - | 定期任务面板骨架屏添加 | b2698c0 富文本插件 | 富文本插件demo测试 | ed3d644 - | 导入wbs | 1224fcb + - | 导入项目,更新项目 | 5e06adf - | 导入项目后提示并打开项目详情页 | 410f527 - | 引入dayjs | 29b8b93 - | 提交到本地 | 9cbe411 @@ -46,6 +48,51 @@ - | 项目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) + - | 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) + - | 添加时间轴上下滚动 | [2b81bbc](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/2b81bbc) + - | 点击日历日期查询项目列表 | [c458385](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c458385) + - | 角色栏实现 | [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) + - | 配置默认插件接口 | [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) ### 🎨 代码样式 @@ -81,29 +128,36 @@ roles | 修复默认显示不是我的角色的问题 | b69f94f role | 切换角色的逻辑修正完善 | 4ae534f task任务逻辑完善 | 减少初始global及regular的不必要请求 | bd4bd38 + - | title.vue根据页面栈显示返回按钮；标题文本超出显示... | 0cbacf4 - | 上下滑动加载定期任务 | 4090d89 - | 上下滚动时间轴 | d533a01 - | 下拉加载定期任务传参，时间格式化修改 | 0b95a0e - | 任务开始时间延迟插件 | 992a313 - | 修改main | 749ae9a + - | 修改小红点传参 | 87b20fd - | 修改报错 | 531c14d - | 修改接口路径 | df6acf2 - | 修改角色栏组件 | a54c601 + - | 切换到默认项目角色没有激活状态的bug | 438d448 - | 切换日历时查询小红点 | 7091789 - | 定期任务接口 | aa4981c - | 定期任务插件 | 92b3254 - | 定期任务未加载时,显示空的时间轴并能上下滑动 | ce38093 + - | 定期任务骨架屏修改 | 8ff72dd - | 平车演示临时去掉项目快捷方式的toast提示 | e0b2c23 - | 手动展开日常任务 | 0a4a622 - | 提示信息显示bug及日常任务收缩问题 | f2f06c5 - | 插件bug解决 | 41257eb + - | 收到消息修改任务状态 | c378063 - | 日常任务html数据查验 | 880ce5c - | 日常任务插件遍历时的key值修改 | cd26285 - | 日常任务插件面板高度修改 | 249f9e4 - | 时间轴上下滑动 | 4d0ae46 - | 时间轴上下滚动数据加载bug修改 | e82ede4 - | 时间轴插件 | 225d3cc + - | 时间轴无任务时时间刻度加载修改 | 4921672 - | 时间轴骨架屏修改 | ca78d02 + - | 角色显示状态修改 | 7d3b906 - | 角色栏修改 | 19228d6 - | 解决时间轴报错 | da1eece - | 骨架屏替换 | e9fdd71 @@ -118,24 +172,30 @@ - | 下拉加载定期任务传参，时间格式化修改 | [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) + - | 切换到默认项目角色没有激活状态的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) - | 定期任务接口 | [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) + - | 定期任务骨架屏修改 | [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) - | 日常任务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) - | 时间轴骨架屏修改 | [ca78d02](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/ca78d02) + - | 角色显示状态修改 | [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) - | 骨架屏替换 | [e9fdd71](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/e9fdd71) @@ -150,7 +210,11 @@ ### 🔧 测试 范围|描述|commitId --|--|-- + - | 暂时移除了jest浏览器配置 | 5088d01 + - | 添加测试，测试utils/time.js的computeDurationText | e758010 - | 禁用任务开始操作 | b5425db + - | 添加测试，测试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) ### 🔨 代码重构 @@ -207,3 +271,6 @@ - | 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/jest.config.js b/jest.config.js new file mode 100644 index 0000000..1fe3e29 --- /dev/null +++ b/jest.config.js @@ -0,0 +1,52 @@ +module.exports = { + globalTeardown: '@dcloudio/uni-automator/dist/teardown.js', + // testEnvironment: '@dcloudio/uni-automator/dist/environment.js', + testEnvironmentOptions: { + compile: true, + h5: { + // 为了节省测试时间，可以指定一个 H5 的 url 地址，若不指定，每次运行测试，会先 npm run dev:h5 + url: 'http://localhost:8080/tall/v3.0.1/#/h5', + options: { + headless: true, // 配置是否显示 puppeteer 测试窗口 + args: ['--no-sandbox'], + }, + }, + 'app-plus': { + // 需要安装 HBuilderX + android: { + executablePath: 'HBuilderX/plugins/launcher/base/android_base.apk', // apk 目录 + }, + ios: { + // uuid 必须配置，目前仅支持模拟器，可以（xcrun simctl list）查看要使用的模拟器 uuid + id: '', + executablePath: 'HBuilderX/plugins/launcher/base/Pandora_simulator.app', // ipa 目录 + }, + }, + 'mp-weixin': { + port: 9420, // 默认 9420 + account: '', // 测试账号 + args: '', // 指定开发者工具参数 + cwd: '', // 指定开发者工具工作目录 + launch: true, // 是否主动拉起开发者工具 + teardown: 'disconnect', // 可选值 "disconnect"|"close" 运行测试结束后，断开开发者工具或关闭开发者工具 + remote: false, // 是否真机自动化测试 + executablePath: '', // 开发者工具cli路径，默认会自动查找, windows: C:/Program Files (x86)/Tencent/微信web开发者工具/cli.bat", mac: /Applications/wechatwebdevtools.app/Contents/MacOS/cli + }, + 'mp-baidu': { + port: 9430, // 默认 9430 + args: '', // 指定开发者工具参数 + cwd: '', // 指定开发者工具工作目录 + launch: true, // 是否主动拉起开发者工具 + teardown: 'disconnect', // 可选值 "disconnect"|"close" 运行测试结束后，断开开发者工具或关闭开发者工具 + remote: false, // 是否真机自动化测试 + executablePath: '', // 开发者工具cli路径，默认会自动查找 + }, + }, + testTimeout: 15000, + reporters: ['default'], + watchPathIgnorePatterns: ['/node_modules/', '/dist/', '/.git/'], + moduleFileExtensions: ['js', 'json'], + rootDir: __dirname, + testMatch: ['/src/test/**/*test.[jt]s?(x)'], // 测试文件目录 + testPathIgnorePatterns: ['/node_modules/'], +}; diff --git a/package.json b/package.json index 240011d..5ca43c4 100644 --- a/package.json +++ b/package.json @@ -7,6 +7,7 @@ "build": "npm run build:h5", "lint": "vue-cli-service lint", "fix": "vue-cli-service lint --fix", + "test": "npm run test:h5", "dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve --mode development", "dev:h5-pro": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve --mode production", "build:h5-test": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build --mode development", @@ -89,6 +90,7 @@ "postcss-class-rename": "^1.0.1", "postcss-comment": "^2.0.0", "prettier": "^2.2.1", + "puppeteer": "^10.2.0", "right-pad": "^1.0.1", "sass-loader": "^8.0.2", "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.7", diff --git a/src/App.vue b/src/App.vue index a220086..f78c549 100644 --- a/src/App.vue +++ b/src/App.vue @@ -14,6 +14,7 @@ export default { await this.getToken(options.query.u); } } + this.initSocket(); }, onShow: function () { console.log('App Show'); @@ -24,11 +25,15 @@ export default { computed: mapState('user', ['token']), - methods: { ...mapActions('user', ['getToken']) }, + methods: { + ...mapActions('user', ['getToken']), + ...mapActions('socket', ['initSocket']), + }, }; diff --git a/src/common/styles/app.scss b/src/common/styles/app.scss new file mode 100644 index 0000000..8da9867 --- /dev/null +++ b/src/common/styles/app.scss @@ -0,0 +1,3 @@ +.min-0 { + min-width: 0; +} diff --git a/src/components/Calendar/Calendar.vue b/src/components/Calendar/Calendar.vue index 8dcd9d7..57afd47 100644 --- a/src/components/Calendar/Calendar.vue +++ b/src/components/Calendar/Calendar.vue @@ -39,7 +39,7 @@ {{ item.time.getDate() }} - + @@ -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 }, ], }; }, @@ -68,7 +58,7 @@ export default { methods: { ...mapActions('task', ['handleRegularTask']), ...mapMutations('role', ['setRoleId']), - ...mapMutations('task', ['setTasks', 'setPermanents', 'setDailyTasks', 'clearEndFlag']), + ...mapMutations('task', ['setPermanents', 'setDailyTasks', 'clearEndFlag']), // 设置滚动位置 setCurrentRole(index) { @@ -101,11 +91,10 @@ export default { this.setRoleId(id); //改变index 即手动点击切换 我在此时将当前元素赋值给左边距 实现自动滚动 this.setCurrentRole(index); - // 清空定期任务数据 - this.setTasks(); // 清空日常任务的数据 this.setPermanents([]); this.setDailyTasks([]); + // 清空定期任务数据 // 到顶的标志复位 // 到底的标志复位 this.clearEndFlag(); @@ -131,15 +120,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/TimeLine.vue b/src/components/TimeLine/TimeLine.vue index 9b85f91..5f582a2 100644 --- a/src/components/TimeLine/TimeLine.vue +++ b/src/components/TimeLine/TimeLine.vue @@ -14,9 +14,7 @@ > - - @@ -56,32 +54,36 @@ export default { // 滚动到顶部 async handleScrollTop() { - if (this.topEnd) return; + if (!this.tasks || !this.tasks.length) return; const startTime = this.tasks[0].planStart - 0; - if (this.tasks[0].plugins && this.tasks[0].plugins.length === 0 && !this.topEnd) { + if ((this.tasks[0].plugins && this.tasks[0].plugins.length === 0) || this.topEnd) { // 没有数据时 自动加载数据 - console.warn('没有数据时: '); + console.warn('滚动到顶部没有数据时: '); const addTasks = [ { panel: {}, plugins: [], + process: 4, planStart: this.$t.time.add(startTime, -3, 'day').valueOf(), }, { panel: {}, plugins: [], + process: 4, planStart: this.$t.time.add(startTime, -2, 'day').valueOf(), }, { panel: {}, plugins: [], + process: 4, planStart: this.$t.time.add(startTime, -1, 'day').valueOf(), }, ]; - this.setUpTasks([...addTasks.concat(this.tasks)]); + + this.setUpTasks(addTasks); } else { // 有数据时 - console.warn('有数据时: '); + console.warn('滚动到顶部有数据时: '); const upQuery = { timeNode: startTime, queryType: 0, @@ -93,29 +95,33 @@ export default { // 滚动到底部 async handleScrollBottom() { - if (this.bottomEnd) return; + if (!this.tasks || !this.tasks.length) return; const { tasks, timeGranularity } = this; const startTime = tasks[tasks.length - 1].planStart - 0; - if (tasks[0].plugins && tasks[0].plugins.length === 0 && !this.topEnd) { + if ((tasks[0].plugins && tasks[0].plugins.length === 0) || this.bottomEnd) { // 没有数据时 自动加载数据 + console.warn('滚动到底部没有数据时: '); const addTasks = [ { panel: {}, plugins: [], + process: 4, planStart: this.$t.time.add(startTime, 1, timeGranularity).valueOf(), }, { panel: {}, plugins: [], + process: 4, planStart: this.$t.time.add(startTime, 2, timeGranularity).valueOf(), }, { panel: {}, plugins: [], + process: 4, planStart: this.$t.time.add(startTime, 3, timeGranularity).valueOf(), }, ]; - this.setDownTasks([...tasks.concat(addTasks)]); + this.setDownTasks(addTasks); } else { // 时间基准点=最后一个任务的开始时间+当前时间颗粒度 const timeNode = this.$t.time.add(startTime, 1, timeGranularity).valueOf(); diff --git a/src/components/TimeLine/component/TimeBox.vue b/src/components/TimeLine/component/TimeBox.vue index 5fd049f..4889bdb 100644 --- a/src/components/TimeLine/component/TimeBox.vue +++ b/src/components/TimeLine/component/TimeBox.vue @@ -1,18 +1,19 @@