<%@ page language="java" pageEncoding="UTF-8" %>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<meta name="viewport" charset="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>模块数据导入</title>
|
<!--[if !IE]><!-->
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<!--<![endif]-->
|
<!--[if gt IE 8]>
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<![endif]-->
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/layer/skin/default/layer.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/webuploader/webuploader.css" type="text/css">
|
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/scripts/easyuiExtend.js"></script>
|
<script type="text/javascript" src="static/scripts/jquery-extend.js"></script>
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui-datagrid-dnd/datagrid-dnd.js"></script>
|
<script src="static/plugins/jquery.redirect.js" type="text/javascript"></script>
|
<script type="text/javascript" src="static/plugins/webuploader/webuploader.js"></script>
|
|
<!-- 弹窗加载组件 -->
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
<!-- wcp组件 -->
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
<style>
|
|
.progress {
|
border: 1px solid #1483d8;
|
width: 100%;
|
background: #fff;
|
height: 18px;
|
/*line-height: 20px;*/
|
display: inline-block;
|
text-align: center;
|
color: #6dbfff;
|
position: absolute;
|
margin-right: 10px;
|
top: 290px;
|
}
|
|
.progress span.percentage {
|
width: 0;
|
height: 100%;
|
left: 0;
|
top: 0;
|
background: #1483d8;
|
position: absolute;
|
}
|
|
.progress span.text {
|
position: relative;
|
z-index: 10;
|
}
|
</style>
|
|
</head>
|
<body>
|
<div class="margin-lr">
|
<div class="pt-main-top clear">
|
<div class="pt-nav">
|
<span class="pt-title-icon"> <i class="fa fa-upload"></i>
|
</span>
|
<div class="pt-title">
|
<div>
|
<h4>模块数据导入</h4>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="pt-form">
|
<form id="formImportTemplate">
|
<div class="ptbody">
|
<table style="width: 100%;" border="1">
|
<tr>
|
<td class="tbtitle">文件：</td>
|
<td>
|
<div style="margin-top:20px">
|
<div id="picker">选择文件</div>
|
<font color="red">（注：上传从系统中导出的模块数据）</font>
|
<div style="margin-top:10px;">
|
<span id="fileName"></span>
|
</div>
|
</div>
|
</td>
|
</tr>
|
<tr valign="middle">
|
<td class="tbtitle">重新创建主键ID：</td>
|
<td>
|
<div style="margin:20px">
|
<input class="easyui-checkbox" id="createId" name="createId" value="1" label="是">
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">导入数据项：
|
<p style="padding: 10px">
|
<font style="cursor: pointer" onclick=' $(".option").checkbox("check");' >[全选]</font>
|
<font style="cursor: pointer" onclick=' $(".option").checkbox("uncheck");'>[全不选]</font>
|
</p>
|
</td>
|
<td>
|
<div style="margin:20px 0 20px 0;border-bottom: 1px solid #1483d8">
|
<input class="easyui-checkbox option" name="option" value="cnf_module" label="cnf_module:">
|
</div>
|
<div style="margin-bottom:20px;border-bottom: 1px solid #1483d8">
|
<input class="easyui-checkbox option" name="option" value="cnf_table" label="cnf_table:">
|
<input class="easyui-checkbox option" name="option" value="cnf_table_column"
|
label="cnf_table_column:">
|
</div>
|
<div style="margin-bottom:20px;border-bottom: 1px solid #1483d8">
|
<input class="easyui-checkbox option" name="option" value="cnf_form" label="cnf_form:">
|
<input class="easyui-checkbox option" name="option" value="cnf_form_column"
|
label="cnf_form_column:">
|
<input class="easyui-checkbox option" name="option" value="cnf_form_column_data"
|
label="cnf_form_column_data:">
|
<input class="easyui-checkbox option" name="option" value="cnf_form_operation"
|
label="cnf_form_operation:">
|
<input class="easyui-checkbox option" name="option" value="cnf_form_subtab"
|
label="cnf_form_subtab:">
|
</div>
|
<div style="margin-bottom:20px;border-bottom: 1px solid #1483d8">
|
<input class="easyui-checkbox option" name="option" value="cnf_operation"
|
label="cnf_operation:">
|
</div>
|
<div style="margin-bottom:20px;border-bottom: 1px solid #1483d8">
|
<input class="easyui-checkbox option" name="option" value="cnf_view" label="cnf_view:">
|
<input class="easyui-checkbox option" name="option" value="cnf_view_column"
|
label="cnf_view_column:">
|
<input class="easyui-checkbox option" name="option" value="cnf_view_subtab"
|
label="cnf_view_subtab:">
|
<input class="easyui-checkbox option" name="option" value="cnf_view_operation"
|
label="cnf_view_operation:">
|
<input class="easyui-checkbox option" name="option" value="cnf_view_condition_column"
|
label="cnf_view_condition_column:">
|
</div>
|
<div style="margin-bottom:20px;border-bottom: 1px solid #1483d8">
|
<input class="easyui-checkbox option" name="option" value="cnf_flow_definition"
|
label="cnf_flow_definition:">
|
</div>
|
|
<div style="margin-bottom:20px;border-bottom: 1px solid #1483d8">
|
<input class="easyui-checkbox option" name="option" value="cnf_subtab" label="cnf_subtab:">
|
</div>
|
<div style="margin-bottom:20px;border-bottom: 1px solid #1483d8">
|
<input class="easyui-checkbox option" name="option" value="cnf_coding" label="cnf_coding:">
|
</div>
|
|
<div style="margin-bottom:20px;border-bottom: 1px solid #1483d8">
|
<input class="easyui-checkbox option" name="option" value="cnf_import_template"
|
label="cnf_import_template:">
|
<input class="easyui-checkbox option" name="option" value="cnf_import_template_file_rule"
|
label="cnf_import_template_file_rule:">
|
<input class="easyui-checkbox option" name="option" value="cnf_import_column"
|
label="cnf_import_column:">
|
</div>
|
</td>
|
</tr>
|
|
</table>
|
<div class="progress" style="display: none;">
|
<span class="text">0%</span>
|
<span class="percentage"></span>
|
</div>
|
</div>
|
<div class="pt-form-btn">
|
<div class="form-group">
|
<a id="btnSave" class="pt-btn pt-btn-primary">导入</a>
|
<a id="btnClose" class="pt-btn pt-btn-default">关闭</a>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
//窗口参数，用于弹窗传递
|
var params = {
|
callBack: null
|
};
|
var fileName;
|
var uploader;
|
var falg = false;
|
var _extensions = "txt,json";
|
var _mimeTypes = ".txt,.json";
|
$(function () {
|
|
new ResizeScroll({
|
"id": ".ptbody",
|
fun: function () {
|
var wh = $(window).height();
|
$("body").height(wh);
|
return (wh - 69 - 62);
|
}
|
});
|
|
$("#btnSave").click(function () {
|
|
if (!falg) {
|
wcp.notify.warn('请选择文件！');
|
return false;
|
}
|
var obj = $('#formImportTemplate').serializeObject();//new Object();
|
|
obj.viewId = "${viewId}";
|
|
console.info(obj);
|
|
uploader.options.formData = obj;
|
uploader.upload();
|
});
|
|
$("#btnClose").click(function () {
|
closeWindow();
|
});
|
uploadFile();
|
});
|
|
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
|
function uploadFile() {
|
//var imgFileExtensions = 'xlsx,xls';
|
uploader = WebUploader.create({
|
swf: 'static/plugins/webuploader/Uploader.swf',
|
server: 'config/module/importConfigData',
|
timeout: 0,
|
pick: {
|
id: "#picker",
|
multiple: false
|
},
|
accept: {
|
title: '选择文件',
|
extensions: _extensions,
|
mimeTypes: _mimeTypes
|
},
|
auto: false,
|
duplicate: true
|
});
|
uploader.on("uploadSuccess", function (file, response) { //上传成功事件
|
console.info(response);
|
var obj = response;
|
layer.alert("操作完成");
|
|
wcp.ui.clearBusy("body");
|
$(".progress").hide();
|
if (obj.error > 0) {
|
fileName = obj.fileName;
|
$("#error_Css").show();
|
}
|
|
falg = false;
|
$("#fileName").html("");
|
//判断是否需要执行回调函数
|
if (params.callBack) {
|
params.callBack();
|
}
|
|
});
|
uploader.on("uploadError", function (file, reason) { //上传失败
|
wcp.message.error("上传失败：" + reason, "错误");
|
wcp.ui.clearBusy("body");
|
$(".progress").hide();
|
falg = false;
|
$("#fileName").html("");
|
});
|
uploader.on("beforeFileQueued", function (file) {
|
var ext = file.ext;
|
if (_mimeTypes.indexOf(ext.toLowerCase()) == -1) {
|
wcp.message.error("请选择" + _mimeTypes + "文件！", "错误");
|
return false;
|
}
|
});
|
uploader.on("fileQueued", function (file) {
|
falg = true;
|
$("#fileName").html(file.name);
|
});
|
uploader.on("uploadProgress", function (file, percentage) {
|
var per = Math.trunc(percentage * 100);
|
if (per != 100) {
|
$(".progress .text").text(per + "%");
|
} else {
|
$(".progress .text").text("上传完成，正在处理数据...");
|
}
|
|
$(".progress .percentage").css('width', per + '%');
|
});
|
// 开始上传时添加显示
|
uploader.on('startUpload', function () {
|
$(".progress").show();
|
wcp.ui.setBusy("body");
|
});
|
}
|
</script>
|
</html>
|
