feat: 添加顶部导航栏和详情页

4 years ago · 2a63485fdb
8 changed files with 246 additions and 131 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,56 +1,8 @@
-# 0.1.0 (2021-09-30)
+# 0.1.0 (2021-10-19)

 ### 🌟 新功能
 范围|描述|commitId
 --|--|--
- - | 绑定手机号 | 52e0352
- - | 标题栏变化 | 3898cfe
- - | 标题栏变化 | c0fcd9d
- - | 标题栏角色栏全局任务组件新建 | 0500cb4
- - | 插件参数处理调整 | a3e68d3
- - | 插件数据获取 | 5b91bdc
- - | 存token | b8a178d
- - | 导入项目,更新项目 | 5e06adf
- - | 导入项目后提示并打开项目详情页 | 410f527
- - | 导入wbs | 1224fcb
- - | 登录提示是否合并账号 | 6a9b054
- - | 点击日历日期查询项目列表 | c458385
- - | 定期任务面板骨架屏添加 | b2698c0
- 富文本插件 | 富文本插件demo测试 | ed3d644
- - | 缓存修改 | 63e1f0d
- - | 获取用户收取那，提交用户信息 | a3c54f1
- - | 角色栏实现 | 94cd671
- - | 距调整pc端 | 5069aa1
- - | 面变化首页变化 | 5e860f1
- - | 模拟接口测试 | 69e7931
- - | 配置默认插件接口 | f0c177d
- - | 全局插件及默认插件位置修改 | 6c80d08
- - | 任务进行中状态数字 | 27b7326
- - | 任务状态时间显示 | 56f5183
- - | 日常任务插件调整 | c1881f9
- - | 日历定位;合并 | ea3f937
- - | 删除项目 | 00b886c
- - | 上传逻辑变化 | 3ff1dc2
- - | 设置小红点 | 9316bcb
- - | 升级版本v3.1.0；tailwindcss添加class | 9ef05e1
- - | 时间基准线，默认插件 | a33ba1e
- - | 时间轴界面 | 33927e9
- - | 时间轴修改状态时提示框增加 | e841392
- - | 适配小程序；小程序登录 | cefc0eb
- - | 首页项目样式改变 | 8514c85
- - | 提交到本地 | 9cbe411
- - | 添加 环境变量，动态控制webview project的path | 8a40481
- - | 添加时间轴上下滚动 | 2b81bbc
- - | 添加项目排序 | a0b491b
- - | 添加子任务插件 子项目插件 | 7bda7e2
- - | 细节调整，添加project-webview | 4d9050b
- - | 向右箭头图标变化 | 8e9ca55
- - | 项目列表, 项目url | 32e005b
- - | 项目列表排序 | 224c58b
- - | 项目api url设置 | 6cd5245
- - | 修改小程序id | 4206bf2
- - | 引入dayjs | 29b8b93
- - | 字体大小更改 | 82cfdd4
 - | api封装 | 7d4edfc
 bind phone | 图形验证码；短信验证码；绑定手机号 | 93ffea2
 - | cache indexedDB处理 | 3388967
@ -68,93 +20,142 @@
 - | tall插件封装 | 1bcb920
 task status | 任务状态切换未完 | 7ffd135
 - | ws storage | 21b3a06
