From 13f158e8e8e86dbb671e041a1d7e314fce76aac3 Mon Sep 17 00:00:00 2001 From: SHAOJIAHAO <55341701@qq.com> Date: Mon, 27 Jun 2022 16:07:44 +0800 Subject: [PATCH] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=E5=AE=8C=E5=96=84=E4=BF=AE?= =?UTF-8?q?=E6=94=B9=E6=96=87=E6=A1=A3=E5=86=85=E5=AE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../warning-statistics-list.component.scss | 2 +- .../warning-statistics-list.component.ts | 233 +++--------------- .../get-out-of-line-details.component.html | 5 +- .../get-out-of-line-details.component.ts | 2 + .../role/addrole/addrole.component.html | 2 +- .../role/editrole/editrole.component.html | 2 +- 6 files changed, 36 insertions(+), 210 deletions(-) diff --git a/src/app/pages/records/warning-statistics-list/warning-statistics-list.component.scss b/src/app/pages/records/warning-statistics-list/warning-statistics-list.component.scss index e060549..74c776c 100644 --- a/src/app/pages/records/warning-statistics-list/warning-statistics-list.component.scss +++ b/src/app/pages/records/warning-statistics-list/warning-statistics-list.component.scss @@ -131,7 +131,7 @@ .centerContent { position: absolute; - top: 34%; + top: 40%; left: 50%; transform: translateX(-50%); width: 170px; diff --git a/src/app/pages/records/warning-statistics-list/warning-statistics-list.component.ts b/src/app/pages/records/warning-statistics-list/warning-statistics-list.component.ts index 11859e6..ea02a9d 100644 --- a/src/app/pages/records/warning-statistics-list/warning-statistics-list.component.ts +++ b/src/app/pages/records/warning-statistics-list/warning-statistics-list.component.ts @@ -156,40 +156,40 @@ export class WarningStatisticsListComponent implements OnInit { echartsData: any //一级饼图 oilchartpieOption = { - color: ['#FF4B65', '#36A2FF'], + color: ['#91CCFF', '#46DFFF', '#36A2FF', '#FF6181', '#B4C3FF', '#FF9963', '#5A9CFF', '#4BFFD4', '#46DFFF', '#91CCFF'], tooltip: { trigger: 'item'//触发类型 }, - legend: { - bottom: '12%', - left: 'center', - itemGap: 40, - itemWidth: 8, - itemHeight: 8, - formatter: (name) => { - let data = this.oilchartpieOptionPieData1 - let value - for (var i = 0, l = data.length; i < l; i++) { - if (data[i].name == name) { - value = data[i].value; - } - } - return '{a|' + name + '}' + '{b|' + value + '}'; - }, - textStyle: { - color: '#fff', - rich: { - a: { - width: 80 - } - } - } - }, + // legend: { + // bottom: '12%', + // left: 'center', + // itemGap: 40, + // itemWidth: 8, + // itemHeight: 8, + // formatter: (name) => { + // let data = this.oilchartpieOptionPieData1 + // let value + // for (var i = 0, l = data.length; i < l; i++) { + // if (data[i].name == name) { + // value = data[i].value; + // } + // } + // return '{a|' + name + '}' + '{b|' + value + '}'; + // }, + // textStyle: { + // color: '#fff', + // rich: { + // a: { + // width: 80 + // } + // } + // } + // }, series: [ { type: 'pie', radius: ['50%', '60%'], - bottom: '10%', + // bottom: '10%', avoidLabelOverlap: false,//防止标签重叠策略 label: {//每一个标签外网延伸的引导说明 show: false, @@ -310,185 +310,8 @@ export class WarningStatisticsListComponent implements OnInit { } }; - //二级饼图 - oilchartpieOption2 = { - color: ['#36A2FF', '#FFBD4B', '#46DFFF'], - tooltip: { - trigger: 'item'//触发类型 - }, - legend: { - bottom: '8%', - left: 'center', - itemGap: 10, - itemWidth: 8, - itemHeight: 8, - formatter: (name) => { - let data = this.oilchartpieOptionPieData2 - let value - for (var i = 0, l = data.length; i < l; i++) { - if (data[i].name == name) { - value = data[i].value; - } - } - return '{a|' + name + '}' + '{b|' + value + '}'; - }, - textStyle: { - color: '#fff', - rich: { - a: { - width: 60 - } - } - } - }, - series: [ - { - type: 'pie', - radius: ['50%', '60%'], - bottom: '10%', - avoidLabelOverlap: false,//防止标签重叠策略 - label: {//每二个标签外网延伸的引导说明 - show: false, - position: 'outside' - }, - data: [], - tooltip: {//鼠标移入提示 - position: 'right', - padding: [14, 19], - backgroundColor: 'rgba(28, 129, 218, 0.4)', - textStyle: { - color: '#fff', - fontSize: 12 - } - } - } - ] - }; - oilchartpieOptionPieData2: any - //二级柱状图 - oilchartbarOption2 = { - tooltip: { - // trigger: 'axis' - }, - xAxis: { - type: 'category', - data: [], - axisLine: { - show: false, - lineStyle: { - color: '#91CCFF' - } - }, - axisTick: {//刻度线 - show: false - }, - inverse: true - }, - yAxis: { - type: 'value', - nameTextStyle: { - color: '#C4E2FC' - }, - splitLine: {//分割线 - lineStyle: { - color: ['#0f4374'], - width: 2 - } - }, - axisTick: {//刻度线 - show: false - }, - axisLine: {//轴线 - show: false, - lineStyle: { - color: '#C4E2FC' - } - } - }, - legend: { - selectedMode: false, // 是否允许点击 - data: ['事前准备', '事中操作', '全程监测'], - textStyle: { - color: '#fff' - }, - right: 18, - top: 18, - itemWidth: 8, - itemHeight: 8, - }, - series: [ - { - name: '', - data: [], - type: 'bar', - itemStyle: { - color: { - type: 'linear', - x: 0, - y: 0, - x2: 0, - y2: 1, - colorStops: [{ - offset: 0, color: 'rgba(54, 162, 255, 1)' // 0% 处的颜色 - }, { - offset: 1, color: 'rgba(54, 162, 255, 0.1)' // 100% 处的颜色 - }], - global: false // 缺省为 false - } - }, - barWidth: '25%' - }, - { - name: '', - data: [], - type: 'bar', - itemStyle: { - color: { - type: 'linear', - x: 0, - y: 0, - x2: 0, - y2: 1, - colorStops: [{ - offset: 0, color: 'rgba(255, 189, 75, 1)' // 0% 处的颜色 - }, { - offset: 1, color: 'rgba(255, 189, 75, 0.1)' // 100% 处的颜色 - }], - global: false // 缺省为 false - } - }, - barWidth: '25%' - }, - { - name: '', - data: [], - type: 'bar', - itemStyle: { - color: { - type: 'linear', - x: 0, - y: 0, - x2: 0, - y2: 1, - colorStops: [{ - offset: 0, color: 'rgba(70, 223, 255, 1)' // 0% 处的颜色 - }, { - offset: 1, color: 'rgba(70, 223, 255, 0.1)' // 100% 处的颜色 - }], - global: false // 缺省为 false - } - }, - barWidth: '25%' - } - ], - grid: { - left: '42px', - right: '30px', - bottom: '38px', - top: '80px' - } - }; + isgoback: boolean = false //获取统计信息 chartsSpin: boolean = false diff --git a/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html b/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html index 009e034..249f149 100644 --- a/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html +++ b/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html @@ -49,13 +49,14 @@
误报 - 提交 + 提交 已处置
- + {{content}}
diff --git a/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts b/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts index cd0abcc..8598795 100644 --- a/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts +++ b/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts @@ -66,8 +66,10 @@ export class GetOutOfLineDetailsComponent implements OnInit { let loginUserInfo if (sessionStorage.getItem('isGasStation') == 'true') { loginUserInfo = JSON.parse(sessionStorage.getItem('userdataOfgasstation')) + this.isOilStationUser = true } else { loginUserInfo = JSON.parse(sessionStorage.getItem('userdata')) + this.isOilStationUser = false } if (loginUserInfo.roles.find((item) => { diff --git a/src/app/system-management/role/addrole/addrole.component.html b/src/app/system-management/role/addrole/addrole.component.html index 94f160e..0dcca76 100644 --- a/src/app/system-management/role/addrole/addrole.component.html +++ b/src/app/system-management/role/addrole/addrole.component.html @@ -22,7 +22,7 @@ 菜单 - diff --git a/src/app/system-management/role/editrole/editrole.component.html b/src/app/system-management/role/editrole/editrole.component.html index 38539e9..0f3e2ac 100644 --- a/src/app/system-management/role/editrole/editrole.component.html +++ b/src/app/system-management/role/editrole/editrole.component.html @@ -19,7 +19,7 @@ 菜单 -