<template>
|
<view class="my">
|
<view class="my-head">
|
<u-navbar
|
title="我的"
|
:border-bottom="false"
|
:background="background"
|
:title-bold="true"
|
title-color="#fff"
|
:is-back="false"
|
/>
|
<view class="my-head-content" @click="navTo('info')">
|
<u-avatar :src="image" size="240"></u-avatar>
|
<p
|
style="
|
font-weight: bold;
|
font-size: 34rpx;
|
color: #333333;
|
margin-bottom: 12rpx;
|
"
|
>
|
{{ vuex_username || $t("login.noLogin") }}
|
</p>
|
<!-- TODO 对接部门 -->
|
<p style="font-weight: 500; font-size: 28rpx; color: #666666">
|
生产部门一
|
</p>
|
</view>
|
</view>
|
<u-button
|
type="primary"
|
style="margin: 30rpx"
|
:loading="loading"
|
@click="logout"
|
:custom-style="{
|
backgroundColor: '#214DED',
|
height: '80rpx',
|
}"
|
class="btn"
|
>{{ $t("login.logoutButton") }}</u-button
|
>
|
<u-button
|
type="primary"
|
style="margin: 30rpx"
|
:loading="refreshLoading"
|
@click="refresh"
|
:custom-style="{
|
backgroundColor: '#214DED',
|
height: '80rpx',
|
}"
|
class="btn1"
|
>检查更新</u-button
|
>
|
<view class="currentVersion">版本号：{{ currentVersion }}</view>
|
</view>
|
</template>
|
|
<script>
|
import config from "../../../common/config";
|
export default {
|
data() {
|
return {
|
background: {
|
background: "transparent",
|
},
|
loading: false,
|
refreshLoading: false,
|
image: undefined,
|
currentVersion: "1.0.0",
|
};
|
},
|
onLoad() {
|
this.image = config.baseUrl + this.vuex_user.avatar;
|
},
|
methods: {
|
refresh() {
|
this.refreshLoading = true;
|
uni.showToast({
|
title: "检查更新中...",
|
icon: "loading",
|
});
|
this.$u.api
|
.checkUpdate({
|
currentVersion: this.currentVersion,
|
})
|
.then((res) => {
|
console.log("checkUpdate", res);
|
if (!res.hasUpdate) {
|
uni.showToast({
|
title: "当前版本为最新版本",
|
icon: "success",
|
});
|
} else {
|
let that = this;
|
uni.showModal({
|
title: "提示",
|
content: "发现新版本，是否下载？",
|
success: function (t) {
|
if (t.confirm) {
|
that.downloadApk(res.downloadUrl);
|
} else if (t.cancel) {
|
return;
|
}
|
},
|
});
|
}
|
this.refreshLoading = false;
|
});
|
},
|
// downloadPda() {
|
// this.$u.api
|
// .downloadPda({
|
// // currentVersion: this.currentVersion,
|
// })
|
// .then((res) => {
|
// this.downloadApk(res.url, res.fileSize);
|
// });
|
// },
|
downloadApk(url) {
|
uni.showLoading({ title: "下载中,请勿操作" });
|
console.log("downloadApk", url);
|
uni.downloadFile({
|
url: url,
|
success: (res) => {
|
// if (res.statusCode === 200) {
|
const tempPath = res.tempFilePath;
|
|
// 调用设备 API 进行本地安装
|
plus.runtime.install(
|
tempPath,
|
{},
|
() => {
|
// uni.hideLoading();
|
uni.showToast({
|
title: "安装成功",
|
});
|
},
|
(err) => {
|
// uni.hideLoading();
|
uni.showToast({
|
title: "安装失败：" + err.message,
|
});
|
}
|
);
|
// } else {
|
// uni.hideLoading();
|
// uni.showToast({
|
// title: '下载失败'
|
// });
|
// }
|
},
|
fail: (err) => {
|
console.error(err);
|
uni.hideLoading();
|
uni.showToast({
|
title: "下载出错",
|
});
|
},
|
});
|
},
|
logout() {
|
this.$u.api
|
.logout()
|
.then((res) => {
|
this.$u.toast(res.message);
|
|
//清空存储信息
|
this.$u.vuex("vuex_token", "");
|
this.$u.vuex("vuex_refresh_token", "");
|
this.$u.vuex("vuex_username", "");
|
this.$u.vuex("vuex_userId", "");
|
this.$u.vuex("vuex_client_id", "");
|
this.$u.vuex("vuex_user", {});
|
|
setTimeout(() => {
|
uni.reLaunch({
|
url: "/pages/sys/login/index",
|
});
|
}, 500);
|
})
|
.catch((err) => {
|
this.$u.api.workReporting.getWorkshopOrder({}).then((res) => {});
|
});
|
},
|
navTo(url) {
|
// uni.navigateTo({
|
// url: url,
|
// });
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.my {
|
height: 100%;
|
background: linear-gradient(to bottom, #e5f0ff, #f6f9ff);
|
|
.my-head {
|
height: 320rpx;
|
background-image: url("~@/static/custom/user/bg2.png");
|
background-size: 100% auto;
|
background-repeat: no-repeat;
|
position: relative;
|
|
.my-head-content {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
flex-direction: column;
|
position: absolute;
|
left: 50%;
|
transform: translate(-50%, 0);
|
bottom: -220rpx;
|
}
|
}
|
|
.btn {
|
position: fixed;
|
bottom: 320rpx;
|
width: calc(100% - 60rpx);
|
}
|
.btn1 {
|
position: fixed;
|
bottom: 200rpx;
|
width: calc(100% - 60rpx);
|
}
|
.currentVersion {
|
position: fixed;
|
color: #010101;
|
font-size: 32rpx;
|
text-align: center;
|
bottom: 150rpx;
|
width: calc(100% - 60rpx);
|
}
|
}
|
</style>
|
