Browse Source

style: 登录、注册

del
xuesinan 4 years ago
parent
commit
41532998ca
  1. 243
      CHANGELOG.md
  2. 4
      src/common/styles/app.scss
  3. 16
      src/mixins/mixin.js
  4. 64
      src/pages/user/accountLogin.vue
  5. 34
      src/pages/user/login.vue
  6. 76
      src/pages/user/rigister.vue

243
CHANGELOG.md

@ -1,8 +1,56 @@
# 0.1.0 (2021-09-09)
# 0.1.0 (2021-09-10)
### 🌟 新功能
范围|描述|commitId
--|--|--
- | 绑定手机号 | 52e0352
- | 标题栏变化 | 3898cfe
- | 标题栏变化 | c0fcd9d
- | 标题栏角色栏全局任务组件新建 | 0500cb4
- | 插件参数处理调整 | a3e68d3
- | 插件数据获取 | 5b91bdc
- | 存token | b8a178d
- | 导入项目,更新项目 | 5e06adf
- | 导入项目后提示并打开项目详情页 | 410f527
- | 导入wbs | 1224fcb
- | 登录、注册、用户协议 | 0735f41
- | 点击日历日期查询项目列表 | 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
@ -20,138 +68,93 @@
- | tall插件封装 | 1bcb920
task status | 任务状态切换未完 | 7ffd135
- | ws storage | 21b3a06
- | 上传逻辑变化 | 3ff1dc2
- | 任务状态时间显示 | 56f5183
- | 任务进行中状态数字 | 27b7326
- | 全局插件及默认插件位置修改 | 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
- | 细节调整,添加project-webview | 4d9050b
- | 绑定手机号 | 52e0352
- | 缓存修改 | 63e1f0d
- | 角色栏实现 | 94cd671
- | 设置小红点 | 9316bcb
- | 距调整pc端 | 5069aa1
- | 适配小程序;小程序登录 | cefc0eb
- | 配置默认插件接口 | f0c177d
- | 面变化首页变化 | 5e860f1
- | 项目api url设置 | 6cd5245
- | 项目列表, 项目url | 32e005b
- | 项目列表排序 | 224c58b
- | 首页项目样式改变 | 8514c85
### 🎨 代码样式
范围|描述|commitId
--|--|--
- | calendar注释 | a2ec112
- | indexedDB.js格式整理 | b0d3a36
- | 代码审查 | d75134c
- | 代码格式细节调整 | cb2532b
- | 代码审查 | d75134c
- | 格式细节调整 | b907a03
- | 更新代码 | 8c27e68
- | 更新代码 | 1f40a76
- | 任务快捷方式图标增加 | 4aba872
- | 修改角色样式 | 73e268e
- | 日常任务修改 | dfa7ee2
- | 删除插件携带的多余文件 | 0f392bb
- | 删除多余字段 | 5ae3973
- | 删除没用代码 | 34b20e1
- | 删除calendar中多余的console | e339eec
- | 删除console.log | 5064a38
- | 删除index中没用的alert代码 | 9c9eec7
- | 删除mock,console;upload添加loading | 99d42e2
- | 删除多余字段 | 5ae3973
- | 删除插件携带的多余文件 | 0f392bb
- | 删除没用代码 | 34b20e1
- | 添加插件数据 | 2f11b42
- | 图标修改 | 54bca09
- | 无基本变化 | 21ac4bb
- | 日常任务修改 | dfa7ee2
- | 更新代码 | 8c27e68
- | 更新代码 | 1f40a76
- | 格式细节调整 | b907a03
- | 添加插件数据 | 2f11b42
- | 组件新建 | 89c0035
- | 细节调整 | 2cfc09a
- | 修改角色样式 | 73e268e
- | 组件新建 | 89c0035
- | calendar注释 | a2ec112
- | indexedDB.js格式整理 | b0d3a36
### 🐛 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
- | 修改样式 | f0ddc90
- | 修改角色栏组件 | a54c601
- | 切换到默认项目角色没有激活状态的bug | 438d448
- | 切换日历时查询小红点 | 7091789
- | 插件bug解决 | 41257eb
- | 初始展示角色修改 | 2ac4053
- | 定期任务key值修改 | c6688db
- | 定期任务接口 | aa4981c
- | 定期任务插件 | 92b3254
- | 定期任务未加载时,显示空的时间轴并能上下滑动 | ce38093
- | 定期任务本地缓存和api赋值,未完成 | 5a10856
定期任务本地缓存和api赋值,未完成 | 定期任务本地缓存和api赋值,未完成 | b22a366
- | 定期任务插件 | 92b3254
- | 定期任务骨架屏修改 | 8ff72dd
- | 定期任务接口 | aa4981c
- | 定期任务未加载时,显示空的时间轴并能上下滑动 | ce38093
- | 定期任务key值修改 | c6688db
- | 骨架屏替换 | e9fdd71
- | 监听时间基本点 | 033fca0
- | 角色栏修改 | 19228d6
- | 角色显示状态修改 | 7d3b906
- | 解决时间轴报错 | da1eece
- | 平车演示临时去掉项目快捷方式的toast提示 | e0b2c23
- | 手动展开日常任务 | 0a4a622
- | 提示信息显示bug及日常任务收缩问题 | f2f06c5
- | 插件bug解决 | 41257eb
- | 收到消息修改任务状态 | c378063
- | 日历无任务时添加小绿点,时间轴刻度无任务不显示时分 | 0f90868
- | 日常任务html数据查验 | 880ce5c
- | 切换到默认项目角色没有激活状态的bug | 438d448
- | 切换日历时查询小红点 | 7091789
- | 任务开始时间延迟插件 | 992a313
- | 日常任务插件遍历时的key值修改 | cd26285
- | 日常任务插件面板高度修改 | 249f9e4
- | 时间轴上下滑动 | 4d0ae46
- | 时间轴上下滚动数据加载bug修改 | e82ede4
- | 日常任务html数据查验 | 880ce5c
- | 日历无任务时添加小绿点,时间轴刻度无任务不显示时分 | 0f90868
- | 上下滚动时间轴 | d533a01
- | 上下滑动加载定期任务 | 4090d89
- | 设置时间轴自动滚动到当前位置 | a3474f8
- | 时间轴插件 | 225d3cc
- | 时间轴无任务时时间刻度加载修改 | 4921672
- | 时间轴滚动位置修改 | 551da63
- | 时间轴骨架屏修改 | ca78d02
- | 监听时间基本点 | 033fca0
- | 角色显示状态修改 | 7d3b906
- | 角色栏修改 | 19228d6
- | 解决时间轴报错 | da1eece
- | 设置时间轴自动滚动到当前位置 | a3474f8
- | 时间轴滚动位置修改 | 551da63
- | 时间轴上下滚动数据加载bug修改 | e82ede4
- | 时间轴上下滑动 | 4d0ae46
- | 时间轴无任务时时间刻度加载修改 | 4921672
- | 收到消息修改任务状态 | c378063
- | 手动展开日常任务 | 0a4a622
- | 提示信息显示bug及日常任务收缩问题 | f2f06c5
- | 跳转详情页返回路径修改 | c5e17c0
- | 下拉加载定期任务传参,时间格式化修改 | 0b95a0e
项目列表排序 | 项目列表排序 | 402c563
- | 项目列表排序修改 | fd3c3ac
- | 项目列表排序修改 | 59f4c21
项目列表排序 | 项目列表排序 | 402c563
- | 骨架屏替换 | e9fdd71
- | 修改报错 | 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
### 📝 文档
@ -163,29 +166,30 @@
### 🔧 测试
范围|描述|commitId
--|--|--
- | 暂时移除了jest浏览器配置 | 5088d01
- | 添加测试,测试utils/time.js的computeDurationText | e758010
- | 禁用任务开始操作 | b5425db
- | 添加测试,测试utils/time.js的computeDurationText | e758010
- | 暂时移除了jest浏览器配置 | 5088d01
### 🔨 代码重构
范围|描述|commitId
--|--|--
- | 界面样式调整 | 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
tips | 修改任务状态方法重构 | b57d3ac
tip | 任务状态显示及tip组件数据的重构 | 78a5750
tips | 修改任务状态方法重构 | b57d3ac
title.vue | 移除测试的repeat; 样式细节调整 | c32d2bd
- | 下滑时间轴添加备注 | 4fd20e3
- | 任务状态重构 | 4693655
- | 删除多余的weekmode store里的东西 | 0841fe0
- | 删除多余的技术验证界面 | 542ae5b
- | 去掉tailwindcss | 4bed47e
- | 界面样式调整 | 4367249
- | 重构store分层 | 5f6fff8
### 🚀 性能优化
@ -198,25 +202,23 @@
- | 解决警告 | c932b09
- | 日历的更改 | 7353ac8
- | 数据存储,避免重复调用接口 | d22308a
- | 提交本地代码 | e0cf2ed
- | 小红点api缓存修改 | e992343
- | 修改代码格式 | 14123d7
- | 修改定期任务骨架屏高度 | 909a734
- | 小红点api缓存修改 | e992343
- | 插件查询及展示 | 4dba770
- | 数据存储,避免重复调用接口 | d22308a
- | 整理代码 | 7a55315
- | 日历的更改 | 7353ac8
- | 测试接口 | 215e074
- | 组件文件夹新建 | 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
@ -227,10 +229,6 @@
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
@ -238,3 +236,4 @@
- | style:index | 978f272
- | !2 基础模板v1.1.0 | f5e61dd
- | init | c0f1deb

