#

whycq

2022-12-28 95b16968596dd601257abdb0fc02d8711382d42f

#

 main.js

@@ -3,6 +3,7 @@
// #ifndef VUE3
import Vue from 'vue'
Vue.config.productionTip = false
Vue.prototype.baseUrl = 'http://192.168.4.188:9528'
App.mpType = 'app'
const app = new Vue({
    ...App

 pages.json

@@ -31,6 +31,12 @@
            }
        },
        {
            "path": "pages/user/user_detail/userDetail",
            "style": {
                "navigationBarTitleText": "个人信息"
            }
        },
        {
            "path": "pages/business/cstmr/csmtr",
            "style": {
                // "navigationStyle": "custom"

 pages/login/login.vue

@@ -45,7 +45,6 @@
                    loading: false,
                    btnText: '登录'
                },
                baseUrl: 'http://192.168.4.188:9528'
            }
        },
        onLoad:function(){
@@ -88,7 +87,6 @@
                            that.load.btnText = '登录中';
                            uni.setStorageSync('token', res.data.token);
                            uni.setStorageSync('userName', that.user.userName);
                            uni.setStorageSync('baseUrl',that.baseUrl)
                            setTimeout(()=> {
                                uni.showToast({title: '登录成功'})
                                setTimeout(()=> {

 pages/user/user.vue

@@ -28,7 +28,9 @@
        },
        methods: {
            userDetail() {
				
                uni.navigateTo({
                    url:'/pages/user/user_detail/userDetail'
                })
            }
        }
    }

 pages/user/user_detail/userDetail.vue

@@ -1,8 +1,104 @@
<template>
    <view>
        <view style="background-color: #fff;">
            <view class="item">
                <view>角色</view><view class="item-right">{{detail.roleName}}</view>
                <view class="user-icons">
                    <uni-icons type="right" color="#c1c1c1"></uni-icons>
                </view>
            </view>
            <view class="item">
                <view>所属部门</view><view class="item-right">{{detail.deptName}}</view>
                <view class="user-icons">
                    <uni-icons type="right" color="#c1c1c1"></uni-icons>
                </view>
            </view>
            <view class="item">
                <view>账号</view><view class="item-right">{{detail.username}}</view>
                <view class="user-icons">
                    <uni-icons type="right" color="#c1c1c1"></uni-icons>
                </view>
            </view>
            <view class="item">
                <view>名称</view><view class="item-right">{{detail.nickname}}</view>
                <view class="user-icons">
                    <uni-icons type="right" color="#c1c1c1"></uni-icons>
                </view>
            </view>
            <view class="item">
                <view>联系方式</view><view class="item-right">{{detail.mobile}}</view>
                <view class="user-icons">
                    <uni-icons type="right" color="#c1c1c1"></uni-icons>
                </view>
            </view>
            <view class="item">
                <view>邮箱地址</view><view class="item-right">{{detail.email}}</view>
                <view class="user-icons">
                    <uni-icons type="right" color="#c1c1c1"></uni-icons>
                </view>
            </view>
            <view class="item">
                <view>密码</view><view class="item-right">{{detail.roleName}}</view>
                <view class="user-icons">
                    <uni-icons type="right" color="#c1c1c1"></uni-icons>
                </view>
            </view>
            <view class="item">
                <view>注册时间</view><view class="item-right">{{detail.createTime$}}</view>
                <view class="user-icons">
                    <uni-icons type="right" color="#c1c1c1"></uni-icons>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                detail: ''
            }
        },
        onShow() {
            this.getDetail()
        },
        methods: {
            getDetail() {
                let that = this
                uni.request({
                    url: that.baseUrl + '/user/detail/auth',
                    header: {'token' : uni.getStorageSync('token')},
                    method: 'POST',
                    success(res) {
                        res = res.data
                        that.detail = res.data
                        console.log(res.data);
                    }
                })
            }
        }
    }
</script>

<style>
    .item {
        background-color: #FFF;
        min-height: 90rpx;
        border-bottom: 1px solid #f1f1f1;
        margin-left: 30rpx;
        display: grid;
        grid-template-columns: 5fr 5fr 1fr;
        align-items: center;
    }
    .item:last-child {
        border: none;
    }
    .item-right {
        text-align: end;
        color: #afafaf;
    }
    .user-icons {
        text-align: center;
    }
</style>