101 lines
2.6 KiB
Vue
101 lines
2.6 KiB
Vue
<template>
|
||
<div id="siteMain">
|
||
<div id="maxSite">
|
||
<a-layout style="height: calc(100vh - 30px)">
|
||
<headerPage/>
|
||
<a-row>
|
||
<a-col :span="24">
|
||
<a-row>
|
||
<a-col :lg="24" :xs="18">
|
||
<div style="width:100%;background: #fff;font-size: 18px;font-weight: bold;margin-top:10px;padding: 10px;">课程名称：{{kcxxInfo.kcmc}}</div>
|
||
</a-col>
|
||
<a-col :lg="0" :xs="6">
|
||
<dqxqkcMenu/>
|
||
</a-col>
|
||
</a-row>
|
||
</a-col>
|
||
<a-col :lg="5" :xs="0">
|
||
<dqxqkcMenu/>
|
||
</a-col>
|
||
<a-col :lg="19" :xs="24">
|
||
<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 dqxqkcMenu from '/@/views/site/renKeJiaoCheng/checkKecheng/dqxqkcMenu.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 } = query;//获取传递参数
|
||
let router = useRouter();
|
||
const kcxxInfo = ref<string>('');
|
||
|
||
|
||
//进入就加载
|
||
onMounted(() => {
|
||
// console.log('rwbh:',rwbh);
|
||
defHttp.get({ url: '/ktgl/kcKechengbiao/getKcxxByRwbhXqxn', params: { rwbh: rwbh,xqxn:xqxn } }).then((res) => {
|
||
// console.log(`🚀 ~ 1111 defHttp.get ~ res:`, res)
|
||
kcxxInfo.value = res;
|
||
});
|
||
});
|
||
|
||
</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>
|