miduo_gm/src/main/resources/templates/serverInfoEdit.html

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="Bookmark" href="/favicon.ico"/>
    <link rel="Shortcut Icon" href="/favicon.ico"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5shiv.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <!--/meta 作为公共模版分离出去-->

    <title>基本设置</title>
</head>
<body>
<nav class="breadcrumb">
    <a href="javascript:;" onclick="history.go(-1)"><i class="Hui-iconfont">&#xe67f;</i> 首页</a>
    <span class="c-gray en">&gt;</span>
    服务器管理
    <span class="c-gray en">&gt;</span>
    服务器列表信息
    <!--<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace('/findServerInfo?quick=0');" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>-->
</nav>
<div class="page-container">
    <form class="form form-horizontal" th:object="${serverInfo}" action="*" method="post">
        <div id="tab-system" class="HuiTab">
            <div class="tabBar cl">
                <span>修改服务器状态</span>
            </div>
            <div class="tabCon">
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">
                        <span class="c-red">*</span>
                        服务器id：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <input type="text" name="server_id" placeholder="" th:value="*{getServer_id()}" class="input-text" readonly style="background-color: #c3c3c3" />
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">
                        <span class="c-red">*</span>
                        ip：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <input type="text" name="ip" placeholder="" th:value="*{getIp()}" class="input-text"/>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">
                        <span class="c-red">*</span>
                        port：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <input type="text" name="port" placeholder="" th:value="*{getPort()}" class="input-text"/>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">
                        <span class="c-red">*</span>
                        渠道：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <input type="text" name="channel" placeholder="" th:value="*{getChannel()}" class="input-text"/>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">
                        <span class="c-red">*</span>
                        子渠道：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <input type="text" name="subChannel" placeholder="" th:value="*{getSub_channel()}" class="input-text"/>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">
                        <span class="c-red">*</span>
                        core：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <input type="text" name="coreName" placeholder="" th:value="*{getCoreName()}" class="input-text"/>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">
                        <span class="c-red">* 服务器name：</span>
                    </label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <input type="text" name="name" placeholder="" th:value="*{getName()}" class="input-text"/>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">
                        <span class="c-red">* 服务器状态：</span>
                    </label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <select th:name="status" class="input-text" id="status"><!--下拉列表-->
                            <div th:switch="*{getStatus()}">
                                <option th:value="-2">未运营</option>
                                <option th:value="0">关闭</option>
                                <option th:value="1">维护</option>
                                <option th:value="2">流畅</option>
                                <option th:value="3">拥挤</option>
                                <option th:value="4">爆满</option>
                            </div>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">
                    <span class="c-red">*</span>
                    服务器推荐：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <select th:name="is_new" class="input-text" id="is_new"><!--下拉列表-->
                        <div th:switch="*{getIs_new()}">
                            <option th:value="0">普通</option>
                            <option th:value="1">新服</option>
                        </div>
                    </select>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">
                    <span class="c-red">*</span>
                    服务器注册：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <select th:name="register_state" class="input-text" id="register_state"><!--下拉列表-->
                        <div th:switch="*{getRegister_state()}">
                            <option th:value="1">开启</option>
                            <option th:value="0">关闭</option>
                        </div>
                    </select>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2" title="未运营状态下修改立刻生效，其他状态周一零点生效">
                    <span class="c-red">* 跨服分组id：</span>
                </label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="number" name="groupId" placeholder="<=0表示不进行分组" th:value="*{getCrossGroupId()}" class="input-text"/>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2" title="未运营状态下修改立刻生效，其他状态修改不生效">
                    <span class="c-red">* 开服时间：</span>
                </label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input th:if="*{getStatus().equals('-2')}" type="text" name="openTime" placeholder="格式必须为：yyyy-MM-dd HH:mm:ss" th:value="*{getOpenTime()}" class="input-text" />
                    <input th:if="*{!getStatus().equals('-2')}" type="text" name="openTime" placeholder="格式必须为：yyyy-MM-dd HH:mm:ss" th:value="*{getOpenTime()}" class="input-text" readonly style="background-color: #c3c3c3" />
                </div>
            </div>

        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                <button class="btn btn-primary radius" type="button" onclick="updateServerInfo()"><i class="Hui-iconfont">&#xe632;</i> 保存</button>
                <button class="btn btn-default radius" type="button"><a href="/findServerInfo?quick=0">&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
                </button>
            </div>
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                <p style="color: grey;margin: 5px 3px 3px 3px">PS：修改后部分内容不会实时生效，如果发现有数据未发生变化，请耐心等待1-2分钟后刷新界面再查看</p>
            </div>
        </div>
    </form>
</div>


<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script th:inline="javascript">
    $(function () {
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });
        $("#tab-system").Huitab({
            index: 0
        });
    });

    //当页面加载完成的时候，自动调用该方法
    window.onload = function () {
        var serverInfo = [[${serverInfo}]];
        $("#status option[value='" + serverInfo.status + "']").attr("selected", "selected");
        $("#is_new option[value='" + serverInfo.is_new + "']").attr("selected", "selected");
        $("#register_state option[value='" + serverInfo.register_state + "']").attr("selected", "selected");
    };
    
    function updateServerInfo() {
        let server_id = $("input[name='server_id']").val();
        let ip = $("input[name='ip']").val();
        let port = $("input[name='port']").val();
        let channel = $("input[name='channel']").val();
        let subChannel = $("input[name='subChannel']").val();
        let coreName = $("input[name='coreName']").val();
        let name = $("input[name='name']").val();
        let status = $("#status option:selected").val();
        let is_new = $("#is_new option:selected").val();
        let register_state = $("#register_state option:selected").val();
        let groupId = $("input[name='groupId']").val();
        let openTime = $("input[name='openTime']").val();
        $.ajax({
                type: "POST",
                data:
                    JSON.stringify({
                        "server_id": server_id,
                        "ip":ip,
                        "port":port,
                        "channel":channel,
                        "sub_channel":subChannel,
                        "coreName":coreName,
                        "name": name,
                        "status": status,
                        "is_new": is_new,
                        "register_state": register_state,
                        "crossGroupId": groupId,
                        "openTime" : openTime
                    }),
                url: "/serverEdit",
                dataType: "json",
                contentType: 'application/json',
                success: function (data) {
                    if (data === 1) {
                        layer.msg('修改成功!', {icon: 6, time: 1000});
                        window.location.href="/findServerInfo?quick=1";
                    }
                    if (data === 0) {
                        alert("修改失败，参数异常，请修改后重新提交！");
                    }
                    if (data === 2) {
                        alert("没有操作权限！");
                    }
                    if (data === 3) {
                        alert("服务器已开启自动开服，无法手动修改，修改请关闭自动开服功能！");
                    }
                }
            }
        )
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>