From 6dd9823b8495252e6d0ba35e6114799321453cbe Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期三, 26 六月 2024 13:49:33 +0800
Subject: [PATCH] 修改机构过长的问题
---
policy/components/mine.vue | 60 +++++++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 49 insertions(+), 11 deletions(-)
diff --git a/policy/components/mine.vue b/policy/components/mine.vue
index b2c0aa7..da1dd99 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">
- 鐜繚灞�--绗竴閮ㄩ棬
+ <view class="dept-name u-line-1">
+ {{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" @click="goChangePhone">
<view class="set-flex">
- <u-icon name="phone" size="22"></u-icon>
- <text class="change" >淇敼鎵嬫満鍙�</text>
+ <!-- <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,15 +39,35 @@
<script>
export default {
+ props: {
+ userInfo: {
+ type: Object,
+ default: () => ({})
+ },
+ },
data(){
return {
- src: ''
+ src: '/static/policy/header.png'
}
},
methods: {
goChangePhone() {
uni.navigateTo({
- url: '/policy/changePhone/changePhone'
+ 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'
+ })
+ }
+ }
})
}
}
@@ -64,13 +87,21 @@
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;
+ width: calc(100% - 108rpx);
.user-name{
display: flex;
justify-content: flex-start;
align-items: center;
+ margin-bottom: 24rpx;
.direc{
width: 2rpx ;
height: 20rpx;
@@ -112,6 +143,10 @@
margin-left: 20rpx;
color: #202D44FF;
}
+ image{
+ width: 44rpx;
+ height: 44rpx;
+ }
}
.logout{
text-align: center;
@@ -125,7 +160,10 @@
width: calc(100% - 64rpx);
left: 32rpx;
position: fixed;
- bottom: 180rpx;
+ bottom: 220rpx;
+ }
+ .inckname{
+ font-size: 36rpx;
}
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1