修改机构过长的问题

wjt

2024-06-26 6dd9823b8495252e6d0ba35e6114799321453cbe

 policy/components/mine.vue

@@ -6,12 +6,12 @@
            <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>
@@ -19,18 +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> -->
               <image src="/static/policy/phone.png" mode="widthFix"></image>
               <text class="change" >修改手机号</text>
               <text class="change">修改手机号</text>
            </view>
            <u-icon name="arrow-right"></u-icon>
         </view>
      </view>
      <view class="logout">
      <view class="logout" @click="logOut">
         退出登录
      </view>
   </view>
@@ -38,6 +39,12 @@

<script>
   export default {
      props: {
         userInfo: {
            type: Object,
            default: () => ({})
         },
      },
      data(){
         return {
            src: '/static/policy/header.png'
@@ -46,7 +53,21 @@
      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'
                     })
                  }
               }
            })
         }
      }
@@ -75,6 +96,7 @@
            .user-info{
               margin-left: 24rpx;
               color: white;
               width: calc(100% - 108rpx);
               .user-name{
                  display: flex;
                  justify-content: flex-start;
@@ -138,7 +160,7 @@
         width: calc(100% - 64rpx);
         left: 32rpx;
         position: fixed;
         bottom: 180rpx;
         bottom: 220rpx;
      }
      .inckname{
         font-size: 36rpx;