fix:主页页面;

This commit is contained in:
yangws 2024-07-31 09:20:30 +08:00
parent 9f5115f4a3
commit 370396e2b8
9 changed files with 992 additions and 0 deletions

View File

@ -0,0 +1,353 @@
@font-face {
font-family: "iconfont"; /* Project id 4581405 */
/* Color fonts */
src:
url('iconfont.woff2?t=1718185631014') format('woff2'),
url('iconfont.woff?t=1718185631014') format('woff'),
url('iconfont.ttf?t=1718185631014') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-iconku-zhuanqu-:before {
content: "\e649";
}
.icon-PPT:before {
content: "\e62b";
}
.icon-fabiaolunwen:before {
content: "\e772";
}
.icon-xiezuo1:before {
content: "\e612";
}
.icon-fenxi1:before {
content: "\e627";
}
.icon-kechengziyuan:before {
content: "\e6e9";
}
.icon-36zuoyepingtai:before {
content: "\e699";
}
.icon-shoucang1:before {
content: "\e617";
}
.icon-fenxiang:before {
content: "\e60a";
}
.icon-zhucetianjiahaoyou:before {
content: "\e8ca";
}
.icon-duoqudaojicheng:before {
content: "\e695";
}
.icon-yewukaizhan:before {
content: "\e602";
}
.icon-fankui1:before {
content: "\e6fa";
}
.icon-shezhi:before {
content: "\e60c";
}
.icon-chayue:before {
content: "\e605";
}
.icon-baogao:before {
content: "\e630";
}
.icon-xuekezuhe:before {
content: "\e625";
}
.icon-fenxiang1:before {
content: "\eb24";
}
.icon-tongzhizhongxin:before {
content: "\eb43";
}
.icon-xiajia:before {
content: "\e60f";
}
.icon-shengchanguochengguanli:before {
content: "\e629";
}
.icon-kejian:before {
content: "\e64a";
}
.icon-liulan:before {
content: "\e648";
}
.icon-fabiao:before {
content: "\e654";
}
.icon-kecheng:before {
content: "\e609";
}
.icon-bianji:before {
content: "\e608";
}
.icon-pingjia:before {
content: "\e628";
}
.icon-zonghezhenduan:before {
content: "\e6a0";
}
.icon-banji:before {
content: "\e71e";
}
.icon-tousuyujianyi:before {
content: "\e729";
}
.icon-jiaoliu:before {
content: "\e6b8";
}
.icon-pingyi:before {
content: "\e79a";
}
.icon-xueqingfenxi:before {
content: "\e67a";
}
.icon-check:before {
content: "\e622";
}
.icon-upload:before {
content: "\e634";
}
.icon-taolun:before {
content: "\e61e";
}
.icon-tujing:before {
content: "\e947";
}
.icon-zixun:before {
content: "\e6b3";
}
.icon-liulan1:before {
content: "\e6b4";
}
.icon-yaosu:before {
content: "\e68c";
}
.icon-baogao1:before {
content: "\e62d";
}
.icon-shoucang:before {
content: "\e60d";
}
.icon-shenhe:before {
content: "\e616";
}
.icon-w_duoxuanti:before {
content: "\e669";
}
.icon-fenxi:before {
content: "\e76d";
}
.icon-kanshu:before {
content: "\e614";
}
.icon-qwe:before {
content: "\e603";
}
.icon-jiancha:before {
content: "\e6c1";
}
.icon-qunzu:before {
content: "\e606";
}
.icon-zuopin:before {
content: "\e6a9";
}
.icon-shuyi_jiaoxueguanli:before {
content: "\e65f";
}
.icon-liangsuan:before {
content: "\e657";
}
.icon-business-report:before {
content: "\e880";
}
.icon-xiangmupingshen:before {
content: "\e742";
}
.icon-xiangmushenbao:before {
content: "\e743";
}
.icon-xiajia1:before {
content: "\e623";
}
.icon-a-fenxiang2:before {
content: "\e626";
}
.icon-icon_kaoshifenxi:before {
content: "\e6d3";
}
.icon-a-ketangshilu1:before {
content: "\e610";
}
.icon-tubiao_moshileixingpeizhi:before {
content: "\e62a";
}
.icon-xiezuo:before {
content: "\e611";
}
.icon-buzhi:before {
content: "\e607";
}
.icon-ziyuanfenxi:before {
content: "\e631";
}
.icon-fankui:before {
content: "\e738";
}
.icon-tiku:before {
content: "\e621";
}
.icon-ldc-position:before {
content: "\e63a";
}
.icon-sucai:before {
content: "\e620";
}
.icon-pengyou:before {
content: "\e61a";
}
.icon-zuoye:before {
content: "\e61c";
}
.icon-jiaoxuefenxi:before {
content: "\e600";
}
.icon-wenjianjia:before {
content: "\ec17";
}
.icon-jiaoxueyanxiu:before {
content: "\e60b";
}
.icon-jiaoxuesheji:before {
content: "\e604";
}
.icon-zhuanyeziyuanku:before {
content: "\e64f";
}
.icon-pengyouquan:before {
content: "\e615";
}
.icon-dangqianhuihua:before {
content: "\e663";
}
.icon-yanjiushi:before {
content: "\e601";
}
.icon-gongzuotai:before {
content: "\e66b";
}
.icon-lunwen:before {
content: "\e60e";
}
.icon-decheng_xianshangxuexi:before {
content: "\e624";
}
.icon-jitibeike-:before {
content: "\e65b";
}
.icon-keti:before {
content: "\e6fe";
}
.icon-pengyouquan1:before {
content: "\e635";
}
.icon-beike:before {
content: "\e61b";
}

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,156 @@
{
"id": "4581405",
"name": "AIX教师端",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "577336",
"name": "反馈",
"font_class": "fankui",
"unicode": "e738",
"unicode_decimal": 59192
},
{
"icon_id": "1447760",
"name": "题库",
"font_class": "tiku",
"unicode": "e621",
"unicode_decimal": 58913
},
{
"icon_id": "1837440",
"name": "ldc-position",
"font_class": "ldc-position",
"unicode": "e63a",
"unicode_decimal": 58938
},
{
"icon_id": "4138813",
"name": "素材",
"font_class": "sucai",
"unicode": "e620",
"unicode_decimal": 58912
},
{
"icon_id": "4166140",
"name": "朋友",
"font_class": "pengyou",
"unicode": "e61a",
"unicode_decimal": 58906
},
{
"icon_id": "4310077",
"name": "作业",
"font_class": "zuoye",
"unicode": "e61c",
"unicode_decimal": 58908
},
{
"icon_id": "4686996",
"name": "教学分析",
"font_class": "jiaoxuefenxi",
"unicode": "e600",
"unicode_decimal": 58880
},
{
"icon_id": "4893191",
"name": "文件夹",
"font_class": "wenjianjia",
"unicode": "ec17",
"unicode_decimal": 60439
},
{
"icon_id": "5838892",
"name": "教学研修",
"font_class": "jiaoxueyanxiu",
"unicode": "e60b",
"unicode_decimal": 58891
},
{
"icon_id": "5931005",
"name": "教学设计",
"font_class": "jiaoxuesheji",
"unicode": "e604",
"unicode_decimal": 58884
},
{
"icon_id": "6360457",
"name": "专业资源库",
"font_class": "zhuanyeziyuanku",
"unicode": "e64f",
"unicode_decimal": 58959
},
{
"icon_id": "6556747",
"name": "朋友圈",
"font_class": "pengyouquan",
"unicode": "e615",
"unicode_decimal": 58901
},
{
"icon_id": "6992598",
"name": "当前会话",
"font_class": "dangqianhuihua",
"unicode": "e663",
"unicode_decimal": 58979
},
{
"icon_id": "7327280",
"name": "研究室",
"font_class": "yanjiushi",
"unicode": "e601",
"unicode_decimal": 58881
},
{
"icon_id": "7905547",
"name": "工作台",
"font_class": "gongzuotai",
"unicode": "e66b",
"unicode_decimal": 58987
},
{
"icon_id": "9023128",
"name": "论文",
"font_class": "lunwen",
"unicode": "e60e",
"unicode_decimal": 58894
},
{
"icon_id": "10130330",
"name": "德诚_线上学习001",
"font_class": "decheng_xianshangxuexi",
"unicode": "e624",
"unicode_decimal": 58916
},
{
"icon_id": "10493421",
"name": "集体备课",
"font_class": "jitibeike-",
"unicode": "e65b",
"unicode_decimal": 58971
},
{
"icon_id": "13228302",
"name": "课题",
"font_class": "keti",
"unicode": "e6fe",
"unicode_decimal": 59134
},
{
"icon_id": "16364339",
"name": "朋友圈",
"font_class": "pengyouquan1",
"unicode": "e635",
"unicode_decimal": 58933
},
{
"icon_id": "37075078",
"name": "备课",
"font_class": "beike",
"unicode": "e61b",
"unicode_decimal": 58907
}
]
}

