<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
<title>修改政策层级</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.7/css/layui.min.css">
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/layui/2.5.7/layui.min.js"></script>
</head>
<body>
<div class="layui-container">
<div class="layui-row">
<div class="layui-col-md12">
<form class="layui-form" action="/updateLayer" method="post">
<input type="hidden" name="id" value="${layer.id}">
<div class="layui-form-item">
<label class="layui-form-label">层级编码</label>
<div class="layui-input-block">
<input type="text" name="code" value="${layer.code}" autocomplete="off" class="layui-input" lay-verify="required">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">层级名称</label>
<div class="layui-input-block">
<input type="text" name="name" value="${layer.name}" autocomplete="off" class="layui-input" lay-verify="required">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">描述</label>
<div class="layui-input-block">
<input type="text" name="desc" value="${layer.desc}" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<select name="status" lay-verify="required">
<option value="ON" ${layer.status == 'ON' ? 'selected' : ''}>生效</option>
<option value="OFF" ${layer.status == 'OFF' ? 'selected' : ''}>失效</option>
</select>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="updateBtn">修改</button>
<button type="button" class="layui-btn layui-btn-primary" onclick="history.back();">返回</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script>
layui.use(['form', 'layer'], function(){
var form = layui.form;
var layer = layui.layer;
// 监听表单提交
form.on('submit(updateBtn)', function(data){
// 表单验证通过，发送请求
if (form.verifyForm()) {
var formData = data.field;
$.ajax({
url: '/updateLayer',
type: 'POST',
data: JSON.stringify(formData),
contentType: 'application/json',
success: function(res){
if (res.success) {
// 修改成功，返回列表页或其他操作
window.location.href = '/listPage';
} else {
// 修改失败，处理错误信息
layer.msg(res.message);
}
},
error: function(xhr){
console.log(xhr.responseText);
}
});
}
return false;
});
// 自定义表单验证方法
form.verifyForm = function(){
var code = $.trim($('input[name="code"]').val());
var name = $.trim($('input[name="name"]').val());
if (code === '') {
layer.msg('层级编码不能为空');
return false;
}
if (name === '') {
layer.msg('层级名称不能为空');
return false;
}
return true;
};
});
</script>
</body>
</html>