2024.12.26

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;" xmlns="http://www.w3.org/1999/html">

    <div class="layui-form-item">
        <label class="layui-form-label">用户名</label>
        <div class="layui-input-block">
            <input type="text" name="user.id" value="#(user.id??)" lay-verify="title" autocomplete="off"
                   placeholder="请输入用户名" class="layui-input" required>
        </div>
    </div>


    <div class="layui-form-item">
        <label class="layui-form-label">密码</label>
        <div class="layui-input-block">
            <input type="text" name="user.password" value="#(user.password??)" lay-verify="title"
                   autocomplete="off" placeholder="请输入密码" class="layui-input" required>
        </div>
    </div>

    #if( session.loginUser.isAdmin??== 1 )
    <div class="layui-form-item">
        <label class="layui-form-label">文本翻译剩余字符量</label>
        <div class="layui-input-block">
            <input type="text" name="user.tLast" value="#(user.tLast??)" lay-verify="title"
                   autocomplete="off"  class="layui-input" required>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">图片转换剩余次数</label>
        <div class="layui-input-block">
            <input type="text" name="user.pLast" value="#(user.pLast??)" lay-verify="title"
                   autocomplete="off"  class="layui-input" required>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">是否审核</label>
        <div class="layui-input-block">
            <input type="text" name="user.checked" value="#(user.checked??)" lay-verify="title"
                   autocomplete="off" placeholder="0代表未审核，1代表已审核" class="layui-input" required>
        </div>
    </div>
    #end
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>

</fieldset>

#@layout()
#define main()
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;" xmlns="http://www.w3.org/1999/html">
    <legend>添加用户信息</legend>
</fieldset>

<form class="layui-form" action="/user/save" method="post">
    #include("_form.html")
</form>

<script src="/static/layui/layui.js"></script>
<script>
    //Demo
    layui.use('form', function ()
    {
        var form = layui.form;

        //监听提交
        form.render();

        form.on('submit(formDemo)', function (data)
        {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>

#end

#@layout()
#define main()
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>用户列表</legend>
</fieldset>

<!-- 样式优化 -->
<style>
    th, td {
        text-align: center;
    }
    .layui-table td {
        vertical-align: middle;
    }
    .layui-table {
        margin-top: 20px;
        border: 1px solid #ddd;
        border-radius: 4px;
    }
    .layui-btn {
        margin: 0 5px;
    }
</style>

<div style="margin-left:20px;margin-right: 20px;">

    <div class="layui-form">
        <table class="layui-table">
            <thead>
            <tr>
                <th>用户名</th>
                <th>翻译使用字符量</th>
                <th>翻译剩余字符量</th>
                <th>图片转换使用次数</th>
                <th>图片转换剩余次数</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            #for(x : list.getList())
            <tr>
                <td>#(x.id)</td>
                <td>#(x.tUsed)</td>
                <td>#(x.tLast)</td>
                <td>#(x.pUsed)</td>
                <td>#(x.pLast)</td>
                <td>
                    <div class="layui-table-cell laytable-cell-1-action">
                        <a class="layui-btn layui-btn-normal layui-btn-xs" href="/user/edit/#(x.id)">
                            <i class="layui-icon layui-icon-edit"></i>编辑
                        </a>
                        <a class="layui-btn layui-btn-warm layui-btn-xs" href="/user/delete/#(x.id)">
                            <i class="layui-icon layui-icon-delete"></i>删除
                        </a>
                    </div>
                </td>
            </tr>
            #end
            </tbody>
        </table>
    </div>

    <!-- 分页控件 -->
    <div class="layui-row">
        <div class="layui-col-xs12">
            #@paginate(list.pageNumber, list.totalPage, "/user/list/")
        </div>
    </div>

</div>
#end

#@layout()
#define main()

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>用户管理 ---&gt; 查询用户信息</legend>
</fieldset>

<style>
    th, td {
        text-align: center;
    }
    .form_box {
        margin-bottom: 20px;
    }
    .form_box input[type="text"] {
        width: 300px;
        display: inline-block;
        margin-right: 10px;
    }
    .layui-btn {
        display: inline-block;
        padding: 6px 20px;
        font-size: 14px;
    }
    .layui-table {
        margin-top: 20px;
    }
    .layui-table td {
        vertical-align: middle;
    }
    .layui-btn-xs {
        padding: 2px 10px;
    }
</style>

<div style="margin: 0 20px;">

    <!-- 用户查询表单 -->
    <div class="form_box">
        <form action="/user/search" method="post">
            <input class="layui-input" type="text" name="param" value="#(param)" placeholder="请输入用户名或其他信息" style="width: 300px; display: inline-block;">
            <button type="submit" class="layui-btn layui-btn-normal">查询</button>
        </form>
    </div>

    <!-- 用户列表 -->
    <div class="layui-form">
        <table class="layui-table">
            <thead>
            <tr>
                <th>用户名</th>
                <th>翻译使用字符量</th>
                <th>翻译剩余字符量</th>
                <th>图片转换使用次数</th>
                <th>图片转换剩余次数</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            #for(x : users)
            <tr>
                <td>#(x.id)</td>
                <td>#(x.tUsed)</td>
                <td>#(x.tLast)</td>
                <td>#(x.pUsed)</td>
                <td>#(x.pLast)</td>
                <td>
                    <div class="layui-table-cell laytable-cell-1-action">
                        <a class="layui-btn layui-btn-normal layui-btn-xs" href="/user/edit/#(x.id)">
                            <i class="layui-icon layui-icon-edit"></i>编辑
                        </a>
                        <a class="layui-btn layui-btn-warm layui-btn-xs" href="/user/delete/#(x.id)">
                            <i class="layui-icon layui-icon-delete"></i>删除
                        </a>
                    </div>
                </td>
            </tr>
            #end
            </tbody>
        </table>
    </div>

</div>

#end

#@layout()
#define main()
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;" xmlns="http://www.w3.org/1999/html">
    <legend>修改用户信息</legend>
</fieldset>

<form class="layui-form" action="/user/update" method="post">
    #include("_form.html")
</form>

<script src="/static/layui/layui.js"></script>
<script>
    //Demo
    layui.use('form', function ()
    {
        var form = layui.form;

        //监听提交
        form.render();

        form.on('submit(formDemo)', function (data)
        {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>

#end

#@layout()
#define main()
<div style="padding: 15px;">
   <fieldset class="layui-elem-field layui-field-title">
     <legend>首页</legend>
   </fieldset>
   <blockquote class="layui-elem-quote">
           欢迎用户：#(session.loginUser.id)
    </blockquote>
</div>
#end