修改组件

gaoluyang

2025-08-29 5c48ef2b8267c38bae717202615e1618074ee31c

 src/pages_mine/pages/info/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,106 @@
<template>
  <view class="container">
    <view class="card">
      <u-cell-group>
        <u-cell title="昵称" :value="user.nickName">
          <template #icon>
            <u-icon name="account" size="18" />
          </template>
        </u-cell>
        <u-cell title="手机号码" :value="user.phonenumber">
          <template #icon>
            <u-icon name="phone" size="18" />
          </template>
        </u-cell>
        <u-cell title="邮箱" :value="user.email">
          <template #icon>
            <u-icon name="email" size="18" />
          </template>
        </u-cell>
        <u-cell title="岗位" :value="postGroup">
          <template #icon>
            <u-icon name="star" size="18" />
          </template>
        </u-cell>
        <u-cell title="角色" :value="roleGroup">
          <template #icon>
            <u-icon name="account-circle" size="18" />
          </template>
        </u-cell>
        <u-cell title="创建日期" :value="user.createTime">
          <template #icon>
            <u-icon name="calendar" size="18" />
          </template>
        </u-cell>
      </u-cell-group>
    </view>

    <!-- <u-button @click="register()">绑定微信</u-button> -->
  </view>
</template>

<script setup>
import { getUserProfile } from "@/api/system/user"
import { ref } from "vue";
import modal from "@/plugins/modal"

const user = ref({})
const roleGroup = ref("")
const postGroup = ref("")
function getUser() {
  getUserProfile().then(response => {
    user.value = response.data
    roleGroup.value = response.roleGroup
    postGroup.value = response.postGroup
  })
}
getUser()

import { wxRegister } from "@/api/oauth"
import { getWxCode } from "@/utils/geek"
function register(){
  modal.loading('绑定微信中...')
  getWxCode().then(res=>{
    wxRegister('miniapp',res).then(res=>{
      modal.closeLoading()
    })
  })
  
}

</script>

<style lang="scss">
/* èƒŒæ™¯æ›´æŸ”和，卡片更突出 */
page {
  background-color: #f5f7fb;
}

.container {
  min-height: 100vh;
  padding: 0;
  box-sizing: border-box;
}

/* åˆ—表卡片容器 */
.card {
  background-color: #ffffff;
  box-shadow: 0 0.375rem 1rem rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

/* é€‚配 uview-plus Cell */
:deep(.u-cell) {
  min-height: 3rem;
   align-items: center;
}

:deep(.u-cell__title) {
  font-weight: 500;
  color: #1f2937;
}

:deep(.u-cell__value) {
  color: #6b7280;
}
</style>