Binary file not shown.

Binary file not shown.

View File

@ -51,6 +51,11 @@ const router = useRouter()
const currentRoute = ref('')
const menus = ref([
{
icon: 'icon-jiaoxueziyuan icon-resource',
name: '主页',
path: '/homepage'
},
{
icon: 'icon-jiaoxueziyuan icon-resource',
name: '资源',

View File

@ -15,6 +15,12 @@ export const constantRoutes = [
component: Layout,
redirect: '/resource',
children: [
{
path: '/homepage',
component: () => import('@/views/homePage/index.vue'),
name: 'homepage',
meta: {title: '主页'}
},
{
path: '/resource',
component: () => import('@/views/resource/index.vue'),

View File

@ -0,0 +1,471 @@
<template>
<el-card style="margin-top: 20px">
<div class="common-layout" style="overflow-y: auto">
<el-container>
<el-main>
<template v-for="(itemFirst,indexFirst) in title" :key="indexFirst">
<el-card style="margin-bottom: 10px">
<template #header>
<div style="text-align: left">{{itemFirst.name}}</div>
</template>
<!-- 教学工作台-->
<div :class="itemFirst.id === 1 || itemFirst.id === 2 ? 'six':'three'">
<template v-for="(itemSec,indexSec) in itemFirst.child" :key="indexSec">
<el-popover
width="auto"
trigger="hover"
v-if="itemSec.child1.length > 0"
>
<div style="display: flex;justify-content: space-between">
<!-- 鼠标移上去的一列为三级菜单-->
<template v-for="(itemThird,indexThird) in itemSec.child1" :key="indexThird">
<div :class="[itemFirst.id==1?'a1':itemFirst.id==2?'a2':itemFirst.id==3?'a3':'a4','CustomBox']">
<span :class="itemThird.img"></span>
<span>{{ itemThird.name }}</span>
</div>
</template>
</div>
<!-- 最外层的一列为二级菜单-->
<template #reference>
<div :class="[itemFirst.id==1?'a1':itemFirst.id==2?'a2':itemFirst.id==3?'a3':'a4','CustomBox']">
<span :class="itemSec.img"></span>
<span>{{ itemSec.name }}</span>
</div>
</template>
</el-popover>
</template>
</div>
</el-card>
</template>
</el-main>
</el-container>
</div>
</el-card>
</template>
<script setup>
import { reactive } from "vue"
const title = reactive([
{
name: "教学工作台",
img: "iconfont icon-gongzuotai",
id:1,
child: [
{
name: "教学分析",
img: "iconfont icon-shuyi_jiaoxueguanli",
child1: [{
name: "课标分析",
url: "/teaching/chatwithstandard",
img: "iconfont icon-kecheng",
}, {
name: "教材分析",
url: "/teaching/chatwithtextbook",
img: "iconfont icon-yanjiushi",
}, {
name: "考试分析",
url: "/education/colentrance",
img: "iconfont icon-icon_kaoshifenxi",
}, {
name: "学情分析",
url: "",
img: "iconfont icon-fenxi",
}, {
name: "资源分析",
url: "",
img: "iconfont icon-business-report",
}],
},
{
name: "教学设计",
img: "iconfont icon-PPT",
url:"/teaching/aptindex",
child1: [
{
name: "创作类型选择",
url: "",
img: "",
}, {
name: "创作模式选择",
url: "",
img: "",
}, {
name: "创作途径选择",
url: "",
img: "",
}, {
name: "创作要素调用",
url: "",
img: "",
}, {
name: "创作作品运用",
url: "",
img: "",
}]
},
{
name: "教学实施",
img: "iconfont icon-ldc-position",
url:"/teaching/classteachingprep",
child1: [{
name: "教学课件选择",
url: "",
img: "",
}, {
name: "教学场景选择",
url: "",
img: "",
}, {
name: "教学对象选择",
url: "",
img: "",
}, {
name: "教学过程进行",
url: "",
img: "",
},]
},
{
name: "作业管理",
img: "iconfont icon-36zuoyepingtai",
url:"/teaching/classtaskassign?titleName=作业布置",
child1: [{
name: "作业布置",
img: "",
url: ""
}, {
name: "作业反馈",
img: "",
url: ""
}]
},
{
name: "教学评价",
img: "iconfont icon-ziyuanfenxi",
url:"",
child1: [{
name: "教学评价",
img: "",
url: ""
}, {
name: "学情诊断",
img: "",
url: ""
}]
},
{
name: "教学管理",
img: "iconfont icon-ziyuanfenxi",
url:"",
child1: [{
name: "教学评价",
img: "",
url: ""
}, {
name: "学情诊断",
img: "",
url: ""
}]
}
],
}
, {
name: "教学研究室",
img: "iconfont icon-yanjiushi",
id:2,
child: [
{
name: "自主研修",
img: "iconfont icon-jiaoxueyanxiu",
child1: [{
name: "文献查阅",
img: "",
url: ""
}, {
name: "专家咨询",
img: "",
url: ""
}, {
name: "培训课程",
img: "",
url: ""
}]
},
{
name: "集体备课",
img: "iconfont icon-beike",
child1: [{
name: "教学分析讨论",
img: "",
url: ""
}, {
name: "教学设计审核",
img: "",
url: ""
}, {
name: "作业设计审核",
img: "",
url: ""
}, {
name: "教学反馈分析",
img: "",
url: ""
}]
},
{
name: "观课议课",
img: "iconfont icon-decheng_xianshangxuexi",
child1: [{
name: "观看课堂教学实录",
img: "",
url: ""
}, {
name: "查看课堂教学报告",
img: "",
url: ""
}, {
name: "进行课堂教学评议",
img: "",
url: ""
}, {
name: "生成观课课报告",
img: "",
url: ""
}]
}, {
name: "课题研究",
img: "iconfont icon-keti",
child1: [{
name: "选题建议",
img: "",
url: ""
}, {
name: "立项申报",
img: "",
url: ""
}, {
name: "研究开展",
img: "",
url: ""
}, {
name: "中期检查",
img: "",
url: ""
}, {
name: "结项评审",
img: "",
url: ""
}]
}, {
name: "论文撰写",
img: "iconfont icon-xiezuo1",
child1: [{
name: "论文选题",
img: "",
url: ""
}, {
name: "论文写作",
img: "",
url: ""
}, {
name: "论文发表",
img: "",
url: ""
}]
}
],
}
, {
name: "教学资源库",
img: "iconfont icon-zhuanyeziyuanku",
id:3,
child: [{
name: "教学素材",
img: "iconfont icon-sucai",
url:"/teaching/materialbank",
child1: [{
name: "素材上传",
img: "",
url: ""
}, {
name: "素材编辑",
img: "",
url: ""
}, {
name: "收费设置",
img: "",
url: ""
}, {
name: "素材浏览",
img: "iconfont icon-liulan",
url: ""
}, {
name: "素材下架",
img: "iconfont icon-xiajia1",
url: ""
}]
}, {
name: "课程资源",
img: "iconfont icon-kechengziyuan",
url: "/teaching/coursewareresource",
child1: [{
name: "资源集成",
img: "iconfont icon-yaosu",
url: ""
}, {
name: "资源收藏",
img: "iconfont icon-shoucang1",
url: ""
}, {
name: "资源分享",
img: "iconfont icon-fenxiang1",
url: ""
}]
}, {
name: "习题资源",
img: "iconfont icon-iconku-zhuanqu-",
url:"/teaching/quesbank",
child1: [{
name: "习题上传",
img: "iconfont icon-qwe",
url: ""
}, {
name: "习题收藏",
img: "iconfont icon-shoucang",
url: ""
}, {
name: "习题浏览",
img: "iconfont icon-liulan",
url: ""
}, {
name: "习题下架",
img: "iconfont icon-xiajia",
url: ""
}]
}]
}
, {
name: "教学共同体",
img: "iconfont icon-pengyou",
id:4,
child: [{
name: "云集体",
img: "iconfont icon-jitibeike-",
child1: [{
name: "学科组",
img: "iconfont icon-xuekezuhe",
url: ""
}, {
name: "班级",
img: "iconfont icon-banji",
url: ""
}, {
name: "加好友",
img: "iconfont icon-zhucetianjiahaoyou",
url: ""
}, {
name: "创建群",
img: "iconfont icon-qunzu",
url: ""
}]
}, {
name: "云会话",
img: "iconfont icon-dangqianhuihua",
child1: [{
name: "资源分享",
img: "icontfont icon-a-fenxiang2",
url: ""
}, {
name: "即时交流",
img: "iconfont icon-jiaoliu",
url: ""
}, {
name: "系统通知",
img: "iconfont icon-tongzhizhongxin",
url: ""
}]
}, {
name: "云动态",
img: "iconfont icon-pengyouquan",
child1: [{
name: "分享动态",
img: "iconfont icon-fenxiang",
url: ""
}]
}]
}
])
</script>
<style>
@import '@/assets/teachingIconFont/iconfont.css';
.CustomTitle {
margin-bottom: 8px;
font-weight: 600;
display: flex;
align-items: center;
white-space: nowrap;
margin-right: 10px;
cursor: pointer;
}
.CustomTitle span:nth-child(1) {
font-size: 24px;
margin-right: 8px;
color: #7b7a7a;
display: none;
}
.six{
display: flex;
justify-content: space-between;
}
.three{
display: flex;
justify-content: space-between;
width: 50%;
}
.CustomBox span:nth-child(1) {
display: flex;
width: 60px;
justify-content: center;
height: 60px;
background-color: #ebe9e9;
border-radius: 50%;
align-items: center;
font-size: 32px;
margin-bottom: 6px;
}
.CustomBox {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
}
.CustomBox span:nth-child(2) {
font-size: 18px;
}
.CustomBox div{
display: flex;
flex-direction: column;
align-items: center;
}
.a1 span:nth-child(1){
color:#1296DB;
}
.a2 span:nth-child(1){
color:#F56C6C;
}
.a3 span:nth-child(1){
color:#E6A23A;
}
.a4 span:nth-child(1){
color:#67C23A;
}
.ac span:nth-child(1){
background-color:#1296DB;
color:#ffffff;
}
</style>