86 lines
5.2 KiB
Vue
86 lines
5.2 KiB
Vue
<template>
|
||
<view v-if="user" class="page-shell portal-page">
|
||
<PortalHeader title="个人中心" :user="user" :show-profile="false" />
|
||
<view class="portal-content profile-content">
|
||
<view class="profile-card"><view class="profile-avatar">{{ avatar }}</view><view><text class="profile-name">{{ displayName }}</text><text class="profile-role">{{ roleLabel }}</text></view></view>
|
||
<view class="profile-list">
|
||
<view class="profile-row"><text>作业仓库</text><text class="profile-value">{{ warehouseDisplay }}</text></view>
|
||
<view class="profile-row"><text>当前班次</text><text class="profile-value">以海外仓排班为准</text></view>
|
||
<view class="profile-row"><text>应用版本</text><text class="profile-value">{{ appVersion }}</text></view>
|
||
<button class="profile-row profile-row-action" @tap="checkUpdate"><text>检查更新</text><text class="profile-row-arrow">›</text></button>
|
||
<button class="profile-row profile-row-action" @tap="showSettings"><text>系统设置</text><text class="profile-row-arrow">›</text></button>
|
||
<button class="profile-row profile-row-action" @tap="selectLanguage"><text>切换语言</text><view class="profile-row-end"><text class="profile-value">{{ languageLabel }}</text><text class="profile-row-arrow">›</text></view></button>
|
||
</view>
|
||
<button class="logout-action" @tap="openLogout">退出登录</button>
|
||
</view>
|
||
<uni-popup ref="logoutPopup" type="center" :is-mask-click="true" @change="handleLogoutChange"><view class="logout-dialog-card" role="dialog" aria-modal="true" aria-label="确认退出登录"><PopupHeader title="确认退出登录？" tone="danger" @close="closeLogout" /><text class="logout-dialog-content">退出会撤销当前登录会话并清空本地作业草稿；未提交作业数据不得跨账号保留。</text><view class="logout-dialog-actions"><button class="logout-dialog-cancel" @tap="closeLogout">取消</button><button class="logout-dialog-confirm" @tap="logout">确认退出</button></view></view></uni-popup>
|
||
<view v-if="toast" class="app-toast warning" role="status">设置功能将在后续版本开放</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import PortalHeader from '@/components/PortalHeader.vue'
|
||
import PopupHeader from '@/components/PopupHeader.vue'
|
||
import { getCurrentWarehouseProfile } from '@/api/inbound.js'
|
||
import { currentLocale, LOCALE_OPTIONS, setLocale } from '@/i18n/index.js'
|
||
import { applyWarehouseProfile, session, requireSession, getSessionRevision } from '@/stores/session.js'
|
||
import { logoutCurrentSession } from '@/api/logout-session.js'
|
||
import { checkForAppUpdate } from '@/utils/app-update.js'
|
||
export default {
|
||
components: { PopupHeader, PortalHeader },
|
||
data() { return { user: session.currentUser, appVersion: '0.0.1', locale: currentLocale(), logoutOpen: false, toast: false } },
|
||
computed: {
|
||
displayName() { const name = String(this.user?.name || ''); return name && !/^[a-z0-9._-]+$/i.test(name) ? name : '仓库作业员' },
|
||
avatar() { return this.displayName.slice(0, 1).toUpperCase() },
|
||
roleLabel() { return '海外仓作业员' },
|
||
warehouseDisplay() { return String(this.user?.warehouseName || '').trim() || '海外仓未关联' },
|
||
languageLabel() { return LOCALE_OPTIONS.find((item) => item.value === this.locale)?.label || 'English' }
|
||
},
|
||
onShow() { if (!requireSession()) return; this.user = session.currentUser; this.loadAppVersion(); this.loadWarehouseProfile() },
|
||
beforeUnmount() { clearTimeout(this._toastTimer) },
|
||
onBackPress() { if (!this.logoutOpen) return false; this.closeLogout(); return true },
|
||
methods: {
|
||
loadAppVersion() {
|
||
// #ifdef APP-PLUS
|
||
this.appVersion = String(plus.runtime.version || this.appVersion)
|
||
// #endif
|
||
},
|
||
checkUpdate() {
|
||
// #ifdef APP-PLUS
|
||
checkForAppUpdate({ manual: true })
|
||
return
|
||
// #endif
|
||
// #ifndef APP-PLUS
|
||
uni.showToast({ title: '请在 PDA App 中检查更新', icon: 'none' })
|
||
// #endif
|
||
},
|
||
selectLanguage() {
|
||
uni.showActionSheet({
|
||
itemList: LOCALE_OPTIONS.map((item) => item.label),
|
||
success: ({ tapIndex }) => {
|
||
const selected = LOCALE_OPTIONS[tapIndex]
|
||
if (!selected) return
|
||
this.locale = setLocale(selected.value)
|
||
uni.showToast({ title: `语言设置已保存：${selected.label}`, icon: 'none' })
|
||
}
|
||
})
|
||
},
|
||
async loadWarehouseProfile() { try { this.user = applyWarehouseProfile(await getCurrentWarehouseProfile()) } catch (_) { this.user = session.currentUser } },
|
||
openLogout() { this.logoutOpen = true; this.$refs.logoutPopup.open() }, closeLogout() { this.logoutOpen = false; this.$refs.logoutPopup.close() }, handleLogoutChange(event) { this.logoutOpen = Boolean(event.show) },
|
||
showSettings() { clearTimeout(this._toastTimer); this.toast = true; this._toastTimer = setTimeout(() => { this.toast = false }, 2200) },
|
||
logout() {
|
||
if (this._logoutPromise) return this._logoutPromise
|
||
this.closeLogout()
|
||
const operation = logoutCurrentSession()
|
||
this.user = null
|
||
uni.reLaunch({ url: '/pages/login/login' })
|
||
this._logoutPromise = operation.catch(error => {
|
||
if (getSessionRevision() === error.logoutRevision) {
|
||
uni.showToast({ title: '已清除本地登录，服务端退出未确认', icon: 'none' })
|
||
}
|
||
})
|
||
return this._logoutPromise
|
||
}
|
||
}
|
||
}
|
||
</script>
|