yangan
2023-12-20 6cb6a76d779335f8bc9f1e2a3431b2903558a075
pages/customer-page/customer-my/customer-my.vue
@@ -71,13 +71,45 @@
      </view>
      <view class="utils-button">
         <view class="statistics"><u-button text="用户管理"
         <view class="statistics">
            <u-button text="用户管理"
               type="primary"
               @click="userManage"
               v-if="roleType == 1 && userEntity.isHostUser === '0'"></u-button></view>
               v-if="roleType == 1 && userEntity.isHostUser === '0'"></u-button>
         </view>
         <view class="logout"><u-button text="修改密码"
               type="primary"
               @click="modifyPwd"></u-button></view>
         <view class="logout"><u-button text="重置密码"
               type="primary"
               @click="initPwd"></u-button></view>
         <view class="logout"><u-button text="退出登录"
               type="primary"
               @click="logout()"></u-button></view>
      </view>
      <view class="noob-tour"
         style="margin-top: 80rpx;"
         v-if="roleType===4">
         <combined-title title="操作指引"></combined-title>
         <u-cell-group>
            <u-cell title="新手指引"
               name='1'
               :clickable="true"
               @click="noobTour">
               <u-badge type="primary"
                  value="01"
                  slot='icon'></u-badge>
               <u-icon slot="value"
                  name="arrow-right"
                  size="30"
                  color="#b8b8b8"></u-icon>
            </u-cell>
         </u-cell-group>
      </view>
      <view class="previewImage-container">
         <previewImage ref="previewImage"
            :imgs="customerTourImgList"
            :saveBtn='false'></previewImage>
      </view>
      <u-toast ref="uToast"></u-toast>
      <!-- 新建车队弹出框 -->
@@ -147,15 +179,42 @@
            @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>
<script>
   import combinedTitle from '@/components/combined-title/combined-title.vue';
   import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue';
   import { customerId, redirectLogin } from '@/utils/status';
   import { mapState } from 'vuex'
   export default {
      components: {
         combinedTitle
         combinedTitle,
         previewImage
      },
      data() {
         return {
@@ -185,10 +244,20 @@
            logoutTitle: '提示',
            logoutContent: '是否确认退出',
            // 用户信息对象
            userEntity: {}
            userEntity: {},
            TourImgList: ['https://mx.jzeg.cn:9095/appimg/image/tour/quality/quality01.jpg',
               'https://mx.jzeg.cn:9095/appimg/image/tour/quality/quality02.jpg',
               'https://mx.jzeg.cn:9095/appimg/image/tour/quality/quality03.jpg',
               'https://mx.jzeg.cn:9095/appimg/image/tour/quality/quality04.jpg',
               'https://mx.jzeg.cn:9095/appimg/image/tour/quality/quality05.jpg'
            ],
            initPwdShow: false,
            modifyPwdShow: false,
            passwordModified: ''
         };
      },
      computed: {
         ...mapState(['customerTourImgList']),
         roleType() {
            return uni.getStorageSync('roleType');
         }
@@ -355,22 +424,71 @@
               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;
         },
         logoutConfirm() {
            redirectLogin();
            this.$store.commit('changeisLogin', false)
            this.$store.dispatch('websocketOnClose')
         },
         logoutCancel() {
            this.logoutShow = false;
            this.$store.commit('changeisLogin', false)
            this.$store.dispatch('websocketOnClose')
         },
         // 跳转用户管理页面
         userManage() {
            uni.navigateTo({
               url: '/pages/customer-page/customer-my/userMange/userMange'
            });
         },
         noobTour() {
            this.$nextTick(() => {
               this.$refs.previewImage.open('https://mx.jzeg.cn:9095/appimg/image/tour/quality/quality1.jpg')
            })
         }
      }
   };
@@ -515,5 +633,10 @@
            }
         }
      }
      .modifyPwd {
         width: 100%;
         border: 1rpx solid rgb(220, 223, 230);
      }
   }
</style>