<template>
  <div>
    <header class="am-topbar" id="ticket-nav">
      <div class="am-u-sm-12 am-u-lg-11 am-u-sm-centered">
        <div
          class="am-collapse am-topbar-collapse am-topbar-right am-text-sm"
          id="ticket-topbar-collapse"
        >
          <ul class="am-nav am-nav-pills am-topbar-nav admin-header-list">
            <li>
              <router-link to="Login">登录</router-link>
              <!-- <a href="#" @click="toLogin"
                ><i class="am-icon-sign-in"></i> 登录</a
              > -->
            </li>
            <li>
              <router-link to="Register">注册</router-link>
              <!-- <a href="#" @click="toRegister"
                ><i class="am-icon-user-plus"></i> 注册</a
              > -->
            </li>
          </ul>
        </div>
      </div>
    </header>
    <header class="am-topbar tool-container">
      <div class="am-u-sm-12 am-u-lg-11 am-u-sm-centered">
        <div class="logo am-fl">
          <a href="#">
            <img src="../assets/img/logo.png" />
            <h1 class="am-inline am-text-lg am-text-middle">PESCMS Ticket</h1>
          </a>
        </div>

        <div class="am-collapse am-topbar-collapse am-topbar-right am-text-sm">
          <ul class="am-nav am-nav-pills am-topbar-nav admin-header-list">
            <li>
              <router-link to="/home">网站首页</router-link>
            </li>
            <li>
              <router-link to="/submitworkorder">提交工单</router-link>
            </li>
            <li>
              <router-link to="/commonproblem">常见问题</router-link>
            </li>
            <li>
              <router-link to="/MyWorkOrder">我的工单</router-link>
              <!-- <a href="#" @click="myworkorder"
                ><i class="am-icon-sign-in"></i> 我的工单</a
              > -->
            </li>
            <li>
              <router-link to="ManagementLogin">后台管理</router-link>
              <!-- <a href="#" @click="toManagementLogin"
                ><i class="am-icon-sign-in"></i> 后台管理</a
              > -->
            </li>
          </ul>
        </div>
      </div>
    </header>

    <div id="wrapper" class="am-text-sm index-background">
      <router-view></router-view>
      <!-- <div class="am-g">
        <div class="am-text-center index-logo am-margin-bottom">
          <img src="img/logo.png" width="180" />
        </div>

        <div class="am-u-sm-12 am-u-sm-centered am-u-lg-6 index-search">
          <form action="#" method="GET">
            <input type="hidden" name="m" value="View" />
            <input type="hidden" name="a" value="ticket" />
            <div class="am-input-group">
              <input
                type="text"
                name="number"
                class="am-form-field"
                required=""
                placeholder="键入工单编号，了解进度"
              />
              <span class="am-input-group-btn">
                <button class="am-btn am-btn-default" type="submit">
                  <i class="am-icon-search"></i> 查询进度
                </button>
                <a href="提交工单.html" class="am-btn am-btn-warning"
                  ><i class="am-icon-yelp"></i> 提交工单</a
                >
              </span>
            </div>
          </form>
        </div>
      </div> -->
    </div>
    <footer class="my-footer pescms-footer-2">
      <!--这部分关于PESCMS产品简介的可以自行修改或删除-->
      <div class="am-g pescms-introduce">
        <div class="am-u-sm-12 am-u-lg-11 am-u-sm-centered">
          <div class="am-g">
            <div class="am-u-sm-12 am-u-lg-3">
              <h4>关于PESCMS</h4>
              <p>
                PESCMS旗下有TEAM团队任务管理系统，Ticket客服工单系统，DOC文档管理系统以及基于浏览器开发的基金定投助手。
              </p>
            </div>
            <div class="am-u-sm-12 am-u-lg-3">
              <h4>产品列表</h4>
              <ul>
                <li>
                  <a href="https://www.pescms.com/download/2.html"
                    >PESCMS TEAM 团队任务管理系统</a
                  >
                </li>
                <li>
                  <a href="https://www.pescms.com/download/3.html"
                    >PESCMS DOC 文档管理系统</a
                  >
                </li>
                <li>
                  <a href="https://www.pescms.com/download/5.html"
                    >PESCMS TICKET 客服工单系统</a
                  >
                </li>
                <li>
                  <a href="https://www.pescms.com/download/4.html"
                    >PESCMS LOGIN 网站登录管理</a
                  >
                </li>
                <li>
                  <a href="https://www.pescms.com/download/6.html"
                    >基金定投助手</a
                  >
                </li>
              </ul>
            </div>
            <div class="am-u-sm-12 am-u-lg-3 am-u-end">
              <h4>产品服务</h4>
              <ul>
                <li>
                  <a href="https://www.pescms.com/Page/Authorization.html"
                    >商业授权</a
                  >
                </li>
                <li>
                  <a href="https://www.pescms.com/Authorize-Verify">授权查询</a>
                </li>
                <li>
                  <a href="https://www.pescms.com/service.html">有偿服务</a>
                </li>
                <li>
                  <a href="https://www.pescms.com/Page/ad.html">广告投放</a>
                </li>
                <li>
                  <a href="https://www.pescms.com/Page/donate.html">赞助捐赠</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <!--这部分关于PESCMS产品简介的可以自行修改或删除-->

      <div class="copyright am-text-center">
        <small
          >© Copyright 2015-2021. Power by
          <a href="https://www.pescms.com/" target="_blank">PESCMS Ticket</a>
        </small>
      </div>
    </footer>

    <div
      class="am-popover am-popover-bottom"
      id="am-popover-8t30s"
      style="top: 79px; left: 13.9844px"
    >
      <div class="am-popover-inner">
        <img src="img/gh_97857fdc998f_344.jpg" width="300" />
      </div>
      <div class="am-popover-caret"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "home",
  props: {
    msg: String,
  },
  methods: {
    myworkorder: function () {
      this.$router.push("/MyWorkOrder");
    },
    toLogin: function () {
      this.$router.push("/Login");
    },
    toManagementLogin: function () {
      this.$router.push("/ManagementLogin");
    },
    toRegister: function () {
      this.$router.push("/Register");
    },
  },
};
</script>

<style scoped>
</style>
