差异化1.0

src/views/portal/components/Header.vue

@@ -1,21 +1,125 @@
 <template>
 	<div>
-		<div style="display: flex; width: 100vw; justify-content: space-between; align-items: center">
+<!--		//根据平台不同传不同参0后台（管理员）1老师2学生   eduIdentity -->
+		<!--		{{userInfo.eduIdentity}}-->
+<!--		管理员-->
+		<div v-if="userInfo.eduIdentity == 0" style="display: flex; width: 100vw; justify-content: space-between; align-items: center">
+			<div style="display: flex; padding-left: 10%">
+				<div style="width: 120px; height: 55px; background-color: brown" />
+
+				<a-menu v-model:selectedKeys="current" mode="horizontal" theme="light" style="line-height: 55px">
+<!--					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal">首页</a-menu-item>-->
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">资源管理</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">全院课程</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">全院开课</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">数据挖掘</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">镜像控制台</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">专业</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">院系</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">组织机构</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">后台管理</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">资源任务分配</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">统计分析</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">论坛</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">站内信</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">公告发布</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">管理员登录</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">密码找回</a-menu-item>
+<!--					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/personalResources">个人资源</a-menu-item>-->
+<!--					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseCenter">课程中心</a-menu-item>-->
+<!--					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement"-->
+<!--						>课程管理</a-menu-item-->
+<!--					>-->
+				</a-menu>
+			</div>
+
+			<div class="header-right">
+				<!-- <a-input-search placeholder="输入关键词搜索" style="width: 200px" /> -->
+				<!-- <div style="display: flex">
+					<SearchOutlined :style="{ fontSize: '16px', color: '#00000083' }" />
+					<div style="width: 5px"></div>
+					<span style="font-size: 12px; color: #00000083">搜索</span>
+				</div>
+				<div style="width: 20px"></div> -->
+				<div style="display: flex">
+					<UserOutlined :style="{ fontSize: '16px', color: '#00000083' }" />
+					<div style="width: 5px"></div>
+					<span style="font-size: 12px; color: #00000083">登录</span>
+				</div>
+				<div style="width: 20px"></div>
+				<div style="display: flex">
+					<span style="font-size: 12px; color: #00000083">注册</span>
+				</div>
+				<!-- <a-button type="primary">登录</a-button>
+				<a-button>注册</a-button> -->
+			</div>
+		</div>
+		<div v-if="userInfo.eduIdentity == 1" style="display: flex; width: 100vw; justify-content: space-between; align-items: center">
+			<div style="display: flex; padding-left: 10%">
+				<div style="width: 120px; height: 55px; background-color: brown" />
+				<a-menu v-model:selectedKeys="current" mode="horizontal" theme="light" style="line-height: 55px">
+<!--					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal">首页</a-menu-item>-->
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceCenter">资源中心</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/personalResources">个人资源</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">课程管理</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">问答管理</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">班级管理</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">考试管理</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">问卷管理</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">试题管理</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">统计分析</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">个人中心</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">论坛</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">站内信</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">课程公告发布</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">登录</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">密码找回</a-menu-item>
+
+
+<!--					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">资源管理</a-menu-item>-->
+<!--					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseCenter">课程中心</a-menu-item>-->
+				</a-menu>
+			</div>
+
+			<div class="header-right">
+				<!-- <a-input-search placeholder="输入关键词搜索" style="width: 200px" /> -->
+				<!-- <div style="display: flex">
+					<SearchOutlined :style="{ fontSize: '16px', color: '#00000083' }" />
+					<div style="width: 5px"></div>
+					<span style="font-size: 12px; color: #00000083">搜索</span>
+				</div>
+				<div style="width: 20px"></div> -->
+				<div style="display: flex">
+					<UserOutlined :style="{ fontSize: '16px', color: '#00000083' }" />
+					<div style="width: 5px"></div>
+					<span style="font-size: 12px; color: #00000083">登录</span>
+				</div>
+				<div style="width: 20px"></div>
+				<div style="display: flex">
+					<span style="font-size: 12px; color: #00000083">注册</span>
+				</div>
+				<!-- <a-button type="primary">登录</a-button>
+				<a-button>注册</a-button> -->
+			</div>
+		</div>
+		<div v-if="userInfo.eduIdentity == 2" style="display: flex; width: 100vw; justify-content: space-between; align-items: center">
 			<div style="display: flex; padding-left: 10%">
 				<div style="width: 120px; height: 55px; background-color: brown" />
 				<a-menu v-model:selectedKeys="current" mode="horizontal" theme="light" style="line-height: 55px">
-					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal">首页</a-menu-item>
+<!--					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal">首页</a-menu-item>-->
 					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceCenter">资源中心</a-menu-item>
-					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement"
-						>资源管理</a-menu-item
-					>
-					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/personalResources"
-						>个人资源</a-menu-item
-					>
 					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseCenter">课程中心</a-menu-item>
-					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement"
-						>课程管理</a-menu-item
-					>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceManagement">课程详情</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/personalResources">我的考试</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">我的作业</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/resourceCenter">调查问卷</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">个人中心</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">论坛</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">站内信</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">课程公告</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/personalResources">学习足迹</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">登录</a-menu-item>
+					<a-menu-item style="margin-left: 10px; margin-right: 10px" key="portal/courseManagement">密码找回</a-menu-item>
 				</a-menu>
 			</div>
 
@@ -49,9 +153,9 @@
 	import { useRouter, useRoute } from 'vue-router'
 	const router = useRouter()
 	const current = ref(['1']) // 默认选中“资源中心”
-
+	import tool from '@/utils/tool'
 	const emit = defineEmits(['onChangeCurrent'])
-
+	const userInfo = tool.data.get('USER_INFO')
 	watch(
 		() => current.value,
 		(newVal, oldVal) => {
@@ -65,6 +169,8 @@
 			}
 		}
 	)
+
+
 </script>
 
 <style scoped>