-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmasteries.html
165 lines (157 loc) · 4.7 KB
/
masteries.html
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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="statics/css/bootstrap.min.css">
<link rel="stylesheet" href="statics/css/bootstrap-table.min.css">
<link rel="stylesheet" href="statics/css/bootstrap-editable.css">
<script src="statics/js/jquery.min.js"></script>
<script src="statics/js/bootstrap.min.js"></script>
<script src="statics/js/vue.min.js"></script>
<script src="statics/js/bootstrap-table.min.js"></script>
<script src="statics/js/bootstrap-editable.min.js"></script>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="container-fluid">
<div class="row" style="margin-top: 100px;">
<fieldset class="form-group col-xs-3 col-lg-offset-3">
<input type="file" class="form-control" id="file-value">
</fieldset>
<button class="btn btn-success" id="upload-btn">上传</button>
</div>
<div class="row">
<table id="test-table"></table>
</div>
</div>
</body>
<script>
$("#test-table").bootstrapTable(testFunc());
function testFunc(value) {
var test = {
toolbar: '#btn-action', //工具按钮用哪个容器
striped: true, //设置为 true 会有隔行变色效果
pagination: true, //设置为 true 会在表格底部显示分页条
paginationLoop: false, //设置为 true 启用分页条无限循环的功能。无效果
pageSize: 5, //如果设置了分页，页面数据条数
cache: true,
search: true, //是否启用搜索框
// showToggle:true, //是否显示 切换试图（table/card）按钮
showPaginationSwitch: false, //是否显示 数据条数选择框。无效果
// checkboxHeader:true, //设置false 将在列头隐藏check-all checkbox .
uniqueId: "id",
// searchText:"搜索", //初始化搜索文字
selectItemName: "id",
// showHeader:true, //是否显示列头
// showFooter:false,//是否显示列脚
showRefresh: true, //是否显示 刷新按钮
showColumns: true, //是否显示 内容列下拉框
// sortable: true, //是否启用排序
sortOrder: "asc", //排序方式
sortName: "id", //需要排序的字段
// clickToSelect:false,//设置true 将在点击行时，自动选择rediobox 和 checkbox
columns: [{
field: 'id',
title: 'ID',
sortable: true,
formatter: function(val, row, index) {
return index + 1;
}
}, {
field: 'name',
title: '卡牌',
},
{
field: 'ex',
title: '费用'
},
{
field: 'va',
title: '稀有度'
},
{
field: 'ki',
title: '种类'
}, {
field: 'ot',
title: '第一层'
}, {
field: 'og',
title: '1'
}, {
field: 'tg',
title: '2'
},
{
field: 'trg',
title: '3'
},
{
field: 'tt',
title: '第二层'
}, {
field: 'tog',
title: '1'
}, {
field: 'ttg',
title: '2'
},
{
field: 'ttrg',
title: '3'
},
],
}
return test;
};
$("#upload-btn").click(function() {
var data = [];
var files = document.getElementById("file-value").files;
var regp = new RegExp(".*,\".*,.*\"$");
if(files.length) {
var file = files[0];
var f = new File(['text1'], 'statics/mastery_zh_cn.csv', {type: 'text/plain'})
var reader = new FileReader(); //new一个FileReader实例
if(typeof FileReader == 'undefined') {
layer.alert("你的浏览器暂不支持该功能", {title: "提示", skin: "layui-layer-molv"});
file.setAttribute("disabled", "disabled");
return;
}
reader.readAsText(file);
reader.onload = function(f) {
// var result = document.getElementById("result");
//显示文件
var relArr = this.result.split("\r\n");
if(!$.isEmptyObject(relArr) && relArr.length > 1) {
for(var key = 1, len = relArr.length; key < len; key++) {
var values = relArr[key];
if(regp.test(values)) {
alert("文件内容中有英文逗号，麻烦修改后再上传，含有英文逗号的内容是：" + values);
return;
}
if(!$.isEmptyObject(values)) {
var obj = {};
var objArr = values.split(",");
obj["name"] = objArr[0];
obj["ex"] = objArr[1];
obj["va"] = objArr[2];
obj["ki"] = objArr[3];
obj["ot"] = objArr[4];
obj["og"] = objArr[5];
obj["tg"] = objArr[6];
obj["trg"] = objArr[7];
obj["tt"] = objArr[8];
obj["tog"] = objArr[9];
obj["ttg"] = objArr[10];
obj["ttrg"] = objArr[11];
data.push(obj);
}
}
}
console.log(data);
$("#test-table").bootstrapTable("load", data);
}
}
})
</script>
</html>