|
@@ -102,27 +102,27 @@
|
|
<ul class="listPanel listPanelB">
|
|
<ul class="listPanel listPanelB">
|
|
<li class="shadowBox">
|
|
<li class="shadowBox">
|
|
<b>场景数量</b>
|
|
<b>场景数量</b>
|
|
- <i>678</i>
|
|
|
|
|
|
+ <i>{{ dataOverview.SceneNum || 0 }}</i>
|
|
</li>
|
|
</li>
|
|
<li class="shadowBox">
|
|
<li class="shadowBox">
|
|
<b>车辆配置数量</b>
|
|
<b>车辆配置数量</b>
|
|
- <i>3453</i>
|
|
|
|
|
|
+ <i>{{ dataOverview.ConfigTotal || 0 }}</i>
|
|
</li>
|
|
</li>
|
|
<li class="shadowBox">
|
|
<li class="shadowBox">
|
|
<b>算法文件数量</b>
|
|
<b>算法文件数量</b>
|
|
- <i>486</i>
|
|
|
|
|
|
+ <i>{{ dataOverview.fileNum || 0 }}</i>
|
|
</li>
|
|
</li>
|
|
<li class="shadowBox">
|
|
<li class="shadowBox">
|
|
<b>算法地址数量</b>
|
|
<b>算法地址数量</b>
|
|
- <i>177</i>
|
|
|
|
|
|
+ <i>{{ dataOverview.pathNum || 0 }}</i>
|
|
</li>
|
|
</li>
|
|
<li class="shadowBox">
|
|
<li class="shadowBox">
|
|
<b>最大并发数量</b>
|
|
<b>最大并发数量</b>
|
|
- <i>600</i>
|
|
|
|
|
|
+ <i>{{ dataOverview.a || 0 }}</i>
|
|
</li>
|
|
</li>
|
|
<li class="shadowBox">
|
|
<li class="shadowBox">
|
|
<b>当前并发数量</b>
|
|
<b>当前并发数量</b>
|
|
- <i>282</i>
|
|
|
|
|
|
+ <i>{{ dataOverview.b || 0 }}</i>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
@@ -136,12 +136,18 @@
|
|
>
|
|
>
|
|
<el-tab-pane label="运行项目" name="1">
|
|
<el-tab-pane label="运行项目" name="1">
|
|
<div class="chartBBox shadowBox">
|
|
<div class="chartBBox shadowBox">
|
|
- <line-chart2 id="chartB"></line-chart2>
|
|
|
|
|
|
+ <line-chartA
|
|
|
|
+ id="runProjectLine"
|
|
|
|
+ :dataList="runProjectList"
|
|
|
|
+ ></line-chartA>
|
|
</div>
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="运行任务" name="2">
|
|
<el-tab-pane label="运行任务" name="2">
|
|
<div class="chartBBox shadowBox">
|
|
<div class="chartBBox shadowBox">
|
|
- <line-chart3 id="chartC"></line-chart3>
|
|
|
|
|
|
+ <line-chartA
|
|
|
|
+ id="runTaskLine"
|
|
|
|
+ :dataList="runTaskList"
|
|
|
|
+ ></line-chartA>
|
|
</div>
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-tabs>
|
|
@@ -156,19 +162,34 @@
|
|
<div class="shadowBox">
|
|
<div class="shadowBox">
|
|
<div class="title">项目运行状态统计</div>
|
|
<div class="title">项目运行状态统计</div>
|
|
<div class="pieBox">
|
|
<div class="pieBox">
|
|
- <pie-chart1 id="pieX"></pie-chart1>
|
|
|
|
|
|
+ <pie-chartA
|
|
|
|
+ id="mainPagePieA"
|
|
|
|
+ :dataList="dataListA"
|
|
|
|
+ stateName="nowRunState"
|
|
|
|
+ seriesName="项目运行状态统计"
|
|
|
|
+ ></pie-chartA>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="shadowBox shadowBoxB">
|
|
<div class="shadowBox shadowBoxB">
|
|
<div class="title">任务运行状态统计</div>
|
|
<div class="title">任务运行状态统计</div>
|
|
<div class="pieBox">
|
|
<div class="pieBox">
|
|
- <pie-chart1 id="pieY"></pie-chart1>
|
|
|
|
|
|
+ <pie-chartA
|
|
|
|
+ id="mainPagePieB"
|
|
|
|
+ :dataList="dataListB"
|
|
|
|
+ stateName="runState"
|
|
|
|
+ seriesName="任务运行状态统计"
|
|
|
|
+ ></pie-chartA>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="shadowBox">
|
|
<div class="shadowBox">
|
|
<div class="title">评测等级分布</div>
|
|
<div class="title">评测等级分布</div>
|
|
<div class="pieBox">
|
|
<div class="pieBox">
|
|
- <pie-chart1 id="pieZ"></pie-chart1>
|
|
|
|
|
|
+ <pie-chartA
|
|
|
|
+ id="mainPagePieC"
|
|
|
|
+ :dataList="dataListC"
|
|
|
|
+ stateName="evaluationLevel"
|
|
|
|
+ seriesName="评测等级分布"
|
|
|
|
+ ></pie-chartA>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -182,10 +203,10 @@ import toolbarTab from "@/components/toolbar/toolbarTab";
|
|
import tableList from "@/components/grid/TableList";
|
|
import tableList from "@/components/grid/TableList";
|
|
import LineChart from "../components/echarts/lineChart";
|
|
import LineChart from "../components/echarts/lineChart";
|
|
import LineChart1 from "../components/echarts/lineChart1";
|
|
import LineChart1 from "../components/echarts/lineChart1";
|
|
-import LineChart2 from "../components/echarts/lineChart2";
|
|
|
|
|
|
+import lineChartA from "../components/echarts/lineChartA";
|
|
import LineChart3 from "../components/echarts/lineChart3";
|
|
import LineChart3 from "../components/echarts/lineChart3";
|
|
import pieChart from "../components/echarts/pieChart";
|
|
import pieChart from "../components/echarts/pieChart";
|
|
-import pieChart1 from "../components/echarts/pieChart1";
|
|
|
|
|
|
+import pieChartA from "../components/echarts/pieChartA";
|
|
import pieChart2 from "../components/echarts/pieChart2";
|
|
import pieChart2 from "../components/echarts/pieChart2";
|
|
|
|
|
|
export default {
|
|
export default {
|
|
@@ -195,17 +216,16 @@ export default {
|
|
tableList,
|
|
tableList,
|
|
LineChart,
|
|
LineChart,
|
|
LineChart1,
|
|
LineChart1,
|
|
- LineChart2,
|
|
|
|
|
|
+ lineChartA,
|
|
LineChart3,
|
|
LineChart3,
|
|
pieChart,
|
|
pieChart,
|
|
- pieChart1,
|
|
|
|
|
|
+ pieChartA,
|
|
pieChart2,
|
|
pieChart2,
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
activeName: "1",
|
|
activeName: "1",
|
|
activitedPageNumA: "1",
|
|
activitedPageNumA: "1",
|
|
- subPageActiveNameA: 1,
|
|
|
|
pageBtnListA: [
|
|
pageBtnListA: [
|
|
{
|
|
{
|
|
type: "primary",
|
|
type: "primary",
|
|
@@ -264,43 +284,6 @@ export default {
|
|
prop: "projectDateStr1",
|
|
prop: "projectDateStr1",
|
|
},
|
|
},
|
|
],
|
|
],
|
|
- columnsA: [
|
|
|
|
- {
|
|
|
|
- label: "配置ID",
|
|
|
|
- prop: "id",
|
|
|
|
- // width: 110,
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- label: "配置名称",
|
|
|
|
- prop: "ktName",
|
|
|
|
- // template: true,
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- label: "配置描述",
|
|
|
|
- prop: "jbSource",
|
|
|
|
- // width: 130,
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- label: "车辆名称",
|
|
|
|
- prop: "startDateStr",
|
|
|
|
- width: 120,
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- label: "车辆描述",
|
|
|
|
- prop: "endDateStr",
|
|
|
|
- width: 120,
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- label: "传感器配置",
|
|
|
|
- prop: "projectDateStr",
|
|
|
|
- width: 120,
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- label: "操作",
|
|
|
|
- prop: "cgInfos",
|
|
|
|
- template: true,
|
|
|
|
- },
|
|
|
|
- ],
|
|
|
|
pagination: {
|
|
pagination: {
|
|
//分页使用
|
|
//分页使用
|
|
currentPage: 1,
|
|
currentPage: 1,
|
|
@@ -309,14 +292,6 @@ export default {
|
|
pageSizes: [10, 30, 50, 100, 200],
|
|
pageSizes: [10, 30, 50, 100, 200],
|
|
layout: "sizes, total, prev, pager, next, jumper",
|
|
layout: "sizes, total, prev, pager, next, jumper",
|
|
},
|
|
},
|
|
- paginationA: {
|
|
|
|
- //分页使用
|
|
|
|
- currentPage: 1,
|
|
|
|
- pageSize: 10,
|
|
|
|
- position: "right",
|
|
|
|
- pageSizes: [10, 30, 50, 100, 200],
|
|
|
|
- layout: "sizes, total, prev, pager, next, jumper",
|
|
|
|
- },
|
|
|
|
getDataWay: {
|
|
getDataWay: {
|
|
//加载表格数据
|
|
//加载表格数据
|
|
dataType: "data",
|
|
dataType: "data",
|
|
@@ -360,30 +335,22 @@ export default {
|
|
// data: this.$api.scientificStatistics.typeProjectStatistics,
|
|
// data: this.$api.scientificStatistics.typeProjectStatistics,
|
|
param: {},
|
|
param: {},
|
|
},
|
|
},
|
|
- getDataWayA: {
|
|
|
|
- //加载表格数据
|
|
|
|
- dataType: "data",
|
|
|
|
- type: "post",
|
|
|
|
- firstRequest: false,
|
|
|
|
- data: [
|
|
|
|
- {
|
|
|
|
- id: 6,
|
|
|
|
- ktName: "沃尔沃二",
|
|
|
|
- jbSource: "收到就好付款时间的回复可见收到货覅无痕",
|
|
|
|
- },
|
|
|
|
- { id: 66 },
|
|
|
|
- {
|
|
|
|
- id: 666,
|
|
|
|
- tName: "沃尔沃二",
|
|
|
|
- jbSource: "收到就好付款时间的回复可见收到货覅无痕",
|
|
|
|
- },
|
|
|
|
- { id: 6666 },
|
|
|
|
- { id: 51 },
|
|
|
|
- { id: 6 },
|
|
|
|
- ],
|
|
|
|
- // data: this.$api.scientificStatistics.typeProjectStatistics,
|
|
|
|
- param: {},
|
|
|
|
|
|
+ // 数据概览
|
|
|
|
+ dataOverview: {
|
|
|
|
+ SceneNum: 0,
|
|
|
|
+ ConfigTotal: 0,
|
|
|
|
+ fileNum: 0,
|
|
|
|
+ pathNum: 0,
|
|
|
|
+ a: 0,
|
|
|
|
+ b: 0,
|
|
},
|
|
},
|
|
|
|
+ // 运行项目
|
|
|
|
+ runProjectList: [],
|
|
|
|
+ // 运行任务
|
|
|
|
+ runTaskList: [],
|
|
|
|
+ dataListA: [],
|
|
|
|
+ dataListB: [],
|
|
|
|
+ dataListC: [],
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
|
|
@@ -396,9 +363,55 @@ export default {
|
|
pageControlA(data) {
|
|
pageControlA(data) {
|
|
this.activitedPageNumA = data.name;
|
|
this.activitedPageNumA = data.name;
|
|
},
|
|
},
|
|
|
|
+ getData(url, infoObj) {
|
|
|
|
+ this.$axios({
|
|
|
|
+ method: "post",
|
|
|
|
+ url,
|
|
|
|
+ data: {},
|
|
|
|
+ }).then((res) => {
|
|
|
|
+ if (res.code == 200 && res.info) {
|
|
|
|
+ this[infoObj] = res.info;
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.error(res.message || "获取信息失败");
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ getDataOverview() {
|
|
|
|
+ this.$axios({
|
|
|
|
+ method: "post",
|
|
|
|
+ url: this.$api.mainPage.queryAllNum,
|
|
|
|
+ data: {},
|
|
|
|
+ }).then((res) => {
|
|
|
|
+ if (res.code == 200 && res.info) {
|
|
|
|
+ this.dataOverview = res.info;
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.error(res.message || "获取信息失败");
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ getLineData() {
|
|
|
|
+ this.$axios({
|
|
|
|
+ method: "post",
|
|
|
|
+ url: this.$api.mainPage.selectRunProjectBySy,
|
|
|
|
+ data: {},
|
|
|
|
+ }).then((res) => {
|
|
|
|
+ if (res.code == 200 && res.info) {
|
|
|
|
+ // this.data1 = res.info;
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.error(res.message || "获取信息失败");
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
},
|
|
},
|
|
|
|
|
|
- // mounted() {},
|
|
|
|
|
|
+ mounted() {
|
|
|
|
+ this.getData(this.$api.mainPage.queryAllNum, "dataOverview");
|
|
|
|
+ this.getData(this.$api.mainPage.selectRunProjectBySy, "runProjectList");
|
|
|
|
+ this.getData(this.$api.mainPage.selectRunTaskBySy, "runTaskList");
|
|
|
|
+ this.getData(this.$api.mainPage.selectRunProjectByState, "dataListA");
|
|
|
|
+ this.getData(this.$api.mainPage.selectRunTaskByState, "dataListB");
|
|
|
|
+ this.getData(this.$api.mainPage.selectEvaluationLevel, "dataListC");
|
|
|
|
+ },
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|