<div class="layui-fluid layui-anim febs-anim" id="plan-setting" lay-title="挂机时间设置">
|
<div class="layui-row layui-col-space8 febs-container">
|
<form class="layui-form" action="" lay-filter="plan-setting-form">
|
<div class="layui-card">
|
<div class="m-title">挂机时间设置</div>
|
<div class="layui-card-body">
|
<div class="layui-form-item">
|
<label class="layui-form-label">挂机开始时间：</label>
|
<div class="layui-input-block" style="width: 50%">
|
<input type="text" class="layui-input" id="startTime" placeholder="HH:mm:ss" name="startTime">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">挂机结束时间：</label>
|
<div class="layui-input-block" style="width: 50%">
|
<input type="text" class="layui-input" id="endTime" placeholder="HH:mm:ss" name="endTime">
|
</div>
|
<div class="layui-input-block">
|
<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-block" style="width: 50%">
|
<!-- <input type="text" name="maxHours"-->
|
<!-- lay-verify="" autocomplete="off" class="layui-input" >-->
|
|
<input type="text" name="maxHours" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" class="layui-input"/>
|
<!-- <input type="text" lay-verify="number" name="maxHours" value="0.000" onblur="value=zhzs(this.value)" class="layui-input"/>-->
|
</div>
|
<div class="layui-input-block">
|
<div class="layui-form-mid layui-word-aux">持续挂机时长表示：不手动点击结束的自动挂机时长</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-card-footer">
|
<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="plan-setting-form-submit" id="submit">保存</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<style>
|
.layui-form-label {
|
width: 120px;
|
}
|
|
.layui-form-item .layui-input-block {
|
margin-left: 150px;
|
}
|
|
.layui-table-form .layui-form-item {
|
margin-bottom: 20px !important;
|
}
|
.m-title{
|
position: relative;
|
font-size: 16px;
|
font-weight: bold;
|
color: #000000;
|
padding-left: 20px;
|
margin: 0 0 10px;
|
}
|
.m-title::before{
|
content: '';
|
position: absolute;
|
left: 0;
|
width: 4px;
|
height: 20px;
|
background: #1890ff;
|
}
|
</style>
|
<script data-th-inline="javascript" type="text/javascript">
|
layui.use(['dropdown', 'jquery', 'validate', 'febs', 'form', 'laydate'], function () {
|
var $ = layui.jquery,
|
febs = layui.febs,
|
form = layui.form,
|
validate = layui.validate,
|
planSet = [[${planSet}]],
|
$view = $('#plan-setting'),
|
laydate = layui.laydate;
|
|
//时间选择器
|
laydate.render({
|
elem: '#startTime'
|
,type: 'time'
|
});
|
//时间选择器
|
laydate.render({
|
elem: '#endTime'
|
,type: 'time'
|
});
|
|
form.verify(validate);
|
form.render();
|
initUserValue();
|
|
function initUserValue() {
|
$("#startTime").val(planSet.startTime);
|
$("#endTime").val(planSet.endTime);
|
form.val("plan-setting-form", {
|
"maxHours": planSet.maxHours,
|
"startTime": planSet.startTime,
|
"endTime": planSet.endTime
|
});
|
}
|
|
form.on('submit(plan-setting-form-submit)', function (data) {
|
console.log(data.field);
|
febs.post(ctx + 'admin/onHook/setPlan', data.field, function (res) {
|
febs.alert.success('设置成功');
|
});
|
return false;
|
});
|
/*自定义处理数字*/
|
function zhzs(value) {
|
value = value.replace(/[^\d]/g, '').replace(/^0{1,}/g, '');
|
if (value != '')
|
value = parseFloat(value).toFixed(3);
|
else
|
value = parseFloat(0).toFixed(3);
|
return value;
|
}
|
|
});
|
</script>
|
