修改bug，称重页面增加历史和异常原因填写

qingyiay

2023-08-28 82a7eba143cc761b303b99889193f7aad2dc9d08

 pages/driver-page/drvier-my/drvier-my.vue

@@ -1,17 +1,31 @@
<template>
   <view class="driver-my">
      <view class="driver-banner">
         <view class="navgation">我的</view>
         <view class="avatar">
            <view class="avatar-imgage"
               style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/driverava.png')no-repeat;background-size: cover;">
      <view class=""
         style="height: 446rpx;width: 100%;">
         <view class="driver-banner">
            <view class="navgation">我的</view>
            <view class="avatar">
               <view class="avatar-imgage"
                  style="background: url('https://mx.jzeg.cn:9095/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"
                     :disabled="userInfo.isRegister!==2"
                     plain>编辑个人资料</u-button></view>
            </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>
      <view class="process-state">
         <view class="state-text">
            审核状态
         </view>
         <u--text :type="userInfo.isRegister===0?'primary':userInfo.isRegister===1?'error':'success'"
            :text="userInfo.isRegister===0?'待审核':userInfo.isRegister===1?'未通过':'已审核'"
            size="32"></u--text>
      </view>
      <view class="information-block">
         <view class="personal-information">
            <view class="personal-information-block">
               <view class="block-main">
@@ -24,7 +38,6 @@
                     </view>
                     <view class="information-value">
                        {{ userInfo.idCard || '' }}
                        <!-- <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.idCard"></u-icon> -->
                     </view>
                  </view>
                  <view class="information-line">
@@ -35,7 +48,6 @@
                     </view>
                     <view class="information-value">
                        {{ userInfo.phone || '' }}
                        <!-- <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.phone"></u-icon> -->
                     </view>
                  </view>
                  <view class="information-line">
@@ -46,7 +58,6 @@
                     </view>
                     <view class="information-value">
                        {{ userInfo.carNo || '' }}
                        <!-- <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.carNo"></u-icon> -->
                     </view>
                  </view>
                  <view class="information-line">
@@ -57,7 +68,6 @@
                     </view>
                     <view class="information-value">
                        {{ userInfo.axleNum || '' }}
                        <!-- <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.axleNum"></u-icon> -->
                     </view>
                  </view>
                  <view class="information-line last">
@@ -68,7 +78,6 @@
                     </view>
                     <view class="information-value">
                        {{ userInfo.weight || '' }}
                        <!-- <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.weight"></u-icon> -->
                     </view>
                  </view>
               </view>
@@ -116,49 +125,17 @@
         </view>
      </view>
      <view class="loginout">
         <view class="loginout-main"><u-button text="重置密码"
               type="primary"
               @click="initPwd"
               shape="circle"
               plain></u-button></view>
         <view class="loginout-main"><u-button text="退出登录"
               type="primary"
               @click="logout"
               shape="circle"
               plain></u-button></view>
      </view>
      <!-- <view class="personal-information-form">
         <u--form labelPosition="left" :model="userInfo" ref="form1">
            <u-form-item labelWidth="20%" label="姓名" ref="item1">
               <u--input v-model="userInfo.name" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
            </u-form-item>
            <u-form-item labelWidth="20%" label="身份证号" ref="item1">
               <u--input v-model="userInfo.idCard" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
            </u-form-item>
            <u-form-item labelWidth="20%" label="手机号" ref="item1">
               <u--input v-model="userInfo.phone" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
            </u-form-item>
            <u-form-item labelWidth="20%" label="车牌号" ref="item1">
               <u--input v-model="userInfo.carNo" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
            </u-form-item>
            <u-form-item labelWidth="20%" label="体重" ref="item1">
               <u--input v-model="userInfo.weight" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
            </u-form-item>
            <u-form-item v-model="userInfo.axleNum" labelWidth="20%" label="车轴数" ref="item1">
               <u--input border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
            </u-form-item>
            <u-form-item labelWidth="20%" label="车辆照片" ref="item1">
               <u--image :showLoading="true" :src="userInfo.carImg != null ? BaseUrl + userInfo.carImg : ''" width="80px" height="80px" @click="imageClick(1)">
                  <view slot="error" style="font-size: 24rpx;">加载失败</view>
               </u--image>
            </u-form-item>
            <u-form-item labelWidth="25%" label="行驶证照片" ref="item1">
               <u--image :showLoading="true" :src="userInfo.drivingImg != null ? BaseUrl + userInfo.drivingImg : ''" width="80px" height="80px" @click="imageClick(2)">
                  <view slot="error" style="font-size: 24rpx;">加载失败</view>
               </u--image>
            </u-form-item>
         </u--form>
         <view class="push-information-button">
            <u-button text="修改个人资料" type="primary" @click="editBtnClick"></u-button>
            <u-button text="退出登录" type="primary" @click="logout"></u-button>
         </view> -->
      <!-- <view class="statistics"><u-button text="发运统计" type="primary" @click="statistics"></u-button></view> -->
      <!-- </view> -->

      <!-- 图片预览弹出框 -->
      <view class="previewImage-container">
