Files
HTCloud/HT.Cloud.Web/Areas/DataStatisticalManage/Views/StatisticalSetting/Index.cshtml
2024-10-12 11:15:47 +08:00

166 lines
5.1 KiB
Plaintext

@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Index.cshtml";
}
<style>
.layui-table-tool > .layui-table-tool-temp {
padding-right: 0px;
}
</style>
<script>
layui.use(['jquery', 'form', 'table', 'common', 'dtree', 'commonTable', 'optimizeSelectOption'], function () {
var $ = layui.jquery,
form = layui.form,
commonTable = layui.commonTable,
table = layui.table,
dtree = layui.dtree,
laydate = layui.laydate,
//echarts = layui.echarts,
common = layui.common;
//加载数据
wcLoading.close();
//权限控制(js是值传递)
//toolbarDemo.innerHTML = common.authorizeButtonNew(toolbarDemo.innerHTML);
// 时间范围
laydate.render({
elem: '#ID-laydate-range-time1',
type: 'time',
range: true
});
laydate.render({
elem: '#ID-laydate-range-time2',
type: 'time',
range: true
}); laydate.render({
elem: '#ID-laydate-range-time3',
type: 'time',
range: true
});
laydate.render({
elem: '#ID-laydate-range-time4',
type: 'time',
range: true
});
form.on('submit(demo2)', function (data) {
var field = data.field; // 获取表单全部字段值
debugger;
var elem = data.elem; // 获取当前触发事件的元素 DOM 对象,一般为 button 标签
var elemForm = data.form; // 获取当前表单域的 form 元素对象,若容器为 form 标签才会返回。
// 显示填写结果,仅作演示用
layer.alert(JSON.stringify(field), {
title: '当前填写的字段值'
});
// 此处可执行 Ajax 等操作
// …
return false; // 阻止默认 form 跳转
});
});
</script>
<html style="height:100%">
<body style="height:100%">
<script type="text/javascript" src="~/lib/echarts-5.3.0/dist/echarts.js"></script>
<div class="layui-collapse">
<div class="layui-colla-item">
<div class="layui-colla-title">生产统计参数</div>
<div class="layui-colla-content">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">原煤水份(%)</label>
<div class="layui-input-block">
<input type="text" value="15" name="username" 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-block">
<input type="text" value="1" name="username" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="submit" class="layui-btn" lay-submit lay-filter="demo1">提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</div>
</div>
<div class="layui-colla-item">
<div class="layui-colla-title">峰谷电时段设置</div>
<div class="layui-colla-content">
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">平电区间</label>
<div class="layui-input-inline">
<input type="text" value="00:00:00 - 23:59:59" class="layui-input" id="ID-laydate-range-time1" placeholder=" - ">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">峰电区间</label>
<div class="layui-input-inline">
<input type="text" value="00:00:00 - 23:59:59" class="layui-input" id="ID-laydate-range-time2" placeholder=" - ">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">谷电区间</label>
<div class="layui-input-inline">
<input type="text" value="00:00:00 - 23:59:59" class="layui-input" id="ID-laydate-range-time3" placeholder=" - ">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">尖电区间</label>
<div class="layui-input-inline">
<input type="text" value="00:00:00 - 23:59:59" class="layui-input" id="ID-laydate-range-time4" placeholder=" - ">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="submit" class="layui-btn" lay-submit lay-filter="demo2">提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</div>
</div>
<div class="layui-colla-item">
<div class="layui-colla-title">手自动参数设置</div>
<div class="layui-colla-content">
<ul>
<li>Content list</li>
<li>Content list</li>
</ul>
</div>
</div>
<div class="layui-colla-item">
<div class="layui-colla-title">折叠面板的标题</div>
<div class="layui-colla-content">
<p>折叠面板的内容</p>
</div>
</div>
</div>
</body>
</html>