<template>
  <div>
    <div id="wrapper" class="am-text-sm">
      <div class="am-padding-xs am-padding-top-0">
        <div class="am-panel am-panel-default">
          <div class="am-panel-bd">
            <div class="am-cf">
              <div class="am-fl am-cf">
                <strong class="am-text-primary am-text-lg">全部工单</strong>
              </div>
            </div>
            <div
              class="am-g am-margin-bottom-xs am-g-collapse am-margin-top-xs"
            >
              <div class="am-u-sm-12 am-u-md-12">
                <form action="#" class="am-form am-form-inline">
                  <input type="hidden" name="g" value="Ticket" />
                  <input type="hidden" name="m" value="Ticket" />
                  <input type="hidden" name="a" value="all" />

                  <div class="am-margin-bottom-xs">
                    <select
                      name="time_type"
                      class="am-form-field am-input-sm am-radius"
                      data-am-selected="{maxHeight: 200, btnSize: &#39;sm&#39;, dropUp: 0}"
                      style="display: none"
                    >
                      <option value="1">创建时间</option>
                      <option value="2">完成时间</option>
                    </select>
                    <div
                      class="am-selected am-dropdown"
                      id="am-selected-b7kqo"
                      data-am-dropdown=""
                    >
                      <button
                        type="button"
                        class="
                          am-selected-btn
                          am-btn
                          am-dropdown-toggle
                          am-btn-sm
                          am-btn-default
                        "
                      >
                        <span class="am-selected-status am-fl">创建时间</span>
                        <i class="am-selected-icon am-icon-caret-down"></i>
                      </button>
                      <div class="am-selected-content am-dropdown-content">
                        <h2 class="am-selected-header">
                          <span class="am-icon-chevron-left">返回</span>
                        </h2>
                        <ul
                          class="am-selected-list"
                          style="max-height: 200px; overflow-y: scroll"
                        >
                          <li
                            class="am-checked"
                            data-index="0"
                            data-group="0"
                            data-value="1"
                          >
                            <span class="am-selected-text">创建时间</span>
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="1"
                            data-group="0"
                            data-value="2"
                          >
                            <span class="am-selected-text">完成时间</span>
                            <i class="am-icon-check"></i>
                          </li>
                        </ul>
                        <div class="am-selected-hint"></div>
                      </div>
                    </div>

                    <div class="am-form-group am-form-icon">
                      <i class="am-icon-calendar"></i>
                      <input
                        type="text"
                        class="am-form-field am-input-sm am-radius"
                        name="begin"
                        value=""
                        readonly=""
                        data-am-datepicker=""
                      />
                    </div>

                    <div class="am-form-group am-form-icon">
                      <i class="am-icon-calendar"></i>
                      <input
                        type="text"
                        class="am-form-field am-input-sm am-radius"
                        name="end"
                        value=""
                        readonly=""
                        data-am-datepicker=""
                      />
                    </div>
                  </div>

                  <div>
                    <select
                      name="model_id"
                      class="am-form-field am-input-sm am-radius"
                      data-am-selected="{maxHeight: 200, btnSize: &#39;sm&#39;, dropUp: 0}"
                      style="display: none"
                    >
                      <option value="-1">所有类型</option>
                      <option value="1">PESCMS TICKET - 定制咨询</option>
                      <option value="2">PESCMS TICKET - 反馈建议</option>
                      <option value="3">PESCMS TEAM - 反馈建议</option>
                      <option value="4">PESCMS DOC - 反馈建议</option>
                      <option value="5">PESCMS TEAM - 定制咨询</option>
                      <option value="6">PESCMS DOC - 定制咨询</option>
                      <option value="7">主机租用 - 访问异常</option>
                      <option value="8">主机租用 - 服务器订购</option>
                    </select>
                    <div
                      class="am-selected am-dropdown"
                      id="am-selected-u3lqn"
                      data-am-dropdown=""
                    >
                      <button
                        type="button"
                        class="
                          am-selected-btn
                          am-btn
                          am-dropdown-toggle
                          am-btn-sm
                          am-btn-default
                        "
                      >
                        <span class="am-selected-status am-fl">所有类型</span>
                        <i class="am-selected-icon am-icon-caret-down"></i>
                      </button>
                      <div class="am-selected-content am-dropdown-content">
                        <h2 class="am-selected-header">
                          <span class="am-icon-chevron-left">返回</span>
                        </h2>
                        <ul
                          class="am-selected-list"
                          style="max-height: 200px; overflow-y: scroll"
                        >
                          <li
                            class="am-checked"
                            data-index="0"
                            data-group="0"
                            data-value="-1"
                          >
                            <span class="am-selected-text">所有类型</span>
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="1"
                            data-group="0"
                            data-value="1"
                          >
                            <span class="am-selected-text"
                              >PESCMS TICKET - 定制咨询</span
                            >
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="2"
                            data-group="0"
                            data-value="2"
                          >
                            <span class="am-selected-text"
                              >PESCMS TICKET - 反馈建议</span
                            >
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="3"
                            data-group="0"
                            data-value="3"
                          >
                            <span class="am-selected-text"
                              >PESCMS TEAM - 反馈建议</span
                            >
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="4"
                            data-group="0"
                            data-value="4"
                          >
                            <span class="am-selected-text"
                              >PESCMS DOC - 反馈建议</span
                            >
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="5"
                            data-group="0"
                            data-value="5"
                          >
                            <span class="am-selected-text"
                              >PESCMS TEAM - 定制咨询</span
                            >
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="6"
                            data-group="0"
                            data-value="6"
                          >
                            <span class="am-selected-text"
                              >PESCMS DOC - 定制咨询</span
                            >
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="7"
                            data-group="0"
                            data-value="7"
                          >
                            <span class="am-selected-text"
                              >主机租用 - 访问异常</span
                            >
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="8"
                            data-group="0"
                            data-value="8"
                          >
                            <span class="am-selected-text"
                              >主机租用 - 服务器订购</span
                            >
                            <i class="am-icon-check"></i>
                          </li>
                        </ul>
                        <div class="am-selected-hint"></div>
                      </div>
                    </div>

                    <select
                      name="status"
                      class="am-form-field am-input-sm am-radius"
                      data-am-selected="{btnSize: &#39;sm&#39;, dropUp: 0}"
                      style="display: none"
                    >
                      <option value="-1">所有进度</option>
                      <option value="0">待解决</option>
                      <option value="1">待处理</option>
                      <option value="2">待回复</option>
                      <option value="3">完成</option>
                    </select>
                    <div
                      class="am-selected am-dropdown"
                      id="am-selected-0q8qm"
                      data-am-dropdown=""
                    >
                      <button
                        type="button"
                        class="
                          am-selected-btn
                          am-btn
                          am-dropdown-toggle
                          am-btn-sm
                          am-btn-default
                        "
                      >
                        <span class="am-selected-status am-fl">所有进度</span>
                        <i class="am-selected-icon am-icon-caret-down"></i>
                      </button>
                      <div class="am-selected-content am-dropdown-content">
                        <h2 class="am-selected-header">
                          <span class="am-icon-chevron-left">返回</span>
                        </h2>
                        <ul class="am-selected-list">
                          <li
                            class="am-checked"
                            data-index="0"
                            data-group="0"
                            data-value="-1"
                          >
                            <span class="am-selected-text">所有进度</span>
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="1"
                            data-group="0"
                            data-value="0"
                          >
                            <span class="am-selected-text">待解决</span>
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="2"
                            data-group="0"
                            data-value="1"
                          >
                            <span class="am-selected-text">待处理</span>
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="3"
                            data-group="0"
                            data-value="2"
                          >
                            <span class="am-selected-text">待回复</span>
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="4"
                            data-group="0"
                            data-value="3"
                          >
                            <span class="am-selected-text">完成</span>
                            <i class="am-icon-check"></i>
                          </li>
                        </ul>
                        <div class="am-selected-hint"></div>
                      </div>
                    </div>

                    <select
                      name="read"
                      class="am-form-field am-input-sm am-radius"
                      data-am-selected="{btnSize: &#39;sm&#39;, dropUp: 0}"
                      style="display: none"
                    >
                      <option value="-1">查看状态</option>
                      <option value="0">未读</option>
                      <option value="1">已读</option>
                    </select>
                    <div
                      class="am-selected am-dropdown"
                      id="am-selected-d5h2i"
                      data-am-dropdown=""
                    >
                      <button
                        type="button"
                        class="
                          am-selected-btn
                          am-btn
                          am-dropdown-toggle
                          am-btn-sm
                          am-btn-default
                        "
                      >
                        <span class="am-selected-status am-fl">查看状态</span>
                        <i class="am-selected-icon am-icon-caret-down"></i>
                      </button>
                      <div class="am-selected-content am-dropdown-content">
                        <h2 class="am-selected-header">
                          <span class="am-icon-chevron-left">返回</span>
                        </h2>
                        <ul class="am-selected-list">
                          <li
                            class="am-checked"
                            data-index="0"
                            data-group="0"
                            data-value="-1"
                          >
                            <span class="am-selected-text">查看状态</span>
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="1"
                            data-group="0"
                            data-value="0"
                          >
                            <span class="am-selected-text">未读</span>
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="2"
                            data-group="0"
                            data-value="1"
                          >
                            <span class="am-selected-text">已读</span>
                            <i class="am-icon-check"></i>
                          </li>
                        </ul>
                        <div class="am-selected-hint"></div>
                      </div>
                    </div>

                    <select
                      name="close"
                      class="am-form-field am-input-sm am-radius"
                      data-am-selected="{btnSize: &#39;sm&#39;, dropUp: 0}"
                      style="display: none"
                    >
                      <option value="-1">关闭状态</option>
                      <option value="0">正常</option>
                      <option value="1">已关闭</option>
                    </select>
                    <div
                      class="am-selected am-dropdown"
                      id="am-selected-sunm6"
                      data-am-dropdown=""
                    >
                      <button
                        type="button"
                        class="
                          am-selected-btn
                          am-btn
                          am-dropdown-toggle
                          am-btn-sm
                          am-btn-default
                        "
                      >
                        <span class="am-selected-status am-fl">关闭状态</span>
                        <i class="am-selected-icon am-icon-caret-down"></i>
                      </button>
                      <div class="am-selected-content am-dropdown-content">
                        <h2 class="am-selected-header">
                          <span class="am-icon-chevron-left">返回</span>
                        </h2>
                        <ul class="am-selected-list">
                          <li
                            class="am-checked"
                            data-index="0"
                            data-group="0"
                            data-value="-1"
                          >
                            <span class="am-selected-text">关闭状态</span>
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="1"
                            data-group="0"
                            data-value="0"
                          >
                            <span class="am-selected-text">正常</span>
                            <i class="am-icon-check"></i>
                          </li>
                          <li
                            class=""
                            data-index="2"
                            data-group="0"
                            data-value="1"
                          >
                            <span class="am-selected-text">已关闭</span>
                            <i class="am-icon-check"></i>
                          </li>
                        </ul>
                        <div class="am-selected-hint"></div>
                      </div>
                    </div>

                    <div class="am-form-group">
                      <input
                        type="text"
                        name="keyword"
                        value=""
                        class="
                          am-block am-input-sm
                          pes_input_radius
                          fix-input-width
                          am-radius
                        "
                      />
                    </div>

                    <button
                      type="submit"
                      class="am-btn am-btn-default am-btn-sm am-radius"
                    >
                      搜索
                    </button>
                    <button
                      type="submit"
                      name="csv"
                      value="1"
                      class="am-btn am-btn-success am-btn-sm am-radius"
                    >
                      <i class="am-icon-file-excel-o"></i> 导出CSV
                    </button>
                  </div>
                </form>
              </div>
            </div>
            <hr
              data-am-widget="divider"
              class="am-divider am-divider-dashed am-no-layout"
            />
            <table class="am-table am-table-striped am-table-hover am-text-sm">
              <tbody>
                <tr>
                  <td class="">
                    <div class="admin-task-meta">
                      <span class="am-badge" style="background-color: #dd514c"
                        >待解决</span
                      >
                      [PESCMS TEAM - 定制咨询]KAOVE108615432988
                      <i class="am-margin-left-xs am-margin-right-xs">|</i
                      >匿名用户
                      <span>发布于: 2019-03-18 16:36</span>
                    </div>
                    <div class="admin-task-bd ticket-timeout">
                      <a href="#">
                        <span class="am-text-primary"></span>
                        哥德巴赫猜想何时能解？
                      </a>
                    </div>
                  </td>
                  <td class="am-show-lg-only am-text-right am-text-bottom">
                    <div class="admin-task-bd">
                      <a class="am-link-muted print-ticket" href="#"
                        ><span class="am-icon-print"></span
                      ></a>
                      <span>耗时: 未处理</span>
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <span
                        >责任人: <span class="am-text-danger">暂无</span></span
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a href="#" class="am-text-primary">处理</a>
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a
                        href="#"
                        class="am-text-danger ajax-click ajax-dialog"
                        msg="确定要关闭本工单吗？"
                        >关闭工单</a
                      >
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
            <ul class="am-pagination am-pagination-right am-text-sm">
              <li><a>总计<b>23</b>个记录</a></li>
              <li class="am-active"><a href="javascript:;">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">下一页</a></li>
              <li><a href="#">尾页</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

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

<style scoped>
</style>
