#

whycq

2022-12-28 95b16968596dd601257abdb0fc02d8711382d42f

 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>