feat:增加类型显示

yangan

1 天以前 5c63b1fccedfcd208f3434edb79926c206c3d26f

 pages/doorkeeper-page/my-page/my-page.vue

@@ -4,13 +4,9 @@
         <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"
                  @click="editBtnClick"
                  shape="circle"
                  plain>编辑个人资料</u-button></view>
         </view>
         <view class="personal-information">
            <view class="personal-information-block">
@@ -18,7 +14,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 +24,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>
@@ -37,8 +33,8 @@
                     </view>
                  </view>
                  <view class="information-line">
                     <view class="line-label last">
                        <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png"
                     <view class="line-label ">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png"
                           mode="widthFix"></image>
                        <view class="label-text">账号</view>
                     </view>
@@ -46,9 +42,44 @@
                        {{ 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>
            </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="退出登录"
@@ -57,59 +88,12 @@
               shape="circle"
               plain></u-button></view>
      </view>
      <!-- 修改弹出框 -->
      <view class="editDriverPopup-container">
         <u-popup :show="editDriverPopupShow"
            mode="bottom"
            @close="editDriverPopupClose"
            @open="editDriverPopupOpen"
            :closeable="true">
            <combined-title title="修改个人信息"
               style="margin-left:20rpx"></combined-title>
            <view class="editDriverPopup-container-box">
               <u--form labelPosition="left"
                  :model="editUserInfo"
                  ref="editRef">
                  <u-form-item labelWidth="20%"
                     label="姓名"
                     prop="name"
                     required>
                     <u--input v-model="editUserInfo.name"
                        border="none"
                        inputAlign="left"></u--input>
                  </u-form-item>
                  <u-form-item labelWidth="20%"
                     label="身份证号"
                     prop="idCard"
                     required>
                     <u--input v-model="editUserInfo.idCard"
                        border="none"
                        inputAlign="left"></u--input>
                  </u-form-item>
                  <u-form-item labelWidth="20%"
                     label="手机号"
                     prop="phone"
                     required>
                     <u--input v-model="editUserInfo.phone"
                        border="none"
                        inputAlign="left"></u--input>
                  </u-form-item>
                  <u-form-item labelWidth="20%"
                     label="账号"
                     prop="username"
                     required>
                     <u--input v-model="editUserInfo.username"
                        border="none"
                        inputAlign="left"></u--input>
                  </u-form-item>
               </u--form>
               <view style="margin-top: 30rpx;">
                  <u-button text="提交"
                     @click="updateUser"
                     type="primary"></u-button>
               </view>
            </view>
         </u-popup>
      <view class="loginout-we">
         <view class="loginout-main"><u-button text="联系我们"
            type="primary"
            shape="circle"
            plain
            @click="contactUs()"></u-button></view>
      </view>
      <view class="logoutModel">
         <u-modal :show="logoutShow"
@@ -123,7 +107,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 {
@@ -144,50 +128,6 @@
               axleNum: '',
               userId: ''
            },
            rules: {
               name: {
                  type: 'string',
                  required: true,
                  message: '请填写姓名',
                  trigger: ['blur', 'change']
               },
               idCard: [{
                     type: 'string',
                     required: true,
                     message: '请输入身份证号',
                     trigger: ['blur', 'change']
                  },
                  {
                     pattern: /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
                     message: '身份证号格式不正确'
                  }
               ],
               phone: [{
                     required: true,
                     message: '此项为必填项',
                     // blur和change事件触发检验
                     trigger: ['blur', 'change']
                  },
                  {
                     min: 11,
                     max: 11,
                     message: '请输入合法手机号'
                  },
                  {
                     validator: (rule, value, callback) => {
                        return uni.$u.test.mobile(value);
                     },
                     message: '手机号码格式不正确',
                     trigger: ['change', 'blur']
                  }
               ],
               username: {
                  type: 'string',
                  required: true,
                  message: '请填写账号',
                  trigger: ['blur', 'change']
               }
            },
            src: '',
            fileList1: [],
            fileList2: [],
@@ -200,19 +140,62 @@
            logoutShow: false,
            logoutTitle: '提示',
            logoutContent: '是否确认退出',
            BaseUrl
            BaseUrl,
            phoneList:[]
         };
      },
      onShow() {
         // this.init();
      },
      onReady() {
         this.$refs.editRef.setRules(this.rules);
      },
      methods: {
         ...mapMutations(['changeisUploadimg']),
         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
            })
         },
         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({
@@ -228,48 +211,11 @@
               });
            });
         },
         // 修改按钮点击
         editBtnClick() {
            this.editDriverPopupShow = true;
         },
         /**
          * @editPopup 修改弹出框事件
          */
         editDriverPopupClose() {
            this.editDriverPopupShow = false;
         },
         editDriverPopupOpen() {},
         // 修改用户信息
         updateUser() {
            this.editUserInfo = {
               ...this.editUserInfo,
               carImg: uni.getStorageSync('carImg'),
               drivingImg: uni.getStorageSync('drivingImg')
            };
            this.$refs.editRef
               .validate()
               .then(res => {
                  this.$reqPost('updateUser', this.editUserInfo, 'json').then(res => {
                     console.log('更新数据', res);
                     this.editDriverPopupShow = false;
                     if (res.code == 0) {
                        this.$u.toast('修改成功');
                        this.init();
                     } else {
                        uni.showToast({
                           title: res.msg,
                           icon: 'none',
                           duration: 2000
                        });
                     }
                  });
               })
               .catch(err => {
                  this.$u.toast('修改失败');
               });
         },
         logout() {
            this.logoutShow = true;
         },
         switchAccounts(){
            redirectabLogin()
         },
         logoutConfirm() {
            redirectLogin();
@@ -278,6 +224,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('弹窗取消');
            }
            });
         },
      }
   };
@@ -330,7 +289,7 @@
            .avatar-imgage {
               width: 98rpx;
               height: 98rpx;
               margin-left: vww(18);
               margin-left: 5%;
               @include flex;
               justify-content: center;
            }
@@ -361,7 +320,7 @@
            top: vww(20);
            &-block {
               width: 90%;
               height: 300rpx;
               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;
@@ -370,12 +329,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;

@@ -458,66 +418,38 @@
            }
         }
      }

      .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%;
         }
      }

      // 表单
      .personal-information-form {
         margin-top: vww(200);

         .push-information-button {
            display: flex;
            margin: vww(20) auto 0;
            width: 80%;

            .u-button {
               &:nth-of-type(2) {
                  margin-left: vww(10);
               }
            }
         }
      }

      // 预览图片
      .previewImage-container {}

      // 修改弹出框
      .editDriverPopup-container {
         .u-popup {
            .u-transition {
               height: 50%;

               .u-popup__content {
                  overflow: scroll !important;

                  .editDriverPopup-container-box {
                     width: 90%;
                     margin: 0 auto;
                  }

                  //closeIcon
                  .u-popup__content__close--top-right {
                     top: vww(20) !important;

                     .u-icon {
                        .u-icon__icon {
                           font-size: vww(20) !important;
                        }
                     }
                  }
               }
            }
      .loginout-we{
         width: 100%;
         height: 74rpx;
         @include flex;
         justify-content: center;
         position: relative;
         bottom: vww(-500);
         .loginout-main {
            width: 84%;
         }
      }
   }