From 67e03b179e1a257622cf2b5b21ec0610115c3bf9 Mon Sep 17 00:00:00 2001 From: chenhuan <czj123456> Date: 星期二, 28 五月 2024 17:48:40 +0800 Subject: [PATCH] Merge branch 'master' of http://117.78.1.188:8089/r/dkyChenJiang --- javaweb-plus/javaweb-admin/src/main/resources/templates/main.html | 100 ++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 80 insertions(+), 20 deletions(-) diff --git a/javaweb-plus/javaweb-admin/src/main/resources/templates/main.html b/javaweb-plus/javaweb-admin/src/main/resources/templates/main.html index ae6e881..c52325b 100644 --- a/javaweb-plus/javaweb-admin/src/main/resources/templates/main.html +++ b/javaweb-plus/javaweb-admin/src/main/resources/templates/main.html @@ -263,26 +263,29 @@ <div style="height: 200px;width: 100%;"> <h3>鏉愭枡缁熻</h3> <el-col :span="10" style="height: 200px;"> - <template> - <el-table :data="tubLogs" border size="small" style="width: 100%" - :header-cell-style="{color: '#4D4D4D',background: '#F7931E',fontWeight: '400'}" - :row-class-name="tableRowClassName"> -<!-- <el-table-column prop="code" label="搴忓彿"></el-table-column>--> - <el-table-column prop="tubName" label="鍚嶇О"></el-table-column> - <el-table-column prop="inboundNumber" label="鍏ュ簱鏁伴噺"></el-table-column> - <el-table-column prop="outboundNumber" label="鍑哄簱鏁伴噺"></el-table-column> - <el-table-column prop="unit" label="鍗曚綅"></el-table-column> + <div style="margin-top: 15px"> + <template> + <el-table :data="tubLogs" border size="small" style="width: 100%" + :header-cell-style="{color: '#4D4D4D',background: '#F7931E',fontWeight: '400'}" + :row-class-name="tableRowClassName"> + <!-- <el-table-column prop="code" label="搴忓彿"></el-table-column>--> + <el-table-column prop="tubName" label="鍚嶇О"></el-table-column> + <el-table-column prop="inboundNumber" label="鍏ュ簱鏁伴噺"></el-table-column> + <el-table-column prop="outboundNumber" label="鍑哄簱鏁伴噺"></el-table-column> + <el-table-column prop="unit" label="鍗曚綅"></el-table-column> - </el-table> - </template> + </el-table> + </template> + </div> </el-col> <el-col :span="14" style="height: 200px;"> + <div id="column-chart" style="height: 180px; width: 100%;"></div> </el-col> </div> </el-card> <el-card class="box-card" style="margin-top: 20px;"> - <div id="map_div" style="width: 100%;height: 550px;"></div> + <div id="map_div" style="width: 100%;height: 550px;margin-top: -5px"></div> </el-card> </el-col> @@ -370,18 +373,77 @@ } function tubLogs() { - let url = ctx + "/system/tubLogData"; + + const chart = echarts.init(document.getElementById("column-chart")); + const option = { + tooltip: { + trigger: 'axis', + axisPointer: { + type: 'shadow' + } + }, + legend: {}, + grid: { + left: '3%', + right: '4%', + bottom: '3%', + containLabel: true + }, + xAxis: [ + { + type: 'category', + data: [] + } + ], + yAxis: [ + { + type: 'value' + } + ], + series: [ + { + name: '鍑哄簱', + type: 'bar', + emphasis: { + focus: 'series' + }, + data: [] + }, + { + name: '鍏ュ簱', + type: 'bar', + stack: 'Ad', + emphasis: { + focus: 'series' + }, + data: [] + }, + + ] + }; + + let url = ctx + "/system/stat/tubLogData"; $.ajaxSettings.async = false; $.get(url,{},function(res){ vm.tubLogs = res.tubLogs; + + res.tubLogs.forEach(function(value, index, array) { + const tubName = value.tubName; + const inboundNumber = value.inboundNumber; + const outboundNumber = value.outboundNumber; + const unit = value.unit; + option.xAxis[0].data[index] = tubName; + option.series[0].data[index] = outboundNumber; + option.series[1].data[index] = inboundNumber; + }); + chart.setOption(option, true); }) $.ajaxSettings.async = false; - console.log(vm.tubLogs); } //棣栭〉绗竴琛屼釜鏁扮粺璁� function indexCount() { - let url = ctx + "/system/indexDataCount"; + let url = ctx + "/system/stat/indexDataCount"; $.ajaxSettings.async = false; $.get(url,{},function(res){ vm.indexDataCount = res.data; @@ -391,14 +453,12 @@ } //鍦哄湴杩涘害 function stationProcess() { - let url = ctx + "/system/projectProcess"; + let url = ctx + "/system/stat/projectProcess"; $.ajaxSettings.async = false; $.get(url,{},function(res){ vm.stationProcessData = res.projectData; }) $.ajaxSettings.async = false; - console.log(vm.stationProcessData); - } var vm = new Vue({ el: "#app", @@ -482,7 +542,7 @@ // 鑾峰彇鏁版嵁搴撶湡瀹炴暟鎹� function getReallyData() { - let url = window.location.protocol + "//" + window.location.host + "/bjfw/system/project"; + let url = window.location.protocol + "//" + window.location.host + "/bjfw/system/stat/project"; $.get(url,function(res){ var data = res.projects; showProjectPoint(data); @@ -543,7 +603,7 @@ function totalProcess() { var Chart1 = echarts.init(document.getElementById('Chart1')); var pointerData = 0; // 浠〃鎸囬拡鏁版嵁 - let url = ctx + "/system/totalProcess"; + let url = ctx + "/system/stat/totalProcess"; $.ajaxSettings.async = false; $.get(url,{},function(res){ pointerData = res.pointerData; -- Gitblit v1.9.1