Showing
1 changed file
with
149 additions
and
3 deletions
| ... | ... | @@ -2,6 +2,7 @@ |
| 2 | 2 | <view class="set-page"> |
| 3 | 3 | <!-- 公共组件-每个页面必须引入 --> |
| 4 | 4 | <public-module></public-module> |
| 5 | + <!-- #ifdef MP-WEIXIN --> | |
| 5 | 6 | <view @click="upAvatar" class="u-flex set-main"> |
| 6 | 7 | <view class="main-image"> |
| 7 | 8 | <image class="image" :src="avatar || '../../static/logo.png'"></image> |
| ... | ... | @@ -10,6 +11,17 @@ |
| 10 | 11 | <image class="image" src="../../static/arrow-right.png"></image> |
| 11 | 12 | </view> |
| 12 | 13 | </view> |
| 14 | + <!-- #endif --> | |
| 15 | + <!-- #ifdef APP-PLUS --> | |
| 16 | + <view @click="upAppAvatar" class="u-flex set-main"> | |
| 17 | + <view class="main-image"> | |
| 18 | + <image class="image" :src="avatar || '../../static/logo.png'"></image> | |
| 19 | + </view> | |
| 20 | + <view class="main-right-image"> | |
| 21 | + <image class="image" src="../../static/arrow-right.png"></image> | |
| 22 | + </view> | |
| 23 | + </view> | |
| 24 | + <!-- #endif --> | |
| 13 | 25 | <view class="u-m-t-20 basic-text"><text class="text">基本资料</text></view> |
| 14 | 26 | <view class="basic-main"> |
| 15 | 27 | <u--form labelPosition="left" :model="myInfoModel" ref="myForm"> |
| ... | ... | @@ -63,6 +75,8 @@ |
| 63 | 75 | </u-popup> |
| 64 | 76 | </view> |
| 65 | 77 | <!-- 解绑账号 --> |
| 78 | + <u-picker :show="showSelectType" :columns="avgColumns" keyName="label" closeOnClickOverlay | |
| 79 | + @confirm="confirmAvgGap" @cancel="showSelectType=false" @close="showSelectType=false"></u-picker> | |
| 66 | 80 | </view> |
| 67 | 81 | </template> |
| 68 | 82 | |
| ... | ... | @@ -75,10 +89,21 @@ |
| 75 | 89 | mapState |
| 76 | 90 | } from 'vuex'; |
| 77 | 91 | import api from '@/api/index.js' |
| 92 | + import permission from '@/js_sdk/wa-permission/permission.js' | |
| 78 | 93 | |
| 79 | 94 | export default { |
| 80 | 95 | data() { |
| 81 | 96 | return { |
| 97 | + avgColumns: [ | |
| 98 | + [{ | |
| 99 | + label: '相机', | |
| 100 | + value: 1 | |
| 101 | + }, { | |
| 102 | + label: '相册', | |
| 103 | + value: 2 | |
| 104 | + }, ] | |
| 105 | + ], | |
| 106 | + showSelectType: false, | |
| 82 | 107 | showBind: false, |
| 83 | 108 | PrimaryColor: '#377DFF', //主题色 |
| 84 | 109 | InfoColor: '#00C9A7', //主题色 |
| ... | ... | @@ -119,14 +144,14 @@ |
| 119 | 144 | info: {}, |
| 120 | 145 | openIds: '', |
| 121 | 146 | isUpdatePersonOrLoginInfo: false, |
| 122 | - isJudgeBindBtn: true | |
| 147 | + isJudgeBindBtn: true, | |
| 148 | + modify_content: '' | |
| 123 | 149 | }; |
| 124 | 150 | }, |
| 125 | 151 | onReady() { |
| 126 | 152 | this.$refs.myForm.setRules(this.rules); |
| 127 | 153 | }, |
| 128 | 154 | onLoad(e) { |
| 129 | - console.log(e); | |
| 130 | 155 | if (e.data !== null) { |
| 131 | 156 | let params = JSON.parse(e.data); |
| 132 | 157 | this.info = params; |
| ... | ... | @@ -150,7 +175,103 @@ |
| 150 | 175 | ...mapState(['userInfo']) |
| 151 | 176 | }, |
| 152 | 177 | methods: { |
| 178 | + modify() { | |
| 179 | + uni.showModal({ | |
| 180 | + title: '需要下列权限才可以正常使用', | |
| 181 | + content: this.modify_content, | |
| 182 | + confirmText: '前往开启', | |
| 183 | + success: function(res) { | |
| 184 | + if (res.confirm) { | |
| 185 | + permission.gotoAppPermissionSetting(); //动态修改权限 | |
| 186 | + } | |
| 187 | + } | |
| 188 | + }); | |
| 189 | + }, | |
| 190 | + async requestAndroidPermission(permissionID, e) { | |
| 191 | + let resp = await permission.requestAndroidPermission(permissionID, e); | |
| 192 | + if (resp == -1) { | |
| 193 | + this.modify(); | |
| 194 | + } else if (resp == 1) { | |
| 195 | + if (e == 1) { | |
| 196 | + this.chooseImage1() | |
| 197 | + } else { | |
| 198 | + this.chooseImage2() | |
| 199 | + } | |
| 200 | + } | |
| 201 | + }, | |
| 153 | 202 | ...mapMutations(['setUserInfo', 'emptyUserInfo']), |
| 203 | + chooseImage1() { | |
| 204 | + let token; | |
| 205 | + token = this.userInfo.isToken || uni.getStorageSync('userInfo').isToken || undefined; | |
| 206 | + // #ifdef H5 | |
| 207 | + token = window.sessionStorage.getItem('userInfo').isToken; | |
| 208 | + // #endif | |
| 209 | + if (!token) return uni.$u.toast('请登录后上传图片'); | |
| 210 | + var cmr = plus.camera.getCamera(); | |
| 211 | + var res = cmr.supportedImageResolutions[0]; | |
| 212 | + var fmt = cmr.supportedImageFormats[0]; | |
| 213 | + cmr.captureImage( | |
| 214 | + (path) => { | |
| 215 | + this.showSelectType = false | |
| 216 | + uni.uploadFile({ | |
| 217 | + url: `${baseUrl.baseUrl}/yt/oss/upload`, | |
| 218 | + filePath: path, | |
| 219 | + name: 'file', | |
| 220 | + header: { | |
| 221 | + 'content-type': 'multipart/form-data', | |
| 222 | + Authorization: 'Bearer ' + token | |
| 223 | + }, | |
| 224 | + formData: {}, | |
| 225 | + success: res => { | |
| 226 | + let objImage = JSON.parse(res.data); | |
| 227 | + this.avatar = objImage.fileStaticUri; | |
| 228 | + uni.$u.toast('头像上传成功'); | |
| 229 | + } | |
| 230 | + }); | |
| 231 | + }, | |
| 232 | + function(error) { | |
| 233 | + console.log('Capture image failed: ' + error.message); | |
| 234 | + }, { | |
| 235 | + resolution: res, | |
| 236 | + format: fmt | |
| 237 | + } | |
| 238 | + ); | |
| 239 | + }, | |
| 240 | + //选择相册 | |
| 241 | + chooseImage2() { | |
| 242 | + let token; | |
| 243 | + token = this.userInfo.isToken || uni.getStorageSync('userInfo').isToken || undefined; | |
| 244 | + // #ifdef H5 | |
| 245 | + token = window.sessionStorage.getItem('userInfo').isToken; | |
| 246 | + // #endif | |
| 247 | + if (!token) return uni.$u.toast('请登录后上传图片'); | |
| 248 | + plus.gallery.pick( | |
| 249 | + (path) => { | |
| 250 | + console.log(path) | |
| 251 | + this.showSelectType = false | |
| 252 | + uni.uploadFile({ | |
| 253 | + url: `${baseUrl.baseUrl}/yt/oss/upload`, | |
| 254 | + filePath: path, | |
| 255 | + name: 'file', | |
| 256 | + header: { | |
| 257 | + 'content-type': 'multipart/form-data', | |
| 258 | + Authorization: 'Bearer ' + token | |
| 259 | + }, | |
| 260 | + formData: {}, | |
| 261 | + success: res => { | |
| 262 | + let objImage = JSON.parse(res.data); | |
| 263 | + this.avatar = objImage.fileStaticUri; | |
| 264 | + uni.$u.toast('头像上传成功'); | |
| 265 | + } | |
| 266 | + }); | |
| 267 | + }, | |
| 268 | + function(e) { | |
| 269 | + console.log('取消选择图片'); | |
| 270 | + }, { | |
| 271 | + filter: 'image' | |
| 272 | + } | |
| 273 | + ); | |
| 274 | + }, | |
| 154 | 275 | confrimBind(e) { |
| 155 | 276 | if (e) { |
| 156 | 277 | //解绑 |
| ... | ... | @@ -181,8 +302,32 @@ |
| 181 | 302 | clearAccountFunc() { |
| 182 | 303 | this.showBind = true; |
| 183 | 304 | }, |
| 305 | + upAppAvatar() { | |
| 306 | + this.showSelectType = true | |
| 307 | + }, | |
| 308 | + confirmAvgGap(e) { | |
| 309 | + if (e.value[0].value == 1) { | |
| 310 | + this.modify_content = '摄像头权限(拍摄头像)'; | |
| 311 | + //相机 | |
| 312 | + switch (uni.getSystemInfoSync().platform) { | |
| 313 | + case 'android': | |
| 314 | + this.requestAndroidPermission('android.permission.CAMERA', 1); | |
| 315 | + break; | |
| 316 | + } | |
| 317 | + } else { | |
| 318 | + this.modify_content = '存储权限(读取相册)'; | |
| 319 | + //相册 | |
| 320 | + switch (uni.getSystemInfoSync().platform) { | |
| 321 | + case 'android': | |
| 322 | + this.requestAndroidPermission('android.permission.READ_EXTERNAL_STORAGE', 2); | |
| 323 | + break; | |
| 324 | + } | |
| 325 | + } | |
| 326 | + this.showSelectAvg = false | |
| 327 | + }, | |
| 184 | 328 | // 修改头像 |
| 185 | 329 | async upAvatar() { |
| 330 | + let that = this | |
| 186 | 331 | let token; |
| 187 | 332 | token = this.userInfo.isToken || uni.getStorageSync('userInfo').isToken || undefined; |
| 188 | 333 | // #ifdef H5 |
| ... | ... | @@ -191,6 +336,7 @@ |
| 191 | 336 | if (!token) return uni.$u.toast('请登录后上传图片'); |
| 192 | 337 | uni.chooseImage({ |
| 193 | 338 | count: 1, |
| 339 | + sizeType: ['compressed'], | |
| 194 | 340 | sourceType: ['camera', 'album'], |
| 195 | 341 | success: res => { |
| 196 | 342 | const tempFilePaths = res.tempFilePaths; |
| ... | ... | @@ -232,7 +378,7 @@ |
| 232 | 378 | uni.$u.toast('头像上传成功'); |
| 233 | 379 | } |
| 234 | 380 | }); |
| 235 | - } | |
| 381 | + }, | |
| 236 | 382 | }); |
| 237 | 383 | }, |
| 238 | 384 | onSubmitFunc() { | ... | ... |