更改导航栏显示规则

src/layout/Layout.vue

@@ -52,12 +52,12 @@
         
 
         
-        <el-menu-item index="/transfers">
+        <el-menu-item index="/transfers" v-if="userType === 'agent'">
           <el-icon><Money /></el-icon>
           <template #title>转账管理</template>
         </el-menu-item>
 
-        <el-menu-item index="/direct-sale">
+        <el-menu-item index="/direct-sale" v-if="userType === 'agent_directly'">
           <el-icon><Coin /></el-icon>
           <template #title>直营列表</template>
         </el-menu-item>
@@ -264,6 +264,17 @@ import {
 const route = useRoute()
 const router = useRouter()
 const userStore = useUserStore()
+const userType = computed(() => {
+  try {
+    const adminUser = localStorage.getItem('admin_user')
+    if (adminUser) {
+      return JSON.parse(adminUser).user_type
+    }
+  } catch (error) {
+    console.log('获取用户类型失败', error)
+  }
+  return null
+})
 
 // 组件挂载时不再自动验证token，避免登录后立即触发401错误
 // token验证交给具体的API调用时处理

src/views/Login.vue

@@ -25,7 +25,7 @@
         <el-form-item prop="username">
           <el-input
             v-model="loginForm.username"
-            placeholder="用户名或邮箱"
+            placeholder="电话号码"
             size="large"
             prefix-icon="User"
             clearable
@@ -103,7 +103,7 @@ const loginForm = reactive({
 // 表单验证规则
 const loginRules = {
   username: [
-    { required: true, message: '请输入用户名或邮箱', trigger: 'blur' },
+    { required: true, message: '请输入电话号码', trigger: 'blur' },
     { min: 3, message: '用户名长度不能少于3位', trigger: 'blur' }
   ],
   password: [