<!--
 * @Author: Haijun Zhang
 * @Date: 2022-11-10 10:46:38
 * @LastEditTime: 2022-11-10 14:43:57
 * @LastEditors: Haijun Zhang
 * @Description: 
 * @FilePath: \main-web-qiankun\src\layouts\components\ServiceOrder.vue
-->
<template>
  <el-dropdown popper-class="custom-dropdown-popper">
    <span class="m-r icon-warpper">
      <el-icon class="cur-point icon-platform"><icon-ep-monitor /></el-icon>
    </span>
    <template #dropdown>
      <el-dropdown-menu>
        <router-link to="/cos-web/process_order">
          <el-dropdown-item>服务工单</el-dropdown-item>
        </router-link>
        <router-link to="/cos-web/service_work_order">
          <el-dropdown-item>问题工单</el-dropdown-item>
        </router-link>
      </el-dropdown-menu>
    </template>
  </el-dropdown>
</template>

<style lang="scss" scoped>
.icon-warpper {
  display: flex;
  align-items: center;
  .icon-platform {
    font-size: 20px;
    color: #98a6ad;
  }
}
.#{$namespace}-menu {
  padding: 0;
  overflow: hidden;
}
:deep(.#{$namespace}-menu-item) {
  height: 40px;
}
</style>
