<script setup>
import router from "@/router/index.ts";
import { ref } from 'vue'

const handleMenuSelect = (key) => {
  router.push(`/${key["key"]}`)
}

// 当前激活的菜单项
const activeMenu = ref('HomePage')

</script>

<template>
  <d-menu
      mode="vertical"
      :default-select-keys="['HomePage']"
      width="256px"
      @select="handleMenuSelect"
  >
    <!-- 首页 -->
    <d-menu-item key="HomePage">
      <template #icon><i class="icon-homepage"></i></template>
      <span>首页</span>
    </d-menu-item>
    <!-- 诊疗工作站 -->
    <d-sub-menu title="诊疗工作站" key="zl-station">
      <template #icon><i class="icon-system"></i></template>
      <d-menu-item key="menjizhen-item"><span>门急诊医生站</span></d-menu-item>
      <d-menu-item key="zhuyuan-item"><span>住院医生站</span></d-menu-item>
      <d-menu-item key="rjssmz-item"><span>日间手术门诊工作站</span></d-menu-item>
      <d-menu-item key="rjsszy-item"><span>日间手术住院工作站</span></d-menu-item>
      <d-menu-item key="hzjlgl-item"><span>会诊记录管理</span></d-menu-item>
    </d-sub-menu>
    <!-- 病历管理 -->
    <d-sub-menu title="病历管理" key="bl-manage">
      <template #icon><i class="icon-system"></i></template>
      <d-menu-item key="cyblbj-item"><span>出院病历编辑</span></d-menu-item>
      <d-menu-item key="cybldy-item"><span>出院病历打印</span></d-menu-item>
      <d-menu-item key="mzbljs-item"><span>门诊病历检索</span></d-menu-item>
      <d-menu-item key="zybljs-item"><span>住院病历检索</span></d-menu-item>
      <d-menu-item key="blxgjl-item"><span>病历修改记录</span></d-menu-item>
      <d-menu-item key="blfcxf-item"><span>病历封存解封</span></d-menu-item>
      <d-menu-item key="bljs-item"><span>病历解锁</span></d-menu-item>
    </d-sub-menu>
    <d-sub-menu title="我的申请" key="my-apply">
      <template #icon>
        <i class="icon-system"></i>
      </template>
      <d-menu-item key="my-apply-item">
        <span>我的申请</span>
      </d-menu-item>
    </d-sub-menu>
    <d-sub-menu title="我的审批" key="my-approve">
      <template #icon>
        <i class="icon-system"></i>
      </template>
      <d-menu-item key="my-approve-item">
        <span>我的审批</span>
      </d-menu-item>
    </d-sub-menu>
    <d-sub-menu title="个人质检" key="personal-check">
      <template #icon>
        <i class="icon-system"></i>
      </template>
    </d-sub-menu>
    <d-sub-menu title="质控管理" key="quality-control">
      <template #icon>
        <i class="icon-system"></i>
      </template>
      <d-menu-item key="quality-control-item">
        <span>质控管理</span>
      </d-menu-item>
    </d-sub-menu>
    <d-sub-menu title="系统管理" key="system-manage">
      <template #icon>
        <i class="icon-system"></i>
      </template>
      <d-menu-item key="user-manage">
        <span>用户管理</span>
      </d-menu-item>
      <d-menu-item key="role-manage">
        <span>角色管理</span>
      </d-menu-item>
      <d-menu-item key="permission-manage">
        <span>权限管理</span>
      </d-menu-item>
    </d-sub-menu>
  </d-menu>
</template>

<style scoped>

</style>