Files
klp-mono/apps/hand-factory/pages/index.vue

154 lines
3.1 KiB
Vue
Raw Normal View History

2025-10-27 13:21:43 +08:00
<template>
</template>
<script>
2025-10-29 11:17:50 +08:00
export default {
data() {
return {
hasJumped: false // 防止重复跳转的标记
}
},
onShow() {
// 已跳转过则不再执行逻辑
if (this.hasJumped) return;
// 检查用户角色
this.$store.dispatch('GetInfo')
.then(res => {
// 验证返回数据格式
if (!res || !res.data || !Array.isArray(res.data.roles)) {
throw new Error('用户角色信息格式错误');
}
console.log('用户角色信息', res.data.roles)
const roles = res.data.roles;
if (roles.includes('admin')) {
uni.setTabBarItem({
index: 0,
visible: true
});
// 管理员角色跳转
uni.switchTab({
url: '/pages/line/line',
success: () => {
this.hasJumped = true; // 标记已跳转
},
fail: (err) => {
console.error('管理员页面跳转失败:', err);
uni.showToast({
title: '跳转产线页面失败',
icon: 'none',
duration: 2000
});
}
});
} else if (roles.includes('worker')) {
// 工人角色跳转
// 设置tab内容
// 设置产线和复杂扫码不可见
uni.setTabBarItem({
index: 0,
visible: false
});
uni.switchTab({
url: '/pages/easycode/easycode',
success: () => {
this.hasJumped = true; // 标记已跳转
},
fail: (err) => {
console.error('工人页面跳转失败:', err);
uni.showToast({
title: '跳转扫码页面失败',
icon: 'none',
duration: 2000
});
}
});
} else {
// 处理未定义角色(默认角色)
uni.showToast({
title: '检测到未知角色,将跳转至默认页面',
icon: 'none',
duration: 2000
});
uni.setTabBarItem({
index: 0,
visible: false
});
// 延迟跳转,确保提示被用户看到
setTimeout(() => {
uni.switchTab({
url: '/pages/easycode/easycode',
success: () => {
this.hasJumped = true;
},
fail: (err) => {
console.error('默认角色页面跳转失败:', err);
uni.showToast({
title: '跳转默认页面失败',
icon: 'none',
duration: 2000
});
}
});
}, 2000);
}
})
.catch(err => {
uni.reLaunch({
url: '/pages/login'
})
});
2025-10-29 11:17:50 +08:00
}
}
</script>
<style scoped lang="scss">
/* 样式保持不变 */
2025-10-29 11:17:50 +08:00
.production-page {
min-height: 100vh;
background: #f6f6f6;
}
.page-header {
display: flex;
align-items: center;
justify-content: center;
padding: 40rpx 30rpx 20rpx;
background: #fff;
border-bottom: 1rpx solid #e8e8e8;
.header-title {
font-size: 28rpx;
font-weight: 500;
color: #333;
letter-spacing: 2rpx;
padding: 0 30rpx;
}
.header-line {
height: 2rpx;
background: linear-gradient(90deg, transparent, #ddd, transparent);
flex: 1;
max-width: 100rpx;
&.line-left {
background: linear-gradient(90deg, transparent, #ddd);
}
&.line-right {
background: linear-gradient(90deg, #ddd, transparent);
2025-10-27 13:21:43 +08:00
}
}
2025-10-29 11:17:50 +08:00
}
.line-header {
background: #fff;
}
.content-wrapper {
2025-10-29 15:38:20 +08:00
padding: 0;
2025-10-29 11:17:50 +08:00
}
</style>