yunzerwebsite/yunzerwebsiteallinone
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
hero920103 committed 2026-11-11 17:30:06 +08:00
1 parent 8fc52c574f
commit fb04d66e61
7 files changed
+284 -9
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

uniapp/pages/nav/nav.vue
+11 -2
View File
@@ -7,8 +7,8 @@
<text class="head-eyebrow">WENXIN WORKSPACE</text>
<text class="head-title">工作台</text>
</view>
<view v-if="!guest" class="account-chip"><FaIcon name="user" color="#3478f6" :size="15" /><text>{{ user.account || '我的账号' }}</text></view>
<view v-else class="account-chip"><FaIcon name="user" color="#3478f6" :size="15" /><text>游客</text></view>
<view v-if="!guest" class="account-chip" @tap="goProfile"><FaIcon name="user" color="#3478f6" :size="15" /><text>{{ user.account || '我的账号' }}</text></view>
<view v-else class="account-chip" @tap="goProfile"><FaIcon name="user" color="#3478f6" :size="15" /><text>游客</text></view>
</view>
<view v-if="!guest" class="tenant-switch" @tap="chooseTenant">
<view class="tenant-mark"><FaIcon name="building" color="#ffffff" :size="19" /></view>
@@ -471,6 +471,15 @@ async function load(force = false) {
/* ==================== 交互 ==================== */
/** 点击右上角用户名 → 进入个人中心修改资料；未授权时提示先点模块授权手机号 */
function goProfile() {
if (guest.value) {
uni.showToast({ title: '请先点击模块授权手机号', icon: 'none' })
return
}
uni.navigateTo({ url: '/pages/profile/profile' })
}
function chooseTenant() {
const list = tenants.value
if (list.length <= 1) { uni.showToast({ title: list.length ? '当前账号仅绑定一个企业' : '暂无可切换的企业', icon: 'none' })
uniapp/pages/profile/profile.vue
+190 -5
View File
@@ -1,6 +1,12 @@
<template>
<view class="page">
<view class="profile-header" :style="headPad">
<view class="header-top">
<view class="back-platform" @tap="goBackPlatform">
<FaIcon name="chevron-left" color="#ffffff" :size="14" />
<text>回平台</text>
</view>
</view>
<view class="profile-info">
<view class="profile-avatar">
<text class="avatar-text">{{ avatarText }}</text>
@@ -58,16 +64,45 @@
</view>
<AppTabbar current="profile" />
<!-- 编辑资料：姓名 / 邮箱可改，手机号由微信验证只读 -->
<view v-if="editVisible" class="edit-mask" @tap="closeEdit">
<view class="edit-sheet" @tap.stop>
<view class="edit-head">
<text class="edit-title">编辑资料</text>
<text class="edit-close" @tap="closeEdit">取消</text>
</view>
<view class="edit-field">
<text class="edit-label">姓名</text>
<input v-model="editForm.name" class="edit-input" placeholder="请输入姓名" :maxlength="30" />
</view>
<view class="edit-field">
<text class="edit-label">邮箱</text>
<input v-model="editForm.email" class="edit-input" placeholder="选填" />
</view>
<view class="edit-field">
<text class="edit-label">手机号</text>
<view class="edit-readonly">
<text>{{ phoneText }}</text>
<text class="readonly-tag">微信验证，不可修改</text>
</view>
</view>
<text v-if="editError" class="edit-error">{{ editError }}</text>
<button class="edit-submit" :disabled="saving" @tap="saveProfile">
{{ saving ? '保存中…' : '保存' }}
</button>
</view>
</view>
</view>
</template>
<script setup>
import { ref, computed, onMounted } from 'vue'
import { ref, reactive, computed, onMounted } from 'vue'
import { mpHeadPad } from '@/utils/mpHead.js'
const headPad = mpHeadPad()
import { getUser, setUser, logout, isLoggedIn, isSSOEnabled, getToken } from '@/utils/auth.js'
import { getCurrentUser, logoutApi, logoutUAC } from '@/api/auth.js'
import { getCurrentUser, updateCurrentUserProfile, logoutApi, logoutUAC } from '@/api/auth.js'
import { requestSubscribeNotice } from '@/utils/subscribe.js'
import AppTabbar from '@/components/MainTabbar.vue'
@@ -133,14 +168,74 @@ async function loadUser() {
onMounted(() => {
if (!isLoggedIn()) {
uni.reLaunch({ url: '/pages/login/login' })
// 新流程没有独立登录页：回平台点击模块即可重新授权手机号
uni.reLaunch({ url: '/pages/nav/nav' })
return
}
loadUser()
})
/* ==================== 编辑资料 ==================== */
const editVisible = ref(false)
const saving = ref(false)
const editError = ref('')
const editForm = reactive({ name: '', email: '' })
// 手机号来自微信验证，只读展示（掩码），不随表单提交
const phoneText = computed(() => {
const u = user.value || {}
const p = u.phone || (u.account && /^1\d{10}$/.test(String(u.account)) ? String(u.account) : '')
return p ? String(p).replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') : '微信已验证'
})
function onEdit() {
uni.showToast({ title: '编辑资料', icon: 'none' })
editForm.name = user.value?.nickname || user.value?.name || ''
editForm.email = user.value?.email || ''
editError.value = ''
editVisible.value = true
}
function closeEdit() {
if (!saving.value) editVisible.value = false
}
async function saveProfile() {
if (saving.value) return
const name = String(editForm.name || '').trim()
const email = String(editForm.email || '').trim()
if (!name) {
editError.value = '请填写姓名'
return
}
if (email && !email.includes('@')) {
editError.value = '邮箱格式不正确'
return
}
saving.value = true
editError.value = ''
try {
const res = await updateCurrentUserProfile({ name, email })
const next = {
...(getUser() || {}),
...(user.value || {}),
...(res || {}),
name,
nickname: name,
email
}
setUser(next)
user.value = next
editVisible.value = false
uni.showToast({ title: '资料已更新', icon: 'success' })
} catch (e) {
editError.value = (e && e.message) || '保存失败，请重试'
} finally {
saving.value = false
}
}
function goBackPlatform() {
uni.reLaunch({ url: '/pages/nav/nav' })
}
function onMenuTap(item) {
@@ -172,7 +267,7 @@ function handleLogout() {
}
// 再清本地并跳转，避免接口超时/失败导致“退出无效”
logout()
uni.reLaunch({ url: '/pages/login/login' })
uni.reLaunch({ url: '/pages/nav/nav' })
}
})
}
@@ -357,4 +452,94 @@ function handleLogout() {
.bottom-space {
height: 48rpx;
}
/* ============ 回平台 ============ */
.header-top {
display: flex;
align-items: center;
margin-bottom: 24rpx;
position: relative;
z-index: 1;
}
.back-platform {
display: flex;
align-items: center;
gap: 8rpx;
padding: 10rpx 20rpx;
border-radius: $radius-full;
background: rgba(255, 255, 255, .18);
color: #ffffff;
font-size: 24rpx;
}
/* ============ 编辑资料弹层 ============ */
.edit-mask {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1000;
display: flex;
align-items: flex-end;
background: rgba(15, 23, 42, .48);
@include mask-responsive;
}
.edit-sheet {
width: 100%;
padding: 28rpx $page-padding-x 40rpx;
padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
box-sizing: border-box;
border-radius: 32rpx 32rpx 0 0;
background: #ffffff;
@include sheet-responsive;
}
.edit-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30rpx;
}
.edit-title { font-size: 32rpx; font-weight: 700; color: $color-text; }
.edit-close { font-size: 26rpx; color: $color-text-muted; }
.edit-field { margin-bottom: 26rpx; }
.edit-label { display: block; margin-bottom: 12rpx; font-size: 25rpx; font-weight: 600; color: #334155; }
.edit-input {
height: 88rpx;
padding: 0 22rpx;
box-sizing: border-box;
border: 1rpx solid #dce7f7;
border-radius: $radius-md;
background: #fbfdff;
font-size: 28rpx;
color: $color-text;
}
.edit-readonly {
height: 88rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 22rpx;
box-sizing: border-box;
border: 1rpx solid #e2e8f0;
border-radius: $radius-md;
background: #f1f5f9;
font-size: 27rpx;
color: #475569;
}
.readonly-tag { font-size: 21rpx; color: #94a3b8; }
.edit-error { display: block; margin: 4rpx 0 16rpx; font-size: 24rpx; color: $color-danger; }
.edit-submit {
height: 92rpx;
line-height: 92rpx;
margin-top: 12rpx;
border: none;
border-radius: $radius-full;
background: linear-gradient(135deg, #60a5fa, #2563eb);
color: #ffffff;
font-size: 30rpx;
font-weight: 600;
&::after { border: none; }
&[disabled] { opacity: .6; }
}
</style>
uniapp/pages/sub/tabs.vue
+2 -1
View File
@@ -55,7 +55,8 @@ const TAB_ORDER = ['home', 'functions', 'mine']
const tabs = [
{ name: 'home', text: '首页', icon: 'house' },
{ name: 'functions', text: '功能', icon: 'table-cells' },
{ name: 'mine', text: '我的', icon: 'user' }
// 末位为「回平台」：点击由 AppTabbar 统一 reLaunch 到 /pages/nav/nav
{ name: 'mine', text: '回平台', icon: 'arrow-left' }
]
const slug = ref('')