+ - | 上传逻辑变化 | 3ff1dc2
+ - | 任务状态时间显示 | 56f5183
+ - | 任务进行中状态数字 | 27b7326
+ - | 修改小程序id | 4206bf2
+ - | 全局插件及默认插件位置修改 | 6c80d08
+ - | 删除项目 | 00b886c
+ - | 升级版本v3.1.0；tailwindcss添加class | 9ef05e1
+ - | 向右箭头图标变化 | 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
+ - | 添加 环境变量，动态控制webview project的path | 8a40481
+ - | 添加子任务插件 子项目插件 | 7bda7e2
+ - | 添加时间轴上下滚动 | 2b81bbc
+ - | 添加项目排序 | a0b491b
+ - | 点击日历日期查询项目列表 | c458385
+ - | 登录提示是否合并账号 | 6a9b054
+ - | 登录时提示是否合并账号样式修改 | d82bf1a
+ - | 细节调整，添加project-webview | 4d9050b
+ - | 绑定手机号 | 52e0352
+ - | 缓存修改 | 63e1f0d
+ - | 获取用户收取那，提交用户信息 | a3c54f1
+ - | 角色栏实现 | 94cd671
+ - | 设置小红点 | 9316bcb
+ - | 距调整pc端 | 5069aa1
+ - | 适配小程序；小程序登录 | cefc0eb
+ - | 配置默认插件接口 | f0c177d
+ - | 面变化首页变化 | 5e860f1
+ - | 项目api url设置 | 6cd5245
+ - | 项目列表, 项目url | 32e005b
+ - | 项目列表排序 | 224c58b
+ - | 首页项目样式改变 | 8514c85


 ### 🎨 代码样式
 范围|描述|commitId
 --|--|--
- - | 代码格式细节调整 | cb2532b
+ - | calendar注释 | a2ec112
+ - | indexedDB.js格式整理 | b0d3a36
 - | 代码审查 | d75134c
- - | 格式细节调整 | b907a03
- - | 更新代码 | 8c27e68
- - | 更新代码 | 1f40a76
+ - | 代码格式细节调整 | cb2532b
 - | 任务快捷方式图标增加 | 4aba872
- - | 日常任务修改 | dfa7ee2
- - | 删除插件携带的多余文件 | 0f392bb
- - | 删除多余字段 | 5ae3973
- - | 删除没用代码 | 34b20e1
+ - | 修改角色样式 | 73e268e
 - | 删除calendar中多余的console | e339eec
 - | 删除console.log | 5064a38
 - | 删除index中没用的alert代码 | 9c9eec7
 - | 删除mock,console;upload添加loading | 99d42e2
- - | 添加插件数据 | 2f11b42
+ - | 删除多余字段 | 5ae3973
+ - | 删除插件携带的多余文件 | 0f392bb
+ - | 删除没用代码 | 34b20e1
 - | 图标修改 | 54bca09
 - | 无基本变化 | 21ac4bb
- - | 细节调整 | 2cfc09a
- - | 修改角色样式 | 73e268e
+ - | 日常任务修改 | dfa7ee2
+ - | 更新代码 | 8c27e68
+ - | 更新代码 | 1f40a76
+ - | 格式细节调整 | b907a03
+ - | 添加插件数据 | 2f11b42
 - | 组件新建 | 89c0035
- - | calendar注释 | a2ec112
- - | indexedDB.js格式整理 | b0d3a36
+ - | 细节调整 | 2cfc09a


 ### 🐛 Bug 修复
 范围|描述|commitId
 --|--|--
 - | 1.时间轴数据渲染 2.时间基准线 | d643af2
- - | 插件bug解决 | 41257eb
+ - | 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
+ - | 修改样式 | f0ddc90
+ - | 修改角色栏组件 | a54c601
+ - | 切换到默认项目角色没有激活状态的bug | 438d448
+ - | 切换日历时查询小红点 | 7091789
 - | 初始展示角色修改 | 2ac4053
+ - | 定期任务key值修改 | c6688db
+ - | 定期任务接口 | aa4981c
+ - | 定期任务插件 | 92b3254
+ - | 定期任务未加载时,显示空的时间轴并能上下滑动 | ce38093
 - | 定期任务本地缓存和api赋值,未完成 | 5a10856
 定期任务本地缓存和api赋值,未完成 | 定期任务本地缓存和api赋值,未完成 | b22a366
- - | 定期任务插件 | 92b3254
 - | 定期任务骨架屏修改 | 8ff72dd
- - | 定期任务接口 | aa4981c
- - | 定期任务未加载时,显示空的时间轴并能上下滑动 | ce38093
- - | 定期任务key值修改 | c6688db
- - | 骨架屏替换 | e9fdd71
- - | 监听时间基本点 | 033fca0
- - | 角色栏修改 | 19228d6
- - | 角色显示状态修改 | 7d3b906
- - | 解决时间轴报错 | da1eece
 - | 平车演示临时去掉项目快捷方式的toast提示 | e0b2c23
