yangan
2024-08-02 331eef7c57b435f4c8bedb31b3ef6daf68a18db0
pages/quality-inspection-page/qualityMy/quality-my.vue
@@ -1,5 +1,5 @@
<template>
   <view class="driver-my">
   <view class="driver-my quality-my-wrap">
      <view class="driver-banner">
         <view class="navgation">我的</view>
         <view class="avatar">
@@ -7,10 +7,10 @@
               style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/driverava.png')no-repeat;background-size: cover;">
            </view>
            <view class="avatar-name">{{ userInfo.name || '' }}</view>
            <view class="edit-button"><u-button type="primary"
            <!-- <view class="edit-button"><u-button type="primary"
                  @click="editBtnClick"
                  shape="circle"
                  plain>编辑个人资料</u-button></view>
                  plain>编辑个人资料</u-button></view> -->
         </view>
         <view class="personal-information">
            <view class="personal-information-block">
@@ -44,6 +44,34 @@
                     </view>
                     <view class="information-value">
                        {{ userInfo.username || '' }}
                     </view>
                  </view>
                  <view class="information-line"
                     @click="scoreCert">
                     <view class="line-label">
                        <image src="https://mx.jzeg.cn:9096/appimg/image/banner/address.png"
                           mode="widthFix"
                           style="width: 36rpx;position: relative;left: 8rpx;"></image>
                        <view class="label-text">更改头像</view>
                     </view>
                     <view class="information-value">
                        <view class="">
                           {{ '' }}
                        </view>
                     </view>
                  </view>
                  <view class="information-line last"
                     @click="scorePass">
                     <view class="line-label">
                        <image src="https://mx.jzeg.cn:9096/appimg/image/banner/address.png"
                           mode="widthFix"
                           style="width: 36rpx;position: relative;left: 8rpx;"></image>
                        <view class="label-text">更改密码</view>
                     </view>
                     <view class="information-value">
                        <view class="">
                           {{ '' }}
                        </view>
                     </view>
                  </view>
               </view>
@@ -240,6 +268,16 @@
               });
            });
         },
         scoreCert(){
            uni.navigateTo({
               url: '/pages/password/face?id='+this.userInfo.userId+'&imgPath='+this.userInfo.imgPath+'&username='+this.userInfo.username
            })
         },
         scorePass(){
            uni.navigateTo({
               url: '/pages/password/password?id='+this.userInfo.userId
            })
         },
         // 修改按钮点击
         editBtnClick() {
            this.editDriverPopupShow = true;
@@ -341,7 +379,12 @@
            align-items: center;
            position: fixed;
            top: 0;
        .avatar-inside{
          width: 100%;
          position: relative;
          display: flex;
          align-items: center;
        }
            .avatar-imgage {
               width: 98rpx;
               height: 98rpx;
@@ -351,7 +394,7 @@
            }
            .avatar-name {
               width: 200rpx;
               max-width: 700rpx;
               display: flex;
               flex-wrap: wrap;
               height: 32rpx;
@@ -362,9 +405,10 @@
            }
            .edit-button {
               position: relative;
               left: vww(73);
               position: absolute;
               right: vww(73);
               top: vww(4);
          width: 220rpx;
            }
         }
@@ -374,9 +418,11 @@
            justify-content: center;
            position: relative;
            top: vww(20);
        padding: 40rpx;
        box-sizing: border-box;
            &-block {
               width: 690rpx;
          width: 100%;
               background: #ffffff;
               box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
               border-radius: 20rpx;
@@ -385,8 +431,10 @@
               justify-content: space-between;
               .block-main {
                  width: 636rpx;
                  width: 100%;
                  margin: vww(10) vww(14);
            padding: 0 40rpx;
            box-sizing: border-box;
               }
               .information-line {
@@ -428,13 +476,58 @@
            }
         }
      }
      .car-information {
         width: 100%;
         position: relative;
         top: vww(410);
         @include flex justify-content: center;
         .information-main {
            width: 690rpx;
            height: 552rpx;
            background: #ffffff;
            box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
            border-radius: 20rpx;
            .information-body {
               width: 636rpx;
               margin: vww(15) vww(14);
               @include flex flex-direction: column;
               .car-img {
                  height: 246rpx;
                  width: 100%;
                  @include flex;
                  flex-direction: column;
                  align-items: flex-start;
                  .label-title {
                     @include flex;
                     width: 220rpx;
                     height: 100rpx;
                     .label-text {
                        width: 100%;
                        height: 50rpx;
                     }
                     image {
                        width: 50rpx;
                        height: 50rpx;
                     }
                  }
               }
            }
         }
      }
      .switch-accounts{
         width: 100%;
         height: 80rpx;
         @include flex;
         justify-content: center;
         position: relative;
         bottom: vww(-400);
         bottom: vww(-450);
         .loginout-main {
            width: 84%;
         }
@@ -445,7 +538,7 @@
         @include flex;
         justify-content: center;
         position: relative;
         bottom: vww(-430);
         bottom: vww(-480);
         .loginout-main {
            width: 84%;
@@ -501,4 +594,4 @@
         }
      }
   }
</style>
</style>