<template>
  <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">
        <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&amp;id=15&amp;back_url=Lz9tPUNhdGVnb3J5JmE9aW5kZXg="
                  ><span
                    class="am-badge am-badge-primary am-round am-text-default"
                    >2</span
                  >
                  选择对应工单</a
                >
              </li>
              <li class="am-active">
                <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" />
            <h3>新工单 &gt; 主机租用 &gt; 服务器订购</h3>
            <form
              action="/?m=Submit&amp;a=ticket"
              method="POST"
              class="am-form ajax-submit am-form-horizontal"
              data-am-validator=""
              novalidate="novalidate"
            >
              <input type="hidden" name="number" value="STJFD73570626158" />
              <input
                type="hidden"
                name="token"
                value="2c504ea3d53543e0df1175330e08ee5d"
              />

              <div class="am-g am-g-collapse">
                <div class="am-u-sm-12 am-u-sm-centered">
                  <div class="am-form-group">
                    <label class="am-block"
                      >联系方式<i class="am-text-danger">*</i></label
                    >

                    <label class="form-radio-label am-radio-inline">
                      <input
                        class="form-radio"
                        type="radio"
                        name="contact"
                        value="1"
                        required="required"
                        checked="checked"
                        data=""
                      />
                      <span>电子邮件</span>
                    </label>
                    <label class="form-radio-label am-radio-inline">
                      <input
                        class="form-radio"
                        type="radio"
                        name="contact"
                        value="2"
                        required="required"
                        data=""
                      />
                      <span>手机号码</span>
                    </label>
                  </div>
                </div>
              </div>

              <div class="am-g am-g-collapse">
                <div class="am-u-sm-12 am-u-sm-centered">
                  <div class="am-form-group">
                    <label class="am-block"
                      >联系信息<span class="contact_label"> (电子邮件)</span
                      ><i class="am-text-danger">*</i></label
                    >
                    <input
                      class="form-text-input input-leng3 am-radius"
                      name="contact_account"
                      placeholder="请填写您的联系信息,方便我们与您联系"
                      type="text"
                      value=""
                      required=""
                    />
                  </div>
                </div>
              </div>

              <div class="am-g am-g-collapse">
                <div class="am-u-sm-12 am-u-sm-centered">
                  <div class="am-form-group">
                    <label class="am-block"
                      >工单标题<i class="am-text-danger">*</i></label
                    >
                    <input
                      class="form-text-input input-leng3 am-radius"
                      name="title"
                      placeholder="简单扼要描述本次工单遇到的问题"
                      type="text"
                      value=""
                      required=""
                    />
                  </div>
                </div>
              </div>

              <div id="product_band" class="am-g am-g-collapse">
                <div class="am-u-sm-12 am-u-sm-centered">
                  <div class="am-form-group">
                    <label class="am-block"
                      >选择产品<i class="am-text-danger">*</i></label
                    >
                    <label class="form-radio-label am-radio-inline">
                      <input
                        class="form-radio"
                        type="radio"
                        name="product"
                        value="1"
                        required=""
                      />
                      <span> 香港服务器 </span>
                    </label>
                    <label class="form-radio-label am-radio-inline">
                      <input
                        class="form-radio"
                        type="radio"
                        name="product"
                        value="2"
                        required=""
                      />
                      <span> 美国服务器 </span>
                    </label>
                    <label class="form-radio-label am-radio-inline">
                      <input
                        class="form-radio"
                        type="radio"
                        name="product"
                        value="3"
                        required=""
                      />
                      <span> 日本服务器 </span>
                    </label>
                    <label class="form-radio-label am-radio-inline">
                      <input
                        class="form-radio"
                        type="radio"
                        name="product"
                        value="4"
                        required=""
                      />
                      <span> 东南亚服务器 </span>
                    </label>
                    <label class="form-radio-label am-radio-inline">
                      <input
                        class="form-radio"
                        type="radio"
                        name="product"
                        value="5"
                        required=""
                      />
                      <span> 欧美服务器 </span>
                    </label>
                  </div>
                </div>
              </div>
              <div id="type_band" class="am-g am-g-collapse">
                <div class="am-u-sm-12 am-u-sm-centered">
                  <div class="am-form-group">
                    <label class="am-block"
                      >选择产品类型<i class="am-text-danger">*</i></label
                    >
                    <label class="form-radio-label am-radio-inline">
                      <input
                        class="form-radio"
                        type="radio"
                        name="type"
                        value="1"
                        required=""
                      />
                      <span> 虚拟空间 </span>
                    </label>
                    <label class="form-radio-label am-radio-inline">
                      <input
                        class="form-radio"
                        type="radio"
                        name="type"
                        value="2"
                        required=""
                      />
                      <span> VPS </span>
                    </label>
                    <label class="form-radio-label am-radio-inline">
                      <input
                        class="form-radio"
                        type="radio"
                        name="type"
                        value="3"
                        required=""
                      />
                      <span> 独立主机 </span>
                    </label>
                  </div>
                </div>
              </div>

              <div class="am-g am-g-collapse am-margin-bottom">
                <div class="am-u-sm-6">
                  <router-link to="/MyWorkOrderDetails">
                    <button class="am-btn am-btn-secondary am-btn-xs am-radius">
                      提交
                    </button>
                  </router-link>

                  <!-- <button
                    type="submit"
                    class="am-btn am-btn-secondary am-btn-xs am-radius"
                  >
                    提交
                  </button> -->
                </div>
                <div class="am-u-sm-6 am-text-right">
                  <span
                    >——本工单系统由<a
                      href="https://www.pescms.com"
                      target="_blank"
                      >PESCMS Ticket</a
                    >强力驱动</span
                  >
                </div>
              </div>
            </form>
          </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>
</template>

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

<style scoped>
</style>
