<!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;
|
}
|
|
#sure {
|
visibility: hidden;
|
}
|
|
.layui-form-label {
|
width: 200px;
|
}
|
|
.layui-input-block {
|
margin-left: 240px;
|
max-width: 500px;
|
}
|
|
.layui-input-block input {
|
max-width: 150px;
|
}
|
|
.small {
|
max-width: 75px !important;
|
}
|
|
.share-ratio {
|
display: flex;
|
margin-bottom: 10px;
|
}
|
|
.share-ratio .layui-form-label {
|
width: 50px;
|
padding-left: 0;
|
font-size: 12px;
|
text-align: left;
|
}
|
|
.share-ratio input {
|
width: 60px;
|
margin-right: 10px;
|
}
|
</style>
|
</head>
|
|
<body>
|
|
<form class="layui-form" lay-filter="edit">
|
<input type="hidden" name="id" />
|
<div class="layui-form-item">
|
<label class="layui-form-label">渠道代理名称：</label>
|
<div class="layui-input-inline">
|
<input type="text" name="name" required lay-verify="required" placeholder="代理名称" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">单日代付总频次限制：</label>
|
<div class="layui-input-inline">
|
<input type="text" name="maxKeyCountPerDay" required lay-verify="required|num" placeholder="口令提交总次数" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">单日代付总金额限制：</label>
|
<div class="layui-input-inline">
|
<input type="text" name="maxPayMoneyPerDay" required lay-verify="required|money" placeholder="单日代付总额" autocomplete="off" class="layui-input">
|
|
</div>
|
<div class="layui-form-mid layui-word-aux">元</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">提交口令时段:</label>
|
<div class="layui-input-inline" style="width: 100px;">
|
<input type="text" name="startSubmitTime" placeholder="开始时间" autocomplete="off" class="layui-input">
|
</div>
|
<div class="layui-form-mid">-</div>
|
<div class="layui-input-inline" style="width: 100px;">
|
<input type="text" name="endSubmitTime" placeholder="结束时间" autocomplete="off" class="layui-input">
|
</div>
|
<div class="layui-form-mid layui-word-aux">如不填写就采用系统默认</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">登录渠道代理后台账号：</label>
|
<div class="layui-input-inline">
|
<input type="text" name="account" required lay-verify="required" placeholder="账号" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">登录渠道代理后台密码：</label>
|
<div class="layui-input-inline">
|
<input type="password" name="pwd" required lay-verify="" placeholder="密码" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">支付宝信息：</label>
|
<div class="layui-input-inline">
|
<input type="text" name="alipayName" required lay-verify="" placeholder="支付宝姓名" autocomplete="off" class="layui-input">
|
</div>
|
<div class="layui-input-inline">
|
<input type="text" name="alipayAccount" required lay-verify="" placeholder="支付宝账号" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">口令提交链接：</label>
|
<div class="layui-input-inline">
|
<input type="text" name="submitKeyLink" id="submitKeyLink" readonly="readonly" value="http://www.baidu.com123123123123123123" placeholder="口令提交链接" autocomplete="off" class="layui-input">
|
</div>
|
<div class="layui-input-inline">
|
<button type="button" class="layui-form-mid layui-btn" onclick="copyLink()">复制</button>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">分成设置：</label>
|
<div class="layui-input-inline">
|
<div id="shareRatioContainer"></div>
|
|
<div class="layui-form-mid layui-word-aux">如不填写就采用系统默认</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">口令提交页面免单福利入口：</label>
|
<div class="layui-input-inline">
|
<input type="checkbox" checked name="open" lay-skin="switch" value="1" lay-filter="switchTest" title="">
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">屏蔽区域表达式：</label>
|
<div class="layui-input-inline">
|
<input type="text" name="shieldedAreas" required lay-verify="" placeholder="屏蔽区域表达式" autocomplete="off" class="layui-input">
|
<div class="layui-form-mid layui-word-aux">表达式之间采用逗号分割 如:重庆/重庆,山东/济南,山东/*</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">是否开启积分：</label>
|
<div class="layui-input-inline">
|
<input type="checkbox" name="creditEnable" required lay-verify="" autocomplete="off" class="layui-input">
|
<div class="layui-form-mid layui-word-aux">队员是否可得积分</div>
|
</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="shareRatioTemplate">
|
|
<div class="share-ratio">
|
<label class="layui-form-label">{{ d.label }}</label>
|
<input type="text" name="shareRatioInfos.{{d.name}}" required lay-verify="required|money" placeholder="" autocomplete="off" value="{{d.money}}" class="layui-input money">
|
<div class="layui-form-mid layui-word-aux">元/单</div>
|
</div>
|
|
</script>
|
<script>
|
var listener;
|
|
function submit(callback) {
|
//暂存回调方法
|
listener = callback;
|
//表单提交按钮
|
$("#sure").click();
|
}
|
|
function copyLink() {
|
try {
|
document.getElementById("submitKeyLink").select();
|
var successful = document.execCommand('copy');
|
if (successful) {
|
layer.msg("复制成功");
|
} else {
|
layer.msg("复制失败");
|
}
|
} catch (err) {
|
layer.msg("复制出错");
|
console.error('Oops, unable to copy', err);
|
}
|
}
|
layui.use(['form', 'layedit', 'laydate', 'laytpl'], function() {
|
var form = layui.form,
|
layer = layui.layer,
|
laydate = layui.laydate,
|
laytpl = layui.laytpl;
|
//自定义验证规则
|
form.verify({
|
num: [/^\d+$/, "必须为正整数"],
|
money: [/^\d+(\.\d{1,2})?$/, "金额最多保留2位小数"]
|
});
|
laydate.render({
|
elem: "input[name=startSubmitTime]",
|
type: "time",
|
value: new Date(),
|
isInitValue: false
|
});
|
laydate.render({
|
elem: "input[name=endSubmitTime]",
|
type: "time",
|
value: new Date(),
|
isInitValue: false
|
});
|
var id = http_util.getQueryString("id");
|
// 获取值
|
$.post("/admin/api/agent/getDetail", {
|
"id":id
|
}, function(response) {
|
if (response.code == 0) {
|
form.val("edit", response.data);
|
let shareRatioInfos = response.data.shareRatioInfos;
|
shareRatioInfos = JSON.parse(shareRatioInfos);
|
for (var i = 0; i < shareRatioInfos.length; i++) {
|
laytpl($('#shareRatioTemplate').html()).render(shareRatioInfos[i], function(html) {
|
$("#shareRatioContainer").append(html);
|
});
|
}
|
} else {
|
layer.msg(response.msg);
|
}
|
}, 'json').fail(function(jqXHR, textStatus, errorThrown) {
|
layer.msg("网络请求失败");
|
});
|
//监听提交
|
form.on('submit(sure)', function(data) {
|
listener(data.field);
|
return false;
|
});
|
});
|
</script>
|
</body>
|
|
</html>
|
