From 3c6bdb6f439ff7af04765259fd6a91b6d201d095 Mon Sep 17 00:00:00 2001 From: zxl <763096477@qq.com> Date: 星期四, 19 六月 2025 17:12:25 +0800 Subject: [PATCH] 工单,数据中心用户查看数据的权限,合同考核每日,以及导出每日和按月 --- src/views/home/data-video/index.vue | 36 ++++++++++++++++++++++++++++-------- 1 files changed, 28 insertions(+), 8 deletions(-) diff --git a/src/views/home/data-video/index.vue b/src/views/home/data-video/index.vue index 47febe7..3fe8671 100644 --- a/src/views/home/data-video/index.vue +++ b/src/views/home/data-video/index.vue @@ -27,8 +27,7 @@ <script> import * as echarts from 'echarts'; import {video} from "../../../api/platform/home"; -var chartDom = document.getElementById('main'); -var myChart = echarts.init(chartDom); +var myChart =null; var option; let observer = null; export default { @@ -92,7 +91,7 @@ initChart(data) { const dataList = this.groupByData(data.list); const baseLine = data.baseLine == null ? 0 : data.baseLine; - const colors = ['#5470C6', '#66CC99', '#EE6666']; + const colors = ['#EE6666', '#66CC99', '#f8c87a']; option = { color: colors, tooltip: { @@ -122,7 +121,7 @@ </div>`; }).join(''); tooltipHtml = `${tooltipHtml}${pointsHtml}`; - tooltipHtml += `<div style="font-weight: bold; margin-top: 10px;padding:0 12px;">褰曞儚姝e父鍙傝�冨��: ${baseLine.toLocaleString()}</div>`; + tooltipHtml += `<div style="font-weight: bold; margin-top: 10px;padding:0 12px;">褰曞儚瀹屾暣鍙傝�冨��: ${baseLine.toLocaleString()}</div>`; return tooltipHtml; } @@ -135,7 +134,7 @@ containLabel: true }, legend: { - data: ['鐐逛綅鍦ㄧ嚎', '褰曞儚瀹屾暣', '褰曞儚缂哄け'] + data: ['鐐逛綅鍦ㄧ嚎', '褰曞儚瀹屾暣', '褰曞儚缂哄け','鏃犲綍鍍�'] }, xAxis: [ { @@ -173,7 +172,7 @@ axisLine: { show: true, lineStyle: { - color: colors[0] + color: '#5470C6' } }, axisLabel: { @@ -209,7 +208,9 @@ name: '褰曞儚瀹屾暣', yAxisIndex: 0, type: 'bar', - data: data.list.map(item => { + data: + + data.list.map(item => { return item['integrityNum']; }) }, @@ -218,9 +219,27 @@ type: 'bar', yAxisIndex: 0, data: data.list.map(item => { - return item['loseNum']; + return { + value: item['loseNum'], + itemStyle:{ + color: '#f8c87a', + } + } }) }, + { + name: '鏃犲綍鍍�', + type: 'bar', + yAxisIndex: 0, + data: data.list.map(item => { + return { + value :item['errNum'], + itemStyle:{ + color: '#EE6666', + }} + }) + }, + { name: '鐐逛綅鍦ㄧ嚎', type: 'line', @@ -260,6 +279,7 @@ const month = (date.getMonth() + 1) >= 10 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1); this.date = year + '-' + month; this.params.date = this.date; + myChart = echarts.init(this.$refs.chartContent); this.getChart(); this.observe(); }, -- Gitblit v1.8.0