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

<template>
  <div id="siteMain">
    <div id="maxSite">
      <a-layout style="height: calc(100vh - 30px)">
        <headerPage/>
        <a-row>
          <a-col :span="24">
            <div style="width:100%;background: #fff;font-size: 18px;font-weight: bold;margin-top:10px;padding: 10px;">课程名称：{{kcxxInfo.kcmc}}</div>
          </a-col>
          <a-col :span="5">
            <dqxqkcMenu/>
          </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 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>