<template>
  <div class="hello">
    <div id="wrapper" class="am-text-sm">
      <div class="am-g">
        <div class="am-u-sm-12 am-u-lg-11 am-u-sm-centered">
          <form action="#" class="am-margin-bottom" method="GET">
            <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>
              </span>
            </div>
          </form>

          <div class="am-panel am-panel-default">
            <div class="am-panel-bd">
              <ol
                class="
                  am-breadcrumb am-text-default am-margin-bottom-0
                  categort-breadcrumb
                "
              >
                <li class="am-active">
                  <a href="#"
                    ><span
                      class="am-badge am-badge-primary am-round am-text-default"
                      >1</span
                    >
                    选择问题类型</a
                  >
                </li>
                <li class="">
                  <a href="javascript:;"
                    ><span
                      class="am-badge am-badge-primary am-round am-text-default"
                      >2</span
                    >
                    选择对应工单</a
                  >
                </li>
                <li class="">
                  <a href="javascript:;"
                    ><span
                      class="am-badge am-badge-primary am-round am-text-default"
                      >3</span
                    >
                    创建工单</a
                  >
                </li>
              </ol>
              <hr class="am-margin-top-0" />
              <ul class="ticket-ul am-avg-sm-1 am-avg-lg-4 am-thumbnails">
                <li>
                  <router-link
                    to="/submitworkorderChoose"
                    class="ticket-category"
                  >
                    <h4 class="am-margin-bottom-xs">主机租用</h4>
                    <p class="am-margin-top-0">主机租用相关问题</p>
                  </router-link>
                  <!-- <a href="#" class="ticket-category">
                    <h4 class="am-margin-bottom-xs">主机租用</h4>
                    <p class="am-margin-top-0">主机租用相关问题</p>
                  </a> -->
                </li>

                <li>
                  <router-link
                    to="/submitworkorderChoose"
                    class="ticket-category"
                  >
                    <h4 class="am-margin-bottom-xs">PESCMS TICKET</h4>
                    <p class="am-margin-top-0">工单系统相关问题</p></router-link
                  >
                </li>
                <li>
                  <router-link
                    to="/submitworkorderChoose"
                    class="ticket-category"
                  >
                    <h4 class="am-margin-bottom-xs">PESCMS TEAM</h4>
                    <p class="am-margin-top-0">任务系统的工单</p></router-link
                  >
                </li>
                <li>
                  <router-link
                    to="/submitworkorderChoose"
                    class="ticket-category"
                  >
                    <h4 class="am-margin-bottom-xs">PESCMS DOC</h4>
                    <p class="am-margin-top-0">文档系统的反馈</p></router-link
                  >
                </li>
              </ul>
            </div>
          </div>

          <div
            class="am-panel am-panel-default ticket-fqa"
            style="display: none"
          >
            <div class="am-panel-bd am-margin-bottom">
              <span class="am-fl"><strong>常见问题</strong></span>
              <a
                href="javascript:;"
                class="am-fr am-text-danger am-show-sm-only am-animation-shake"
                >创建工单&gt;&gt;</a
              >
            </div>

            <ul>
              <li>
                <a
                  href="javascript:;"
                  class="
                    am-btn am-btn-danger am-btn-sm am-radius am-animation-shake
                  "
                  >创建工单</a
                >
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

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

<style scoped>
</style>