- - | 切换到默认项目角色没有激活状态的bug | 438d448
- - | 切换日历时查询小红点 | 7091789
- - | 任务开始时间延迟插件 | 992a313
+ - | 手动展开日常任务 | 0a4a622
+ - | 提示信息显示bug及日常任务收缩问题 | f2f06c5
+ - | 插件bug解决 | 41257eb
+ - | 收到消息修改任务状态 | c378063
+ - | 日历无任务时添加小绿点,时间轴刻度无任务不显示时分 | 0f90868
+ - | 日常任务html数据查验 | 880ce5c
 - | 日常任务插件遍历时的key值修改 | cd26285
 - | 日常任务插件面板高度修改 | 249f9e4
- - | 日常任务html数据查验 | 880ce5c
- - | 日历无任务时添加小绿点,时间轴刻度无任务不显示时分 | 0f90868
- - | 上下滚动时间轴 | d533a01
- - | 上下滑动加载定期任务 | 4090d89
- - | 设置时间轴自动滚动到当前位置 | a3474f8
- - | 时间轴插件 | 225d3cc
- - | 时间轴骨架屏修改 | ca78d02
- - | 时间轴滚动位置修改 | 551da63
- - | 时间轴上下滚动数据加载bug修改 | e82ede4
 - | 时间轴上下滑动 | 4d0ae46
+ - | 时间轴上下滚动数据加载bug修改 | e82ede4
+ - | 时间轴插件 | 225d3cc
 - | 时间轴无任务时时间刻度加载修改 | 4921672
- - | 收到消息修改任务状态 | c378063
- - | 手动展开日常任务 | 0a4a622
- - | 提示信息显示bug及日常任务收缩问题 | f2f06c5
+ - | 时间轴滚动位置修改 | 551da63
+ - | 时间轴骨架屏修改 | ca78d02
+ - | 监听时间基本点 | 033fca0
+ - | 角色显示状态修改 | 7d3b906
+ - | 角色栏修改 | 19228d6
+ - | 解决时间轴报错 | da1eece
+ - | 设置时间轴自动滚动到当前位置 | a3474f8
 - | 跳转详情页返回路径修改 | c5e17c0
- - | 下拉加载定期任务传参，时间格式化修改 | 0b95a0e
- 项目列表排序 | 项目列表排序 | 402c563
 - | 项目列表排序修改 | fd3c3ac
 - | 项目列表排序修改 | 59f4c21
- - | 修改报错 | 531c14d
- - | 修改定期任务状态0和4时不加载圆圈 | 30e352f
- - | 修改角色栏组件 | a54c601
- - | 修改接口路径 | df6acf2
- - | 修改小红点传参 | 87b20fd
- - | 修改样式 | f0ddc90
- - | 修改main | 749ae9a
- - | api 存storage | 81032ba
- ID1000343 | 解决向下预加载查询参数时间没+1颗粒度;以及滚动加载颗粒度写死的问题 | 940603a, closes #ID1000343
- plugin | 插件解析机制完善 | 0f5a27d
- project title | 项目标题修改; 切换角色移除script | 5c20017
- role | 切换角色的逻辑修正完善 | 4ae534f
- roles | 修复默认显示不是我的角色的问题 | b69f94f
- task任务逻辑完善 | 减少初始global及regular的不必要请求 | bd4bd38
- - | title.vue根据页面栈显示返回按钮；标题文本超出显示... | 0cbacf4
+ 项目列表排序 | 项目列表排序 | 402c563
+ - | 骨架屏替换 | e9fdd71


 ### 📝 文档
@ -166,61 +167,57 @@
 ### 🔧 测试
 范围|描述|commitId
 --|--|--
- - | 禁用任务开始操作 | b5425db
- - | 添加测试，测试utils/time.js的computeDurationText | e758010
 - | 暂时移除了jest浏览器配置 | 5088d01
+ - | 添加测试，测试utils/time.js的computeDurationText | e758010
+ - | 禁用任务开始操作 | b5425db


 ### 🔨 代码重构
 范围|描述|commitId
 --|--|--
