<template>
  <div>
    <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="/?m=View&amp;a=ticket"
            class="am-margin-bottom"
            method="GET"
            data-am-validator=""
            novalidate="novalidate"
          >
            <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>
              </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="/?m=Category&amp;a=index"
                    ><span
                      class="am-badge am-badge-primary am-round am-text-default"
                      >1</span
                    >
                    选择问题类型</a
                  >
                </li>
                <li class="am-active">
                  <a href="/?m=Category&amp;a=index"
                    ><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="/submitworkorderCreate"
                    class="ticket-category ticket-list"
                    ><h4 class="am-margin-0">服务器订购</h4>
                    <p class="am-margin-top-0"></p>
                    <p>服务器订购相关服务。</p>
                    <p></p>
                  </router-link>

                  <!-- <a
                    href="javascript:;"
                    data="/?m=Category&amp;a=ticket&amp;id=&amp;number=STJFD73570626158&amp;back_url=Lz9tPUNhdGVnb3J5JmE9aW5kZXgmaWQ9MTUmYmFja191cmw9THo5dFBVTmhkR1ZuYjNKNUptRTlhVzVrWlhnPQ=="
                    class="ticket-category ticket-list"
                    number="/?m=Fqa&amp;a=index&amp;number=STJFD73570626158"
                  >
                    <h4 class="am-margin-0">服务器订购</h4>
                    <p class="am-margin-top-0"></p>
                    <p>服务器订购相关服务。</p>
                    <p></p>
                    <i
                      class="am-icon-spinner am-icon-pulse am-icon-xs"
                      style="display: none"
                    ></i>
                  </a> -->
                </li>

                <li>
                  <router-link
                    to="/submitworkorderCreate"
                    class="ticket-category ticket-list"
                  >
                    <h4 class="am-margin-0">访问异常</h4>
                    <p class="am-margin-top-0"></p>
                    <p>租用服务器访问缓慢，异常等问题。</p>
                    <p></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>
            <ol class="fqa-list am-avg-sm-1 am-avg-lg-3">
              <li>
                <a href="javascript:;"><p>努力加载中...</p></a>
              </li>
            </ol>

            <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>
