Index.cshtml
6.51 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
@{
ViewData["Title"] = "设备运行监控总览";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@section header {
<style>
tbody .layui-table-cell {
height: 36px !important;
line-height: 36px !important;
}
.div-style {
border: 2px solid #009688;
border-bottom: 1px solid #009688;
margin:5px;
height:170px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:left;
}
.div-title {
border-bottom: 1px solid #009688;
align-items: center;
padding-left:10px;
height: 50px;
font-size:12pt;
font-weight:bold;
}
.div-left {
height: 60px;
display: flex;
border-right: 1px solid #009688;
border-bottom: 1px solid #009688;
align-items: center;
justify-content:center;
font-size: 18pt;
}
.div-right {
height: 60px;
display: flex;
justify-content: center;
border-bottom: 1px solid #009688;
align-items: center;
font-size: 18pt;
}
.equipmentImg {
/*width: 220px;
height: 200px;*/
width: 99%;
height: 116px;
margin-top:60px;
border: 1px solid #C0C0C0;
cursor: pointer;
}
.loupe-style {
position: absolute;
right: 1%;
top: 7%;
cursor: pointer;
}
</style>
}
<div id="listForm" class="layui-row">
<div class="layui-col-xs12">
<!--搜索框-->
<form class="layui-form layui-form-pane" action="" lay-filter="listForm">
<div class="layui-form-item">
<fieldset class="layui-elem-field" style="width:100%;">
<div class="layui-field-box" id="qform">
<div class="layui-form-item layui-col-sm12">
<div class="layui-inline toolList">
<a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius" onclick="clickButton(this)"><i class="layui-icon"></i>查询</a>
<label style="color:blue;margin-left:50px;">已处理的设备报警记录,不参与故障数统计运算!</label>
@*<a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger" data-type="btnClose"><i class="layui-icon"></i>关闭</a>*@
</div>
</div>
<div class="layui-row">
<div class="layui-col-sm3">
<label class="layui-form-label layui-col-sm3">区域</label>
<div class="layui-input-inline layui-col-sm9">
<select name="warehouseName" class="layui-select">
</select>
</div>
</div>
<div class="layui-col-sm3">
<label class="layui-form-label layui-col-sm3">库位</label>
<div class="layui-input-inline layui-col-sm9">
<select name="equipmentName" class="layui-select">
</select>
</div>
</div>
<div class="layui-col-sm3">
<label class="layui-form-label layui-col-sm3">统计类型</label>
<div class="layui-input-inline layui-col-sm9">
<select name="dateType" class="layui-select">
<option value="">请选择</option>
<option value="year">按【年】统计</option>
<option value="month">按【月】统计</option>
<option value="day">按【日】统计</option>
</select>
</div>
</div>
<div class="layui-col-sm3">
<label class="layui-form-label layui-col-sm3">选择日期</label>
<div class="layui-input-inline layui-col-sm9">
<label id="nothing" class="layui-form-label layui-col-sm3" style="background-color:#fff;width:100% !important; text-align:left;">请选择统计类型</label>
<div id="yearDiv">
<select id="year" name="year" class="layui-select">
@*<option>请选择</option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
<option>2022</option>
<option>2023</option>*@
</select>
</div>
<input id="month" name="month" type="month" class="layui-input" onblur="inputMonth(this)">
<input id="day" name="day" type="date" class="layui-input" onblur="inputDay(this)">
</div>
</div>
</div>
</div>
</fieldset>
</div>
</form>
<!--列表-->
@*<table id="mainList" lay-filter="mainList"> </table>*@
<div id="alarmContent"></div>
</div>
</div>
@section Scripts{
<script src="~/js/sysLocalDataSource.js"></script>
<script type="text/javascript" src="/productjs/dashboard/alarmOverview.js" asp-append-version="true"></script>
<script type="text/javascript">
function clickButton(par) {
action.btnLoad(par);
}
function clickButtonReset(par) {
action.btnResetNew(par);
}
function inputMonth(par) {
action.inputMonth(par);
}
function inputDay(par) {
action.inputDay(par);
}
</script>
}