dbsd_kczx/src/views/site/renKeJiaoCheng/checkKecheng/dqxqkcMenu.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">
            <template #icon>
              <PieChartOutlined />
            </template>
            <span @click="getGzt('gonggao')">通知公告</span>
          </a-menu-item>
          <a-menu-item  key="sub1">
            <template #icon>
              <BarChartOutlined />
            </template>
            <span @click="getGzt('kcjs')">课程简介</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">
            <template #icon>
              <SnippetsOutlined />
            </template>
            <span @click="getGzt('dqzy')">课程作业</span>
          </a-menu-item>
          <a-menu-item key="sub4">
            <template #icon>
              <AppstoreOutlined />
            </template>
            <span @click="getGzt('qmzy')">期末考试</span>
          </a-menu-item>
          <a-menu-item key="sub5">
            <template #icon>
              <AppstoreAddOutlined />
            </template>
            <span @click="getGzt('kcjc')">课堂测验</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')">到课识别率</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">
              <span @click="getGzt('gonggao')">通知公告</span>
            </a-menu-item>
            <a-menu-item key="sub1">
              <span @click="getGzt('kcjs')">课程简介</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">
              <span @click="getGzt('dqzy')">课程作业</span>
            </a-menu-item>
            <a-menu-item key="sub4">
              <span @click="getGzt('qmzy')">期末考试</span>
            </a-menu-item>
            <a-menu-item key="sub5">
              <span @click="getGzt('kcjc')">课堂测验</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')">到课识别率</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 } 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';
  }

  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>