wangh
/
dlts_device_cockpit
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改导出

Browse Source
master
夜笙歌 1 year ago
parent d9d9373bce
commit fa6431a7b8
2 changed files with 86 additions and 16 deletions
Show Stats Download Patch File Download Diff File

14
haiwei-admin/src/main/resources/static/board/board.js
Unescape Escape View File

@ -64,7 +64,7 @@ $(() => {
})
let chart1 = (el, data) => {
let xData = Object.keys(data[0]).filter(e => e !== 'time')
let xData = Object.keys(data?.[0]||{})?.filter(e => e !== 'time') || []
let series = xData.map(e => {
return {
name: e,
@ -73,7 +73,7 @@ let chart1 = (el, data) => {
symbol: "circle",
symbolSize: 5,
showSymbol: false,
data: data.map(val => val[e]),
data: data?.map(val => val[e]) || [],
}
})
let chart = echarts.init(el);
@ -86,6 +86,16 @@ let chart1 = (el, data) => {
},
},
},
toolbox: {
show: true,
feature: {
dataZoom: {show:false},
dataView: { show:false },
magicType: { show:false },
restore: {show:false},
saveAsImage: {}
}
},
legend: {
icon: "rect",
itemWidth: 14,

86
haiwei-admin/src/main/resources/templates/board/board1.html
Unescape Escape View File

@ -4,6 +4,8 @@
<th:block th:include="include :: header('设备智能驾驶舱')"/>
</head>
<body class="white-bg">
<th:block th:include="include :: datetimepicker-css"/>
<th:block th:include="include :: datetimepicker-js"/>
<link href="../../board/board.css" rel="stylesheet">
<script src="../../js/echarts.js"></script>
<script src="../../js/scrollTable.js"></script>
@ -123,11 +125,38 @@
})
})
}
const derive = () =>{
let canvasNode = $("#chart1 div canvas")[0]
console.log(canvasNode)
let canvasURL = canvasNode.toDataURL("image/png");
let link = document.createElement("a");
link.setAttribute("href", canvasURL);
link.setAttribute("download", "picture.png");
link.click();
}
const derive2 = () => {
let params = {}
if ($('#startTime2').val()) {
params.beginTime = new Date($('#startTime2').val())
}
if ($('#endTime2').val()) {
params.endTime = new Date($('#endTime2').val())
}
if ($('#name').val()) {
params.name = $('#name').val()
}
if ($('#type').val()) {
params.type = $('#type').val()
}
$.post(ctx + 'broad/home/exportParamList', params, (e) => {
window.location.href = ctx + "common/download?fileName=" + encodeURI(e.msg) + "&delete=" + true;
})
}
</script>
<div>
<div class="topBtn" onclick="routerSkip('board/board2')" style="left: 8vw;">首页</div>
<div class="topBtn topBtnClick" onclick="routerSkip('board/board1')" style="left: 18.5vw;">60型脱水机</div>
<!-- <div class="topBtn" style="left: 25vw;">60型一体机</div>-->
<!-- <div class="topBtn" style="left: 25vw;">60型一体机</div>-->
<div class="topBtn" onclick="routerSkip('board/video')" style="left: 71vw;">视频展示</div>
<div class="topBtn" onclick="routerSkip('board/doc')" style="left: 83vw;">文档归档</div>
<div class="topBtn" id="toggleInfoBtn" onclick="toggleInfo()" style="left: 83vw;top:13%">设备介绍</div>
@ -185,14 +214,15 @@
<div class="centerModal">
<div class="centerModalInfo">
<span style="font-size: 1vw;color: #fff">起止时间： </span>
<input class="time-input" id="startTime1" placeholder="开始时间"
<input class="form-control" id="startTime1" placeholder="开始时间"
style="width: 10vw;height:2vw;display: inline-block"
type="text"/>
type="text">
<span>-</span>
<input class="time-input" id="endTime1" placeholder="结束时间" style="width: 10vw;height:2vw;display: inline-block"
type="text"/>
<input class="form-control" id="endTime1" placeholder="结束时间"
style="width: 10vw;height:2vw;display: inline-block"
type="text">
<a class="btn btn-primary btn-rounded btn-sm" onclick="Modal1Search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
<a class="btn btn-warning btn-rounded btn-sm"><i class="fa fa-download"></i>&nbsp;导出</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="derive()"><i class="fa fa-download"></i>&nbsp;导出</a>
</div>
<div class="chart1" id="chart1"></div>
</div>
@ -205,25 +235,25 @@
<div style="position:relative;">
<div style="display: inline-block">
<span style="font-size: 1vw;color: #fff">客户名称： </span>
<input name="loginName" style="width: 10vw;height:2vw;display: inline-block" type="text"/>
<input name="loginName" id="name" style="width: 10vw;height:2vw;display: inline-block" type="text"/>
</div>
<div style="display: inline-block">
<span style="font-size: 1vw;color: #fff">实验胶种： </span>
<input name="loginName" style="width: 10vw;height:2vw;display: inline-block" type="text"/>
<input name="loginName" id="type" style="width: 10vw;height:2vw;display: inline-block" type="text"/>
</div>
<div style="display: inline-block">
<span style="font-size: 1vw;color: #fff">起止时间： </span>
<input class="time-input" id="startTime2" placeholder="开始时间"
<input class="form-control" id="startTime2" placeholder="开始时间"
style="width: 10vw;height:2vw;display: inline-block"
type="text"/>
type="text">
<span>-</span>
<input class="time-input" id="endTime2" placeholder="结束时间"
<input class="form-control" id="endTime2" placeholder="结束时间"
style="width: 10vw;height:2vw;display: inline-block"
type="text"/>
type="text">
</div>
<a class="btn btn-primary btn-rounded btn-sm" onclick="Modal2Search()"><i
class="fa fa-search"></i>&nbsp;搜索</a>
<a class="btn btn-warning btn-rounded btn-sm"><i class="fa fa-download"></i>&nbsp;导出</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="derive2()"><i class="fa fa-download"></i>&nbsp;导出</a>
</div>
<div class="chart1" id="chart2" style="position:relative;top:2%;left: 0;height: 92%"></div>
</div>
@ -243,5 +273,35 @@
</div>
<th:block th:include="include :: footer"/>
<script src="../../board/board.js"></script>
<script>
layui.use('laydate', function () {
var laydate = layui.laydate;
laydate.render({
elem: '#startTime1',
type: 'datetime',
trigger: 'click'
});
laydate.render({
elem: '#endTime1',
type: 'datetime',
trigger: 'click'
});
laydate.render({
elem: '#startTime2',
type: 'datetime',
trigger: 'click'
});
laydate.render({
elem: '#endTime2',
type: 'datetime',
trigger: 'click'
});
});
</script>
</body>
</html>

Write Preview
Loading…
Cancel
Save