<template>
  <div>
    <header class="am-topbar am-text-sm">
      <h1 class="am-topbar-brand">
        <a href="#">PESCMS Ticket</a>
      </h1>

      <!-- <button
        class="
          am-topbar-btn
          am-topbar-toggle
          am-btn
          am-btn-sm
          am-btn-success
          am-show-sm-only
        "
        data-am-collapse="{target: &#39;#ticket-topbar-collapse&#39;}"
      >
        <span class="am-sr-only">导航切换</span>
        <span class="am-icon-bars"></span>
      </button> -->

      <div class="am-collapse am-topbar-collapse" id="ticket-topbar-collapse">
        <ul class="am-nav am-nav-pills am-topbar-nav">
          <li>
            <router-link to="/WorkBench">工作台</router-link>
            <!-- <a href="#"> <i class="am-icon-tachometer"></i> 工作台</a> -->
          </li>
          <li class="am-dropdown" data-am-dropdown="">
            <a
              class="am-dropdown-toggle"
              data-am-dropdown-toggle=""
              href="javascript:;"
            >
              <i class="am-icon-yelp"></i> 工单列表
              <span class="am-icon-caret-down"></span>
            </a>
            <ul class="am-dropdown-content">
              <li>
                <router-link to="/AllWorkOrder">全部工单</router-link>
                <!-- <a href="#"><i class="am-icon-list"></i> 全部工单</a> -->
              </li>
              <li>
                <router-link to="/WorkOrderList">工单列表</router-link>
                <!-- <a href="#"><i class="am-icon-fire"></i> 工单列表</a> -->
              </li>
              <li>
                <router-link to="/ManagementMyWorkOrder">我的工单</router-link>
                <!-- <a href="#"><i class="am-icon-coffee"></i> 我的工单</a> -->
              </li>
            </ul>
          </li>
          <li class="am-dropdown" data-am-dropdown="">
            <a
              class="am-dropdown-toggle"
              data-am-dropdown-toggle=""
              href="javascript:;"
            >
              <i class="am-icon-ticket"></i> 工单设置
              <span class="am-icon-caret-down"></span>
            </a>
            <ul class="am-dropdown-content">
              <li>
                <router-link to="/WorkOrderModel">工单模型</router-link>
                <!-- <a href="#"><i class="am-icon-modx"></i> 工单模型</a> -->
              </li>
            </ul>
          </li>
          <li>
            <router-link to="/ClassificationManagement">分类管理</router-link>
            <!-- <a href="#"> <i class="am-icon-list-alt"></i> 分类管理</a> -->
          </li>
          <li class="am-dropdown" data-am-dropdown="">
            <a class="am-dropdown-toggle">
              <i class="am-icon-users"></i> 帐号管理
              <span class="am-icon-caret-down"></span>
            </a>
            <ul class="am-dropdown-content">
              <li>
                <router-link to="/Managers">管理员列表</router-link>
                <!-- <a href="#"><i class="am-icon-user"></i> 管理员列表</a> -->
              </li>
              <li>
                <router-link to="/UserGroup">用户组</router-link>
                <!-- <a href="#"><i class="am-icon-steam"></i> 用户组</a> -->
              </li>
              <li>
                <router-link to="/NodeManagement">节点管理</router-link>
                <!-- <a href="#"><i class="am-icon-toggle-off"></i> 节点管理</a> -->
              </li>
              <li>
                <a href="#"><i class="am-icon-street-view"></i> 客户列表</a>
              </li>
            </ul>
          </li>
          <li class="am-dropdown" data-am-dropdown="">
            <a
              class="am-dropdown-toggle"
              data-am-dropdown-toggle=""
              href="javascript:;"
            >
              <i class="am-icon-cog"></i> 系统设置
              <span class="am-icon-caret-down"></span>
            </a>
            <ul class="am-dropdown-content">
              <li>
                <a href="#"><i class="am-icon-paint-brush"></i> 邮件模板</a>
              </li>
              <li>
                <a href="#"><i class="am-icon-leanpub"></i> 帮助文档</a>
              </li>
              <li>
                <a href="#"><i class="am-icon-twitch"></i> 反馈建议</a>
              </li>
            </ul>
          </li>
        </ul>

        <div class="am-topbar-right">
          <ul class="am-nav am-nav-pills am-topbar-nav admin-header-list">
            <!-- <li class="am-dropdown am-dropdown-flip" data-am-dropdown="">
              <a
                href="javascript:;"
                data-am-popover="{content: &#39;&lt;img src=\&#39;/Theme/assets/i/gh_97857fdc998f_344.jpg\&#39; width=300&gt;&#39;, trigger: &#39;hover focus&#39;}"
                ><i class="am-icon-weixin"></i> 微信小程序</a
              >
            </li> -->

            <li><a href="javascript:;">您好,管理员</a></li>
            <li class="am-dropdown" data-am-dropdown="">
              <a
                class="am-dropdown-toggle"
                data-am-dropdown-toggle=""
                href="javascript:;"
              >
                <i class="am-icon-male"></i> 个人中心
                <span class="am-icon-caret-down"></span>
              </a>
              <ul class="am-dropdown-content">
                <li>
                  <a href="#"><i class="am-icon-child"></i> 个人信息</a>
                </li>
                <li>
                  <router-link to="/ReplyPhrase">回复短语</router-link>
                  <!-- <a
                    href="https://ticket.pescms.com/?g=Ticket&amp;m=Phrase&amp;a=index"
                    ><i class="am-icon-tags"></i> 回复短语</a
                  > -->
                </li>
              </ul>
            </li>
            <li class="am-dropdown am-dropdown-flip" data-am-dropdown="">
              <a href="javascript:;">
                <i class="am-icon-envelope-o am-icon-sm"></i>
                <span class="msg-tips" style="display: none"></span>
              </a>
              <ul class="am-dropdown-content">
                <li>
                  <a href="javascript:;" class="close-tips">暂无新工单</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="#"><i class="am-icon-sign-out"></i> 退出</a>
            </li>
          </ul>
        </div>
      </div>
      <router-view></router-view>
    </header>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },
};
</script>

<style scoped>
</style>
