1) 重置按钮无响应:4 个页面容器是 <div class="layui-form"> 而非 <form>, type="reset" 没有可重置的表单。改为 <form class="layui-form">...</form> (与标准用户管理页一致)。 2) 保存报错:lay-verify="required|url" 强制要求带协议头, 输入 www.baidu.com 时前台校验直接拦截(提示“链接格式不正确”)、/save 未发出。 改为自定义 siteurl 规则,允许省略协议;后端新增 _normalize_url 自动补 https://。 已 Playwright 验证:重置可清空全部字段;无协议网址保存成功且落库为 https:// 前缀。
140 lines
5.6 KiB
HTML
140 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>编辑登录网站</title>
|
|
{% include 'system/common/header.html' %}
|
|
</head>
|
|
<body>
|
|
<form class="layui-form" lay-filter="cookie-site-form" style="padding: 20px 30px 0 0;">
|
|
<input type="hidden" name="cookieSiteId" value="{{ obj.id }}">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">网站名称</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="name" value="{{ obj.name }}" lay-verify="required"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">网站URL</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="url" value="{{ obj.url }}" lay-verify="required|siteurl"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">Cookie值</label>
|
|
<div class="layui-input-block">
|
|
<textarea name="cookie_value" lay-verify="required"
|
|
style="width:100%;height:100px;resize:none;" class="layui-textarea">{{ obj.cookie_value }}</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">域名</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="domain" value="{{ obj.domain }}"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">路径</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="path" value="{{ obj.path }}"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">过期时间</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="expiry" value="{{ obj.expiry }}"
|
|
autocomplete="off" class="layui-input" id="expiry-picker">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">Secure</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="secure" value="1" title="是" {{ 'checked' if obj.secure == 1 }}>
|
|
<input type="radio" name="secure" value="0" title="否" {{ 'checked' if obj.secure == 0 }}>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">HTTPOnly</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="http_only" value="1" title="是" {{ 'checked' if obj.http_only == 1 }}>
|
|
<input type="radio" name="http_only" value="0" title="否" {{ 'checked' if obj.http_only == 0 }}>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">状态</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="enable" value="1" title="启用" {{ 'checked' if obj.enable == 1 }}>
|
|
<input type="radio" name="enable" value="0" title="禁用" {{ 'checked' if obj.enable == 0 }}>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button type="button" class="layui-btn" lay-submit lay-filter="cookie-site-form-submit">立即提交</button>
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
{% include 'system/common/footer.html' %}
|
|
<script>
|
|
layui.use(['form', 'layer', 'laydate'], function(){
|
|
var form = layui.form;
|
|
var layer = layui.layer;
|
|
var laydate = layui.laydate;
|
|
var $ = layui.$;
|
|
|
|
laydate.render({ elem: '#expiry-picker', trigger: 'click' });
|
|
|
|
// 放宽网址校验:允许省略 http(s):// 协议头,后端会自动补齐
|
|
form.verify({
|
|
siteurl: function (value) {
|
|
if (!value) return;
|
|
var ok = /^(https?|ftp):\/\/[^\s]+$/i.test(value)
|
|
|| /^[\w-]+(\.[\w-]+)+(:\d+)?([/?#][^\s]*)?$/i.test(value);
|
|
if (!ok) return '网址格式不正确,例如 https://example.com 或 example.com';
|
|
}
|
|
});
|
|
|
|
form.render();
|
|
form.on('submit(cookie-site-form-submit)', function(){
|
|
var data = form.val('cookie-site-form');
|
|
var submitBtn = $('button[lay-filter="cookie-site-form-submit"]');
|
|
submitBtn.prop('disabled', true).addClass('layui-btn-disabled');
|
|
$.ajax({
|
|
url: '/system/cookie-site/update',
|
|
type: 'PUT',
|
|
contentType: 'application/json',
|
|
data: JSON.stringify({
|
|
cookieSiteId: data.cookieSiteId,
|
|
name: data.name,
|
|
url: data.url,
|
|
cookie_value: data.cookie_value,
|
|
domain: data.domain,
|
|
path: data.path,
|
|
expiry: data.expiry,
|
|
secure: data.secure,
|
|
http_only: data.http_only,
|
|
enable: data.enable
|
|
}),
|
|
success: function(res){
|
|
layer.msg(res.msg || (res.code === 0 ? '保存成功' : '保存失败'));
|
|
if (res.code === 0 || res.success) {
|
|
setTimeout(function(){ parent.layer.close(parent.layer.getFrameIndex(window.name)); }, 600);
|
|
}
|
|
},
|
|
error: function(){ layer.msg('请求失败'); },
|
|
complete: function(){
|
|
submitBtn.prop('disabled', false).removeClass('layui-btn-disabled');
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|