- - | 更改版本号 | 5f1d9f4
- - | 界面样式调整 | 4367249
- - | 去掉tailwindcss | 4bed47e
- - | 任务状态重构 | 4693655
- - | 删除多余的技术验证界面 | 542ae5b
- - | 删除多余的weekmode store里的东西 | 0841fe0
- - | 下滑时间轴添加备注 | 4fd20e3
- - | 修改utils/upload 兼容小程序选择客户端文件上传WBS | 8f49129
- - | 重构store分层 | 5f6fff8
 calendar | 日历细节调整 | 1a8d6bf
 - | project 代码健壮性完善 | a3202c5
 store/home | 删除store/home | db8a3b4
 task beginTime | 格式化任务开始时间 | fbc0301
 template | eslint prettier sass uview tailwindcss | 9c966a1
- tip | 任务状态显示及tip组件数据的重构 | 78a5750
 tips | 修改任务状态方法重构 | b57d3ac
+ tip | 任务状态显示及tip组件数据的重构 | 78a5750
 title.vue | 移除测试的repeat; 样式细节调整 | c32d2bd
+ - | 下滑时间轴添加备注 | 4fd20e3
+ - | 任务状态重构 | 4693655
+ - | 修改utils/upload 兼容小程序选择客户端文件上传WBS | 8f49129
+ - | 删除多余的weekmode store里的东西 | 0841fe0
+ - | 删除多余的技术验证界面 | 542ae5b
+ - | 去掉tailwindcss | 4bed47e
+ - | 更改版本号 | 5f1d9f4
+ - | 界面样式调整 | 4367249
+ - | 重构store分层 | 5f6fff8


 ### 🚀 性能优化
 范围|描述|commitId
 --|--|--
 - | 1.时间轴筛选相同的时间替换数据 2.整理代码 | e082ccb
