<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>支付设置</title>
|
<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
|
<style>
|
body {
|
padding: 10px;
|
}
|
|
input {
|
width: 100px !important;
|
display: inline;
|
}
|
|
.layui-input-inline{
|
width: 400px;
|
display:flex;
|
align-items:center;
|
}
|
.layui-form-item{
|
display:flex;
|
align-items:center;
|
}
|
|
.layui-icon{
|
margin-left: 10px;
|
}
|
|
</style>
|
</head>
|
|
<body>
|
|
<form class="layui-form" lay-filter="edit">
|
<div class="layui-form-item">
|
<label class="layui-form-label"></label>
|
<div class="layui-input-inline">
|
<input class="layui-btn layui-btn-danger" id="add" type="button" value="新增金额"/>
|
</div>
|
</div>
|
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">口令可提交时间</label>
|
<div class="layui-input-inline">
|
<input type="text" id = "start_submit_time" name="startSubmitTime" required lay-verify="required|time"
|
placeholder="起始时间" autocomplete="off" class="layui-input layui-input-inline">
|
<input type="text" id = "end_submit_time" name="endSubmitTime" required lay-verify="required|time"
|
placeholder="结束时间" autocomplete="off" class="layui-input layui-input-inline">
|
</div>
|
</div>
|
|
<div class="layui-input-block">
|
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="sure" id="sure">确定</button>
|
</div>
|
</form>
|
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/http_api.js"></script>
|
<script type="text/html" id="payMoneyTemplate">
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">{{ d.label }}</label>
|
<div class="layui-input-inline">
|
<input type="text" name="money_{{d.index}}" required lay-verify="required|money"
|
placeholder="保留2位小数" autocomplete="off" value="{{ d.money }}" class="layui-input money">
|
<span class="layui-icon layui-icon-close delete"></span>
|
</div>
|
</div>
|
|
</script>
|
|
<script>
|
layui.use(['form', 'layedit', 'laydate', 'laytpl'], function() {
|
var form = layui.form,
|
layer = layui.layer,
|
laydate = layui.laydate,
|
laytpl = layui.laytpl
|
;
|
|
laydate.render({
|
elem: "#start_submit_time",
|
type: "time",
|
value: new Date(),
|
isInitValue:false
|
});
|
laydate.render({
|
elem: "#end_submit_time",
|
type: "time",
|
value: new Date(),
|
isInitValue:false
|
});
|
|
$("#add").click(function(){
|
const index = $(".money").length + 1;
|
laytpl($('#payMoneyTemplate').html()).render({"index": index, "label":"金额"+ index,"money":""}, function(html){
|
$("#add").parent().parent().before(html);
|
});
|
$(".delete").bind("click",function(e){
|
$(e.target).parent().parent().remove();
|
});
|
});
|
|
// 在 iframe 内部的子页面中
|
// 示例：向父页面发送消息
|
window.parent.postMessage('Hello from iframe child!', window.location.href);
|
|
|
//自定义验证规则
|
form.verify({
|
money: [/^\d+(\.\d{1,2})?$/, "金额最多保留2位小数"]
|
});
|
|
let index = layer.load(1);
|
|
$.post("/admin/api/settings/getPayMoneyAndTime", {},
|
function(response) {
|
layer.close(index);
|
if (response.code == 0) {
|
form.val("edit", response.data);
|
// 设置资金
|
for(var i=0;i<response.data.moneys.length;i++){
|
laytpl($('#payMoneyTemplate').html()).render({"index": i+1, "label":"金额"+ (i+1),"money":response.data.moneys[i]}, function(html){
|
$("#add").parent().parent().before(html);
|
$(".delete").bind("click",function(e){
|
$(e.target).parent().parent().remove();
|
});
|
});
|
}
|
} else {
|
layer.msg(response.msg);
|
}
|
}, 'json').fail(function(jqXHR, textStatus, errorThrown) {
|
layer.msg("网络请求失败");
|
layer.close(index);
|
});
|
|
|
//监听提交
|
form.on('submit(sure)', function(data) {
|
|
var params = {"moneys":[]};
|
for(var key in data.field){
|
if(key.indexOf("money_")==0){
|
params["moneys"].push(data.field[key]);
|
}else{
|
params[key] = data.field[key];
|
}
|
}
|
params["moneys"] = JSON.stringify(params["moneys"]);
|
$.post("/admin/api/settings/setPayMoneyAndTime", params,
|
function(response) {
|
if (response.code == 0) {
|
layer.msg("修改成功");
|
} else {
|
layer.msg(response.msg);
|
}
|
}, 'json').fail(function(jqXHR, textStatus, errorThrown) {
|
layer.msg("网络请求失败");
|
});
|
return false;
|
});
|
|
});
|
</script>
|
</body>
|
|
</html>
|
