<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">
          <div class="am-panel am-panel-default">
            <div class="am-panel-bd am-text-center">
              <div class="am-g">
                <div class="am-u-sm-3">
                  <a href="/?m=Member&amp;a=ticket&amp;status=0">
                    <div class="am-text-xxxl">3</div>
                    <div>待解决</div>
                  </a>
                </div>
                <div class="am-u-sm-3">
                  <a href="/?m=Member&amp;a=ticket&amp;status=1">
                    <div class="am-text-xxxl">1</div>
                    <div>待处理</div>
                  </a>
                </div>
                <div class="am-u-sm-3">
                  <a href="/?m=Member&amp;a=ticket&amp;status=2">
                    <div class="am-text-xxxl">0</div>
                    <div>待回复</div>
                  </a>
                </div>
                <div class="am-u-sm-3">
                  <a href="/?m=Member&amp;a=ticket&amp;status=3">
                    <div class="am-text-xxxl">0</div>
                    <div>完成</div>
                  </a>
                </div>
              </div>
            </div>
          </div>

          <div class="am-g am-margin-bottom am-g-collapse">
            <div class="am-u-sm-12 am-u-md-6">
              <div class="am-btn-toolbar">
                <div class="am-btn-group am-btn-group-sm">
                  <a
                    href="/?m=Member&amp;a=ticket"
                    class="am-btn am-btn-white am-disabled"
                    >全部</a
                  >
                  <a
                    href="/?m=Member&amp;a=ticket&amp;dataType=1&amp;keyword="
                    class="am-btn am-btn-white"
                    >今天</a
                  >
                  <a
                    href="/?m=Member&amp;a=ticket&amp;dataType=-1&amp;keyword="
                    class="am-btn am-btn-white"
                    >昨天</a
                  >
                  <a
                    href="/?m=Member&amp;a=ticket&amp;dataType=-7&amp;keyword="
                    class="am-btn am-btn-white"
                    >本周</a
                  >
                  <a
                    href="/?m=Member&amp;a=ticket&amp;close=1&amp;keyword="
                    class="am-btn am-btn-white"
                    >已关闭: 0</a
                  >
                </div>
              </div>
            </div>

            <div class="am-u-sm-12 am-u-md-4">
              <form>
                <div class="am-input-group am-input-group-sm">
                  <input type="hidden" name="g" value="Form" />
                  <input type="hidden" name="m" value="Member" />
                  <input type="hidden" name="a" value="ticket" />
                  <input
                    type="text"
                    name="keyword"
                    placeholder="请输入工单编号或者工单内容"
                    value=""
                    class="am-form-field"
                  />
                  <span class="am-input-group-btn">
                    <button class="am-btn am-btn-default" type="submit">
                      <span class="am-icon-search"></span>
                    </button>
                  </span>
                </div>
              </form>
            </div>
          </div>

          <div class="am-panel am-panel-default">
            <table class="am-table">
              <tbody>
                <tr>
                  <th class="am-show-lg-only">工单编号</th>
                  <th class="am-show-lg-only">相关产品</th>
                  <th>问题内容</th>
                  <th class="am-show-lg-only">状态</th>
                  <th class="am-show-lg-only">提交时间</th>
                  <th class="am-show-lg-only">操作</th>
                </tr>
                <tr>
                  <td class="am-show-lg-only">WY46353906967</td>
                  <td class="am-show-lg-only">PESCMS TICKET - 反馈建议</td>
                  <td>
                    <router-link to="/MyWorkOrderDetails"
                      >PT可以添加常用问题FQA吗？</router-link
                    >
                    <!-- <a
                      href="/?m=View&amp;a=ticket&amp;number=WY46353906967&amp;back_url=Lz9tPU1lbWJlciZhPXRpY2tldA=="
                      >PT可以添加常用问题FQA吗？</a
                    > -->
                  </td>
                  <td class="am-show-lg-only" style="color: #f37b1d">待处理</td>
                  <td class="am-show-lg-only">2019-03-18 13:54</td>
                  <td class="am-show-lg-only">
                    <a
                      class="am-link-muted print-ticket"
                      href="/?m=View&amp;a=printer&amp;number=WY46353906967"
                      ><span class="am-icon-print"></span
                    ></a>
                    <router-link to="/MyWorkOrderDetails">查看详情</router-link>
                    <!-- <a
                      href="/?m=View&amp;a=ticket&amp;number=WY46353906967&amp;back_url=Lz9tPU1lbWJlciZhPXRpY2tldA=="
                      >查看详情</a
                    > -->
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <ul class="am-pagination am-pagination-right am-text-sm">
            <li><a>总计<b>4</b>个记录</a></li>
            <li class="am-active"><a href="javascript:;">1</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

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

<style scoped>
</style>
