265 lines
8.6 KiB
Vue
265 lines
8.6 KiB
Vue
<template>
|
|
<div id="siteMain">
|
|
<a-row>
|
|
<a-col :lg="24" :xs="0">
|
|
<a-menu
|
|
v-model:openKeys="openKeys"
|
|
v-model:selectedKeys="selectedKeys"
|
|
style="width: 98%; min-height: calc(100vh - 225px); margin: 10px 0"
|
|
mode="inline"
|
|
:inline-collapsed="collapsed"
|
|
>
|
|
<a-menu-item key="sub0" @click="getGzt('gonggao')">
|
|
<template #icon>
|
|
<PieChartOutlined />
|
|
</template>
|
|
<span >通知公告</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub1" @click="getGzt('kcjs')">
|
|
<template #icon>
|
|
<BarChartOutlined />
|
|
</template>
|
|
<span >课程简介</span>
|
|
</a-menu-item >
|
|
<!-- <a-menu-item key="sub2">
|
|
<template #icon>
|
|
<SettingOutlined />
|
|
</template>
|
|
<span @click="getGzt('jxdg')">教学大纲</span>
|
|
</a-menu-item > -->
|
|
<a-menu-item key="sub3" @click="getGzt('dqzy')">
|
|
<template #icon>
|
|
<SnippetsOutlined />
|
|
</template>
|
|
<span>课程作业</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub4" @click="getGzt('qmzy')">
|
|
<template #icon>
|
|
<AppstoreOutlined />
|
|
</template>
|
|
<span>期末考试</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub5" @click="getGzt('kcjc')">
|
|
<template #icon>
|
|
<AppstoreAddOutlined />
|
|
</template>
|
|
<span>课堂测验</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub6" @click="getGzt('kczy')">
|
|
<BlockOutlined />
|
|
<span>课程资源</span>
|
|
</a-menu-item>
|
|
<!-- <a-menu-item key="sub7" @click="getGzt('khcl')">
|
|
<BlockOutlined />
|
|
<span>上传考核材料</span>
|
|
</a-menu-item> -->
|
|
<!-- <a-menu-item key="sub6">
|
|
<template #icon>
|
|
<BlockOutlined />
|
|
</template>
|
|
<span @click="getGzt('gongju')">AI识别出勤率</span>
|
|
</a-menu-item> -->
|
|
<!-- <a-sub-menu key="sub3">
|
|
<template #icon>
|
|
<PieChartOutlined />
|
|
</template>
|
|
<template #title>教学工具</template>
|
|
<a-menu-item key="6" @click="getGzt('dcwj')">问卷调查</a-menu-item>
|
|
<a-menu-item key="7" @click="getGzt('gongju')">AI识别出勤率</a-menu-item>
|
|
<a-menu-item key="8" @click="getGzt('zycd')">作业存档</a-menu-item>
|
|
</a-sub-menu>
|
|
<a-menu-item key="sub4">
|
|
<template #icon>
|
|
<PieChartOutlined />
|
|
</template>
|
|
<span @click="getGzt('yiykzyk')">教学资源库</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub6">
|
|
<template #icon>
|
|
<PieChartOutlined />
|
|
</template>
|
|
<span @click="getGzt('tlq')">讨论区</span>
|
|
</a-menu-item> -->
|
|
</a-menu>
|
|
</a-col>
|
|
<a-col :lg="0" :xs="24">
|
|
<a-menu v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" style="width: 98%; margin: 10px 0" mode="horizontal">
|
|
<a-sub-menu key="min0">
|
|
<template #icon>
|
|
<!-- <SettingOutlined /> -->
|
|
<MenuUnfoldOutlined />
|
|
</template>
|
|
<!-- <template #title>功能菜单</template> -->
|
|
<a-menu-item key="sub0" @click="getGzt('gonggao')">
|
|
<span>通知公告</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub1" @click="getGzt('kcjs')">
|
|
<span>课程简介</span>
|
|
</a-menu-item>
|
|
<!-- <a-menu-item key="sub2">
|
|
<span @click="getGzt('jxdg')">教学大纲</span>
|
|
</a-menu-item> -->
|
|
<!-- <a-menu-item key="sub2">
|
|
<span @click="gotoPageByName('jiaoXueDanYuanNeiRong')">教学单元</span>
|
|
</a-menu-item> -->
|
|
<a-menu-item key="sub3" @click="getGzt('dqzy')">
|
|
<span>课程作业</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub4" @click="getGzt('qmzy')">
|
|
<span>期末考试</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub5" @click="getGzt('kcjc')">
|
|
<span>课堂测验</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub6" @click="getGzt('kczy')">
|
|
<span>课程资源</span>
|
|
</a-menu-item>
|
|
<!-- <a-menu-item key="sub7" @click="getGzt('khcl')">
|
|
<span>上传考核材料</span>
|
|
</a-menu-item> -->
|
|
<!-- <a-menu-item key="sub5">
|
|
<span @click="getGzt('gongju')">AI识别出勤率</span>
|
|
</a-menu-item> -->
|
|
<!-- <a-menu-item key="sub5">
|
|
<span @click="getGzt('dcwj')">问卷调查</span>
|
|
</a-menu-item> -->
|
|
<!-- <a-menu-item key="sub6">
|
|
<span @click="getGzt('gongju')">AI识别出勤率</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub7">
|
|
<span @click="getGzt('zycd')">作业存档</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub8">
|
|
<span @click="getGzt('yiykzyk')">教学资源库</span>
|
|
</a-menu-item>
|
|
<a-menu-item key="sub9">
|
|
<span @click="getGzt('tlq')">讨论区</span>
|
|
</a-menu-item> -->
|
|
</a-sub-menu>
|
|
</a-menu>
|
|
</a-col>
|
|
</a-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref, onMounted, unref,defineExpose } from 'vue';
|
|
|
|
import { getUserSf, getSysConfig } from '/@/views/site/utils/index';
|
|
import { defHttp } from '/@/utils/http/axios';
|
|
import { useRouter } from 'vue-router';
|
|
import { MailOutlined, AppstoreOutlined, SettingOutlined, MenuUnfoldOutlined,PieChartOutlined,BarChartOutlined,SnippetsOutlined,AppstoreAddOutlined,BlockOutlined } from '@ant-design/icons-vue';
|
|
|
|
import headerPage from '/@/views/site/common/header.vue';
|
|
import footerPage from '/@/views/site/common/footer.vue';
|
|
import dqxqkc from '/@/views/site/renKeJiaoCheng/checkKecheng/dqxqkc.vue';
|
|
|
|
const maxClassName = ref<any>({});
|
|
const selectedKeys = ref<string[]>(['sub0']);
|
|
const openKeys = ref<string[]>(['sub0']);
|
|
const collapsed = ref<any>(false);
|
|
//当前路由信息
|
|
const { currentRoute } = useRouter();
|
|
const { query } = unref(currentRoute);
|
|
const { rwbh, xqxn, type, teano } = query; //获取传递参数
|
|
let router = useRouter();
|
|
|
|
function getGzt(zytype) {
|
|
var param = { rwbh, xqxn, type };
|
|
// console.log(`🚀 ~ getGzt ~ type:`, zytype)
|
|
var href = '/zy/dqkcDqzy';
|
|
if (zytype == 'dqzy') {
|
|
href = '/zy/dqkcDqzy';
|
|
} else if (zytype == 'dcwj') {
|
|
href = '/zy/dcwjWenjuan';
|
|
} else if (zytype == 'lszy') {
|
|
href = '/zy/dqkcLszy';
|
|
} else if (zytype == 'gonggao') {
|
|
href = '/zy/tuGonggao';
|
|
} else if (zytype == 'kcjs') {
|
|
href = '/zy/dqkcDetail';
|
|
} else if (zytype == 'kcjc') {
|
|
href = '/zy/ceshiWenjuan';
|
|
} else if (zytype == 'gongju') {
|
|
href = '/zy/dqkcGongju';
|
|
} else if (zytype == 'yiykzyk') {
|
|
href = '/zy/yiykzyk';
|
|
} else if (zytype == 'jxzyk') {
|
|
href = '/zy/dqkcJxzyk';
|
|
} else if (zytype == 'tlq') {
|
|
href = '/zy/dqkcTlq';
|
|
} else if (zytype == 'zycd') {
|
|
href = '/zy/dqkcCdxx';
|
|
} else if (zytype == 'qmzy') {
|
|
href = '/zy/dqkcQmzy';
|
|
}else if (zytype == 'jxdg') {
|
|
href = '/zy/dqkcJxdg';
|
|
}else if (zytype == 'kczy') {
|
|
href = '/zy/dqkcKczy';
|
|
}else if (zytype == 'khcl') {
|
|
href = '/zy/dqkcKhcl';
|
|
}
|
|
|
|
router.push({ path: href, query: { rwbh, xqxn, type, teano } });
|
|
}
|
|
|
|
function toggleCollapsed() {
|
|
collapsed.value = !collapsed.value;
|
|
openKeys.value = collapsed.value ? [] : selectedKeys.value;
|
|
}
|
|
|
|
function gotoPageByName(name) {
|
|
router.push({ name, query: { rwbh, xqxn, type, teano } });
|
|
}
|
|
|
|
//进入就加载
|
|
onMounted(() => {
|
|
// console.log('rwbh:',rwbh);
|
|
});
|
|
|
|
defineExpose({
|
|
toggleCollapsed
|
|
});
|
|
</script>
|
|
<style lang="less" scoped>
|
|
#siteMain {
|
|
// font-size: ;
|
|
// height: 100%;
|
|
background: #f3f3f4;
|
|
#maxSite {
|
|
//最大宽度
|
|
max-width: 1070px;
|
|
min-height: 730px;
|
|
//居中
|
|
margin: 0 auto;
|
|
.rowGutter {
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.ant-layout-header {
|
|
color: #fff;
|
|
background: #1ab394;
|
|
}
|
|
.ant-layout-footer {
|
|
line-height: 1.5;
|
|
background: #fff;
|
|
}
|
|
.ant-layout-sider {
|
|
color: #fff;
|
|
line-height: 120px;
|
|
background: #3ba0e9;
|
|
}
|
|
.ant-layout-content {
|
|
min-height: 120px;
|
|
color: #000;
|
|
line-height: 120px;
|
|
background: #f3f3f4;
|
|
}
|
|
}
|
|
}
|
|
.ant-menu-overflow {
|
|
flex-direction: row-reverse;
|
|
}
|
|
</style>
|