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
{extend name="public:base" /}
{block name="body"}
<style type="text/css">
.layui-table-page{
text-align: right;
}
</style>
<div class="layui-fluid">
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-body">
<form class="layui-form">
<div class="layui-input-inline" style="width:150px;">
<select name="search_type" id="search_type" >
<option value="1" selected="selected" {if $search_type eq 1 } selected {/if}>抄表单号</option>
<option value="2" {if $search_type eq 2 } selected {/if}>站名</option>
<option value="3" {if $search_type eq 3 } selected {/if}>电表识别号</option>
</select>
</div>
<div class="layui-input-inline">
<input type="text" name="search_text"
style="width:150px;" placeholder="搜索内容" autocomplete="off" id="search_text" class="layui-input" value="{$search_text}">
</div>
<div class="layui-input-inline" style="width:150px;">
<select name="status" id="useage_status" >
<option value="0" selected="selected" {if $status eq 0 } selected {/if}>全部</option>
<option value="1" {if $status eq 1 } selected {/if}>未审核</option>
<option value="2" {if $status eq 2 } selected {/if}>已审核</option>
</select>
</div>
<div class="layui-input-inline" style="width:150px;">
<select name="cp_date" id="cp_date">
<option value="1">抄表日期</option>
<!--<option value="2">缴费日期</option>-->
</select>
</div>
<div class="layui-input-inline">
<input type="text" name="date_start" id="date_start" placeholder="开始日期" autocomplete="off" class="layui-input" style="width:150px;" value="{$date_start}">
</div>
<div class="layui-input-inline">
<input type="text" name="date_end" style="width:150px;" id="date_end" placeholder="结束日期" autocomplete="off" class="layui-input" value="{$date_end}">
</div>
<div class="layui-input-inline">
<button class="layui-btn" lay-submit="" lay-filter="search">
<i class="layui-icon"></i></button>
</div>
</form>
</div>
<div class="layui-card-body ">
<table class="layui-table" lay-filter="useage" lay-data="{ url:'/useage', page:true, id:'idTest',where:{search_type:document.getElementById('search_type').value,search_text:document.getElementById('search_text').value,date_start:document.getElementById('date_start').value,date_end:document.getElementById('date_end').value,cp_date:document.getElementById('cp_date').value,status:document.getElementById('useage_status').value} }">
<thead>
<tr>
<th lay-data="{templet: '#useage_id',sort: true} ">抄表单号</th>
<th lay-data="{field:'station_name'}">所属基站名</th>
<th lay-data="{field:'em_numb'} ">所属电表号</th>
<th lay-data="{field:'last_date',sort: true}">上次日期</th>
<th lay-data="{field:'current_date',sort: true}">本次日期</th>
<th lay-data="{field:'last_sum_numb'}">上次度数</th>
<th lay-data="{field:'current_sum_numb'}">本次度数</th>
<th lay-data="{field:'repo_numb'}">用电量</th>
<th lay-data="{templet: '#status',sort: true}">状态</th>
<th lay-data="{templet: '#photo_id',sort: true}">抄表凭证</th>
<th lay-data="{fixed: 'right', align:'center', toolbar: '#barDemo'}">操作</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/html" id="useage_id">
<a class="layui-link" title="查看" href="/useage/{{d.useage_id}}">{{d.useage_id}}</a>
</script>
<script type="text/html" id="photo_id">
{{# if(d.photo_id >0){ }}
已上传
{{# }else { }}
未上传
{{# } }}
</script>
<script type="text/html" id="status">
{{# if(d.status == 2){ }}
<span class="layui-bg-blue">已审核</span>
{{# }else { }}
<span class="layui-bg-green">未审核</span>
{{# } }}
</script>
{if $admin == true}
<script type="text/html" id="barDemo">
{{# if(d.status == 1){ }}
<a title="删除" class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del">删除</a>
{{# } }}
</script>
{/if}
<script>
layui.use(['laydate','form','table'], function(){
var laydate = layui.laydate,
form = layui.form,
table = layui.table;
laydate.render({
elem:'#date_end',
trigger:'click',
})
laydate.render({
elem:'#date_start',
trigger:'click',
})
table.on('tool(useage)', function(obj){
var data = obj.data;
console.log(data.useage_id)
if(obj.event === 'del') {
layer.confirm('确认要删除吗?',function(index){
$.ajax({
url: '/useage_del',
method: "POST",
data: {uid:data.useage_id},
dataType: "json",
success: function (data) {
if(data.status == 1){
layer.msg(data.message,{icon: 6,time: 2000},function(){
obj.del();
layer.close(index);
location.reload()
})
} else {
layer.msg(data.message,{icon: 5,time: 1000 })
}
}
});
});
}
});
});
</script>
{/block}