| | |
| | | <view class="driver-banner"> |
| | | <view class="navgation">我的</view> |
| | | </view> |
| | | <view class="information-block-box"> |
| | | <view class="personal-information"> |
| | | <view class="personal-information-block"> |
| | | <view class="block-main"> |
| | | <view class="information-line"> |
| | | <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> |
| | | <view class="information-value"> |
| | | {{ userInfo.phone || '' }} |
| | | </view> |
| | | </view> |
| | | <view class="information-line"> |
| | | <view class="line-label"> |
| | | <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/carnum.png" |
| | | mode="widthFix"></image> |
| | | <view class="label-text">姓名</view> |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ userInfo.name || '' }} |
| | | </view> |
| | | </view> |
| | | <view class="information-line"> |
| | | <view class="line-label"> |
| | | <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/carnum.png" |
| | | mode="widthFix"></image> |
| | | <view class="label-text">角色</view> |
| | | </view> |
| | | <view class="information-value"> |
| | | {{ '货代' }} |
| | | </view> |
| | | </view> |
| | | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="personal-information"> |
| | | <view class="personal-information-block"> |
| | | <view class="block-main"> |
| | |
| | | |
| | | <!-- <view class="statistics"><u-button text="发运统计" type="primary" @click="statistics"></u-button></view> --> |
| | | <view class="utils-button"> |
| | | <!-- <view class="utils"><u-button text="修改密码" |
| | | <view class="utils"><u-button text="修改密码" |
| | | type="primary" |
| | | @click="modifyPwd"></u-button></view> |
| | | <view class="utils"><u-button text="重置密码" |
| | | <!-- <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> |
| | | <view class="utils"><u-button text="联系我们" |
| | | type="primary" |
| | | @click="contactUs"></u-button></view> |
| | | </view> |
| | | |
| | | <!-- 删除车队模态框 --> |
| | |
| | | |
| | | <script> |
| | | import { redirectLogin } from '@/utils/status'; |
| | | import { BaseUrl } from '@/api/publicInterface.js' |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | modifyPwdShow: false, |
| | | passwordModified: '', |
| | | // 用户信息对象 |
| | | userEntity: {}, |
| | | userInfo: {}, |
| | | phoneList:[] |
| | | }; |
| | | }, |
| | | onLoad() { |
| | |
| | | methods: { |
| | | init() { |
| | | this.getFleet(); |
| | | 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 => { |
| | | } |
| | | }) |
| | | }, |
| | | // 获取车队 |
| | | getFleet() { |
| | | this.$reqGet('getFleet').then(res => { |
| | | console.log('货代1车队', res); |
| | | console.log('承运商1车队', res); |
| | | this.fleetData = res.data; |
| | | }); |
| | | }, |
| | | contactUs(){ |
| | | uni.showActionSheet({ |
| | | itemList: this.phoneList, |
| | | success: (res) => { |
| | | uni.makePhoneCall({ |
| | | phoneNumber:this.phoneList[res.tapIndex].split(":")[1] |
| | | }) |
| | | }, |
| | | fail: (err) => { |
| | | console.log('弹窗取消'); |
| | | } |
| | | }); |
| | | }, |
| | | getUserEntity() { |
| | | uni.showLoading({ |
| | | title: '加载中...' |
| | | }); |
| | | this.$reqGet('getUserEntity').then(res => { |
| | | uni.hideLoading() |
| | | this.userInfo = res.data; |
| | | }) |
| | | }, |
| | | // 添加车队 |
| | | addFleet() { |
| | |
| | | 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 |
| | | this.$store.commit('changeisLogin', false) |
| | | this.$store.dispatch('websocketOnClose') |
| | | uni.reLaunch({ |
| | | url: `/pages/login/resetPassword/resetPassword?phone=${this.userInfo.phone}&idCard=${this.userInfo.idCard}` |
| | | }) |
| | | }, |
| | | logout() { |
| | | this.logoutShow = true; |
| | |
| | | } |
| | | } |
| | | } |
| | | .information-block-box { |
| | | width: 100%; |
| | | |
| | | .personal-information { |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | position: relative; |
| | | top: vww(-30); |
| | | |
| | | &-block { |
| | | width: 690rpx; |
| | | height: 300rpx; |
| | | 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; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | |
| | | .block-main { |
| | | width: 636rpx; |
| | | margin: vww(10) vww(14); |
| | | } |
| | | |
| | | .information-line { |
| | | @include flex; |
| | | width: 636rpx; |
| | | align-items: center!important; |
| | | height: vww(45); |
| | | border-bottom: 1rpx solid #f0f1f6; |
| | | |
| | | .line-label { |
| | | width: 50%; |
| | | height: 90rpx; |
| | | @include flex; |
| | | align-items: center; |
| | | |
| | | image { |
| | | width: 50rpx; |
| | | height: 50rpx; |
| | | } |
| | | |
| | | .label-text { |
| | | flex: 0.8; |
| | | font-size: 30rpx; |
| | | font-weight: 400; |
| | | color: #000000; |
| | | line-height: 32rpx; |
| | | text-align: left; |
| | | } |
| | | } |
| | | |
| | | .information-value { |
| | | min-width: vww(125); |
| | | @include flex; |
| | | font-size: 30rpx; |
| | | font-weight: 400; |
| | | color: #000000; |
| | | line-height: 85rpx; |
| | | } |
| | | } |
| | | |
| | | .last { |
| | | border-bottom: 0; |
| | | |
| | | .information-value { |
| | | justify-content: space-between; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | ::v-deep.freightForwarder-my { |
| | | width: 100%; |