mhsnet
2 months ago
parent
39fa16d482
commit
81aa39a1db
@ -0,0 +1,21 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
// 获取当前用户个人资料
|
||||
export function UserBaseInfo() {
|
||||
return request({
|
||||
url: "/api/permission/Users/Current/BaseInfo",
|
||||
method: "GET",
|
||||
});
|
||||
}
|
||||
|
||||
// 账号注销
|
||||
export function logoutCurrentUser(token) {
|
||||
return request({
|
||||
url: '/api/oauth/logoutCurrentUser',
|
||||
method: 'post',
|
||||
token,
|
||||
header: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
}
|
||||
})
|
||||
}
|
||||
@ -1,270 +1,319 @@
|
||||
<template>
|
||||
<view class="my-v" v-if="loading">
|
||||
<view class="u-flex user-box u-p-l-20 u-p-r-10 u-p-b-20">
|
||||
<view class="u-m-r-10">
|
||||
<u-avatar size="140" @click='chooseAvatar' :src='avatarSrc'></u-avatar>
|
||||
</view>
|
||||
<view class="u-flex-1 f-right" @click="personalPage('/pages/my/personalData/index')">
|
||||
<view class="u-font-18 u-m-l-16">{{baseInfo.realName}}</view>
|
||||
<view class="u-m-l-10 u-p-10">
|
||||
<u-icon name="arrow-right" color="#969799" size="28"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-m-t-20">
|
||||
<view class="" style="background-color: #fff;">
|
||||
<u-cell-group style="padding: 0 20rpx;" :border="false">
|
||||
<u-cell-item title="我的组织" @click="openPage('/pages/my/business/index','Organize')"
|
||||
:title-style="titleStyle">
|
||||
<text class="icon-ym icon-ym-zuzhi u-m-r-16 u-font-36" slot="icon" style="color: #303133;" />
|
||||
</u-cell-item>
|
||||
<u-cell-item title=" 我的岗位" @click="openPage('/pages/my/business/index','Position')"
|
||||
:title-style="titleStyle">
|
||||
<text class="icon-ym icon-ym-position1 u-m-r-16 u-font-36" slot="icon"
|
||||
style="color: #303133;" />
|
||||
</u-cell-item>
|
||||
<u-cell-item title="我的下属" @click="openPage('/pages/my/subordinate/index')"
|
||||
:title-style="titleStyle">
|
||||
<text class="icon-ym icon-ym-generator-section u-m-r-16 u-font-36" slot="icon"
|
||||
style="color: #303133;" />
|
||||
</u-cell-item>
|
||||
<!-- #ifndef H5 -->
|
||||
<u-cell-item title="扫一扫" @click="scanCode()" :title-style="titleStyle">
|
||||
<text class="icon-ym icon-ym-scanCode1 u-m-r-16 u-font-36"
|
||||
style="font-weight: bold;color: #303133;" slot="icon" />
|
||||
</u-cell-item>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef APP-PLUS -->
|
||||
<u-cell-item title="账号安全" @click="openPage('/pages/my/accountSecurity/index')"
|
||||
:title-style="titleStyle">
|
||||
<text class="icon-ym icon-ym-zhanghao u-m-r-16 u-font-36" slot="icon" style="color: #303133;" />
|
||||
</u-cell-item>
|
||||
<!-- #endif -->
|
||||
<u-cell-item title="设置" @click="openPage('/pages/my/settings/index')" :title-style="titleStyle"
|
||||
:border-bottom="false">
|
||||
<text class="icon-ym icon-ym-shezhi u-m-r-16 u-font-36" slot="icon" style="color: #303133;" />
|
||||
</u-cell-item>
|
||||
</u-cell-group>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-p-t-20">
|
||||
<view class="logout-cell" hover-class="u-cell-hover" @click="logout">退出登录</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="my-v" v-if="loading">
|
||||
<view class="u-flex user-box u-p-l-20 u-p-r-10 u-p-b-20">
|
||||
<view class="u-m-r-10">
|
||||
<u-avatar size="140" @click="chooseAvatar" :src="avatarSrc"></u-avatar>
|
||||
</view>
|
||||
<view
|
||||
class="u-flex-1 f-right"
|
||||
@click="personalPage('/pages/my/personalData/index')"
|
||||
>
|
||||
<view class="u-font-18 u-m-l-16">{{ baseInfo.realName }}</view>
|
||||
<view class="u-m-l-10 u-p-10">
|
||||
<u-icon name="arrow-right" color="#969799" size="28"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-m-t-20">
|
||||
<view class="" style="background-color: #fff">
|
||||
<u-cell-group style="padding: 0 20rpx" :border="false">
|
||||
<u-cell-item
|
||||
title="我的组织"
|
||||
@click="openPage('/pages/my/business/index', 'Organize')"
|
||||
:title-style="titleStyle"
|
||||
>
|
||||
<text
|
||||
class="icon-ym icon-ym-zuzhi u-m-r-16 u-font-36"
|
||||
slot="icon"
|
||||
style="color: #303133"
|
||||
/>
|
||||
</u-cell-item>
|
||||
<u-cell-item
|
||||
title=" 我的岗位"
|
||||
@click="openPage('/pages/my/business/index', 'Position')"
|
||||
:title-style="titleStyle"
|
||||
>
|
||||
<text
|
||||
class="icon-ym icon-ym-position1 u-m-r-16 u-font-36"
|
||||
slot="icon"
|
||||
style="color: #303133"
|
||||
/>
|
||||
</u-cell-item>
|
||||
<u-cell-item
|
||||
title="我的下属"
|
||||
@click="openPage('/pages/my/subordinate/index')"
|
||||
:title-style="titleStyle"
|
||||
>
|
||||
<text
|
||||
class="icon-ym icon-ym-generator-section u-m-r-16 u-font-36"
|
||||
slot="icon"
|
||||
style="color: #303133"
|
||||
/>
|
||||
</u-cell-item>
|
||||
<!-- #ifndef H5 -->
|
||||
<u-cell-item
|
||||
title="扫一扫"
|
||||
@click="scanCode()"
|
||||
:title-style="titleStyle"
|
||||
>
|
||||
<text
|
||||
class="icon-ym icon-ym-scanCode1 u-m-r-16 u-font-36"
|
||||
style="font-weight: bold; color: #303133"
|
||||
slot="icon"
|
||||
/>
|
||||
</u-cell-item>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef APP-PLUS -->
|
||||
<u-cell-item
|
||||
title="账号安全"
|
||||
@click="openPage('/pages/my/accountSecurity/index')"
|
||||
:title-style="titleStyle"
|
||||
>
|
||||
<text
|
||||
class="icon-ym icon-ym-zhanghao u-m-r-16 u-font-36"
|
||||
slot="icon"
|
||||
style="color: #303133"
|
||||
/>
|
||||
</u-cell-item>
|
||||
<!-- #endif -->
|
||||
<u-cell-item
|
||||
title="设置"
|
||||
@click="openPage('/pages/my/settings/index')"
|
||||
:title-style="titleStyle"
|
||||
:border-bottom="false"
|
||||
>
|
||||
<text
|
||||
class="icon-ym icon-ym-shezhi u-m-r-16 u-font-36"
|
||||
slot="icon"
|
||||
style="color: #303133"
|
||||
/>
|
||||
</u-cell-item>
|
||||
</u-cell-group>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-p-t-20">
|
||||
<view class="logout-cell" hover-class="u-cell-hover" @click="logout"
|
||||
>退出登录</view
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import IndexMixin from './mixin.js'
|
||||
import {
|
||||
UpdateAvatar
|
||||
} from '@/api/common'
|
||||
import {
|
||||
UserSettingInfo
|
||||
} from '@/api/common'
|
||||
export default {
|
||||
mixins: [IndexMixin],
|
||||
data() {
|
||||
return {
|
||||
titleStyle: {
|
||||
color: '#303133'
|
||||
},
|
||||
avatarSrc: '',
|
||||
baseInfo: {},
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
baseURL() {
|
||||
return this.define.comUploadUrl
|
||||
},
|
||||
baseURL2() {
|
||||
return this.define.baseURL
|
||||
},
|
||||
token() {
|
||||
return this.$store.getters.token
|
||||
},
|
||||
report() {
|
||||
return this.define.report
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
UserSettingInfo().then(res => {
|
||||
this.baseInfo = res.data || {}
|
||||
this.avatarSrc = this.baseURL2 + this.baseInfo.avatar
|
||||
this.loading = true
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
chooseAvatar() {
|
||||
uni.chooseImage({
|
||||
count: 1,
|
||||
sizeType: ['original', 'compressed'],
|
||||
success: (res) => {
|
||||
let tempFilePaths = res.tempFilePaths[0]
|
||||
uni.uploadFile({
|
||||
url: this.baseURL + 'userAvatar',
|
||||
filePath: tempFilePaths,
|
||||
name: 'file',
|
||||
header: {
|
||||
'Authorization': this.token
|
||||
},
|
||||
success: (uploadFileRes) => {
|
||||
let data = JSON.parse(uploadFileRes.data)
|
||||
UpdateAvatar(data.data.name).then(res => {
|
||||
this.$u.toast('头像更换成功')
|
||||
this.avatarSrc = this.baseURL2 + data.data.url
|
||||
})
|
||||
},
|
||||
fail: (err) => {
|
||||
this.$u.toast('头像更换失败')
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
openPage(path, type) {
|
||||
if (!path) return
|
||||
let url = !!type ? path + '?majorType=' + type : path
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
})
|
||||
},
|
||||
personalPage(path) {
|
||||
if (!path) return
|
||||
uni.navigateTo({
|
||||
url: path + '?baseInfo=' + encodeURIComponent(JSON
|
||||
.stringify(this.baseInfo))
|
||||
})
|
||||
},
|
||||
isJSON(str) {
|
||||
try {
|
||||
var obj = JSON.parse(str);
|
||||
if (typeof obj == 'object' && obj) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
logout() {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '确定退出当前账号吗？',
|
||||
success: res => {
|
||||
if (res.confirm) {
|
||||
this.$store.dispatch('user/logout').then(() => {
|
||||
uni.closeSocket()
|
||||
uni.reLaunch({
|
||||
url: '/pages/login/index'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
scanCode() {
|
||||
uni.scanCode({
|
||||
success: res => {
|
||||
if (this.isJSON(res.result.trim())) {
|
||||
const result = JSON.parse(res.result.trim())
|
||||
if (result.t === 'ADP') {
|
||||
let config = {
|
||||
isPreview: 1,
|
||||
moduleId: result.id,
|
||||
previewType: result.previewType
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: '/pages/apply/dynamicModel/index?config=' + this.base64
|
||||
.encode(JSON.stringify(config), "UTF-8"),
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无此页面")
|
||||
}
|
||||
})
|
||||
}
|
||||
if (result.t === 'DFD') {
|
||||
uni.navigateTo({
|
||||
url: '/pages/apply/dynamicModel/scanForm?config=' + JSON.stringify(
|
||||
result),
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无此页面")
|
||||
}
|
||||
})
|
||||
}
|
||||
if (result.t === 'WFP') {
|
||||
uni.navigateTo({
|
||||
url: '/pages/workFlow/scanForm/index?config=' + JSON.stringify(
|
||||
result),
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无")
|
||||
}
|
||||
})
|
||||
}
|
||||
if (result.t === 'report') {
|
||||
let url =
|
||||
`${this.report}/preview.html?id=${result.id}&token=${this.token}&page=1&from=menu`
|
||||
uni.navigateTo({
|
||||
url: '/pages/apply/externalLink/index?url=' +
|
||||
encodeURIComponent(
|
||||
url) + '&fullName= ' + result.fullName,
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无")
|
||||
}
|
||||
})
|
||||
}
|
||||
if (result.t === 'portal') {
|
||||
uni.navigateTo({
|
||||
url: '/pages/index/scanProtal?id=' + result.id,
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无")
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: '/pages/my/scanResult/index?result=' + res.result,
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无此页面")
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
|
||||
import IndexMixin from "./mixin.js";
|
||||
import { UpdateAvatar } from "@/api/common";
|
||||
import { UserSettingInfo } from "@/api/common";
|
||||
export default {
|
||||
mixins: [IndexMixin],
|
||||
data() {
|
||||
return {
|
||||
titleStyle: {
|
||||
color: "#303133",
|
||||
},
|
||||
avatarSrc: "",
|
||||
baseInfo: {},
|
||||
loading: false,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
baseURL() {
|
||||
return this.define.comUploadUrl;
|
||||
},
|
||||
baseURL2() {
|
||||
return this.define.baseURL;
|
||||
},
|
||||
token() {
|
||||
return this.$store.getters.token;
|
||||
},
|
||||
report() {
|
||||
return this.define.report;
|
||||
},
|
||||
},
|
||||
onShow() {
|
||||
UserSettingInfo().then((res) => {
|
||||
this.baseInfo = res.data || {};
|
||||
this.avatarSrc = this.baseURL2 + this.baseInfo.avatar;
|
||||
this.loading = true;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
chooseAvatar() {
|
||||
uni.chooseImage({
|
||||
count: 1,
|
||||
sizeType: ["original", "compressed"],
|
||||
success: (res) => {
|
||||
let tempFilePaths = res.tempFilePaths[0];
|
||||
uni.uploadFile({
|
||||
url: this.baseURL + "userAvatar",
|
||||
filePath: tempFilePaths,
|
||||
name: "file",
|
||||
header: {
|
||||
Authorization: this.token,
|
||||
},
|
||||
success: (uploadFileRes) => {
|
||||
let data = JSON.parse(uploadFileRes.data);
|
||||
UpdateAvatar(data.data.name).then((res) => {
|
||||
this.$u.toast("头像更换成功");
|
||||
this.avatarSrc = this.baseURL2 + data.data.url;
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
this.$u.toast("头像更换失败");
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
openPage(path, type) {
|
||||
if (!path) return;
|
||||
let url = !!type ? path + "?majorType=" + type : path;
|
||||
uni.navigateTo({
|
||||
url: url,
|
||||
});
|
||||
},
|
||||
personalPage(path) {
|
||||
if (!path) return;
|
||||
uni.navigateTo({
|
||||
url:
|
||||
path +
|
||||
"?baseInfo=" +
|
||||
encodeURIComponent(JSON.stringify(this.baseInfo)),
|
||||
});
|
||||
},
|
||||
isJSON(str) {
|
||||
try {
|
||||
var obj = JSON.parse(str);
|
||||
if (typeof obj == "object" && obj) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
logout() {
|
||||
uni.showModal({
|
||||
title: "提示",
|
||||
content: "确定退出当前账号吗？",
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
this.$store.dispatch("user/logout").then(() => {
|
||||
uni.closeSocket();
|
||||
uni.reLaunch({
|
||||
url: "/pages/login/index",
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
scanCode() {
|
||||
uni.scanCode({
|
||||
success: (res) => {
|
||||
if (this.isJSON(res.result.trim())) {
|
||||
const result = JSON.parse(res.result.trim());
|
||||
if (result.t === "ADP") {
|
||||
let config = {
|
||||
isPreview: 1,
|
||||
moduleId: result.id,
|
||||
previewType: result.previewType,
|
||||
};
|
||||
uni.navigateTo({
|
||||
url:
|
||||
"/pages/apply/dynamicModel/index?config=" +
|
||||
this.base64.encode(JSON.stringify(config), "UTF-8"),
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无此页面");
|
||||
},
|
||||
});
|
||||
}
|
||||
if (result.t === "DFD") {
|
||||
uni.navigateTo({
|
||||
url:
|
||||
"/pages/apply/dynamicModel/scanForm?config=" +
|
||||
JSON.stringify(result),
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无此页面");
|
||||
},
|
||||
});
|
||||
}
|
||||
if (result.t === "WFP") {
|
||||
uni.navigateTo({
|
||||
url:
|
||||
"/pages/workFlow/scanForm/index?config=" +
|
||||
JSON.stringify(result),
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无");
|
||||
},
|
||||
});
|
||||
}
|
||||
if (result.t === "report") {
|
||||
let url = `${this.report}/preview.html?id=${result.id}&token=${this.token}&page=1&from=menu`;
|
||||
uni.navigateTo({
|
||||
url:
|
||||
"/pages/apply/externalLink/index?url=" +
|
||||
encodeURIComponent(url) +
|
||||
"&fullName= " +
|
||||
result.fullName,
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无");
|
||||
},
|
||||
});
|
||||
}
|
||||
if (result.t === "portal") {
|
||||
uni.navigateTo({
|
||||
url: "/pages/index/scanProtal?id=" + result.id,
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无");
|
||||
},
|
||||
});
|
||||
}
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: "/pages/my/scanResult/index?result=" + res.result,
|
||||
fail: (err) => {
|
||||
this.$u.toast("暂无此页面");
|
||||
},
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #f0f2f6;
|
||||
}
|
||||
page {
|
||||
background-color: #f0f2f6;
|
||||
}
|
||||
|
||||
.my-v {
|
||||
/deep/ .u-cell {
|
||||
height: 112rpx;
|
||||
padding: 0;
|
||||
}
|
||||
.my-v {
|
||||
/deep/ .u-cell {
|
||||
height: 112rpx;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.user-box {
|
||||
background-color: #fff;
|
||||
}
|
||||
.user-box {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.logout-cell {
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
height: 112rpx;
|
||||
background-color: #fff;
|
||||
color: #d9001b;
|
||||
line-height: 112rpx;
|
||||
}
|
||||
.logout-cell {
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
height: 112rpx;
|
||||
background-color: #fff;
|
||||
color: #d9001b;
|
||||
line-height: 112rpx;
|
||||
}
|
||||
|
||||
.f-right {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
.f-right {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in new issue