| | |
| | | </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> |
| | | <!-- 新建车队弹出框 --> |
| | |
| | | @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 { |
| | |
| | | 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'); |
| | | } |
| | |
| | | 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') |
| | | }) |
| | | } |
| | | } |
| | | }; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .modifyPwd { |
| | | width: 100%; |
| | | border: 1rpx solid rgb(220, 223, 230); |
| | | } |
| | | } |
| | | </style> |