dbsd_kczx/src/views/site/renKeJiaoCheng/checkKecheng/dqxqkcDetail.vue

<template>
  <div id="siteMain">
    <div id="maxSite" :style="maxClassName">
      <a-layout style="height: calc(100vh - 140px)">
        <headerPage/>
        <!-- 页头 -->

        <!-- <a-layout-sider style="height: calc(100vh - 160px);left: 0;top: 0;bottom: 0;min-height: calc(100vh - 160px);background-color: #ffffff;">
          <a-row>
              <a-col :span="24">
                <a-menu
                  v-model:selectedKeys="selectedKeys"
                  style="width: 200px"
                  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-menu-item key="3">教学单元内容</a-menu-item>
                  </a-sub-menu>
                  <a-sub-menu key="sub2">
                    <template #title>测验/作业</template>
                    <a-menu-item key="4">当前作业</a-menu-item>
                    <a-menu-item key="5">历史作业</a-menu-item>
                  </a-sub-menu>
                  <a-sub-menu key="sub3">
                    <template #title>问卷管理</template>
                    <a-menu-item key="6">当前问卷</a-menu-item>
                    <a-menu-item key="7">历史问卷</a-menu-item>
                  </a-sub-menu>
                  <a-menu-item key="sub4">
                    <span>资源库</span>
                  </a-menu-item>
                  <a-menu-item key="sub5" @click="getGzt('18')">
                    <span>工具</span>
                  </a-menu-item>
                </a-menu>
              </a-col>
              <a-col :span="20">
              </a-col>
            </a-row>
        </a-layout-sider>
        <a-layout style="min-height: 100%;">
          <a-layout-content style="overflow: initial">
            <RouterView/>
          </a-layout-content>
        </a-layout> -->


        <!-- 主体部分 -->
        <a-layout-content style="margin: 10px 0; min-height: 580px;">
          <a-card style="min-height: 580px;">
            <a-row>
              <a-col :span="4">
                <a-menu
                  v-model:selectedKeys="selectedKeys"
                  style="width: 256px"
                  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-menu-item key="3">教学单元内容</a-menu-item>
                  </a-sub-menu>
                  <a-sub-menu key="sub2">
                    <template #title>测验/作业</template>
                    <a-menu-item key="4">当前作业</a-menu-item>
                    <a-menu-item key="5">历史作业</a-menu-item>
                  </a-sub-menu>
                  <a-sub-menu key="sub3">
                    <template #title>问卷管理</template>
                    <a-menu-item key="6">当前问卷</a-menu-item>
                    <a-menu-item key="7">历史问卷</a-menu-item>
                  </a-sub-menu>
                  <a-menu-item key="sub4">
                    <span>资源库</span>
                  </a-menu-item>
                  <a-menu-item key="sub5">
                    <span>工具</span>
                  </a-menu-item>
                </a-menu>
              </a-col>
              <a-col :span="20">
                
              </a-col>
            </a-row>
          </a-card>
        </a-layout-content>
        <!-- 页尾 -->
        <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 dqxqkc from '/@/views/site/renKeJiaoCheng/checkKecheng/dqxqkc.vue';
 
  const maxClassName = ref<any>({});
  const selectedKeys = ref<string[]>([]);
//当前路由信息
const { currentRoute,router } = useRouter();
const { query } = unref(currentRoute);
const { kechengbiaoid } = query;//获取传递参数
  // let router = useRouter();
  
  
  function getGzt(type){
    var href = "/site/dqkcGongju";
    router.push(href);
  }

  //进入就加载
  onMounted(() => {
    console.log('kechengbiaoid:',kechengbiaoid);
  });
 
</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>