Commit 2a3c5288a9b6354c179b0eaac5ae38f071047f04
1 parent
1ef8fed8
feat:新增第三方登录和账号绑定功能,refractor:修改意见反馈样式,fix:DEFECT-346去除通知筛选输入框
Showing
14 changed files
with
386 additions
and
110 deletions
config/WXBizDataCrypt.js
0 → 100644
| 1 | +var crypto = require('crypto') | |
| 2 | + | |
| 3 | +function WXBizDataCrypt(appId, sessionKey) { | |
| 4 | + this.appId = appId | |
| 5 | + this.sessionKey = sessionKey | |
| 6 | +} | |
| 7 | + | |
| 8 | +WXBizDataCrypt.prototype.decryptData = function (encryptedData, iv) { | |
| 9 | + // base64 decode | |
| 10 | + var sessionKey = new Buffer(this.sessionKey, 'base64') | |
| 11 | + encryptedData = new Buffer(encryptedData, 'base64') | |
| 12 | + iv = new Buffer(iv, 'base64') | |
| 13 | + | |
| 14 | + try { | |
| 15 | + // 解密 | |
| 16 | + var decipher = crypto.createDecipheriv('aes-128-cbc', sessionKey, iv) | |
| 17 | + // 设置自动 padding 为 true,删除填充补位 | |
| 18 | + decipher.setAutoPadding(true) | |
| 19 | + var decoded = decipher.update(encryptedData, 'binary', 'utf8') | |
| 20 | + decoded += decipher.final('utf8') | |
| 21 | + | |
| 22 | + decoded = JSON.parse(decoded) | |
| 23 | + | |
| 24 | + } catch (err) { | |
| 25 | + throw new Error('Illegal Buffer') | |
| 26 | + } | |
| 27 | + | |
| 28 | + if (decoded.watermark.appid !== this.appId) { | |
| 29 | + throw new Error('Illegal Buffer') | |
| 30 | + } | |
| 31 | + | |
| 32 | + return decoded | |
| 33 | +} | |
| 34 | + | |
| 35 | +module.exports = WXBizDataCrypt | ... | ... |
| ... | ... | @@ -17,7 +17,7 @@ uni.$u.http.setConfig((config) => { |
| 17 | 17 | config.baseURL = base.baseUrl; /* 根域名 */ |
| 18 | 18 | config.header = { |
| 19 | 19 | "Content-Type": "application/json", |
| 20 | - Authorization: "Bearer " + token, | |
| 20 | + 'X-Authorization': "Bearer " + token, | |
| 21 | 21 | }; |
| 22 | 22 | config.custom = { |
| 23 | 23 | load: true, //是否显示加载动画 |
| ... | ... | @@ -36,7 +36,7 @@ uni.$u.http.interceptors.request.use( |
| 36 | 36 | config.data = config.data || {}; |
| 37 | 37 | // 根据custom参数中配置的是否需要token,添加对应的请求头 |
| 38 | 38 | if (config?.custom?.auth) { |
| 39 | - config.header.Authorization = | |
| 39 | + config.header['X-Authorization'] = | |
| 40 | 40 | "Bearer " + store.state.userInfo.isToken || |
| 41 | 41 | uni.getStorageSync("userInfo").isToken || |
| 42 | 42 | undefined; |
| ... | ... | @@ -114,7 +114,7 @@ uni.$u.http.interceptors.response.use( |
| 114 | 114 | }); |
| 115 | 115 | store.commit("emptyUserInfo"); |
| 116 | 116 | } else { |
| 117 | - errorData = message || "请检查网络或服务器"; | |
| 117 | + errorData = message || ""; | |
| 118 | 118 | } |
| 119 | 119 | uni.$u.toast(errorData); |
| 120 | 120 | return Promise.reject(response); | ... | ... |
| 1 | 1 | <template> |
| 2 | 2 | <view class="feedback-page"> |
| 3 | - <!-- 公共组件-每个页面必须引入 --> | |
| 4 | - <public-module></public-module> | |
| 5 | - <view class="form-page"> | |
| 6 | - <u--form labelPosition="left" :model="feedbackData" :rules="rules" ref="myfeedBackFormRef"> | |
| 7 | - <u-form-item required label="主题" prop="feedbackInfo.title" borderBottom ref="item1"> | |
| 8 | - <u--input placeholder="请输入主题" v-model="feedbackData.feedbackInfo.title" border="none"></u--input> | |
| 9 | - </u-form-item> | |
| 10 | - <u-form-item required label="姓名" prop="feedbackInfo.name" borderBottom ref="item1"> | |
| 11 | - <u--input placeholder="请输入姓名" v-model="feedbackData.feedbackInfo.name" border="none"></u--input> | |
| 12 | - </u-form-item> | |
| 13 | - <u-form-item label="手机" prop="feedbackInfo.phone" borderBottom ref="item1"> | |
| 14 | - <u--input placeholder="请输入手机" v-model="feedbackData.feedbackInfo.phone" border="none"></u--input> | |
| 15 | - </u-form-item> | |
| 16 | - <u-form-item label="QQ" prop="feedbackInfo.qq" borderBottom ref="item1"> | |
| 17 | - <u--input placeholder="请输入QQ" v-model="feedbackData.feedbackInfo.qq" border="none"></u--input> | |
| 18 | - </u-form-item> | |
| 19 | - <u-form-item label="邮箱" prop="feedbackInfo.email" borderBottom ref="item1"> | |
| 20 | - <u--input placeholder="请输入邮箱" v-model="feedbackData.feedbackInfo.email" border="none"></u--input> | |
| 21 | - </u-form-item> | |
| 22 | - <u-form-item label="图片" prop="feedbackInfo.images" borderBottom ref="item1"> | |
| 23 | - <u-upload :sizeType="compressed" :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="6"></u-upload> | |
| 24 | - </u-form-item> | |
| 25 | - <u-form-item required label="反馈" prop="feedbackInfo.message" borderBottom ref="item1"> | |
| 26 | - <u--textarea placeholder="请输入反馈信息" v-model="feedbackData.feedbackInfo.message" count></u--textarea> | |
| 27 | - </u-form-item> | |
| 28 | - </u--form> | |
| 29 | - <u-button class="buttonSty" shape="circle" type="primary" text="提交" customStyle="margin-top: 17rpx" @click="submit"></u-button> | |
| 30 | - <!-- #ifdef MP --> | |
| 31 | - <view style="height: 18rpx;"></view> | |
| 32 | - <!-- #endif --> | |
| 33 | - <!-- #ifndef MP --> | |
| 34 | - <view style="height: 52rpx;"></view> | |
| 35 | - <!-- #endif --> | |
| 3 | + <view style="overflow-y: scroll;overflow: hidden;height: 1500rpx;"> | |
| 4 | + <!-- 公共组件-每个页面必须引入 --> | |
| 5 | + <public-module></public-module> | |
| 6 | + <view class="form-page"> | |
| 7 | + <u--form labelPosition="left" :model="feedbackData" :rules="rules" ref="myfeedBackFormRef"> | |
| 8 | + <u-form-item required label="主题" prop="feedbackInfo.title" borderBottom ref="item1"> | |
| 9 | + <u--input placeholder="请输入主题" v-model="feedbackData.feedbackInfo.title" border="none"></u--input> | |
| 10 | + </u-form-item> | |
| 11 | + <u-form-item required label="姓名" prop="feedbackInfo.name" borderBottom ref="item1"> | |
| 12 | + <u--input placeholder="请输入姓名" v-model="feedbackData.feedbackInfo.name" border="none"></u--input> | |
| 13 | + </u-form-item> | |
| 14 | + <u-form-item label="手机" prop="feedbackInfo.phone" borderBottom ref="item1"> | |
| 15 | + <u--input placeholder="请输入手机" v-model="feedbackData.feedbackInfo.phone" border="none"></u--input> | |
| 16 | + </u-form-item> | |
| 17 | + <u-form-item label="QQ" prop="feedbackInfo.qq" borderBottom ref="item1"> | |
| 18 | + <u--input placeholder="请输入QQ" v-model="feedbackData.feedbackInfo.qq" border="none"></u--input> | |
| 19 | + </u-form-item> | |
| 20 | + <u-form-item label="邮箱" prop="feedbackInfo.email" borderBottom ref="item1"> | |
| 21 | + <u--input placeholder="请输入邮箱" v-model="feedbackData.feedbackInfo.email" border="none"></u--input> | |
| 22 | + </u-form-item> | |
| 23 | + <view class="info"> | |
| 24 | + <view class="info-contain"> | |
| 25 | + <u-form-item label="反馈" prop="feedbackInfo.message" borderBottom ref="item1"> | |
| 26 | + <u--textarea placeholder="请输入反馈信息" v-model="feedbackData.feedbackInfo.message" count></u--textarea> | |
| 27 | + </u-form-item> | |
| 28 | + </view> | |
| 29 | + </view> | |
| 30 | + <view class="feed-back-text" style="margin: 15px 0px 0px -16rpx;">上传图片(最多6张)</view> | |
| 31 | + <view class="info" style="margin-top: 15rpx;background: rgba(1, 1, 1, 0);"> | |
| 32 | + <view class="info-contain"> | |
| 33 | + <u-form-item label="图片" prop="feedbackInfo.images" borderBottom ref="item1"> | |
| 34 | + <u-upload :sizeType="compressed" :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="6"></u-upload> | |
| 35 | + </u-form-item> | |
| 36 | + </view> | |
| 37 | + </view> | |
| 38 | + </u--form> | |
| 39 | + <view style="width:427rpx;margin:0 auto;"> | |
| 40 | + <u-button class="buttonSty button-sty" shape="circle" type="primary" text="提交" customStyle="margin-top: 129rpx" @click="submit"></u-button> | |
| 41 | + </view> | |
| 42 | + </view> | |
| 43 | + <!-- #ifdef MP --> | |
| 44 | + <view style="height: 18rpx;"></view> | |
| 45 | + <!-- #endif --> | |
| 46 | + <!-- #ifndef MP --> | |
| 47 | + <view style="height: 52rpx;"></view> | |
| 48 | + <!-- #endif --> | |
| 49 | + </view> | |
| 50 | + <view style="height: 20rpx;"></view> | |
| 51 | + <f-tabbar></f-tabbar> | |
| 36 | 52 | </view> |
| 37 | - <view style="height: 20rpx;"></view> | |
| 38 | - <f-tabbar></f-tabbar> | |
| 39 | 53 | </view> |
| 40 | 54 | </template> |
| 41 | 55 | |
| ... | ... | @@ -261,18 +275,50 @@ export default { |
| 261 | 275 | background-color: #f8f9fa; |
| 262 | 276 | padding-top: 9rpx; |
| 263 | 277 | padding-left: 27rpx; |
| 278 | + overflow-y: scroll; | |
| 279 | + overflow: hidden; | |
| 264 | 280 | } |
| 265 | 281 | .form-page { |
| 266 | 282 | width: 700rpx; |
| 267 | 283 | background-color: #ffffff; |
| 268 | - border-radius: 20px; | |
| 284 | + border-radius: 10px; | |
| 269 | 285 | margin-top: 20rpx; |
| 270 | 286 | padding-left: 15rpx; |
| 271 | 287 | padding: 0 20rpx; |
| 288 | + height: 500rpx; | |
| 289 | + .info { | |
| 290 | + width: 700rpx; | |
| 291 | + background-color: #ffffff; | |
| 292 | + border-radius: 10px; | |
| 293 | + margin-top: 80rpx; | |
| 294 | + height: 256rpx; | |
| 295 | + margin-left: -20rpx; | |
| 296 | + .info-contain { | |
| 297 | + margin: 0rpx 27rpx; | |
| 298 | + /deep/ .u-line { | |
| 299 | + display: none !important; | |
| 300 | + } | |
| 301 | + /deep/ .u-form-item__body__left__content__label { | |
| 302 | + display: none !important; | |
| 303 | + } | |
| 304 | + /deep/.u-form-item__body__right { | |
| 305 | + margin-left: -106rpx; | |
| 306 | + } | |
| 307 | + /deep/.u-textarea--radius { | |
| 308 | + border: none !important; | |
| 309 | + } | |
| 310 | + } | |
| 311 | + } | |
| 312 | + /deep/.u-button--primary{ | |
| 313 | + background-color: #377DFF!important; | |
| 314 | + border-color: #377DFF!important; | |
| 315 | + } | |
| 272 | 316 | } |
| 273 | 317 | //#ifndef MP |
| 274 | 318 | .buttonSty { |
| 275 | 319 | margin-top: 30rpx !important; |
| 276 | 320 | } |
| 277 | 321 | //#endif |
| 322 | + | |
| 323 | + | |
| 278 | 324 | </style> | ... | ... |
| ... | ... | @@ -7,11 +7,13 @@ |
| 7 | 7 | <!-- 登录 --> |
| 8 | 8 | <view class="u-flex u-p-l-30 u-p-r-20 u-p-t-75 u-p-b-30"> |
| 9 | 9 | <block v-if="userInfo.isToken"> |
| 10 | - <view @click="openPersonalInfo" class="u-m-r-20"><image class="avatar" mode="aspectFill" :src="userInfo.avatar || '/static/default.png'"></image></view> | |
| 10 | + <view @click="openPersonalInfo" class="u-m-r-20"> | |
| 11 | + <image class="avatar" mode="aspectFill" :src="userInfo.avatar || userInfo.avatarUrl || '/static/default.png'"></image> | |
| 12 | + </view> | |
| 11 | 13 | <view @click="openPersonalInfo" class="u-flex-1"> |
| 12 | 14 | <view class="nickName u-flex"> |
| 13 | - <view class="name u-m-r-10" v-if="userInfo.realName"> | |
| 14 | - <text style="#FFFFFF;font-size: 18px;">{{ userInfo.realName }}</text> | |
| 15 | + <view class="name u-m-r-10" v-if="userInfo.realName || userInfo.nickName"> | |
| 16 | + <text style="#FFFFFF;font-size: 18px;">{{ userInfo.realName || userInfo.nickName }}</text> | |
| 15 | 17 | </view> |
| 16 | 18 | </view> |
| 17 | 19 | <view style="color:#FFFFFF;font-size: 14px;" v-if="userInfo.phoneNumber">{{ userInfo.phoneNumber | phone }}</view> |
| ... | ... | @@ -22,9 +24,9 @@ |
| 22 | 24 | <view class="u-m-r-20" @click="openLoginFunc"> |
| 23 | 25 | <view class="avatar u-flex"><u-icon name="account-fill" color="black" size="30"></u-icon></view> |
| 24 | 26 | </view> |
| 25 | - <view class="u-flex-1" @click="openLoginFunc"> | |
| 26 | - <view class="u-font-lg click-login login-btn ">请点击登录</view> | |
| 27 | - <view v-if="userInfo.isToken" @click="clickAccountFunc" class="detail"><text class="text">绑定账号</text></view> | |
| 27 | + <view class="u-flex-1"> | |
| 28 | + <view @click="openLoginFunc" class="u-font-lg click-login login-btn ">请点击登录</view> | |
| 29 | + <view @click="clickAccountFunc" class="detail"><text class="text">绑定账号</text></view> | |
| 28 | 30 | </view> |
| 29 | 31 | </block> |
| 30 | 32 | <view v-if="userInfo.isToken"><u-icon name="arrow-right" color="white" size="13"></u-icon></view> |
| ... | ... | @@ -34,11 +36,13 @@ |
| 34 | 36 | <!-- 登录 --> |
| 35 | 37 | <view class="u-flex u-p-l-30 u-p-r-20 u-p-t-75 u-p-b-30"> |
| 36 | 38 | <block v-if="userInfo.isToken"> |
| 37 | - <view @click="openPersonalInfo" class="u-m-r-20"><image class="avatar" mode="aspectFill" :src="userInfo.avatar || '/static/default.png'"></image></view> | |
| 39 | + <view @click="openPersonalInfo" class="u-m-r-20"> | |
| 40 | + <image class="avatar" mode="aspectFill" :src="userInfo.avatar || userInfo.avatarUrl || '/static/default.png'"></image> | |
| 41 | + </view> | |
| 38 | 42 | <view @click="openPersonalInfo" class="u-flex-1"> |
| 39 | 43 | <view class="nickName u-flex"> |
| 40 | - <view class="name u-m-r-10" v-if="userInfo.realName"> | |
| 41 | - <text style="#FFFFFF;font-size: 18px;">{{ userInfo.realName }}</text> | |
| 44 | + <view class="name u-m-r-10" v-if="userInfo.realName || userInfo.nickName"> | |
| 45 | + <text style="#FFFFFF;font-size: 18px;">{{ userInfo.realName || userInfo.nickName }}</text> | |
| 42 | 46 | </view> |
| 43 | 47 | </view> |
| 44 | 48 | <view style="color:#FFFFFF;font-size: 14px;" v-if="userInfo.phoneNumber">{{ userInfo.phoneNumber | phone }}</view> |
| ... | ... | @@ -49,9 +53,9 @@ |
| 49 | 53 | <view class="u-m-r-20" @click="openLoginFunc"> |
| 50 | 54 | <view class="avatar u-flex" style="justify-content: center"><u-icon name="account-fill" color="black" size="30"></u-icon></view> |
| 51 | 55 | </view> |
| 52 | - <view class="u-flex-1" @click="openLoginFunc"> | |
| 53 | - <view class="u-font-lg login-btn">登录</view> | |
| 54 | - <view v-if="userInfo.isToken" @click="clickAccountFunc" style="color: black" class="detail">绑定账号</view> | |
| 56 | + <view class="u-flex-1"> | |
| 57 | + <view @click="openLoginFunc" class="u-font-lg login-btn">登录</view> | |
| 58 | + <view @click="clickAccountFunc" style="color: black" class="detail">绑定账号</view> | |
| 55 | 59 | </view> |
| 56 | 60 | </block> |
| 57 | 61 | <view><u-icon name="arrow-right" color="black" size="13"></u-icon></view> |
| ... | ... | @@ -80,7 +84,7 @@ |
| 80 | 84 | <u-modal :showConfirmButton="false" :show="show" :title="title"> |
| 81 | 85 | <view v-if="!bindPhone" class="loginPhone"> |
| 82 | 86 | <view class="form-row"> |
| 83 | - <u--input shape="circle" class="input" prefixIcon="account-fill" type="text" placeholder="登录账号" v-model="bindAccountObj.account"></u--input> | |
| 87 | + <u--input shape="circle" class="input" prefixIcon="account-fill" type="text" placeholder="登录账号" v-model="bindAccountObj.appUserKey"></u--input> | |
| 84 | 88 | </view> |
| 85 | 89 | <view class="form-row item-bind"> |
| 86 | 90 | <u--input |
| ... | ... | @@ -90,7 +94,7 @@ |
| 90 | 94 | suffixIconStyle="color: #909399" |
| 91 | 95 | type="password" |
| 92 | 96 | placeholder="登录密码" |
| 93 | - v-model="bindAccountObj.password" | |
| 97 | + v-model="bindAccountObj.appUserSecret" | |
| 94 | 98 | @change="passwordChange" |
| 95 | 99 | ></u--input> |
| 96 | 100 | </view> |
| ... | ... | @@ -105,7 +109,7 @@ |
| 105 | 109 | shape="circle" |
| 106 | 110 | class="input" |
| 107 | 111 | type="text" |
| 108 | - v-model="bindPhoneObj.phoneNumber" | |
| 112 | + v-model="bindPhoneObj.appUserKey" | |
| 109 | 113 | placeholder="请输入手机号码" |
| 110 | 114 | placeholder-style="font-weight:normal;color:#bbbbbb;" |
| 111 | 115 | ></u--input> |
| ... | ... | @@ -115,7 +119,7 @@ |
| 115 | 119 | shape="circle" |
| 116 | 120 | class="input" |
| 117 | 121 | type="text" |
| 118 | - v-model="bindPhoneObj.code" | |
| 122 | + v-model="bindPhoneObj.appUserSecret" | |
| 119 | 123 | placeholder="请输入验证码" |
| 120 | 124 | placeholder-style="font-weight:normal;color:#bbbbbb;" |
| 121 | 125 | ></u--input> |
| ... | ... | @@ -167,7 +171,6 @@ export default { |
| 167 | 171 | showLogout: false, |
| 168 | 172 | readonly: false, |
| 169 | 173 | codeText: '获取验证码', |
| 170 | - phone: '', //号码 | |
| 171 | 174 | tips: '验证码', |
| 172 | 175 | bindPhone: false, |
| 173 | 176 | show: false, |
| ... | ... | @@ -175,24 +178,29 @@ export default { |
| 175 | 178 | systemInfo: base.systemInfo, |
| 176 | 179 | PrimaryButtonColor: '#0079fe', //主题色 |
| 177 | 180 | bindAccountObj: { |
| 178 | - username: '', | |
| 179 | - password: '' | |
| 181 | + appUserKey: '', | |
| 182 | + appUserSecret: '' | |
| 180 | 183 | }, |
| 181 | 184 | bindPhoneObj: { |
| 182 | - phoneNumber: '', | |
| 183 | - code: '' | |
| 184 | - } | |
| 185 | + appUserKey: '', | |
| 186 | + appUserSecret: '' | |
| 187 | + }, | |
| 188 | + thirdObj: {} | |
| 185 | 189 | }; |
| 186 | 190 | }, |
| 187 | - onLoad() { | |
| 191 | + onLoad(e) { | |
| 188 | 192 | // 隐藏原生的tabbar |
| 189 | 193 | uni.hideTabBar(); |
| 194 | + if (e.obj !== null) { | |
| 195 | + const params = JSON.parse(e.obj); | |
| 196 | + this.thirdObj = params; | |
| 197 | + } | |
| 190 | 198 | }, |
| 191 | 199 | computed: { |
| 192 | 200 | ...mapState(['userInfo']) |
| 193 | 201 | }, |
| 194 | 202 | methods: { |
| 195 | - ...mapMutations(['emptyUserInfo']), | |
| 203 | + ...mapMutations(['emptyUserInfo', 'setUserInfo']), | |
| 196 | 204 | // 跳转前判断登录 |
| 197 | 205 | onTokenJump(url) { |
| 198 | 206 | this.judgeLogin(() => { |
| ... | ... | @@ -221,14 +229,136 @@ export default { |
| 221 | 229 | }, |
| 222 | 230 | clickAccountFunc() { |
| 223 | 231 | this.show = true; |
| 232 | + this.resetFunc(); | |
| 233 | + }, | |
| 234 | + resetFunc() { | |
| 235 | + this.bindPhone = false; | |
| 236 | + this.bindAccountObj = {}; | |
| 237 | + this.bindPhoneObj = {}; | |
| 224 | 238 | }, |
| 225 | 239 | bindConfirm() { |
| 240 | + //需要绑定 | |
| 226 | 241 | if (!this.bindPhone) { |
| 227 | - console.log('Account submit', this.bindAccountObj); | |
| 242 | + if (this.bindAccountObj.appUserKey == '') { | |
| 243 | + return uni.$u.toast('请输入登录账号~'); | |
| 244 | + } | |
| 245 | + const passReg = /^(?=.*?[A-Z])(?=(.*[a-z]){1,})(?=(.*[\d]){1,})(?=(.*[\W]){1,})(?!.*\s).{8,}$/; | |
| 246 | + if (this.bindAccountObj.appUserSecret == '') { | |
| 247 | + uni.showToast({ | |
| 248 | + title: '请输入登录密码~', | |
| 249 | + icon: 'none' | |
| 250 | + }); | |
| 251 | + return; | |
| 252 | + } else if (!passReg.test(this.bindAccountObj.appUserSecret)) { | |
| 253 | + uni.showToast({ | |
| 254 | + title: '密码格式不正确(至少一个大写英文字母、至少一个小写英文字母、至少一位数字、至少一个特殊字符、最少八个字符)~', | |
| 255 | + icon: 'none', | |
| 256 | + duration: 3000 | |
| 257 | + }); | |
| 258 | + return; | |
| 259 | + } | |
| 260 | + const postData = { | |
| 261 | + loginMethod: 'ACCOUNT', | |
| 262 | + ...this.bindAccountObj, | |
| 263 | + platformName: 'WECHAT', | |
| 264 | + ...this.thirdObj | |
| 265 | + }; | |
| 266 | + uni.$u.http | |
| 267 | + .post('/yt/third/bind', postData) | |
| 268 | + .then(res => { | |
| 269 | + if (res) { | |
| 270 | + this.show = false; | |
| 271 | + // 储存登录信息 | |
| 272 | + let resObj = { | |
| 273 | + refreshToken: res.refreshToken, | |
| 274 | + isToken: res.token | |
| 275 | + }; | |
| 276 | + let userInfo = { | |
| 277 | + ...resObj, | |
| 278 | + token: true //token用于判断是否登录 | |
| 279 | + }; | |
| 280 | + if (userInfo.token) { | |
| 281 | + this.setUserInfo(userInfo); | |
| 282 | + } | |
| 283 | + uni.showToast({ | |
| 284 | + title: '账号绑定成功~', | |
| 285 | + icon: 'none' | |
| 286 | + }); | |
| 287 | + this.saveUserInfo(); | |
| 288 | + } | |
| 289 | + }) | |
| 290 | + .catch(e => { | |
| 291 | + uni.$u.toast(e.data?.message); | |
| 292 | + }); | |
| 228 | 293 | } else { |
| 229 | - console.log('Phone submit', this.bindPhoneObj); | |
| 294 | + const phoneRegular = /^1\d{10}$/; | |
| 295 | + if (this.bindPhoneObj.appUserKey == '') { | |
| 296 | + uni.showToast({ | |
| 297 | + title: '请输入手机号码~', | |
| 298 | + icon: 'none' | |
| 299 | + }); | |
| 300 | + return; | |
| 301 | + } else if (!phoneRegular.test(this.bindPhoneObj.appUserKey)) { | |
| 302 | + uni.showToast({ | |
| 303 | + title: '手机号格式不正确~', | |
| 304 | + icon: 'none' | |
| 305 | + }); | |
| 306 | + return; | |
| 307 | + } | |
| 308 | + if (this.bindPhoneObj.appUserSecret == '') { | |
| 309 | + uni.showToast({ | |
| 310 | + title: '请输入验证码~', | |
| 311 | + icon: 'none' | |
| 312 | + }); | |
| 313 | + return; | |
| 314 | + } else if (!/^\d{6}$/.test(this.bindPhoneObj.appUserSecret)) { | |
| 315 | + uni.showToast({ | |
| 316 | + title: '验证码格式不正确~', | |
| 317 | + icon: 'none' | |
| 318 | + }); | |
| 319 | + return; | |
| 320 | + } | |
| 321 | + const postData = { | |
| 322 | + loginMethod: 'PHONE', | |
| 323 | + ...this.bindPhoneObj, | |
| 324 | + platformName: 'WECHAT', | |
| 325 | + ...this.thirdObj | |
| 326 | + }; | |
| 327 | + uni.$u.http | |
| 328 | + .post('/yt/third/bind', postData) | |
| 329 | + .then(res => { | |
| 330 | + this.show = false; | |
| 331 | + // 储存登录信息 | |
| 332 | + let resObj = { | |
| 333 | + refreshToken: res.refreshToken, | |
| 334 | + isToken: res.token | |
| 335 | + }; | |
| 336 | + let userInfo = { | |
| 337 | + ...resObj, | |
| 338 | + token: true //token用于判断是否登录 | |
| 339 | + }; | |
| 340 | + if (userInfo.token) { | |
| 341 | + this.setUserInfo(userInfo); | |
| 342 | + } | |
| 343 | + uni.showToast({ | |
| 344 | + title: '手机绑定成功~', | |
| 345 | + icon: 'none' | |
| 346 | + }); | |
| 347 | + this.saveUserInfo(); | |
| 348 | + }) | |
| 349 | + .catch(e => { | |
| 350 | + uni.$u.toast(e.data?.message); | |
| 351 | + }); | |
| 230 | 352 | } |
| 231 | 353 | }, |
| 354 | + saveUserInfo() { | |
| 355 | + //储存个人信息 | |
| 356 | + uni.$u.http.get('/yt/user/me/info').then(res => { | |
| 357 | + if (res) { | |
| 358 | + this.setUserInfo(res); | |
| 359 | + } | |
| 360 | + }); | |
| 361 | + }, | |
| 232 | 362 | bindPhoneFunc() { |
| 233 | 363 | this.bindPhone = true; |
| 234 | 364 | }, |
| ... | ... | @@ -253,7 +383,6 @@ export default { |
| 253 | 383 | }, |
| 254 | 384 | //获取验证码 |
| 255 | 385 | getVcode() { |
| 256 | - console.log('getVcode'); | |
| 257 | 386 | if (this.readonly) { |
| 258 | 387 | uni.showToast({ |
| 259 | 388 | title: '验证码已发送~', |
| ... | ... | @@ -261,7 +390,7 @@ export default { |
| 261 | 390 | }); |
| 262 | 391 | return; |
| 263 | 392 | } |
| 264 | - if (this.phone == '') { | |
| 393 | + if (this.bindPhoneObj.appUserKey == '') { | |
| 265 | 394 | uni.showToast({ |
| 266 | 395 | title: '请输入手机号~', |
| 267 | 396 | icon: 'none' |
| ... | ... | @@ -269,7 +398,7 @@ export default { |
| 269 | 398 | return; |
| 270 | 399 | } |
| 271 | 400 | const phoneRegular = /^1\d{10}$/; |
| 272 | - if (!phoneRegular.test(this.phone)) { | |
| 401 | + if (!phoneRegular.test(this.bindPhoneObj.appUserKey)) { | |
| 273 | 402 | uni.showToast({ |
| 274 | 403 | title: '手机号格式不正确~', |
| 275 | 404 | icon: 'none' |
| ... | ... | @@ -278,9 +407,11 @@ export default { |
| 278 | 407 | } |
| 279 | 408 | let httpData = {}; |
| 280 | 409 | // 获取验证码接口 |
| 281 | - // uni.$u.http.post('您的接口', httpData).then(res => { | |
| 282 | - this.getCodeState(); //开始倒计时 | |
| 283 | - // }) | |
| 410 | + uni.$u.http.post(`/yt/noauth/sendLoginSmsCode/${this.bindPhoneObj.appUserKey}`).then(res => { | |
| 411 | + if (res) { | |
| 412 | + this.getCodeState(); //开始倒计时 | |
| 413 | + } | |
| 414 | + }); | |
| 284 | 415 | }, |
| 285 | 416 | onLoginoutFunc() { |
| 286 | 417 | this.showLogout = true; | ... | ... |
| ... | ... | @@ -9,7 +9,7 @@ |
| 9 | 9 | } |
| 10 | 10 | } |
| 11 | 11 | .set-main { |
| 12 | - border-radius: 20px; | |
| 12 | + border-radius: 10px; | |
| 13 | 13 | margin-top: 37rpx; |
| 14 | 14 | padding-left: 15rpx; |
| 15 | 15 | justify-content: space-between; |
| ... | ... | @@ -41,7 +41,7 @@ |
| 41 | 41 | } |
| 42 | 42 | .basic-main { |
| 43 | 43 | background-color: #ffffff; |
| 44 | - border-radius: 20px; | |
| 44 | + border-radius: 10px; | |
| 45 | 45 | margin-top: 20rpx; |
| 46 | 46 | padding-left: 15rpx; |
| 47 | 47 | } | ... | ... |
| ... | ... | @@ -38,8 +38,10 @@ |
| 38 | 38 | |
| 39 | 39 | <script> |
| 40 | 40 | import { mapMutations } from 'vuex'; |
| 41 | -import { getUserInfo } from '@/components/module/f-login/f-login.js'; | |
| 42 | 41 | import { loginApp } from '@/config/login'; |
| 42 | +import baseUrl from '@/config/baseUrl.js'; | |
| 43 | +import WXBizDataCrypt from '@/config/WXBizDataCrypt.js'; | |
| 44 | +import { appId, appSecrect } from '@/config/constant.js'; | |
| 43 | 45 | |
| 44 | 46 | export default { |
| 45 | 47 | data() { |
| ... | ... | @@ -49,46 +51,97 @@ export default { |
| 49 | 51 | password: '' |
| 50 | 52 | }, |
| 51 | 53 | showPassword: false, |
| 52 | - code: '' | |
| 54 | + code: '', | |
| 55 | + openid: '', | |
| 56 | + session_key: '' | |
| 53 | 57 | }; |
| 54 | 58 | }, |
| 55 | 59 | onLoad() { |
| 56 | - uni.login({ | |
| 60 | + //#ifdef MP-WEIXIN | |
| 61 | + wx.login({ | |
| 57 | 62 | success: res => { |
| 58 | - if (res.errMsg == 'login:ok') { | |
| 63 | + if (res.code) { | |
| 59 | 64 | this.code = res.code; |
| 60 | - console.log('This code', this.code); | |
| 61 | - } else { | |
| 62 | - uni.showToast({ | |
| 63 | - title: '系统异常' | |
| 65 | + wx.request({ | |
| 66 | + url: `https://api.weixin.qq.com/sns/jscode2session?appid=${appId}&secret=${appSecrect}&js_code=${this.code}&grant_type=authorization_code`, | |
| 67 | + method: 'GET', | |
| 68 | + success: res => { | |
| 69 | + if (res.statusCode == 200) { | |
| 70 | + this.openid = res.data.openid; | |
| 71 | + this.session_key = res.data.session_key; | |
| 72 | + } | |
| 73 | + } | |
| 64 | 74 | }); |
| 75 | + } else { | |
| 65 | 76 | } |
| 66 | 77 | } |
| 67 | 78 | }); |
| 79 | + //#endif | |
| 68 | 80 | }, |
| 69 | 81 | methods: { |
| 70 | 82 | ...mapMutations(['setUserInfo']), |
| 71 | 83 | //微信授权登录 |
| 72 | 84 | onAuthorization(e) { |
| 73 | - getUserInfo( | |
| 74 | - info => { | |
| 75 | - console.log('授权信息', info); | |
| 76 | - let httpData = { | |
| 77 | - code: this.code, | |
| 78 | - nickName: info.nickName || '', //昵称 | |
| 79 | - avatarUrl: info.avatarUrl || '', //头像 | |
| 80 | - gender: info.gender || '' //性别 0:未知 1:男 2:女 | |
| 81 | - }; | |
| 82 | - // #ifdef APP-PLUS||MP | |
| 83 | - setTimeout(() => { | |
| 84 | - uni.reLaunch({ | |
| 85 | - url: '/pages/personal/personal' | |
| 86 | - }); | |
| 87 | - }, 500); | |
| 88 | - // #endif | |
| 89 | - }, | |
| 90 | - err => {} | |
| 91 | - ); | |
| 85 | + wx.getUserProfile({ | |
| 86 | + desc: '获取用户信息', | |
| 87 | + success: res => { | |
| 88 | + if (res) { | |
| 89 | + let pc = new WXBizDataCrypt(appId, this.session_key); | |
| 90 | + let data = pc.decryptData(res.encryptedData, res.iv); | |
| 91 | + let obj = { | |
| 92 | + avatarUrl: data.avatarUrl, | |
| 93 | + nickName: data.nickName, | |
| 94 | + thirdUserId: this.openid | |
| 95 | + }; | |
| 96 | + //判断是否需要绑定 | |
| 97 | + uni.$u.http | |
| 98 | + .get(`/yt/third/login/${this.openid}`) | |
| 99 | + .then(res => { | |
| 100 | + if (res.token == '' || res.token == null) { | |
| 101 | + } else { | |
| 102 | + // 储存登录信息 | |
| 103 | + let resObj = { | |
| 104 | + refreshToken: res.refreshToken, | |
| 105 | + isToken: res.token | |
| 106 | + }; | |
| 107 | + let userInfo = { | |
| 108 | + ...resObj, | |
| 109 | + token: true //token用于判断是否登录 | |
| 110 | + }; | |
| 111 | + if (userInfo.token) { | |
| 112 | + this.setUserInfo(userInfo); | |
| 113 | + } | |
| 114 | + uni.showToast({ | |
| 115 | + title: '第三方账号登录成功~', | |
| 116 | + icon: 'none' | |
| 117 | + }); | |
| 118 | + this.saveUserInfo(); | |
| 119 | + // return uni.showToast({ | |
| 120 | + // title: '不需要绑定' | |
| 121 | + // }); | |
| 122 | + } | |
| 123 | + }) | |
| 124 | + .catch(e => { | |
| 125 | + uni.$u.toast(e.data?.message); | |
| 126 | + }); | |
| 127 | + // #ifdef APP-PLUS||MP | |
| 128 | + setTimeout(() => { | |
| 129 | + uni.reLaunch({ | |
| 130 | + url: '/pages/personal/personal?obj=' + JSON.stringify(obj) | |
| 131 | + }); | |
| 132 | + }, 500); | |
| 133 | + // #endif | |
| 134 | + } | |
| 135 | + } | |
| 136 | + }); | |
| 137 | + }, | |
| 138 | + saveUserInfo() { | |
| 139 | + //储存个人信息 | |
| 140 | + uni.$u.http.get('/yt/user/me/info').then(res => { | |
| 141 | + if (res) { | |
| 142 | + this.setUserInfo(res); | |
| 143 | + } | |
| 144 | + }); | |
| 92 | 145 | }, |
| 93 | 146 | onSubmitFunc() { |
| 94 | 147 | if (this.loginForm.username == '') { | ... | ... |
| ... | ... | @@ -166,6 +166,12 @@ button { |
| 166 | 166 | font-weight: 400; |
| 167 | 167 | color: #ffffff; |
| 168 | 168 | } |
| 169 | +.feed-back-text { | |
| 170 | + font-size: 15px; | |
| 171 | + font-family: PingFangSC-Regular, PingFang SC; | |
| 172 | + font-weight: 400; | |
| 173 | + color: #2f384e; | |
| 174 | +} | |
| 169 | 175 | // 定义flex等分 |
| 170 | 176 | @for $i from 0 through 12 { |
| 171 | 177 | .u-flex-#{$i} { | ... | ... |
| ... | ... | @@ -7,7 +7,7 @@ |
| 7 | 7 | /deep/.u-list-item { |
| 8 | 8 | background: #ffffff; |
| 9 | 9 | width: 695rpx; |
| 10 | - border-radius: 20px; | |
| 10 | + border-radius: 10px; | |
| 11 | 11 | margin-top: 20rpx; |
| 12 | 12 | } |
| 13 | 13 | .notify-main { |
| ... | ... | @@ -21,7 +21,7 @@ |
| 21 | 21 | width: 700rpx; |
| 22 | 22 | height: 136rpx; |
| 23 | 23 | background: #ffffff; |
| 24 | - border-radius: 20px; | |
| 24 | + border-radius: 10px; | |
| 25 | 25 | .item { |
| 26 | 26 | justify-content: space-between; |
| 27 | 27 | flex-direction: row; | ... | ... |
| ... | ... | @@ -2,10 +2,11 @@ |
| 2 | 2 | <view class="notify-page"> |
| 3 | 3 | <!-- 公共组件-每个页面必须引入 --> |
| 4 | 4 | <public-module></public-module> |
| 5 | - <view @click="openTypeClick" style="width: 700rpx;"> | |
| 6 | - <u--input suffixIcon="arrow-down" shape="circle" v-model="model1.userInfo.type" placeholder="请选择类型" border="surround"></u--input> | |
| 5 | + <view @click="openTypeClick" style="width: 700rpx;position: fixed;top: 0;z-index: 1;"> | |
| 6 | + <u--input suffixIcon="arrow-down" shape="circle" disabled v-model="model1.userInfo.type" placeholder="请选择类型" border="surround"></u--input> | |
| 7 | 7 | <u-action-sheet :show="showType" :actions="actions" title="请选择类型" @close="showType = false" @select="typeSelect"></u-action-sheet> |
| 8 | 8 | </view> |
| 9 | + <view style="height: 76rpx;"></view> | |
| 9 | 10 | <view class="notify-main"> |
| 10 | 11 | <mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" @up="upCallback"> |
| 11 | 12 | <view class="u-flex main"> | ... | ... |