yangan
2024-11-14 09604618b4116951a1f6556f5e48b47a59b5780a
pages/loadUnload-page/my-page/my-page.vue
@@ -4,13 +4,13 @@
         <view class="navgation">我的</view>
         <view class="avatar">
            <view class="avatar-imgage"
               style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/driverava.png')no-repeat;background-size: cover;">
               style="background: url('https://wrzs.czjlchem.com:9090/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">
@@ -18,7 +18,7 @@
                  <view class="information-line"
                     @click="">
                     <view class="line-label">
                        <image src="https://mx.jzeg.cn:9096/appimg/image/banner/personalicon.png"
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/personalicon.png"
                           mode="widthFix"></image>
                        <view class="label-text">身份证号</view>
                     </view>
@@ -28,7 +28,7 @@
                  </view>
                  <view class="information-line">
                     <view class="line-label">
                        <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png"
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png"
                           mode="widthFix"></image>
                        <view class="label-text">手机号</view>
                     </view>
@@ -38,7 +38,7 @@
                  </view>
                  <view class="information-line">
                     <view class="line-label">
                        <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png"
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png"
                           mode="widthFix"></image>
                        <view class="label-text">账号</view>
                     </view>
@@ -46,19 +46,44 @@
                        {{ userInfo.username || '' }}
                     </view>
                  </view>
                  <view class="information-line last">
                     <view class="line-label">
                        <image src="https://mx.jzeg.cn:9096/appimg/image/banner/weighnum.png"
                           mode="widthFix"></image>
                        <view class="label-text">体重</view>
                  <view class="information-line"
                        @click="scoreCert">
                        <view class="line-label">
                           <image src="https://wrzs.czjlchem.com:9090/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-value">
                        {{ userInfo.weight || '' }}
                     <view class="information-line last"
                        @click="scorePass">
                        <view class="line-label">
                           <image src="https://wrzs.czjlchem.com:9090/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>
               </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="退出登录"
@@ -67,6 +92,13 @@
               shape="circle"
               plain></u-button></view>
      </view>
      <view class="loginout-we">
               <view class="loginout-main"><u-button text="联系我们"
                  type="primary"
                  shape="circle"
                  plain
                  @click="contactUs()"></u-button></view>
            </view>
      <!-- 修改弹出框 -->
      <view class="editDriverPopup-container">
         <u-popup :show="editDriverPopupShow"
@@ -142,7 +174,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 +197,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,
@@ -226,7 +263,8 @@
            logoutShow: false,
            logoutTitle: '提示',
            logoutContent: '是否确认退出',
            BaseUrl
            BaseUrl,
            phoneList:[]
         };
      },
      onShow() {
@@ -239,6 +277,44 @@
         ...mapMutations(['changeisUploadimg']),
         init() {
            this.getUserEntity();
            uni.request({
               url:  `${BaseUrl}/admin/dict/page`,
               method: 'GET',
               data: {
                  dictType:'Setings'
               },
               header: {
                  Authorization: 'Bearer' + ' ' + uni.getStorageSync('token'),
                  clientToc: 'Y',
                  'CLIENT_TOC': 'Y',
               },
               success: res => {
                  let dictId=res.data.data?.records[0].id
                  uni.request({
                     url:  `${BaseUrl}/admin/dict/item/page`,
                     method: 'GET',
                     data: {
                        dictId:dictId
                     },
                     header: {
                        Authorization: 'Bearer' + ' ' + uni.getStorageSync('token'),
                        clientToc: 'Y',
                        'CLIENT_TOC': 'Y',
                     },
                     success: res => {
                        res.data.data.records.forEach(item=>{
                           if(item.description.includes('联系')){
                              this.phoneList=item.value.split(',');
                           }
                        })
                     },
                     fail: err => {
                     }
                  })
               },
               fail: err => {
               }
               })
         },
         getUserEntity() {
            uni.showLoading({
@@ -253,6 +329,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() {
@@ -297,6 +383,9 @@
         logout() {
            this.logoutShow = true;
         },
         switchAccounts(){
            redirectabLogin()
         },
         logoutConfirm() {
            redirectLogin();
            this.$store.commit('changeisLogin', false)
@@ -304,6 +393,19 @@
         },
         logoutCancel() {
            this.logoutShow = false;
         },
         contactUs(){
            uni.showActionSheet({
               itemList: this.phoneList,
               success: (res) => {
               uni.makePhoneCall({
                  phoneNumber:this.phoneList[res.tapIndex].split(":")[1]
               })
            },
            fail: (err) => {
               console.log('弹窗取消');
            }
            });
         },
      }
   };
@@ -356,13 +458,13 @@
            .avatar-imgage {
               width: 98rpx;
               height: 98rpx;
               margin-left: vww(18);
               margin-left: 5%;
               @include flex;
               justify-content: center;
            }
            .avatar-name {
               width: 200rpx;
               width: 250rpx;
               display: flex;
               flex-wrap: wrap;
               height: 32rpx;
@@ -387,8 +489,8 @@
            top: vww(20);
            &-block {
               width: 690rpx;
               height: 400rpx;
               width: 90%;
               height: 490rpx;
               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;
@@ -397,12 +499,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: 95%;
                  height: vww(45);
                  border-bottom: 1rpx solid #f0f1f6;
@@ -485,20 +588,40 @@
            }
         }
      }
      .switch-accounts{
         width: 100%;
         height: 80rpx;
         @include flex;
         justify-content: center;
         position: relative;
         bottom: vww(-450);
         .loginout-main {
            width: 84%;
         }
      }
      .loginout {
         width: 100%;
         height: 74rpx;
         @include flex;
         justify-content: center;
         position: relative;
         bottom: vww(-430);
         bottom: vww(-480);
         .loginout-main {
            width: 84%;
         }
      }
      .loginout-we{
         width: 100%;
         height: 74rpx;
         @include flex;
         justify-content: center;
         position: relative;
         bottom: vww(-500);
         .loginout-main {
            width: 84%;
         }
      }
      // 表单
      .personal-information-form {
         margin-top: vww(200);