uploadReport.html
12 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: header('五类数据上报')"/>
<th:block th:include="include :: jquery-smartwizard-css"/>
<th:block th:include="include :: bootstrap-fileinput-css"/>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight" style="height: 100%;">
<div class="row">
<div class="col-sm-12">
<div class="ibox">
<div class="ibox-title">
<h5>
数据上报
</h5>
</div>
<div class="ibox-content">
<div id="smartwizard">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#step-1"> 数据上传 </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#step-2"> 数据校验对比 </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#step-3"> 上报成功 </a>
</li>
</ul>
<div class="tab-content" style="min-height: 300px;">
<div id="step-1" class="tab-pane" role="tabpanel" aria-labelledby="step-1">
<div>
<form class="form form-horizontal m-t" id="uploadForm">
<div class="form-group">
<input name="catalogId" type="hidden" th:value="*{catalogId}"/>
<input name="administrationType" class="form-control" type="hidden" th:value="*{administrationType}" >
<label class="col-sm-2 control-label is-required">行政管理类型</label>
<div class="col-sm-3">
<input name="administrationMsg" class="form-control" type="text" th:value="*{administrationMsg}" disabled="disabled">
</div>
<label class="col-sm-2 control-label is-required">行政相对人类别</label>
<div class="col-sm-3">
<input name="counterpartTypeName" class="form-control" type="text" th:value="*{counterpartTypeName}" disabled="disabled">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label is-required">文件：</label>
<div class="col-sm-7">
<input id="singleFile" name="file" type="file"/>
</div>
</div>
<div style="position: absolute;bottom: 10px;left: 40%;">
<button type="button" class="btn btn-w-m btn-primary"
onclick="uploadReport()">执行上报
</button>
</div>
</form>
</div>
</div>
<div id="step-2" class="tab-pane" role="tabpanel" aria-labelledby="step-2">
<div>
<div class="m-t-md">
<h4 id="check_prompt_msg">执行数据校验对比</h4>
<h4 id="check_msg" style="color: cadetblue;adding-left: 30px;"></h4>
<h4 id="check_exp_msg" style="color: red;adding-left: 30px; margin-left: 20px;"></h4>
<h4 id="check_limit_msg" style="color: red;adding-left: 30px; margin-left: 20px;"></h4>
</div>
</div>
<div style="position: absolute;bottom: 10px;left: 40%;">
<button type="button" class="btn btn-w-m btn-default" onclick="backStep()">
上一步查看
</button>
<button type="button" class="btn btn-w-m btn-primary" onclick="checkCompare()">
执行比较对比
</button>
</div>
</div>
<div id="step-3" class="tab-pane" role="tabpanel" aria-labelledby="step-3">
<div class="m-t-md">
<h4>上报校验对比结果：</h4>
<h4 id="check_content" style="color: cadetblue;adding-left: 30px;"></h4>
<h4 id="check_exp_content" style="color: red;adding-left: 30px; margin-left: 20px;"></h4>
<h4>上报执行确认结果：</h4>
<h4 id="report_total_content" style="color: green;adding-left: 30px;margin-left: 20px;" ></h4>
<a onclick="openReportError()"><h4 id="report_normal_content" style="color: blue;adding-left: 30px;margin-left: 20px;" ></h4></a>
<a onclick="openReportError()"><h4 id="report_error_content" style="color: blue;adding-left: 30px;margin-left: 20px;" ></h4></a>
</div>
<div style="position: absolute;bottom: 10px;left: 40%;">
<button type="button" class="btn btn-w-m btn-default" onclick="backStep()">上一步查看</button>
<button type="button" id="submitBtn" class="btn btn-w-m btn-primary" onclick="submit()">上报确认</button>
<button type="button" class="btn btn-w-m btn-danger" onclick="closeItem()">关闭</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: jquery-smartwizard-js"/>
<th:block th:include="include :: bootstrap-fileinput-js"/>
<script>
var prefix = ctx + "business/administration";
$(document).ready(function () {
// 初始化表单向导组件
$('#smartwizard').smartWizard({
theme: 'arrows', // default, arrows, dots, progress
autoAdjustHeight: true, // 自动调整高度, 默认true
enableURLhash: false, //开启URL hash,开启后点击浏览器前进后退按钮会执行下一步和上一步操作
transition: {
animation: 'slide-horizontal', // Effect on navigation, none/fade/slide-horizontal/slide-vertical/slide-swing
},
toolbarSettings: {
showNextButton: false,// 因为上面自定义了下一步按钮, 所以隐藏掉插件自带的按钮, 如果不使用自定义按钮, 需要改为true或者去掉该属性
showPreviousButton: false,// 因为上面自定义了上一步按钮, 所以隐藏掉插件自带的按钮, 如果不使用自定义按钮, 需要改为true或者去掉该属性
//toolbarExtraButtons: [btnPrev,btnNext,btnFinish],// 扩展的按钮集合 btnCancel
toolbarButtonPosition: "none"
}
});
});
function uploadReport() {
//清空异常数据显示
$("#check_msg").html("");
$("#check_content").html("");
$("#check_exp_msg").html("");
$("#check_exp_content").html("");
$("#check_limit_msg").html("");
$('#smartwizard').smartWizard("next");
}
function backStep() {
$('#smartwizard').smartWizard("prev");
}
function openReportError() {
var administrationType = $("input[name='administrationType']").val();
if (administrationType) {
$.modal.openTab("异常数据查询", prefix + "/input/error/listView");
}
}
function checkCompare() {
$.modal.loading("数据处理中");
var form = new FormData(document.getElementById("uploadForm"));
$.ajax({
url: prefix + "/uploadCheck",
type: "post",
data: form,
processData: false,
contentType: false,
success: function (result) {
$.modal.closeLoading();
if (result.code == web_status.SUCCESS) {
if (result.data) {
$("#check_msg").html(result.data.checkMsg);
$("#check_content").html(result.data.checkMsg);
$("#check_limit_msg").html(result.data.limitError);
$("#check_exp_msg").html(result.data.expContent);
$("#check_exp_content").html(result.data.expContent);
if (result.data.showNext) {
$('#smartwizard').smartWizard("next");
var submitBtn = document.getElementById("submitBtn");
submitBtn.disabled = false;
} else {
//上报完成禁用按钮
var submitBtn = document.getElementById("submitBtn");
submitBtn.disabled = true;
}
}
} else {
$.modal.alertError(result.msg);
}
},
error: function (e) {
$.modal.closeLoading();
$("#check_msg").html("文件类型与使用模板不正确");
$("#check_content").html("文件类型与使用模板不正确");
}
});
}
function submit() {
$.modal.loading("数据上报确认处理中");
var form = new FormData(document.getElementById("uploadForm"));
$.ajax({
url: prefix + "/uploadConfirm",
type: "post",
data: form,
processData: false,
contentType: false,
success: function (result) {
$.modal.closeLoading();
if (result.code == web_status.SUCCESS) {
$.operate.successCallback(result);
if (result.data) {
$("#report_total_content").html(result.data.totalMsg)
$("#report_normal_content").html(result.data.normalMsg)
$("#report_error_content").html(result.data.errorMsg)
}
} else {
$.modal.alertError(result.msg);
}
//上报完成禁用按钮
var submitBtn = document.getElementById("submitBtn");
submitBtn.disabled = true;
},
error: function (e) {
$.modal.closeLoading();
$.modal.alertError("文件类型与使用模板不正确！");
}
});
}
</script>
</body>
</html>