qingyiay
2023-08-28 82a7eba143cc761b303b99889193f7aad2dc9d08
pages/freight-forwarder-page/freightForwarder-my/freightForwarder-my.vue
@@ -75,6 +75,12 @@
      <!-- <view class="statistics"><u-button text="发运统计" type="primary" @click="statistics"></u-button></view> -->
      <view class="utils-button">
         <view class="utils"><u-button text="修改密码"
               type="primary"
               @click="modifyPwd"></u-button></view>
         <view class="utils"><u-button text="重置密码"
               type="primary"
               @click="initPwd"></u-button></view>
         <view class="utils"><u-button text="退出登录"
               type="primary"
               @click="logout"></u-button></view>
@@ -99,6 +105,30 @@
            :content="logoutContent"
            @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 class="modifyPwdModal">
         <u-modal :show="modifyPwdShow"
            title="修改密码"
            showCancelButton
            @confirm="modifyPwdConfirm"
            @cancel="modifyPwdCancel">
            <view class="modifyPwd">
               <u-input v-model="passwordModified"
                  placeholder="请输入修改后的密码"
                  border="surround"
                  type="password"></u-input>
            </view>
         </u-modal>
      </view>
   </view>
</template>
@@ -126,15 +156,27 @@
            // 退出模态框
            logoutShow: false,
            logoutTitle: '提示',
            logoutContent: '是否确认退出'
            logoutContent: '是否确认退出',
            initPwdShow: false,
            modifyPwdShow: false,
            passwordModified: '',
            // 用户信息对象
            userEntity: {},
         };
      },
      onShow() {
      onLoad() {
         this.init();
      },
      methods: {
         init() {
            this.getFleet();
            this.getUserEntity()
         },
         // 获取用户信息
         getUserEntity() {
            this.$reqGet('getUserEntity').then(res => {
               this.userEntity = res.data;
            });
         },
         // 获取车队
         getFleet() {
@@ -204,6 +246,50 @@
            uni.navigateTo({
               url: `/pages/customer-page/fleet-management/fleet-management?id=${id}`
            });
         },
         updateInfo() {
            this.$reqPost('updateUser', this.userEntity, '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('修改失败');
            });
         },
         initPwd() {
            this.initPwdShow = true
         },
         initPwdConfirm() {
            this.initPwdShow = false
            uni.showLoading({
               title: '加载中'
            })
            this.userEntity.password = '123456'
            this.updateInfo()
         },
         initPwdCancel() {
            this.initPwdShow = false
         },
         modifyPwd() {
            this.modifyPwdShow = true
         },
         modifyPwdConfirm() {
            if (this.passwordModified.length === 0) {
               return this.$u.toast('密码不能为空')
            }
            this.modifyPwdShow = false
            this.userEntity.password = this.passwordModified
            this.updateInfo()
         },
         modifyPwdCancel() {
            this.modifyPwdShow = false
         },
         logout() {
            this.logoutShow = true;
@@ -348,5 +434,10 @@
            }
         }
      }
      .modifyPwd {
         width: 100%;
         border: 1rpx solid rgb(220, 223, 230);
      }
   }
</style>