feat:增加类型显示

yangan

1 天以前 a28d0135ee42809b2c5863609da37155d3ecba5b

 pages/quality-inspection-page/qualityMy/quality-my.vue

@@ -1,18 +1,16 @@
<template>
   <view class="driver-my">
   <view class="driver-my quality-my-wrap">
      <view class="driver-banner">
         <view class="navgation">我的</view>
         <view class="avatar">
            <view class="avatar-inside">
          <view class="avatar-imgage"
                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"
                                              @click="editBtnClick"
                                              shape="circle"
                                              plain>编辑个人资料</u-button></view>
        </view>
            <view class="avatar-imgage"
               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"
                  @click="editBtnClick"
                  shape="circle"
                  plain>编辑个人资料</u-button></view> -->
         </view>
         <view class="personal-information">
            <view class="personal-information-block">
@@ -20,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>
@@ -30,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>
@@ -40,12 +38,40 @@
                  </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>
                     <view class="information-value">
                        {{ userInfo.username || '' }}
                     </view>
                  </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-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>
@@ -65,6 +91,13 @@
               @click="logout"
               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">
@@ -214,7 +247,8 @@
            logoutShow: false,
            logoutTitle: '提示',
            logoutContent: '是否确认退出',
            BaseUrl
            BaseUrl,
            phoneList:[]
         };
      },
      onShow() {
@@ -227,6 +261,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({
@@ -241,6 +313,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() {
@@ -295,6 +377,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('弹窗取消');
            }
            });
         },
      }
   };
@@ -382,12 +477,11 @@
            justify-content: center;
            position: relative;
            top: vww(20);
        width: 100%;
        padding: 40rpx;
        box-sizing: border-box;

            &-block {
               width:100%;
          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;
@@ -441,13 +535,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%;
         }
@@ -458,13 +597,23 @@
         @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);