@@ -190,6 +167,14 @@
                     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="password"
                     required>
                     <u--input v-model="editUserInfo.password"
                        border="none"
                        inputAlign="left"></u--input>
                  </u-form-item>
@@ -280,11 +265,19 @@
            @confirm="logoutConfirm"
            @cancel="logoutCancel"></u-modal>
      </view>
      <view class="initPwdModal">
         <u-modal :show="initPwdShow"
            title="重置密码"
            showCancelButton
            content="初始密码将变更为123456,是否确认重置"
            @confirm="initPwdConfirm"
            @cancel="initPwdCancel"></u-modal>
      </view>
   </view>
</template>

<script>
   import { customerId, userInfo, redirectLogin } from '@/utils/status';
   import { redirectLogin } from '@/utils/status';
   import { BaseUrl } from '@/api/publicInterface.js';
   import { mapMutations } from 'vuex';
   export default {
@@ -304,7 +297,9 @@
               drivingImg: '',
               axleNum: '',
               weight: '',
               userId: ''
               userId: '',
               password: "",
               isRegister: ''
            },
            rules: {
               name: {
@@ -401,7 +396,9 @@
            logoutShow: false,
            logoutTitle: '提示',
            logoutContent: '是否确认退出',
            BaseUrl
            BaseUrl,
            initPwdShow: false

         };
      },
      onShow() {
@@ -439,6 +436,7 @@
                     this.editUserInfo[item] = res.data[item];
                  }
               });
               this.editUserInfo.password = ''
            });
         },
         // 修改按钮点击
@@ -538,7 +536,8 @@
            this.editUserInfo = {
               ...this.editUserInfo,
               carImg: uni.getStorageSync('carImg'),
               drivingImg: uni.getStorageSync('drivingImg')
               drivingImg: uni.getStorageSync('drivingImg'),
               isRegister: 0
            };
            this.$refs.editRef
               .validate()
@@ -561,6 +560,35 @@
               .catch(err => {
                  this.$u.toast('修改失败');
               });
         },
         initPwd() {
            this.initPwdShow = true
         },
         initPwdConfirm() {
            this.initPwdShow = false
            uni.showLoading({
               title: '加载中...'
            });
            this.editUserInfo.password = '123456';
            this.editUserInfo.carImg = uni.getStorageSync('carImg');
            this.editUserInfo.drivingImg = uni.getStorageSync('drivingImg')
            this.$reqPost('updateUser', this.editUserInfo, 'json').then(res => {
               uni.hideLoading()
               if (res.code == 0) {
                  uni.showToast({
                     title: '重置成功',
                     duration: 2000,
                     icon: 'success'
                  })
               } else {
                  this.$u.toast(res.msg ? res.msg : '修改失败');
               }
            }).catch(err => {
               this.$u.toast('修改失败');
            });
         },
         initPwdCancel() {
            this.initPwdShow = false
         },
         logout() {
            this.logoutShow = true;
@@ -591,15 +619,11 @@
      align-items: center;
   }

   .statistics {
      margin-top: vww(10);
      margin-bottom: vww(10);
   }

   ::v-deep.driver-my {
      width: 100%;
      margin: 0 auto;
      padding-bottom: vww(60);
      padding-bottom: vww(100);

      .driver-banner {
         width: 100%;
@@ -652,13 +676,32 @@
               top: vww(4);
            }
         }
      }

      .process-state {
         width: 300rpx;
         height: 50rpx;
         margin: 0 auto;
         position: fixed;
         top: 284rpx;
         left: 37rpx;
         display: flex;
         align-items: center;

         .state-text {
            margin-right: vww(6);
         }
      }

      .information-block {
         width: 100%;

         .personal-information {
            width: 100%;
            display: flex;
            justify-content: center;
            position: relative;
            top: vww(20);
            top: vww(-30);

            &-block {
               width: 690rpx;
@@ -718,7 +761,6 @@
      .car-information {
         width: 100%;
         position: relative;
         top: vww(410);
         @include flex justify-content: center;

         .information-main {
@@ -762,11 +804,13 @@

      .loginout {
         width: 100%;
         height: 74rpx;
         height: 200rpx;
         @include flex;
         justify-content: center;
         justify-content: space-around;
         flex-direction: column;
         align-items: center;
         position: relative;
         bottom: vww(-430);
         top: vww(20);

         .loginout-main {
            width: 84%;