4
src/common/styles/app.scss

@ -1,7 +1,3 @@
.min-0 {
min-width: 0;
}
.flex-shrink-0 {
flex-shrink: 0;
}

16
src/pages/user/mixin.js → src/mixins/mixin.js

@ -140,7 +140,7 @@ const mixin = {
// const { phone, verificationCodeValue } = this.model;
// const { verificationCodeId } = this;
// if (!verificationCodeId || !verificationCodeValue) {
// this.$t.ui.showToast('缺少图形验证码参数');
// this.$t.ui.showToast('缺少图形验证码参数');
// return;
// }
// const params = {
@ -239,13 +239,13 @@ const mixin = {
// 微信登录
handleWxLogin() {
const origin = 'https://test.tall.wiki/pt-mui'; // 测试
const appid = 'wxd1842e073e0e6d91';
const state = 'wx_web';
const href = 'https://open.weixin.qq.com/connect/qrconnect';
// eslint-disable-next-line
window.location.href =
`${href}?appid=${appid}&redirect_uri=${origin}&response_type=code&scope=snsapi_login&state=${state}#wechat_redirect`;
// const origin = 'https://test.tall.wiki/pt-mui'; // 测试
// const appid = 'wxd1842e073e0e6d91';
// const state = 'wx_web';
// const href = 'https://open.weixin.qq.com/connect/qrconnect';
// // eslint-disable-next-line
// window.location.href =
// `${href}?appid=${appid}&redirect_uri=${origin}&response_type=code&scope=snsapi_login&state=${state}#wechat_redirect`;
},
},
};

