340 lines
8.2 KiB
Vue
340 lines
8.2 KiB
Vue
<template>
|
|
<view class="content">
|
|
<view class="content-title">我的</view>
|
|
<view class="head">
|
|
<view class="avatar-box">
|
|
<u-avatar
|
|
:src="baseInfo.avatar || '/static/images/avatar.png'"
|
|
size="140"
|
|
mode="circle"
|
|
class="avatar"
|
|
></u-avatar>
|
|
</view>
|
|
<view class="content-name">JuLia James</view>
|
|
</view>
|
|
<view class="cell-list-box">
|
|
<view
|
|
class="cell-list-item"
|
|
v-for="item in cellList"
|
|
@click="toPage(item.path, item)"
|
|
>
|
|
<view class="cell-list-item-left">
|
|
<image
|
|
style="width: 60rpx; height: 60rpx"
|
|
mode="aspectFit"
|
|
:src="item.icon"
|
|
></image>
|
|
<text>{{ item.title }}</text>
|
|
</view>
|
|
|
|
<view class="cell-list-item-right">
|
|
<text>{{ item.content }}</text>
|
|
<!-- <u-icon v-else name="arrow-right" color="#a5a7ab" size="32"></u-icon> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="empty-box"></view>
|
|
<view class="cell-list-box2">
|
|
<view
|
|
class="cell-list-item"
|
|
v-for="item in cellList2"
|
|
@click="toPage(item.path, item)"
|
|
>
|
|
<view class="cell-list-item-left">
|
|
<image
|
|
style="width: 60rpx; height: 60rpx"
|
|
mode="aspectFit"
|
|
:src="item.icon"
|
|
></image>
|
|
<text>{{ item.title }}</text>
|
|
</view>
|
|
|
|
<view class="cell-list-item-right">
|
|
<u-icon name="arrow-right" color="#cccccc" size="32"></u-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<u-tabbar :list="vuex_tabbar"></u-tabbar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { GetCompanyInformation } from "@/api/apiList.js";
|
|
|
|
import {
|
|
toast,
|
|
clearStorageSync,
|
|
setStorageSync,
|
|
getStorageSync,
|
|
useRouter,
|
|
} from "@/utils/utils.js";
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
baseInfo: {
|
|
avatar: "",
|
|
companyName: "南昌理工",
|
|
name: "保洁",
|
|
sex: 0, // 0 男 1 女
|
|
time: "2025/4/2-2026/4/2",
|
|
personType: "保洁员",
|
|
},
|
|
clickCount: 0, // 用于记录点击次数
|
|
version: "",
|
|
|
|
cellList: [
|
|
{
|
|
title: "性别",
|
|
icon: "/static/adminImg/item1.png",
|
|
path: "",
|
|
content: "男",
|
|
},
|
|
{
|
|
title: "人员类型",
|
|
icon: "/static/adminImg/item2.png",
|
|
path: "/pages/user/versionInfo/index",
|
|
content: "区域管理员",
|
|
},
|
|
{
|
|
title: "所属区域",
|
|
icon: "/static/adminImg/item3.png",
|
|
path: "",
|
|
content: "区域111",
|
|
},
|
|
],
|
|
cellList2: [
|
|
{
|
|
title: "版本信息",
|
|
icon: "/static/adminImg/item4.png",
|
|
path: "/pages/user/versionInfo/index",
|
|
},
|
|
{
|
|
title: "注销",
|
|
icon: "/static/adminImg/item5.png",
|
|
path: "",
|
|
},
|
|
],
|
|
};
|
|
},
|
|
onLoad() {
|
|
// this.getUserInfo();
|
|
// const that = this;
|
|
// uni.getSystemInfo({
|
|
// success: function (res) {
|
|
// console.log("res", res);
|
|
// that.version = res.appVersion;
|
|
// },
|
|
// });
|
|
},
|
|
onShow() {
|
|
// this.getCompanyInformation();
|
|
// uni.$on("refresh", (e) => {
|
|
// this.getUserInfo();
|
|
// uni.$off("refresh");
|
|
// });
|
|
},
|
|
|
|
// 下拉刷新
|
|
onPullDownRefresh() {
|
|
//console.log('refresh');
|
|
// this.getUserInfo();
|
|
// uni.stopPullDownRefresh(); //停止刷新
|
|
},
|
|
|
|
methods: {
|
|
handleClick() {
|
|
this.clickCount++; // 每次点击增加点击次数
|
|
if (this.clickCount === 6) {
|
|
this.clickCount = 0; // 执行完函数后重置点击次数
|
|
uni.navigateTo({
|
|
url: "/pages/login/login",
|
|
});
|
|
}
|
|
},
|
|
upload_avatar() {
|
|
const _this = this;
|
|
uni.chooseImage({
|
|
count: 1,
|
|
sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有
|
|
sourceType: ["album", "camera"], //从相册选择
|
|
success: function (res) {
|
|
uni.uploadFile({
|
|
url: _this.$api_url + "/api/index/upload_cos",
|
|
filePath: res.tempFilePaths[0],
|
|
name: "file",
|
|
formData: {
|
|
floder: "avatar",
|
|
},
|
|
success: (uploadFileRes) => {
|
|
//let retData = JSON.parse(uploadFileRes)
|
|
|
|
let retData = JSON.parse(uploadFileRes.data);
|
|
console.log("up:", retData);
|
|
const _data = {
|
|
avatar: retData.data.file,
|
|
};
|
|
_this.$api.baseInfoSave(_data).then((ret) => {
|
|
if (ret.code == 1) {
|
|
_this.baseInfo.avatar = retData.data.file;
|
|
} else {
|
|
toast(res.msg);
|
|
}
|
|
});
|
|
},
|
|
});
|
|
},
|
|
});
|
|
},
|
|
|
|
// 获取单位信息
|
|
async getCompanyInformation() {
|
|
const res = await GetCompanyInformation();
|
|
if (res.succeed) {
|
|
this.baseInfo = res.data;
|
|
this.cellList[0].content = this.baseInfo.time;
|
|
}
|
|
},
|
|
|
|
toPage(path, item) {
|
|
if (item.title === "注销") {
|
|
uni.showModal({
|
|
title: "提示",
|
|
content: "确定注销吗？",
|
|
showCancel: true,
|
|
success: function (res) {
|
|
if(!res.confirm){return}
|
|
console.log(res,'res--')
|
|
// 确定退出
|
|
let u = navigator.userAgent;
|
|
let isAndroid =
|
|
u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android
|
|
// let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios
|
|
try {
|
|
if (isAndroid && AndroidJs) {
|
|
console.log("%c%s", "color:red", "安卓--调用返回方法");
|
|
const reqRow = {
|
|
name: "logout",
|
|
data: "",
|
|
};
|
|
AndroidJs.func(JSON.stringify(reqRow)); // 给安卓传参
|
|
} else {
|
|
console.log("%c%s", "color:red", "苹果--调用返回方法");
|
|
const reqRow = {
|
|
name: "back-iphone",
|
|
data: "",
|
|
};
|
|
window.webkit.messageHandlers.func.postMessage(
|
|
JSON.stringify(reqRow)
|
|
); // 给ios 传参
|
|
}
|
|
} catch (e) {
|
|
console.log(e, "e-----判断安卓苹果类型出错");
|
|
}
|
|
return
|
|
},
|
|
});
|
|
return;
|
|
}
|
|
if (!path) return;
|
|
useRouter(path, {}, "navigateTo");
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.content {
|
|
height: calc(100vh - 100rpx);
|
|
// background: #f6f8fc;
|
|
.content-title {
|
|
background: #fff;
|
|
text-align: center;
|
|
padding-top: 40rpx;
|
|
font-size: 30rpx;
|
|
font-weight: bold;
|
|
}
|
|
.head {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
min-height: 200rpx;
|
|
padding: 70rpx 40rpx 32rpx;
|
|
// background: linear-gradient(to bottom, #e5ebfd, #f6f8fc);
|
|
background-color: #fff;
|
|
|
|
.avatar-box {
|
|
width: 140rpx;
|
|
height: 140rpx;
|
|
border-radius: 50%;
|
|
position: relative;
|
|
.avatar {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.content-name {
|
|
margin-top: 20rpx;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.empty-box {
|
|
height: 20rpx;
|
|
background-color: #f6f8fc;
|
|
}
|
|
|
|
.cell-list-box {
|
|
// margin-top: 20rpx;
|
|
padding: 0 32rpx;
|
|
background-color: #fff;
|
|
|
|
.cell-list-item {
|
|
border-bottom: 1px solid #f4f4f4;
|
|
padding: 0 10rpx;
|
|
height: 100rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
&-left {
|
|
display: flex;
|
|
|
|
text {
|
|
margin-left: 24rpx;
|
|
align-self: center;
|
|
}
|
|
}
|
|
&-right {
|
|
color: #999;
|
|
}
|
|
}
|
|
}
|
|
|
|
.cell-list-box2 {
|
|
margin-top: 20rpx;
|
|
padding: 0 32rpx;
|
|
background-color: #fff;
|
|
|
|
.cell-list-item {
|
|
border-bottom: 1px solid #f4f4f4;
|
|
padding: 0 10rpx;
|
|
height: 100rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
&-left {
|
|
display: flex;
|
|
|
|
text {
|
|
margin-left: 24rpx;
|
|
align-self: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|