123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <template>
- <view>
- <Navbar :hideBtn="true" bgColor="#f3f4f6"></Navbar>
- <view class="profile-top">
- <view class="user-info">
- <view>
- <view class="user-info--name">{{ user.nickName }}</view>
- <text class="user-info--account">{{ user.email || user.phonenumber || user.userName }}</text>
- </view>
- <view>
- <!-- <u-avatar src="/static/img/avatar.png" size="120rpx"></u-avatar> -->
- </view>
- </view>
- <view style="padding: 40rpx 40rpx 0 40rpx;">
- <view class="profile-rule">
- <u-row>
- <u-col span="8">
- <view style="color: white; font-size: 20px;">{{ user.dept ? user.dept.deptName : '未知部门' }}</view>
- </u-col>
- <!-- <u-col span="4">
- <u-button icon="question-circle" text="问题反馈" style="height: 36px;"></u-button>
- </u-col> -->
- </u-row>
- </view>
- </view>
- </view>
- <view style="padding: 40rpx; background-color: #fff;">
- <u-grid>
- <!-- <u-grid-item @click="navigateTo('/pages/center/profile')">
- <u-icon name="account-fill" color="#2979ff" size="60rpx"></u-icon>
- <text class="btn-text">个人资料</text>
- </u-grid-item>
- <u-grid-item @click="resetPassword = true">
- <u-icon name="lock-fill" color="#2979ff" size="60rpx"></u-icon>
- <text class="btn-text">修改密码</text>
- </u-grid-item>
- <u-grid-item @click="navigateTo('/pages/center/log')">
- <u-icon name="coupon-fill" color="#2979ff" size="60rpx"></u-icon>
- <text class="btn-text">操作日志</text>
- </u-grid-item> -->
- </u-grid>
- </view>
- <view style="padding: 40rpx; margin-top: 300rpx;">
- <u-row gutter="32">
- <u-col span="3">
- <!-- <u-button icon="phone" text="联系我们" plain></u-button> -->
- </u-col>
- <u-col span="6">
- <u-button icon="reload" text="退出" type="error" @click="logout"></u-button>
- </u-col>
- </u-row>
- </view>
- <Password :show="resetPassword" @close="resetPassword = false"></Password>
- </view>
- </template>
- <script>
- import Navbar from '@/components/navbar/Navbar'
- import Password from './password.vue'
- export default {
- components: {
- Navbar,
- Password,
- },
- data () {
- return {
- user: {},
- resetPassword: false
- }
- },
- created () {
- this.getInfo()
- },
- methods: {
- getInfo () {
- const app = this
- app.$store.dispatch('Info').then(res => {
- app.user = res.user
- })
- },
- navigateTo (url) {
- uni.navigateTo({ url: url })
- },
- logout () {
- const app = this
- app.$store.dispatch('Logout').then(res => {
- uni.reLaunch({
- url: '/pages/login/index'
- })
- })
- }
- }
- }
- </script>
- <style lang="scss">
- .profile-top {
- background-color: #f3f4f6;
- padding-top: 50rpx;
- }
- .profile-rule {
- height: 140rpx;
- line-height: 140rpx;
- padding: 0px 40rpx;
- background-color: #E60012;
- border-radius: 16px 16px 0 0;
- box-shadow: 0px 16px 26px rgba(0, 0, 0, .8);
- }
- .btn-text {
- font-size: 28rpx;
- color: #606266;
- }
- .user-info {
- display: flex;
- justify-content: space-between;
- padding: 40rpx;
- max-width: 100%;
- color: #303133;
- &--name {
- font-size: 56rpx;
- font-weight: bold;
- width: 100%
- }
- &--account {
- font-size: 26rpx;
- color: #909399;
- }
- }
- </style>
|