64
src/pages/user/accountLogin.vue

@ -2,7 +2,7 @@
<view>
<!-- #ifdef H5 -->
<view class="top-nav relative text-center">
<u-icon class="icon absolute" name="arrow-left" size="32"></u-icon>
<u-icon class="icon absolute" name="arrow-left" size="32" @click="toBack"></u-icon>
<text>用户名登录</text>
</view>
<!-- #endif -->
@ -45,7 +45,7 @@
</template>
<script>
import mixin from './mixin';
import mixin from '@/mixins/mixin';
export default {
mixins: [mixin],
@ -60,13 +60,13 @@ export default {
methods: {
submit() {
// this.$refs.uForm.validate(valid => {
// if (valid) {
// this.login();
// } else {
// console.log('');
// }
// });
this.$refs.uForm.validate(valid => {
if (valid) {
this.login();
} else {
console.log('验证失败');
}
});
},
/**
@ -77,25 +77,25 @@ export default {
* @param {number} type 登录类型
*/
async login() {
this.$util.showLoading();
// try {
// const { account, password } = this.model;
// const params = {
// client: 1,
// data: {
// identifier: account,
// credential: password,
// },
// type: 3,
// };
// await this.signIn(params);
// showToast('');
// uni.switchTab({ url: '/pages/index/index' });
// uni.hideLoading();
// } catch (error) {
// uni.hideLoading();
// showToast(error);
// }
this.$t.ui.showLoading();
// try {
// const { account, password } = this.model;
// const params = {
// client: 1,
// data: {
// identifier: account,
// credential: password,
// },
// type: 3,
// };
// await this.signIn(params);
// this.$t.ui.showToast('');
// uni.switchTab({ url: '/pages/index/index' });
// this.$t.ui.hideLoading();
// } catch (error) {
// this.$t.ui.hideLoading();
// this.$t.ui.showToast(error);
// }
},
/**
@ -104,6 +104,13 @@ export default {
openPage(url) {
uni.navigateTo({ url: url });
},
/**
* 返回上一页
*/
toBack() {
uni.navigateBack({ delta: 1 });
},
},
};
</script>
@ -116,7 +123,6 @@ page {
.top-nav {
height: 80rpx;
line-height: 80rpx;
text-align: center;
font-size: 32rpx;
.icon {

34
src/pages/user/login.vue

@ -2,7 +2,7 @@
<view>
<!-- #ifdef H5 -->
<view class="top-nav relative text-center">
<u-icon class="icon absolute" name="arrow-left" size="32"></u-icon>
<u-icon class="icon absolute" name="arrow-left" size="32" @click="toBack"></u-icon>
<text>手机号登录</text>
</view>
<!-- #endif -->
@ -42,7 +42,7 @@
<script>
// import { mapMutations } from 'vuex';
import mixin from './mixin';
import mixin from '@/mixins/mixin';
let timer = null;
export default {
@ -69,14 +69,14 @@ export default {
// ...mapMutations('user', ['setToken', 'setUser']),
submit() {
// this.$refs.uForm.validate(valid => {
// if (valid) {
// this.login();
// console.log('');
// } else {
// console.log('');
// }
// });
this.$refs.uForm.validate(valid => {
if (valid) {
this.login();
console.log('验证通过');
} else {
console.log('验证失败');
}
});
},
/**
@ -87,7 +87,7 @@ export default {
* @param {number} type 登录类型
*/
async login() {
uni.showLoading();
this.$t.ui.showLoading();
// try {
// const { phone, smsCode } = this.model;
// const params = {
@ -100,9 +100,9 @@ export default {
// };
// await this.signIn(params);
// uni.switchTab({ url: '/pages/index/index' });
// uni.hideLoading();
// this.$t.ui.hideLoading();
// } catch (error) {
// uni.hideLoading();
// this.$t.ui.hideLoading();
// this.$t.ui.showToast(error);
// }
},
@ -113,6 +113,13 @@ export default {
openPage(url) {
uni.navigateTo({ url: url });
},
/**
* 返回上一页
*/
toBack() {
uni.navigateBack({ delta: 1 });
},
},
//
@ -131,7 +138,6 @@ page {
.top-nav {
height: 80rpx;
line-height: 80rpx;
text-align: center;
font-size: 32rpx;
.icon {

76
src/pages/user/rigister.vue

@ -2,7 +2,7 @@
<view>
<!-- #ifdef H5 -->
<view class="top-nav relative text-center">
<u-icon class="icon absolute" name="arrow-left" size="32"></u-icon>
<u-icon class="icon absolute" name="arrow-left" size="32" @click="toBack"></u-icon>
<text>注册</text>
</view>
<!-- #endif -->
@ -53,7 +53,7 @@
</template>
<script>
import mixin from './mixin';
import mixin from '@/mixins/mixin';
let timer = null;
export default {
@ -76,19 +76,19 @@ export default {
};
},
// onLoad(options) {
// this.getImageCode();
// },
// onLoad(options) {
// this.getImageCode();
// },
methods: {
submit() {
// this.$refs.uForm.validate(valid => {
// if (valid) {
// this.signUp();
// } else {
// console.log('');
// }
// });
this.$refs.uForm.validate(valid => {
if (valid) {
this.signUp();
} else {
console.log('验证失败');
}
});
},
changeChecked() {
@ -103,29 +103,29 @@ export default {
* @param {number} type 登录类型
*/
async signUp() {
this.$util.showLoading();
this.$t.ui.showLoading();
// todo:
// try {
// const { phone, smsCode, account, password } = this.model;
// const { checked } = this;
// if (!checked) {
// showToast('使');
// return;
// }
// const params = {
// account: account,
// password: password,
// phone: phone,
// smsCode: smsCode,
// };
// await signup(params);
// showToast('');
// this.openPage('/pages/user/accountLogin');
// uni.hideLoading();
// } catch (error) {
// uni.hideLoading();
// showToast(error.msg);
// }
try {
// const { phone, smsCode, account, password } = this.model;
const { checked } = this;
if (!checked) {
this.$t.ui.showToast('请阅读并同意使用用户协议');
return;
}
// const params = {
// account: account,
// password: password,
// phone: phone,
// smsCode: smsCode,
// };
// await signup(params);
// this.$t.ui.showToast('');
// this.openPage('/pages/user/accountLogin');
this.$t.ui.hideLoading();
} catch (error) {
this.$t.ui.hideLoading();
this.$t.ui.showToast(error.msg);
}
},
/**
@ -134,6 +134,13 @@ export default {
openPage(url) {
uni.navigateTo({ url: url });
},
/**
* 返回上一页
*/
toBack() {
uni.navigateBack({ delta: 1 });
},
},
//
@ -152,7 +159,6 @@ page {
.top-nav {
height: 80rpx;
line-height: 80rpx;
text-align: center;
font-size: 32rpx;
.icon {

Loading…
Cancel
Save