From 244d89b41c0e0e995d38f635a126a0959b9ba25b Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期二, 25 六月 2024 18:16:42 +0800
Subject: [PATCH] 问题处理
---
policy/components/mine.vue | 62 ++++++++++++++++++++++++++----
1 files changed, 53 insertions(+), 9 deletions(-)
diff --git a/policy/components/mine.vue b/policy/components/mine.vue
index bcc1b48..f919002 100644
--- a/policy/components/mine.vue
+++ b/policy/components/mine.vue
@@ -2,15 +2,16 @@
<view class="page-mine-box">
<view class="top-box">
<view class="user-news">
- <u-avatar :src="src"></u-avatar>
+ <!-- <u-avatar :src="src"></u-avatar> -->
+ <image src="/static/policy/header.png" mode="widthFix"></image>
<view class="user-info">
<view class="user-name">
- <view class="inckname">鍒樺皬闆�</view>
+ <view class="inckname">{{userInfo.data.nickName}}</view>
<view class="direc"></view>
<view class="dept-per">鎵ф硶浜哄憳</view>
</view>
<view class="dept-name">
- 鐜繚灞�--绗竴閮ㄩ棬
+ {{userInfo.data.dept.deptName}}
</view>
</view>
</view>
@@ -18,17 +19,19 @@
<view class="main-box">
<view class="show-phone-number">
<text class="label">鑱旂郴鐢佃瘽</text>
- <text>168****4164</text>
+ <text v-if="userInfo.data.phonenumber">{{userInfo.data.phonenumber.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2")}}</text>
+ <text v-else>鏆傛棤鎵嬫満鍙�</text>
</view>
- <view class="show-phone-number">
+ <view class="show-phone-number" @click="goChangePhone">
<view class="set-flex">
- <u-icon name="phone" size="22"></u-icon>
+ <!-- <u-icon name="phone" size="22"></u-icon> -->
+ <image src="/static/policy/phone.png" mode="widthFix"></image>
<text class="change">淇敼鎵嬫満鍙�</text>
</view>
<u-icon name="arrow-right"></u-icon>
</view>
</view>
- <view class="logout">
+ <view class="logout" @click="logOut">
閫�鍑虹櫥褰�
</view>
</view>
@@ -36,9 +39,36 @@
<script>
export default {
+ props: {
+ userInfo: {
+ type: Object,
+ default: () => ({})
+ },
+ },
data(){
return {
- src: ''
+ src: '/static/policy/header.png'
+ }
+ },
+ methods: {
+ goChangePhone() {
+ uni.navigateTo({
+ url: `/policy/changePhone/changePhone?code=${this.userInfo.data.userType}`
+ })
+ },
+ logOut() {
+ uni.showModal({
+ title: '鎻愮ず',
+ content: '纭閫�鍑虹櫥褰曪紵',
+ success: res => {
+ if(res.confirm) {
+ uni.clearStorageSync()
+ uni.redirectTo({
+ url: '/pages/index/index'
+ })
+ }
+ }
+ })
}
}
}
@@ -57,6 +87,12 @@
display: flex;
justify-content: flex-start;
align-items: center;
+ image{
+ width: 108rpx;
+ height: 108rpx;
+ background-color: white;
+ border-radius: 50%;
+ }
.user-info{
margin-left: 24rpx;
color: white;
@@ -64,6 +100,7 @@
display: flex;
justify-content: flex-start;
align-items: center;
+ margin-bottom: 24rpx;
.direc{
width: 2rpx ;
height: 20rpx;
@@ -105,6 +142,10 @@
margin-left: 20rpx;
color: #202D44FF;
}
+ image{
+ width: 44rpx;
+ height: 44rpx;
+ }
}
.logout{
text-align: center;
@@ -118,7 +159,10 @@
width: calc(100% - 64rpx);
left: 32rpx;
position: fixed;
- bottom: 140rpx;
+ bottom: 220rpx;
+ }
+ .inckname{
+ font-size: 36rpx;
}
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1