|
@@ -1,323 +1,352 @@
|
1
|
1
|
<html lang="zh-CN">
|
2
|
|
-<head
|
3
|
|
- th:replace="common/common_header::common_header(~{},~{::link},~{::style},~{::script},'')">
|
4
|
|
-<meta charset="utf-8" />
|
5
|
|
-<head>
|
6
|
|
-<script type="text/javascript" th:src="@{/js/jquery.smartWizard-2.0.min.js}"></script>
|
7
|
|
-<link th:href="@{/style/smartwizard/smart_wizard.css}" rel="stylesheet" type="text/css"/>
|
8
|
|
-<link th:href="@{/js/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
|
9
|
|
-<script type="text/javascript" th:src="@{/js/treeview/js/bootstrap-treeview.js}"></script>
|
10
|
|
-<script type="text/javascript">
|
11
|
|
- $(document).ready(function() {
|
12
|
|
- // Smart Wizard
|
13
|
|
- $('#wizard').smartWizard({
|
14
|
|
- labelNext : '下一步',
|
15
|
|
- labelPrevious : '上一步',
|
16
|
|
- labelFinish : '导出',
|
17
|
|
- onLeaveStep:leaveAStepCallback,
|
18
|
|
- onFinish:onFinishCallback ,
|
19
|
|
- enableFinishButton:false
|
20
|
|
- });
|
21
|
2
|
|
22
|
|
- function leaveAStepCallback(obj){
|
23
|
|
- var step_num= obj.attr('rel');
|
24
|
|
- return validateSteps(step_num);
|
25
|
|
- }
|
26
|
|
-
|
27
|
|
- function onFinishCallback() {
|
28
|
|
- if (validateAllSteps()){
|
29
|
|
- $('.actionBar a.buttonFinish').addClass("buttonDisabled");
|
30
|
|
- form_submit();
|
31
|
|
- }
|
32
|
|
- }
|
33
|
|
- //导出数据
|
34
|
|
- function form_submit(){
|
35
|
|
-
|
36
|
|
- var formdata = $("#mForm").serializeArray();
|
37
|
|
- var json = {};
|
38
|
|
- $(formdata).each(function(index, obj) {
|
39
|
|
- if(obj.name == "modes"){
|
40
|
|
- let modes = $("#modes").val();
|
41
|
|
- modes = modes.substring(1);
|
42
|
|
- json[obj.name] = modes;
|
43
|
|
- }else{
|
44
|
|
- json[obj.name] = obj.value;
|
|
3
|
+<head th:replace="common/common_header::common_header(~{},~{::link},~{::style},~{::script},'')">
|
|
4
|
+ <meta charset="utf-8" />
|
|
5
|
+
|
|
6
|
+ <head>
|
|
7
|
+ <script type="text/javascript" th:src="@{/js/jquery.smartWizard-2.0.min.js}"></script>
|
|
8
|
+ <link th:href="@{/style/smartwizard/smart_wizard.css}" rel="stylesheet" type="text/css" />
|
|
9
|
+ <link th:href="@{/js/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
|
|
10
|
+ <script type="text/javascript" th:src="@{/js/treeview/js/bootstrap-treeview.js}"></script>
|
|
11
|
+ <script type="text/javascript">
|
|
12
|
+ $(document).ready(function () {
|
|
13
|
+ // Smart Wizard
|
|
14
|
+ $('#wizard').smartWizard({
|
|
15
|
+ transitionEffect: 'slideleft',
|
|
16
|
+ theme: 'dots',
|
|
17
|
+ labelNext: '下一步',
|
|
18
|
+ labelPrevious: '上一步',
|
|
19
|
+ labelFinish: '导出',
|
|
20
|
+ onLeaveStep: leaveAStepCallback,
|
|
21
|
+ onFinish: onFinishCallback,
|
|
22
|
+ enableFinishButton: false
|
|
23
|
+ });
|
|
24
|
+
|
|
25
|
+ function leaveAStepCallback (obj) {
|
|
26
|
+ var step_num = obj.attr('rel');
|
|
27
|
+ return validateSteps(step_num);
|
45
|
28
|
}
|
46
|
|
- });
|
47
|
|
- $.ajax({
|
48
|
|
- url:ctxPath + 'api/exportData/downLoad',
|
49
|
|
- type:'post',
|
50
|
|
- beforeSend: function () {
|
51
|
|
- $("#step").hide();
|
52
|
|
- $(".buttonPrevious").addClass("buttonDisabled");
|
53
|
|
- },
|
54
|
|
- complete: function () {
|
55
|
|
- $("#step").show();
|
56
|
|
- },
|
57
|
|
- data:{params:JSON.stringify(json)},
|
58
|
|
- dataType:'json',
|
59
|
|
- success:function(result){
|
60
|
|
- var json = result
|
61
|
|
- if(json.msg){
|
62
|
|
- $("#step").html("正在进行数据库导出。。。");
|
63
|
|
- let time = 300
|
64
|
|
- setTimeout(function(){
|
65
|
|
- changeMsg('正在进行图片、文档等资料导出。。。')
|
66
|
|
- },time);
|
67
|
|
- time += 300
|
68
|
|
- setTimeout(function(){
|
69
|
|
- changeMsg('正在进行数据压缩。。。')
|
70
|
|
- },time);
|
71
|
|
- time += 1500
|
72
|
|
- setTimeout(function(){
|
73
|
|
- changeMsg('正在加载数字证书。。。')
|
74
|
|
- },time);
|
75
|
|
- time += 100
|
76
|
|
- setTimeout(function(){
|
77
|
|
- changeMsg('正在进行数据加密。。。')
|
78
|
|
- },time);
|
79
|
|
- time += 1300
|
80
|
|
- setTimeout(function(){
|
81
|
|
- ajaxPostLoadFile(json.zippath);
|
82
|
|
- top.bootbox.alert('数据导出成功,正在下载!', function(result){
|
|
29
|
+
|
|
30
|
+ function onFinishCallback () {
|
|
31
|
+ if (validateAllSteps()) {
|
|
32
|
+ $('.actionBar a.buttonFinish').addClass("buttonDisabled");
|
|
33
|
+ form_submit();
|
|
34
|
+ }
|
|
35
|
+ }
|
|
36
|
+ //导出数据
|
|
37
|
+ function form_submit () {
|
|
38
|
+
|
|
39
|
+ var formdata = $("#mForm").serializeArray();
|
|
40
|
+ var json = {};
|
|
41
|
+ $(formdata).each(function (index, obj) {
|
|
42
|
+ if (obj.name == "modes") {
|
|
43
|
+ let modes = $("#modes").val();
|
|
44
|
+ modes = modes.substring(1);
|
|
45
|
+ json[obj.name] = modes;
|
|
46
|
+ } else {
|
|
47
|
+ json[obj.name] = obj.value;
|
|
48
|
+ }
|
|
49
|
+ });
|
|
50
|
+ $.ajax({
|
|
51
|
+ url: ctxPath + 'api/exportData/downLoad',
|
|
52
|
+ type: 'post',
|
|
53
|
+ beforeSend: function () {
|
|
54
|
+ $("#step").hide();
|
|
55
|
+ $(".buttonPrevious").addClass("buttonDisabled");
|
|
56
|
+ },
|
|
57
|
+ complete: function () {
|
|
58
|
+ $("#step").show();
|
|
59
|
+ },
|
|
60
|
+ data: { params: JSON.stringify(json) },
|
|
61
|
+ dataType: 'json',
|
|
62
|
+ success: function (result) {
|
|
63
|
+ var json = result
|
|
64
|
+ if (json.msg) {
|
|
65
|
+ $("#step").html("正在进行数据库导出。。。");
|
|
66
|
+ let time = 300
|
|
67
|
+ setTimeout(function () {
|
|
68
|
+ changeMsg('正在进行图片、文档等资料导出。。。')
|
|
69
|
+ }, time);
|
|
70
|
+ time += 300
|
|
71
|
+ setTimeout(function () {
|
|
72
|
+ changeMsg('正在进行数据压缩。。。')
|
|
73
|
+ }, time);
|
|
74
|
+ time += 1500
|
|
75
|
+ setTimeout(function () {
|
|
76
|
+ changeMsg('正在加载数字证书。。。')
|
|
77
|
+ }, time);
|
|
78
|
+ time += 100
|
|
79
|
+ setTimeout(function () {
|
|
80
|
+ changeMsg('正在进行数据加密。。。')
|
|
81
|
+ }, time);
|
|
82
|
+ time += 1300
|
|
83
|
+ setTimeout(function () {
|
|
84
|
+ ajaxPostLoadFile(json.zippath);
|
|
85
|
+ top.bootbox.alert('数据导出成功,正在下载!', function (result) {
|
|
86
|
+ top.toMain();
|
|
87
|
+ });
|
|
88
|
+ }, time);
|
|
89
|
+
|
|
90
|
+ } else {
|
|
91
|
+ top.bootbox.alert("导出文件出错,请联系管理员!", function () {
|
|
92
|
+ top.toMain();
|
|
93
|
+ });
|
|
94
|
+ }
|
|
95
|
+ },
|
|
96
|
+ error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|
97
|
+ top.bootbox.alert("导出文件出错,请联系管理员!", function () {
|
83
|
98
|
top.toMain();
|
84
|
99
|
});
|
85
|
|
- },time);
|
86
|
|
-
|
87
|
|
- }else{
|
88
|
|
- top.bootbox.alert("导出文件出错,请联系管理员!",function(){
|
89
|
|
- top.toMain();
|
90
|
|
- });
|
91
|
|
- }
|
92
|
|
- },
|
93
|
|
- error: function(XMLHttpRequest, textStatus, errorThrown) {
|
94
|
|
- top.bootbox.alert("导出文件出错,请联系管理员!",function(){
|
95
|
|
- top.toMain();
|
96
|
|
- });
|
|
100
|
+ }
|
|
101
|
+ })
|
97
|
102
|
}
|
98
|
|
- })
|
99
|
|
- }
|
100
|
|
-
|
101
|
|
- function validateAllSteps() {
|
102
|
|
- var isStepValid = true;
|
103
|
|
- if ($('#regionid').val() == "" || $('#modes').val() == "") {
|
104
|
|
- isStepValid = false;
|
105
|
|
- $('#wizard').smartWizard('setError', {
|
106
|
|
- stepnum : 1,
|
107
|
|
- iserror : true
|
108
|
|
- });
|
109
|
|
- } else {
|
110
|
|
- $('#wizard').smartWizard('setError', {
|
111
|
|
- stepnum : 1,
|
112
|
|
- iserror : false
|
113
|
|
- });
|
114
|
|
- }
|
115
|
|
- if (!isStepValid) {
|
116
|
|
- //$('#wizard').smartWizard('showMessage', '请您先行执行第一步、第二步。');
|
117
|
|
- $('#wizard').smartWizard('showMessage', '请您先行执行第一步。');
|
118
|
103
|
|
119
|
|
- }
|
|
104
|
+ function validateAllSteps () {
|
|
105
|
+ var isStepValid = true;
|
|
106
|
+ if ($('#regionid').val() == "" || $('#modes').val() == "") {
|
|
107
|
+ isStepValid = false;
|
|
108
|
+ $('#wizard').smartWizard('setError', {
|
|
109
|
+ stepnum: 1,
|
|
110
|
+ iserror: true
|
|
111
|
+ });
|
|
112
|
+ } else {
|
|
113
|
+ $('#wizard').smartWizard('setError', {
|
|
114
|
+ stepnum: 1,
|
|
115
|
+ iserror: false
|
|
116
|
+ });
|
|
117
|
+ }
|
|
118
|
+ if (!isStepValid) {
|
|
119
|
+ //$('#wizard').smartWizard('showMessage', '请您先行执行第一步、第二步。');
|
|
120
|
+ $('#wizard').smartWizard('showMessage', '请您先行执行第一步。');
|
120
|
121
|
|
121
|
|
- return isStepValid;
|
122
|
|
- }
|
|
122
|
+ }
|
123
|
123
|
|
124
|
|
- function validateSteps(step) {
|
125
|
|
- var isStepValid = true;
|
126
|
|
- // validate step 1
|
127
|
|
- if (step == 1) {
|
128
|
|
- /* if ($('#regionid').val() == "") {
|
129
|
|
- isStepValid = false;
|
130
|
|
- $('#wizard').smartWizard('showMessage', '请您选择要进行数据导出的区域。');
|
131
|
|
- $('#wizard').smartWizard('setError', {
|
132
|
|
- stepnum : step,
|
133
|
|
- iserror : true
|
134
|
|
- });
|
135
|
|
- } else {
|
136
|
|
- isStepValid = true;
|
137
|
|
- $(".msgBox").hide();
|
138
|
|
- $('#wizard').smartWizard('setError', {
|
139
|
|
- stepnum : step,
|
140
|
|
- iserror : false
|
141
|
|
- });
|
|
124
|
+ return isStepValid;
|
142
|
125
|
}
|
143
|
|
- } else if (step == 2) { */
|
144
|
|
- //setFormModeV();
|
145
|
|
- let modesVal = $('#modes').val()
|
146
|
|
-
|
147
|
|
- if (modesVal == "") {
|
148
|
|
- isStepValid = false;
|
149
|
|
- $('#wizard').smartWizard('showMessage', '请您选择要进行数据导出的模块。');
|
150
|
|
- $('#wizard').smartWizard('setError', {
|
151
|
|
- stepnum : step,
|
152
|
|
- iserror : true
|
153
|
|
- });
|
154
|
|
- } else {
|
155
|
|
- $(".msgBox").hide();
|
156
|
|
- $('#wizard').smartWizard('setError', {
|
157
|
|
- stepnum : step,
|
158
|
|
- iserror : false
|
159
|
|
- });
|
160
|
|
- }
|
161
|
|
- }
|
162
|
|
- return isStepValid;
|
163
|
|
- }
|
164
|
|
- $('#regionid').val(top.$("#regionId").val());
|
165
|
|
- $('#regionname').val(top.$("#regionName").val());
|
166
|
|
- $.ajax({
|
167
|
|
- url:ctxPath + 'api/menu/getOAMenu',
|
168
|
|
- type:'post',
|
169
|
|
- data:{},
|
170
|
|
- dataType:'json',
|
171
|
|
- success:function(result){
|
172
|
|
- $('#mode_tree').treeview({
|
173
|
|
- data:result,
|
174
|
|
- showCheckbox: true,
|
175
|
|
- onNodeChecked: function(event, data) {
|
176
|
|
- var modes = $('#modes').val().split(",");
|
177
|
|
- var mode_enname =[];
|
178
|
|
- if(data.mode_enname != ""){
|
179
|
|
- mode_enname = data.mode_enname.split(",");
|
180
|
|
- }
|
181
|
|
- for(var key in mode_enname){
|
182
|
|
- var isBol = true;
|
183
|
|
- for(var key2 in modes){
|
184
|
|
- if(modes[key2] == mode_enname[key]){
|
185
|
|
- isBol = false;
|
186
|
|
- break;
|
187
|
|
- }
|
188
|
|
- }
|
189
|
|
- if(isBol && mode_enname[key] != null && mode_enname[key] != ""){
|
190
|
|
- modes[modes.length] = mode_enname[key];
|
191
|
|
- }
|
192
|
|
- }
|
193
|
|
- $('#modes').val(modes.toString());
|
194
|
|
- },
|
195
|
|
- onNodeUnchecked: function(event, data) {
|
196
|
|
- var modes = $('#modes').val().split(",");
|
197
|
|
- var mode_enname = [];
|
198
|
|
- if(data.mode_enname != ""){
|
199
|
|
- mode_enname = data.mode_enname.split(",");
|
|
126
|
+
|
|
127
|
+ function validateSteps (step) {
|
|
128
|
+ var isStepValid = true;
|
|
129
|
+ // validate step 1
|
|
130
|
+ if (step == 1) {
|
|
131
|
+ /* if ($('#regionid').val() == "") {
|
|
132
|
+ isStepValid = false;
|
|
133
|
+ $('#wizard').smartWizard('showMessage', '请您选择要进行数据导出的区域。');
|
|
134
|
+ $('#wizard').smartWizard('setError', {
|
|
135
|
+ stepnum : step,
|
|
136
|
+ iserror : true
|
|
137
|
+ });
|
|
138
|
+ } else {
|
|
139
|
+ isStepValid = true;
|
|
140
|
+ $(".msgBox").hide();
|
|
141
|
+ $('#wizard').smartWizard('setError', {
|
|
142
|
+ stepnum : step,
|
|
143
|
+ iserror : false
|
|
144
|
+ });
|
|
145
|
+ }
|
|
146
|
+ } else if (step == 2) { */
|
|
147
|
+ //setFormModeV();
|
|
148
|
+ let modesVal = $('#modes').val()
|
|
149
|
+
|
|
150
|
+ if (modesVal == "") {
|
|
151
|
+ isStepValid = false;
|
|
152
|
+ $('#wizard').smartWizard('showMessage', '请您选择要进行数据导出的模块。');
|
|
153
|
+ $('#wizard').smartWizard('setError', {
|
|
154
|
+ stepnum: step,
|
|
155
|
+ iserror: true
|
|
156
|
+ });
|
|
157
|
+ } else {
|
|
158
|
+ $(".msgBox").hide();
|
|
159
|
+ $('#wizard').smartWizard('setError', {
|
|
160
|
+ stepnum: step,
|
|
161
|
+ iserror: false
|
|
162
|
+ });
|
200
|
163
|
}
|
201
|
|
- var newModes = [];
|
202
|
|
- for(var key2 in modes){
|
203
|
|
- var isBol = true;
|
204
|
|
- for(var key in mode_enname){
|
205
|
|
- if(modes[key2] == mode_enname[key]){
|
206
|
|
- isBol = false;
|
207
|
|
- break;
|
208
|
|
- }
|
209
|
|
- if(isBol && modes[key2] != null && modes[key2] != ""){
|
210
|
|
- newModes[newModes.length] = modes[key2];
|
211
|
|
- }
|
|
164
|
+ }
|
|
165
|
+ return isStepValid;
|
|
166
|
+ }
|
|
167
|
+ $('#regionid').val(top.$("#regionId").val());
|
|
168
|
+ $('#regionname').val(top.$("#regionName").val());
|
|
169
|
+ $.ajax({
|
|
170
|
+ url: ctxPath + 'api/menu/getOAMenu',
|
|
171
|
+ type: 'post',
|
|
172
|
+ data: {},
|
|
173
|
+ dataType: 'json',
|
|
174
|
+ success: function (result) {
|
|
175
|
+ $('#mode_tree').treeview({
|
|
176
|
+ data: result,
|
|
177
|
+ showCheckbox: true,
|
|
178
|
+ onNodeChecked: function (event, data) {
|
|
179
|
+ var modes = $('#modes').val().split(",");
|
|
180
|
+ var mode_enname = [];
|
|
181
|
+ if (data.mode_enname != "") {
|
|
182
|
+ mode_enname = data.mode_enname.split(",");
|
|
183
|
+ }
|
|
184
|
+ for (var key in mode_enname) {
|
|
185
|
+ var isBol = true;
|
|
186
|
+ for (var key2 in modes) {
|
|
187
|
+ if (modes[key2] == mode_enname[key]) {
|
|
188
|
+ isBol = false;
|
|
189
|
+ break;
|
|
190
|
+ }
|
|
191
|
+ }
|
|
192
|
+ if (isBol && mode_enname[key] != null && mode_enname[key] != "") {
|
|
193
|
+ modes[modes.length] = mode_enname[key];
|
|
194
|
+ }
|
|
195
|
+ }
|
|
196
|
+ $('#modes').val(modes.toString());
|
|
197
|
+ },
|
|
198
|
+ onNodeUnchecked: function (event, data) {
|
|
199
|
+ var modes = $('#modes').val().split(",");
|
|
200
|
+ var mode_enname = [];
|
|
201
|
+ if (data.mode_enname != "") {
|
|
202
|
+ mode_enname = data.mode_enname.split(",");
|
|
203
|
+ }
|
|
204
|
+ var newModes = [];
|
|
205
|
+ for (var key2 in modes) {
|
|
206
|
+ var isBol = true;
|
|
207
|
+ for (var key in mode_enname) {
|
|
208
|
+ if (modes[key2] == mode_enname[key]) {
|
|
209
|
+ isBol = false;
|
|
210
|
+ break;
|
|
211
|
+ }
|
|
212
|
+ if (isBol && modes[key2] != null && modes[key2] != "") {
|
|
213
|
+ newModes[newModes.length] = modes[key2];
|
|
214
|
+ }
|
|
215
|
+ }
|
|
216
|
+ }
|
|
217
|
+ $('#modes').val(newModes.toString());
|
212
|
218
|
}
|
213
|
|
- }
|
214
|
|
- $('#modes').val(newModes.toString());
|
|
219
|
+ })
|
215
|
220
|
}
|
216
|
221
|
})
|
|
222
|
+ });
|
|
223
|
+ /**
|
|
224
|
+ *参数说明: url:下载地址,val:需要提交的参数值,具体类型和个数自行扩展
|
|
225
|
+ * 参数可以用obj = {url:""",val1:"111",val2:"222",...}这样的 格式,也可以用(url,val1,val2....)根据自己喜好来
|
|
226
|
+ */
|
|
227
|
+ function ajaxPostLoadFile (val) {
|
|
228
|
+ var fileName = val.substring(val.lastIndexOf("/") + 1, val.length);
|
|
229
|
+ var filePath = val.substring(0, val.lastIndexOf("/"))
|
|
230
|
+ var form = $("<form>");//定义一个form表单
|
|
231
|
+ form.attr("id", "downloadform");
|
|
232
|
+ form.attr("style", "display:none");//将表单隐藏
|
|
233
|
+ form.attr("target", "");
|
|
234
|
+ form.attr("method", "post");
|
|
235
|
+ form.attr("action", ctxPath + "api/file/downloadFile");
|
|
236
|
+
|
|
237
|
+ var input1 = $("<input>");
|
|
238
|
+ input1.attr("type", "hidden");
|
|
239
|
+ input1.attr("name", "fileName");
|
|
240
|
+ input1.attr("value", fileName);
|
|
241
|
+ //如果有多个参数,参照上面input1 的写法
|
|
242
|
+ var input2 = $("<input>");
|
|
243
|
+ input2.attr("type", "hidden");
|
|
244
|
+ input2.attr("name", "filePath");
|
|
245
|
+ input2.attr("value", filePath);
|
|
246
|
+
|
|
247
|
+ form.append(input1);//一定要把参数添加到form里
|
|
248
|
+ form.append(input2);
|
|
249
|
+ $("body").append(form);//将表单放置在页面中
|
|
250
|
+ form.submit();//表单提交
|
|
251
|
+ $("#downloadform").remove();//移除表单
|
|
252
|
+ }
|
|
253
|
+ function changeMsg (msg) {
|
|
254
|
+ let stepMsg = $("#step").html();
|
|
255
|
+ stepMsg += "<br>" + msg;
|
|
256
|
+ $("#step").html(stepMsg);
|
|
257
|
+ }
|
|
258
|
+
|
|
259
|
+
|
|
260
|
+ </script>
|
|
261
|
+ <style type="text/css">
|
|
262
|
+ .list-group {
|
|
263
|
+ padding: 15px 20px;
|
217
|
264
|
}
|
218
|
|
- })
|
219
|
|
- });
|
220
|
|
- /**
|
221
|
|
- *参数说明: url:下载地址,val:需要提交的参数值,具体类型和个数自行扩展
|
222
|
|
- * 参数可以用obj = {url:""",val1:"111",val2:"222",...}这样的 格式,也可以用(url,val1,val2....)根据自己喜好来
|
223
|
|
- */
|
224
|
|
- function ajaxPostLoadFile(val){
|
225
|
|
- var fileName=val.substring(val.lastIndexOf("/")+1,val.length);
|
226
|
|
- var filePath = val.substring(0,val.lastIndexOf("/"))
|
227
|
|
- var form = $("<form>");//定义一个form表单
|
228
|
|
- form.attr("id", "downloadform");
|
229
|
|
- form.attr("style", "display:none");//将表单隐藏
|
230
|
|
- form.attr("target", "");
|
231
|
|
- form.attr("method", "post");
|
232
|
|
- form.attr("action", ctxPath + "api/file/downloadFile");
|
233
|
265
|
|
234
|
|
- var input1 = $("<input>");
|
235
|
|
- input1.attr("type", "hidden");
|
236
|
|
- input1.attr("name", "fileName");
|
237
|
|
- input1.attr("value", fileName);
|
238
|
|
- //如果有多个参数,参照上面input1 的写法
|
239
|
|
- var input2 = $("<input>");
|
240
|
|
- input2.attr("type", "hidden");
|
241
|
|
- input2.attr("name", "filePath");
|
242
|
|
- input2.attr("value", filePath);
|
243
|
|
-
|
244
|
|
- form.append(input1);//一定要把参数添加到form里
|
245
|
|
- form.append(input2);
|
246
|
|
- $("body").append(form);//将表单放置在页面中
|
247
|
|
- form.submit();//表单提交
|
248
|
|
- $("#downloadform").remove();//移除表单
|
249
|
|
- }
|
250
|
|
- function changeMsg(msg){
|
251
|
|
- let stepMsg = $("#step").html();
|
252
|
|
- stepMsg +="<br>" + msg;
|
253
|
|
- $("#step").html(stepMsg);
|
254
|
|
- }
|
255
|
|
-</script>
|
256
|
|
-<style type="text/css">
|
257
|
|
-.list-group{padding:15px 20px;}
|
258
|
|
-.list-group-item{border-width: 0;margin: 0;}
|
259
|
|
-.list-group-item:nth-of-type(even){background: #f8f8f8}
|
260
|
|
-.list-group-item:first-child,.list-group-item:last-child{border-radius: 0;}
|
|
266
|
+ .list-group-item {
|
|
267
|
+ border-width: 0;
|
|
268
|
+ margin: 0;
|
|
269
|
+ }
|
|
270
|
+
|
|
271
|
+ .list-group-item:nth-of-type(even) {
|
|
272
|
+ background: #f8f8f8
|
|
273
|
+ }
|
261
|
274
|
|
262
|
|
-</style>
|
263
|
|
-</head>
|
|
275
|
+ .list-group-item:first-child,
|
|
276
|
+ .list-group-item:last-child {
|
|
277
|
+ border-radius: 0;
|
|
278
|
+ }
|
|
279
|
+ </style>
|
|
280
|
+ </head>
|
264
|
281
|
|
265
|
|
-<body style="background: transparent;">
|
266
|
|
- <div class="panel" style="background: transparent;">
|
267
|
|
- <div class="con-panel-heading">
|
268
|
|
- <a class="active"><i class="iconfont icon-dataTotal-o"></i>数据导出</a>
|
|
282
|
+<body style="background: transparent;" class="ext-page">
|
|
283
|
+ <div class="panel" style="background: transparent;">
|
|
284
|
+
|
|
285
|
+ <div class="panel" style="margin: 0;margin-bottom: 30px;border-radius:12px">
|
|
286
|
+ <div class="panel-body">
|
|
287
|
+ <h2 class="page-title" style="font-weight: bold;">数据导出</h2>
|
|
288
|
+ </div>
|
269
|
289
|
</div>
|
270
|
|
- <div class="panel-body ">
|
271
|
|
- <form method="post" id="mForm">
|
272
|
|
- <input type="hidden" name="regionid" id="regionid" value="" />
|
273
|
|
- <input type="hidden" name="regionname" id="regionname" value="" />
|
274
|
|
- <input type="hidden" name="modes" id="modes" value="" />
|
275
|
|
- <!-- Smart Wizard -->
|
276
|
|
- <div id="wizard" class="swMain">
|
277
|
|
- <ul>
|
278
|
|
-<!-- <li><a href="#step-1"> <span class="stepNumber">1</span> <span class="stepDesc"> 第一步<br /> <small>选择需要导出数据的区域</small> -->
|
279
|
|
-<!-- </span> -->
|
280
|
|
-<!-- </a></li> -->
|
281
|
|
- <li><a href="#step-2"> <span class="stepNumber">1</span> <span class="stepDesc"> 第一步<br /> <small>选择需要导出数据的模块</small>
|
|
290
|
+
|
|
291
|
+ <div class="panel-body">
|
|
292
|
+ <form method="post" id="mForm">
|
|
293
|
+ <input type="hidden" name="regionid" id="regionid" value="" />
|
|
294
|
+ <input type="hidden" name="regionname" id="regionname" value="" />
|
|
295
|
+ <input type="hidden" name="modes" id="modes" value="" />
|
|
296
|
+
|
|
297
|
+ <!-- Smart Wizard -->
|
|
298
|
+ <div id="wizard" class="swMain">
|
|
299
|
+
|
|
300
|
+ <ul class="export-io">
|
|
301
|
+ <!-- <li><a href="#step-1"> <span class="stepNumber">1</span> <span class="stepDesc"> 第一步<br /> <small>选择需要导出数据的区域</small> -->
|
|
302
|
+ <!-- </span> -->
|
|
303
|
+ <!-- </a></li> -->
|
|
304
|
+
|
|
305
|
+ <li><a href="#step-2" class="tra1"> <span class="stepNumber">1</span>
|
|
306
|
+ <!-- <br /> -->
|
282
|
307
|
</span>
|
283
|
|
- </a></li>
|
284
|
|
- <li><a href="#step-3"> <span class="stepNumber">2</span> <span class="stepDesc"> 第二步<br /> <small>选择数据的导出模式</small>
|
|
308
|
+ </a>
|
|
309
|
+ </li>
|
|
310
|
+ <li><a href="#step-3" class="tra2"> <span class="stepNumber">2</span>
|
|
311
|
+ <span class="stepDesc">
|
285
|
312
|
</span>
|
286
|
313
|
</a></li>
|
287
|
|
- <li><a href="#step-4"> <span class="stepNumber">3</span> <span class="stepDesc"> 第三步<br /> <small>完成导出</small>
|
|
314
|
+ <li><a href="#step-4" class="tra3"> <span class="stepNumber">3</span>
|
|
315
|
+ <span class="stepDesc">
|
288
|
316
|
</span>
|
289
|
317
|
</a></li>
|
290
|
|
-
|
291
|
|
- </ul>
|
292
|
|
-<!-- <div id="step-1"> -->
|
293
|
|
-<!-- <h2 class="StepTitle">第一步</h2> -->
|
294
|
|
-<!-- <div id="region_tree" style="margin-top:2px;height:270px;width:100%;overflow: auto;"></div> -->
|
295
|
|
-<!-- </div> -->
|
296
|
|
- <div id="step-2">
|
297
|
|
- <h2 class="StepTitle">第一步</h2>
|
298
|
|
- <div id="mode_tree" style="margin-top:2px;height:354px;width:100%;overflow: auto;"></div>
|
299
|
|
- </div>
|
300
|
|
- <!-- <input type="hidden" id="export_type" value = "1" name="export_type" /> -->
|
301
|
|
- <div id="step-3">
|
302
|
|
- <h2 class="StepTitle">第二步</h2>
|
303
|
|
- <div class="form-group" style="padding: 20px;">
|
304
|
|
- <label style="width: 120px;line-height: 30px;text-align: right;padding: 0;float: left;">导出模式:</label>
|
305
|
|
- <div class="col-sm-8">
|
306
|
|
- <select name="export_type" class="form-control" id="export_type" style="width:190px;">
|
307
|
|
- <option value="1">--全部--</option>
|
308
|
|
- <option value="2">--增量--</option>
|
309
|
|
- </select>
|
310
|
|
- </div>
|
311
|
|
- </div>
|
312
|
|
- </div>
|
313
|
|
- <div id="step-4">
|
314
|
|
- <h2 class="StepTitle">第三步</h2>
|
315
|
|
- <p id="step" style="padding: 20px;">请点击"导出"按钮导出数据。</p>
|
|
318
|
+ </ul>
|
|
319
|
+
|
|
320
|
+ <!-- <div id="step-1"> -->
|
|
321
|
+ <!-- <h2 class="StepTitle">第一步</h2> -->
|
|
322
|
+ <!-- <div id="region_tree" style="margin-top:2px;height:270px;width:100%;overflow: auto;"></div> -->
|
|
323
|
+ <!-- </div> -->
|
|
324
|
+ <div id="step-2">
|
|
325
|
+ <h2 class="StepTitle">第一步<span>选择需要导出数据的模块</span></h2>
|
|
326
|
+ <div id="mode_tree" style="margin-top:2px;height:354px;width:100%;overflow: auto;"></div>
|
|
327
|
+ </div>
|
|
328
|
+ <!-- <input type="hidden" id="export_type" value = "1" name="export_type" /> -->
|
|
329
|
+ <div id="step-3">
|
|
330
|
+ <h2 class="StepTitle">第二步<span>选择数据的导出模式</span></h2>
|
|
331
|
+ <div class="form-group" style="padding: 20px;">
|
|
332
|
+ <label style="width: 120px;line-height: 30px;text-align: right;padding: 0;float: left;">导出模式:</label>
|
|
333
|
+ <div class="col-sm-8">
|
|
334
|
+ <select name="export_type" class="form-control" id="export_type" style="width:190px;">
|
|
335
|
+ <option value="1">--全部--</option>
|
|
336
|
+ <option value="2">--增量--</option>
|
|
337
|
+ </select>
|
|
338
|
+ </div>
|
316
|
339
|
</div>
|
317
|
|
- </div> <!-- End SmartWizard Content -->
|
318
|
|
- </form>
|
|
340
|
+ </div>
|
|
341
|
+ <div id="step-4">
|
|
342
|
+ <h2 class="StepTitle">第三步<span>完成导出</span></h2>
|
|
343
|
+ <p id="step" style="padding: 20px;">请点击"导出"按钮导出数据。</p>
|
|
344
|
+ </div>
|
|
345
|
+ </div> <!-- End SmartWizard Content -->
|
|
346
|
+ </form>
|
319
|
347
|
|
320
|
|
- </div>
|
321
|
|
-</div>
|
|
348
|
+ </div>
|
|
349
|
+ </div>
|
322
|
350
|
</body>
|
323
|
|
-</html>
|
|
351
|
+
|
|
352
|
+</html>
|