先看下效果图
第一步,点击下载,进行下载模板
第二步,打开模板删除测试数据后,根据格式填入相应的数据并保存
第三步,回到操作页面点击下一步,点击 文件上传按钮 ,选择刚刚编辑的文件,确定,下一步按钮就会变成 提交 按钮
第四步,点击提交按钮后,出现如下图,则导入成功
第五步,点击确认 后 ,最终效果如下
具体实现代码如下
JavaScript代码
var import_step = 1;
var import_start = 1;
var import_end = 3;
// 导入信息
function ImportExcel() {
$('#import_modal').modal("show");
$('#previous').click(function() {
if (import_step > import_start) {
var preID = "step" + (import_step - 1)
var nowID = "step" + import_step;
$('#' + nowID).addClass("hide");
$('#' + preID).removeClass("hide");
import_step--;
}
})
$('#next').click(function() {
if (import_step < import_end) {
var nowID = "step" + import_step;
var nextID = "step" + (import_step + 1);
$('#' + nowID).addClass("hide");
$('#' + nextID).removeClass("hide");
import_step++;
}
})
$('#file').on("change", function() {
$('#previous').addClass("hide");
$('#next').addClass("hide");
$('#submit').removeClass("hide");
})
$('#submit').unbind('click').click(function () {
var nowID = "step" + import_end;
$('#' + nowID).addClass("hide");
$('#uploading').removeClass("hide");
// next
$('#confirm').removeClass("hide");
$('#submit').addClass("hide");
// ajax
$.ajaxFileUpload({
url : "FixedassetsController/FixedExpenditureController_importFile",
secureuri: false,
dataType: 'json',
fileElementId:"file",
success : function(data, status){
var msg1 = "成功导入固定支出信息"+data.msg+"条";
var msg2 = "固定支出信息导入失败,请你检查数据后再试!";
var info;
$('#import_progress_bar').addClass("hide");
if(data.result == true){
//total = data.success;
//available = data.available;
info = msg1;
$('#import_success').removeClass('hide');
}else{
info = data.msg;
$('#import_error').removeClass('hide');
}
//info = info + ",总条数:" + total + ",有效条数:" + available;