<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"
                  ><a href="#">用户组列表</a>
                </strong>
                /
                <small>列表</small>
              </div>
            </div>

            <div class="am-g am-margin-bottom-xs am-g-collapse">
              <div class="am-u-sm-12 am-u-md-6 am-padding-top-xs">
                <div class="am-btn-toolbar">
                  <div class="am-btn-group am-btn-group-xs">
                    <a href="#" class="am-btn am-btn-default am-radius"
                      ><span class="am-icon-plus"></span> 新增</a
                    >
                  </div>
                </div>
              </div>

              <div class="am-u-sm-12 am-u-md-3">
                <form>
                  <div class="am-input-group am-input-group-sm">
                    <input type="hidden" name="g" value="Ticket" />
                    <input type="hidden" name="m" value="User_group" />
                    <input type="hidden" name="a" value="index" />
                    <input
                      type="text"
                      name="keyword"
                      placeholder="查找内容"
                      value=""
                      class="am-form-field am-radius"
                    />
                    <span class="am-input-group-btn">
                      <input
                        class="am-btn am-btn-default am-radius"
                        type="submit"
                        value="搜索"
                      />
                    </span>
                  </div>
                </form>
              </div>
            </div>
            <hr
              data-am-widget="divider"
              style=""
              class="am-divider am-divider-dashed am-no-layout"
            />

            <form
              class="am-form ajax-submit"
              action="/?g=Ticket&amp;m=User_group&amp;a=listsort"
              method="POST"
            >
              <input type="hidden" name="method" value="PUT" />
              <table
                class="
                  am-table
                  am-table-bordered
                  am-table-striped
                  am-table-hover
                  am-text-sm
                "
              >
                <tbody>
                  <tr>
                    <th><input type="checkbox" class="checkbox-all" /></th>
                    <th class="table-set">ID</th>
                    <th class="table-title">用户组名称</th>
                    <th class="table-title">允许查看所有用户</th>
                    <th class="table-set">状态</th>
                    <th class="table-set">操作</th>
                  </tr>
                  <tr>
                    <td class="am-text-middle">
                      <input
                        type="checkbox"
                        class="checkbox-all-children"
                        name="id[4]"
                        value="4"
                      />
                    </td>
                    <td class="am-text-middle">4</td>
                    <td class="am-text-middle">投诉反馈小组</td>
                    <td class="am-text-middle">否</td>
                    <td class="am-text-middle">启用</td>

                    <td class="am-text-middle">
                      <a class="am-text-secondary" href="#"
                        ><span class="am-icon-pencil-square-o"></span> 编辑</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-primary" href="#"
                        ><span class="am-icon-copy"></span> 复制</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-success dialog" href="#"
                        ><span class="am-icon-hdd-o"></span> 设置菜单</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-warning dialog" href="#"
                        ><span class="am-icon-puzzle-piece"></span> 设置权限</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a
                        class="am-text-danger ajax-click ajax-dialog"
                        msg="确定删除吗？将无法恢复的！"
                        href="#"
                        ><span class="am-icon-trash-o"></span> 删除</a
                      >
                    </td>
                  </tr>
                  <tr>
                    <td class="am-text-middle">
                      <input
                        type="checkbox"
                        class="checkbox-all-children"
                        name="id[3]"
                        value="3"
                      />
                    </td>
                    <td class="am-text-middle">3</td>
                    <td class="am-text-middle">售后客服</td>
                    <td class="am-text-middle">否</td>
                    <td class="am-text-middle">启用</td>

                    <td class="am-text-middle">
                      <a class="am-text-secondary" href="#"
                        ><span class="am-icon-pencil-square-o"></span> 编辑</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-primary" href="#"
                        ><span class="am-icon-copy"></span> 复制</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-success dialog" href="#"
                        ><span class="am-icon-hdd-o"></span> 设置菜单</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-warning dialog" href="#"
                        ><span class="am-icon-puzzle-piece"></span> 设置权限</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a
                        class="am-text-danger ajax-click ajax-dialog"
                        msg="确定删除吗？将无法恢复的！"
                        href="#"
                        ><span class="am-icon-trash-o"></span> 删除</a
                      >
                    </td>
                  </tr>
                  <tr>
                    <td class="am-text-middle">
                      <input
                        type="checkbox"
                        class="checkbox-all-children"
                        name="id[2]"
                        value="2"
                      />
                    </td>
                    <td class="am-text-middle">2</td>
                    <td class="am-text-middle">售前客服</td>
                    <td class="am-text-middle">否</td>
                    <td class="am-text-middle">启用</td>

                    <td class="am-text-middle">
                      <a class="am-text-secondary" href="#"
                        ><span class="am-icon-pencil-square-o"></span> 编辑</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-primary" href="#"
                        ><span class="am-icon-copy"></span> 复制</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-success dialog" href="#"
                        ><span class="am-icon-hdd-o"></span> 设置菜单</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-warning dialog" href="#"
                        ><span class="am-icon-puzzle-piece"></span> 设置权限</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a
                        class="am-text-danger ajax-click ajax-dialog"
                        msg="确定删除吗？将无法恢复的！"
                        href="#"
                        ><span class="am-icon-trash-o"></span> 删除</a
                      >
                    </td>
                  </tr>
                  <tr>
                    <td class="am-text-middle">
                      <input
                        type="checkbox"
                        class="checkbox-all-children"
                        name="id[1]"
                        value="1"
                      />
                    </td>
                    <td class="am-text-middle">1</td>
                    <td class="am-text-middle">管理员</td>
                    <td class="am-text-middle">否</td>
                    <td class="am-text-middle">启用</td>

                    <td class="am-text-middle">
                      <a class="am-text-secondary" href="#"
                        ><span class="am-icon-pencil-square-o"></span> 编辑</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-primary" href="#"
                        ><span class="am-icon-copy"></span> 复制</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-success dialog" href="#"
                        ><span class="am-icon-hdd-o"></span> 设置菜单</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a class="am-text-warning dialog" href="#"
                        ><span class="am-icon-puzzle-piece"></span> 设置权限</a
                      >
                      <i class="am-margin-left-xs am-margin-right-xs">|</i>
                      <a
                        class="am-text-danger ajax-click ajax-dialog"
                        msg="确定删除吗？将无法恢复的！"
                        href="#"
                        ><span class="am-icon-trash-o"></span> 删除</a
                      >
                    </td>
                  </tr>
                </tbody>
              </table>

              <div class="am-g am-g-collapse">
                <div class="am-u-sm-12 am-u-lg-6">
                  <button
                    type="button"
                    class="
                      am-btn am-btn-danger am-btn-xs am-radius
                      delete-batch
                    "
                    data="/?g=Ticket&amp;m=User_group&amp;a=action&amp;method=DELETE"
                  >
                    删除
                  </button>
                </div>
                <div class="am-u-sm-12 am-u-lg-6">
                  <ul
                    class="
                      am-pagination am-pagination-right am-text-sm am-margin-0
                    "
                  >
                    <li><a>总计<b>4</b>个记录</a></li>
                    <li class="am-active"><a href="javascript:;">1</a></li>
                  </ul>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
      <!-- content end -->
    </div>
  </div>
</template>

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

<style scoped>
@import "../assets/css/base.css";
</style>
