s_cherry_e/sr/nodes/ops/static/modules/team.html

<!-- 部队管理模块 -->
<div class="layui-card">
    <div class="layui-card-header">部队管理</div>
    <div class="layui-card-body">
        <form class="layui-form" id="teamForm">
            <div class="layui-form-item">
                <!-- 队伍选择下拉框 -->
                <label class="layui-form-label">队伍：</label>
                <div class="layui-input-inline">
                    <select id="teamSelect" class="layui-select">
                        <option value="0">全部队伍</option>
                        <option value="1">1队</option>
                        <option value="2">2队</option>
                        <option value="3">3队</option>
                        <option value="4">4队</option>
                        <option value="5">5队</option>
                    </select>
                </div>

                <!-- 位置选择下拉框 -->
                <label class="layui-form-label">位置：</label>
                <div class="layui-input-inline">
                    <select id="positionSelect" class="layui-select">
                        <option value="0">全部位置</option>
                        <option value="1">位置1</option>
                        <option value="2">位置2</option>
                        <option value="3">位置3</option>
                    </select>
                </div>
            </div>

            <!-- 体力 -->
            <div class="layui-form-item">
                <label class="layui-form-label">体力：</label>
                <div class="layui-input-inline">
                    <input type="number" id="heroStamina" placeholder="体力值" class="layui-input">
                </div>
                <div class="layui-input-inline">
                    <button class="layui-btn layui-btn-normal" type="button"
                        onclick="submitHeroStamina()">设置体力值</button>
                </div>
            </div>

            <!-- 状态 -->
            <div class="layui-form-item">
                <label class="layui-form-label">状态：</label>
                <div class="layui-input-inline">
                    <select id="heroStatus" class="layui-select" lay-filter="heroStatus">
                        <option value="injured">重伤</option>
                        <option value="fatigued">疲劳</option>
                    </select>
                </div>

                <!-- 重伤状态的时间（动态显示） -->
                <div class="layui-input-inline" id="injuredTimeContainer" style="display: none;">
                    <input type="number" id="injuredTime" placeholder="重伤时间(秒)" class="layui-input">
                </div>

                <div class="layui-input-inline double-button">
                    <button class="layui-btn layui-btn-normal" type="button" onclick="submitHeroStatus()">更新状态</button>
                    <!-- 新增的重置重伤状态按钮 -->
                    <button class="layui-btn layui-btn-danger" type="button" onclick="resetHeroStatus()">重置重伤状态</button>
                </div>
            </div>


        </form>
    </div>
</div>

<script>
    // 使用 Layui 的事件监听机制
    layui.use(['form'], function () {
        var form = layui.form;

        // 初始渲染表单
        form.render('select');

        // 初始加载时检查一次状态
        toggleInjuredTime();

        // 监听状态选择框的变化 (Layui 的方式)
        form.on('select(heroStatus)', function (data) {
            toggleInjuredTime();
        });
    });

    // 动态显示或隐藏重伤时间输入框
    function toggleInjuredTime() {
        var status = $("#heroStatus").val();
        if (status === "injured") {
            $("#injuredTimeContainer").show();
        } else {
            $("#injuredTimeContainer").hide();
        }
    }

    // 提交体力
    function submitHeroStamina() {
        var teamId = $("#teamSelect").val();
        var position = $("#positionSelect").val();
        var heroStamina = $("#heroStamina").val();
        if (heroStamina < 0) {
            layer.msg("体力不能为负值", { icon: 3 });
            return
        }

        var params = [
            "energy",
            teamId,
            position,
            heroStamina
        ];

        toTeamSubmitForm(params); // 调用统一的 submitForm 方法
    }

    // 提交状态
    function submitHeroStatus() {
        var teamId = $("#teamSelect").val();
        var position = $("#positionSelect").val();
        var heroStatus = $("#heroStatus").val();

        var params
        // 疲劳状态设置体力为0
        if (heroStatus == "fatigued") {
            params = [
                "energy",
                teamId,
                position,
                0
            ];
        } else {
            var injuredTime = $("#injuredTime").val();

            if (!injuredTime || injuredTime < 0) {
                layer.msg("重伤时间错误", { icon: 3 })
                return
            }

            params = [
                "state",
                teamId,
                position,
                injuredTime
            ];
        }

        toTeamSubmitForm(params); // 调用统一的 submitForm 方法
    }

    // 新增的重置重伤状态函数
    function resetHeroStatus() {
        var teamId = $("#teamSelect").val();
        var position = $("#positionSelect").val();

        var params = [
            "state",
            teamId,
            position,
            0  // 重置为0表示清除重伤状态
        ];

        toTeamSubmitForm(params);
    }

    // 提交表单
    function toTeamSubmitForm(params) {
        var commond = "/gm team " + params.join(" ");

        // 提交表单
        submitForm(commond); // 调用统一的 submitForm 方法
    }
</script>