yangan
2024-07-05 9a0876466b8d98816294f2cae5f564b2e69972ef
pages/loadUnload-page/my-page/my-page.vue
@@ -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">
@@ -59,6 +59,13 @@
               </view>
            </view>
         </view>
      </view>
      <view class="switch-accounts">
      <view class="loginout-main"><u-button text="切换账号"
            type="primary"
            @click="switchAccounts"
            shape="circle"
            plain></u-button></view>
      </view>
      <view class="loginout">
         <view class="loginout-main"><u-button text="退出登录"
@@ -142,7 +149,7 @@
</template>
<script>
   import { customerId, userInfo, redirectLogin } from '@/utils/status';
   import { customerId, userInfo, redirectLogin,redirectabLogin } from '@/utils/status';
   import { BaseUrl } from '@/api/publicInterface.js';
   import { mapMutations } from 'vuex';
   export default {
@@ -165,12 +172,17 @@
               userId: ''
            },
            rules: {
               name: {
               name: [{
                  type: 'string',
                  required: true,
                  message: '请填写姓名',
                  trigger: ['blur', 'change']
               },
               {
                     pattern: /^[\u4e00-\u9fa5\s]+$/,
                     message: '姓名只能是中文',
                     trigger: ['blur', 'change']
                  }],
               idCard: [{
                     type: 'string',
                     required: true,
@@ -297,6 +309,9 @@
         logout() {
            this.logoutShow = true;
         },
         switchAccounts(){
            redirectabLogin()
         },
         logoutConfirm() {
            redirectLogin();
            this.$store.commit('changeisLogin', false)
@@ -356,7 +371,7 @@
            .avatar-imgage {
               width: 98rpx;
               height: 98rpx;
               margin-left: vww(18);
               margin-left: 5%;
               @include flex;
               justify-content: center;
            }
@@ -387,7 +402,7 @@
            top: vww(20);
            &-block {
               width: 690rpx;
               width: 90%;
               height: 400rpx;
               background: #ffffff;
               box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
@@ -397,12 +412,13 @@
               justify-content: space-between;
               .block-main {
                  width: 636rpx;
                  width: 100%;
                  margin: vww(10) vww(14);
               }
               .information-line {
                  @include flex width: 636rpx;
                  @include flex
                  width: 98%;
                  height: vww(45);
                  border-bottom: 1rpx solid #f0f1f6;
@@ -485,7 +501,17 @@
            }
         }
      }
      .switch-accounts{
         width: 100%;
         height: 80rpx;
         @include flex;
         justify-content: center;
         position: relative;
         bottom: vww(-400);
         .loginout-main {
            width: 84%;
         }
      }
      .loginout {
         width: 100%;
         height: 74rpx;