添加学生页面

This commit is contained in:
yangjun 2024-05-09 22:25:24 +08:00
parent 8038477f54
commit fa1da78267
3 changed files with 227 additions and 0 deletions

View File

@ -0,0 +1,29 @@
import type { AppRouteModule } from '/@/router/types';
// import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';
const stuzy: AppRouteModule = {
path: '/stuzy',
name: 'stuzy',
component: () => import('/@/views/site/studentWdkc/studentMain.vue'),
redirect: '/stuzy/studentMain',
meta: {
isAddStaticPath: true,//是否静态引入不用配置menu表
orderNo: 104,
title: '学生作业',
},
children: [
{
path: 'studentMain',
name: 'studentMain',
meta: {
title: '作业管理',
},
component: () => import('/@/views/site/renKeJiaoCheng/checkKecheng/dqxqkcDetail.vue'),
},
]
}
export default stuzy;

View File

@ -0,0 +1,84 @@
<template>
<div id="siteMain">
<div id="maxSite">
<a-layout style="height: calc(100vh - 30px)">
<headerPage/>
<a-row>
<a-col :span="5">
<studentMenu/>
</a-col>
<a-col :span="19">
<RouterView/>
</a-col>
</a-row>
<footerPage/>
</a-layout>
</div>
</div>
</template>
<script lang="ts" setup>
import { ref, onMounted, unref } from 'vue';
import { getUserSf,getSysConfig } from '/@/views/site/utils/index';
import { defHttp } from '/@/utils/http/axios';
import { useRouter } from 'vue-router';
import headerPage from '/@/views/site/common/header.vue';
import footerPage from '/@/views/site/common/footer.vue';
import studentMenu from '/@/views/site/studentWdkc/studentMenu.vue';
const maxClassName = ref<any>({});
const selectedKeys = ref<string[]>([]);
//
const { currentRoute } = useRouter();
const { query } = unref(currentRoute);
const { rwbh } = query;//
let router = useRouter();
//
onMounted(() => {
console.log('rwbh:',rwbh);
});
</script>
<style lang="less" scoped>
#siteMain {
// font-size: ;
// height: 100%;
background: #f3f3f4;
#maxSite {
//
max-width: 1070px;
min-height: calc(100vh);
//
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;
}
}
}
</style>

View File

@ -0,0 +1,114 @@
<template>
<div id="siteMain" style="min-height: calc(100vh - 150px);">
<a-row>
<a-col :span="24">
<a-menu
v-model:selectedKeys="selectedKeys"
style="width: 98%;min-height: calc(100vh - 130px);margin: 10px 0;"
mode="inline"
>
<a-sub-menu key="sub1">
<template #title>课程介绍</template>
<a-menu-item key="1">教学大纲</a-menu-item>
<a-menu-item key="2">常见问题</a-menu-item>
</a-sub-menu>
<a-menu-item key="sub2">
<span>公告</span>
</a-menu-item>
<a-menu-item key="sub3">
<span>教学日历</span>
</a-menu-item>
<a-sub-menu key="sub4">
<template #title>测验/作业</template>
<a-menu-item key="4" @click="getGzt('dqzy')">当前作业</a-menu-item>
<a-menu-item key="5" @click="getGzt('lszy')">历史作业</a-menu-item>
</a-sub-menu>
<a-menu-item key="sub5">
<span>课堂调查</span>
</a-menu-item>
<a-menu-item key="sub5">
<span>讨论区</span>
</a-menu-item>
</a-menu>
</a-col>
</a-row>
</div>
</template>
<script lang="ts" setup>
import { ref, onMounted, unref } from 'vue';
import { getUserSf,getSysConfig } from '/@/views/site/utils/index';
import { defHttp } from '/@/utils/http/axios';
import { useRouter } from 'vue-router';
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[]>([]);
//
const { currentRoute } = useRouter();
const { query } = unref(currentRoute);
const { rwbh,xqxn,type } = query;//
let router = useRouter();
function getGzt(zytype){
console.log(`🚀 ~ getGzt ~ type:`, zytype)
var href = "/zy/dqkcDqzy";
if(zytype=='dqzy'){
href = "/zy/dqkcDqzy";
}else if(zytype=='lszy'){
href = "/zy/dqkcLszy";
}
router.push({path:href,query: {rwbh,xqxn,type}});
}
//
onMounted(() => {
console.log('rwbh:',rwbh);
});
</script>
<style lang="less" scoped>
#siteMain {
// font-size: ;
// height: 100%;
background: #f3f3f4;
#maxSite {
//
max-width: 1070px;
min-height: 750px;
//
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;
}
}
}
</style>