- - | 测试接口 | 215e074
- - | 插件查询及展示 | 4dba770
- - | 登[C录时提示登录时提示是否合并账号样式修改是否合并账号样式修改 | 4f75696
- - | 角色栏文字颜色修改 | 215c6b3
- - | 解决警告 | c932b09
- - | 日历的更改 | 7353ac8
- - | 数据存储，避免重复调用接口 | d22308a
- - | 提交本地代码 | e0cf2ed
- - | 小红点api缓存修改 | e992343
 - | 修改代码格式 | 14123d7
 - | 修改定期任务骨架屏高度 | 909a734
+ - | 小红点api缓存修改 | e992343
+ - | 提交本地代码 | e0cf2ed
+ - | 插件查询及展示 | 4dba770
+ - | 数据存储，避免重复调用接口 | d22308a
 - | 整理代码 | 7a55315
+ - | 日历的更改 | 7353ac8
+ - | 测试接口 | 215e074
+ - | 登[C录时提示登录时提示是否合并账号样式修改是否合并账号样式修改 | 4f75696
 - | 组件文件夹新建 | 22bfe7b
 - | 组件文件夹新建 | 17bb8c9
 - | 组件文件夹新建 | 1421504
+ - | 角色栏文字颜色修改 | 215c6b3
+ - | 解决警告 | c932b09


 ### chore
 范围|描述|commitId
 --|--|--
- - | 删除多余的构建的命令 | 3f4eb2f
- - | 添加mp-weixin的构建命令 | 3776a67
- 信息配置 | 配置eslint等配置 | 7421443
- - | 修复不能build的问题 | 0b7b91e
 - | api 封装 | 8dcb8a2
 - | dart-sass替换node-sass;删除多余的uni平台包 | 519f28b
 - | env host修改 | a79a4a5
@ -231,6 +228,10 @@
 pwa 小程序 | 移除了pwa，alloyFinger添加平台判断 | 875fab4
 - | uview-ui | a9ea34b
 v3.0.1 | tall api 地址从1.0改成了3.0 | db5afd5
+ 信息配置 | 配置eslint等配置 | 7421443
+ - | 修复不能build的问题 | 0b7b91e
+ - | 删除多余的构建的命令 | 3f4eb2f
+ - | 添加mp-weixin的构建命令 | 3776a67


 范围|描述|commitId
--- a/src/App.vue
+++ b/src/App.vue
@ -100,3 +100,17 @@ export default {
@import 'uview-ui/index.scss';
@import './common/styles/app.scss';
 </style>
+
+<style>
+uni-main {
+  max-width: 400px !important;
+}
+
+uni-right-window {
+  flex: 1;
+}
+
+.uni-right-window {
+  height: 100%;
+}
+</style>
--- a/src/common/styles/tailwind.scss
+++ b/src/common/styles/tailwind.scss
@ -4339,6 +4339,10 @@
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
 .bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
--- a/src/components/Projects/ProjectItem.vue
+++ b/src/components/Projects/ProjectItem.vue
@ -82,7 +82,7 @@
 </template>

 <script>
-import { mapGetters } from 'vuex';
+import { mapGetters, mapMutations } from 'vuex';

 export default {
  props: {
@ -117,8 +117,11 @@ export default {
  computed: mapGetters('user', ['userId']),

  methods: {
+    ...mapMutations('project', ['setProject']),
    // 打开项目详情
    openProject(project) {
+      this.setProject(project);
+
      const { name, id, url } = project;
      url && (uni.$t.domain = url);
      this.$u.route('pages/project-webview/project-webview', {
--- a/src/pages.json
+++ b/src/pages.json
@ -1,6 +1,14 @@
 {
 	"pages": [
 		{
+      "path": "pages/login/login",
+			"style": {
+				"navigationBarText": "登录",
+				"topWindow": false,
+				"rightWindow": false
+			}
+    },
+		{
 			"path": "pages/index/index",
 			"style": {
 				"navigationBarText": "TALL"
@ -19,11 +27,26 @@
 			}
 		}
 	],
+	"topWindow": {
+    "path": "pages/top-window/top-window.vue",
+    "style": {
+      "height": "62px"
+    }
+  },
+  "rightWindow": {
+    "path": "pages/right-window/right-window.vue"
+  },
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "TALL",
 		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8"
+		"backgroundColor": "#F8F8F8",
+		/* #ifdef H5 */
+		"navigationStyle": "custom",
+		"app-plus": {
+			"titleNView": false
+		}
+		/* #endif */
 	},
 	"easycom": {
 		"autoscan": true,
--- a/src/pages/login/login.vue
+++ b/src/pages/login/login.vue
@ -0,0 +1,27 @@
+<template>
+  <view>
+    <u-button size="mini" @click="openPage">登录</u-button>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+
+  watch: {},
+
+  methods: {
+    // 打开项目详情
+    openPage() {
+      this.$u.route('pages/index/index', {
+        u: '1218763410024566784',
+        p: '1435920484033372160',
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>
--- a/src/pages/right-window/right-window.vue
+++ b/src/pages/right-window/right-window.vue
@ -0,0 +1,22 @@
+<template>
+  <view class="h-full bg-gray-50">
+    <view v-if="project && project.id">{{ project.name }}</view>
+    <view v-else>详情页</view>
+  </view>
+</template>
+
+<script>
+import { mapState } from 'vuex';
+
+export default {
+  data() {
+    return {};
+  },
+
+  computed: mapState('project', ['project']),
+
+  onLoad(options) {
+    console.log('options: ', options);
+  },
+};
+</script>
--- a/src/pages/top-window/top-window.vue
+++ b/src/pages/top-window/top-window.vue
@ -0,0 +1,21 @@
+<template>
+  <view class="w-full h-full bg-black flex justify-between items-center">
+    <view class="font-bold text-xl text-gray-300 m-3">智能大气腐蚀检测平台</view>
+    <view class="flex items-center">
+      <u-avatar :src="src" :size="56"></u-avatar>
+      <text class="ml-3 mr-5 text-gray-400 text-sm">﹏ Luckyºº</text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return { src: 'http://cnv14.55.la//uploads/img/tmp/1634635205221/6f768018369a1daadb125cbbb18815fc_1.png' };
+  },
+
+  onLoad(options) {
+    console.log('options: ', options);
+  },
+};
+</script>