feat: 🐶 删除多余页面
This commit is contained in:
parent
30caf7d91a
commit
19bf7f5a2c
@ -1,163 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Bootstrap Example</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="${request.contextPath}/bootstrap-3.4.1/bootstrap.min.css">
|
||||
|
||||
<script src="${request.contextPath}/jquery-3.7.1/jquery.min.js"></script>
|
||||
<script src="${request.contextPath}/bootstrap-3.4.1/bootstrap.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="${request.contextPath}/bootstrap-table-1.22.5/bootstrap-table.min.css">
|
||||
<link rel="stylesheet" href="${request.contextPath}/bootstrap-table-1.22.5/bootstrap-table-fixed-columns.min.css">
|
||||
|
||||
<script src="${request.contextPath}/bootstrap-table-1.22.5/bootstrap-table.min.js"></script>
|
||||
<script src="${request.contextPath}/bootstrap-table-1.22.5/bootstrap-table-fixed-columns.min.js"></script>
|
||||
|
||||
<script src="${request.contextPath}/index/main.js"></script>
|
||||
|
||||
<style>
|
||||
.container {
|
||||
width: 85%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<h2>车系配置数据提取器 v1.0</h2>
|
||||
<p style="align-self: end">数据来源: <a href="https://dongchedi.com">懂车帝</a></p>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="input-group">
|
||||
<input id="dcdUrl" type="text" class="form-control"
|
||||
placeholder="懂车帝url点击提取, eg: https://www.dongchedi.com/auto/series/8808, 输入其他点搜索, 可搜索内容包括: 品牌,系列">
|
||||
<span class="input-group-btn">
|
||||
<button id="search" class="btn btn-primary" type="button" style="min-width: 150px">搜索</button>
|
||||
<button id="go" class="btn btn-danger" type="button" style="min-width: 150px">提取</button>
|
||||
</span>
|
||||
</div><!-- /input-group -->
|
||||
</div><!-- /.col-lg-6 -->
|
||||
</div><!-- /.row -->
|
||||
<br/>
|
||||
<#--<div class="progress">
|
||||
<div id="progressBar" class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0"
|
||||
aria-valuemin="0" aria-valuemax="100" style="width: 2%">
|
||||
0%
|
||||
</div>
|
||||
</div>-->
|
||||
<br/>
|
||||
<button id="saveTableHead" class="btn btn-primary">保存展示表头配置</button>
|
||||
<table id="table"/>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
|
||||
var $table = $('#table')
|
||||
var contextPath = "${request.contextPath}/";
|
||||
|
||||
$("#go").click(function () {
|
||||
var url = $("#dcdUrl").val();
|
||||
|
||||
$.post(contextPath + "index/analyze", {"dcdUrl": url}, function (data) {
|
||||
console.log("...ax", data);
|
||||
buildTable($table, data);
|
||||
});
|
||||
});
|
||||
|
||||
$("#search").click(function () {
|
||||
var url = $("#dcdUrl").val();
|
||||
|
||||
$.post(contextPath + "index/search", {}, function (data) {
|
||||
console.log("...search", data);
|
||||
buildTable($table, data);
|
||||
});
|
||||
});
|
||||
|
||||
$("#saveTableHead").click(function () {
|
||||
var fields = $table.bootstrapTable('getHiddenColumns');
|
||||
console.log(fields);
|
||||
|
||||
var str = "";
|
||||
fields.forEach(item => {
|
||||
str += item.field + ",";
|
||||
})
|
||||
|
||||
var newRows = []
|
||||
table_headers.forEach(item => {
|
||||
if (str.indexOf(item.field) != -1) {
|
||||
newRows.push(item);
|
||||
}
|
||||
})
|
||||
|
||||
localStorage.setItem("hiddenColumns", JSON.stringify(newRows))
|
||||
})
|
||||
|
||||
function buildTable($el, rows) {
|
||||
|
||||
console.log("buildTable", rows);
|
||||
|
||||
var columns = []
|
||||
for (i = 0; i < table_headers.length; i++) {
|
||||
var header = table_headers[i];
|
||||
columns.push({
|
||||
field: header.field,
|
||||
title: header.title,
|
||||
sortable: true,
|
||||
valign: 'left',
|
||||
formatter: function (val) {
|
||||
var width = 100;
|
||||
if (header && header.width) {
|
||||
width = header.width;
|
||||
}
|
||||
// return '<div class="item_header" style="width: ' + width + 'px">' + val + '</div>'
|
||||
return val;
|
||||
},
|
||||
// events: {
|
||||
// 'click .item': function (item) {
|
||||
// console.log('click', item)
|
||||
// }
|
||||
// }
|
||||
})
|
||||
}
|
||||
|
||||
var datas = []
|
||||
for (i = 0; i < rows.length; i++) {
|
||||
datas.push(rows[i])
|
||||
}
|
||||
$el.bootstrapTable('destroy').bootstrapTable({
|
||||
height: 600,
|
||||
columns: columns,
|
||||
data: datas,
|
||||
cache: false,
|
||||
search: true,
|
||||
showColumns: true,
|
||||
showToggle: false,
|
||||
cardView: false,
|
||||
striped: false, //是否显示行间隔色
|
||||
pagination: true,
|
||||
clickToSelect: true,
|
||||
fixedColumns: true,
|
||||
fixedNumber: 4,
|
||||
fixedRightNumber: 0
|
||||
})
|
||||
|
||||
hideColumns();
|
||||
}
|
||||
|
||||
function hideColumns() {
|
||||
var hiddenColumns = localStorage.getItem("hiddenColumns");
|
||||
var fields = JSON.parse(hiddenColumns);
|
||||
fields.forEach(item => {
|
||||
$table.bootstrapTable('hideColumn', item.field);
|
||||
})
|
||||
}
|
||||
|
||||
$(function () {
|
||||
// buildTable($table, [])
|
||||
})
|
||||
</script>
|
||||
</html>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user