forked from integrated_whb/integrated_whb_vue
Merge remote-tracking branch 'origin/dev' into dev
commit
3e43c731bb
|
@ -4,7 +4,7 @@
|
|||
<div class="logo" />
|
||||
<div class="menu">
|
||||
<ul>
|
||||
<li @click="router.push({ path: '/large_screen_data_display' })">
|
||||
<li @click="fnNavigationBI">
|
||||
<div class="title">BI</div>
|
||||
</li>
|
||||
<template v-for="(item, index) in MENU" :key="index">
|
||||
|
@ -79,6 +79,7 @@ defineOptions({
|
|||
name: "LayoutHeader",
|
||||
});
|
||||
const FILE_URL = import.meta.env.VITE_FILE_URL;
|
||||
let notify;
|
||||
const router = useRouter();
|
||||
const menuStore = useMenuStore();
|
||||
const userStore = useUserStore();
|
||||
|
@ -156,7 +157,7 @@ const fnSignOut = async () => {
|
|||
const fnSpecialOperationsWarnAmount = async () => {
|
||||
const resData = await getSpecialOperationsWarnAmount();
|
||||
if (resData.message) {
|
||||
ElNotification({
|
||||
notify = ElNotification({
|
||||
title: "温馨提示",
|
||||
dangerouslyUseHTMLString: true,
|
||||
message: resData.message,
|
||||
|
@ -166,6 +167,10 @@ const fnSpecialOperationsWarnAmount = async () => {
|
|||
}
|
||||
};
|
||||
fnSpecialOperationsWarnAmount();
|
||||
const fnNavigationBI = () => {
|
||||
notify && notify.close();
|
||||
router.push({ path: "/large_screen_data_display" });
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
@ -76,44 +76,7 @@ const data = reactive({
|
|||
},
|
||||
],
|
||||
eleType: 0,
|
||||
block2OptionsList: [
|
||||
{
|
||||
label: "滞留报警",
|
||||
count: 0,
|
||||
},
|
||||
{
|
||||
label: "越界报警",
|
||||
count: 235,
|
||||
},
|
||||
{
|
||||
label: "超员报警",
|
||||
count: 569,
|
||||
},
|
||||
{
|
||||
label: "缺员报警",
|
||||
count: 569,
|
||||
},
|
||||
{
|
||||
label: "静止报警",
|
||||
count: 423,
|
||||
},
|
||||
{
|
||||
label: "串岗报警",
|
||||
count: 789,
|
||||
},
|
||||
{
|
||||
label: "一键告警",
|
||||
count: 236,
|
||||
},
|
||||
{
|
||||
label: "聚集告警",
|
||||
count: 214,
|
||||
},
|
||||
{
|
||||
label: "作业告警",
|
||||
count: 852,
|
||||
},
|
||||
],
|
||||
block2OptionsList: [],
|
||||
block3List: [
|
||||
{
|
||||
name: "赵一诺",
|
||||
|
|
|
@ -57,10 +57,8 @@ function echarts1(id, legend, echartCount) {
|
|||
type: "shadow",
|
||||
},
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: "#B3CFFF", // x轴文本颜色
|
||||
fontSize: 10,
|
||||
},
|
||||
formatter(params) {
|
||||
// const res = xWrapText(params, 6);
|
||||
xWrapText(params, 6);
|
||||
|
@ -84,11 +82,9 @@ function echarts1(id, legend, echartCount) {
|
|||
},
|
||||
axisLabel: {
|
||||
formatter: "{value}%",
|
||||
textStyle: {
|
||||
color: "#B3CFFF", // x轴文本颜色
|
||||
fontSize: 12,
|
||||
},
|
||||
},
|
||||
name: "",
|
||||
nameTextStyle: {
|
||||
color: "#B3CFFF",
|
||||
|
@ -119,7 +115,7 @@ function echarts1(id, legend, echartCount) {
|
|||
opacity: 1,
|
||||
},
|
||||
]),
|
||||
barBorderRadius: [0, 0, 0, 0],
|
||||
borderRadius: [0, 0, 0, 0],
|
||||
},
|
||||
data: echartCount,
|
||||
},
|
||||
|
@ -148,7 +144,7 @@ function echarts1(id, legend, echartCount) {
|
|||
opacity: 1,
|
||||
},
|
||||
]),
|
||||
barBorderRadius: [0, 0, 0, 0],
|
||||
borderRadius: [0, 0, 0, 0],
|
||||
},
|
||||
data: echartCount,
|
||||
barGap: 0,
|
||||
|
|
|
@ -34,10 +34,8 @@ function echarts2(id, month, accumulated, currentMonth) {
|
|||
},
|
||||
axisLabel: {
|
||||
// 坐标轴刻度标签的相关设置
|
||||
textStyle: {
|
||||
color: "#d1e6eb",
|
||||
margin: 15,
|
||||
},
|
||||
interval: 0,
|
||||
rotate: 30,
|
||||
},
|
||||
|
@ -64,10 +62,8 @@ function echarts2(id, month, accumulated, currentMonth) {
|
|||
},
|
||||
axisLabel: {
|
||||
margin: 20,
|
||||
textStyle: {
|
||||
color: "#d1e6eb",
|
||||
},
|
||||
},
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
|
|
|
@ -52,13 +52,9 @@ function echarts4(id) {
|
|||
axisLabel: {
|
||||
show: true,
|
||||
// rotate: -1,
|
||||
textStyle: {
|
||||
fontSize: 14,
|
||||
// fontFamily: PangMenZhengDao,
|
||||
|
||||
color: "#fff",
|
||||
},
|
||||
},
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
|
@ -93,12 +89,9 @@ function echarts4(id) {
|
|||
},
|
||||
axisLabel: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
fontSize: 12,
|
||||
// fontFamily: PangMenZhengDao,
|
||||
color: "#ffffff",
|
||||
},
|
||||
},
|
||||
splitArea: {
|
||||
areaStyle: {
|
||||
color: "rgba(255,255,255,.5)",
|
||||
|
@ -187,8 +180,9 @@ function echarts4(id) {
|
|||
return colorList[params.dataIndex];
|
||||
},
|
||||
opacity: 0.7,
|
||||
// 鼠标移入柱子上 透明度变为 1
|
||||
},
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
opacity: 1,
|
||||
},
|
||||
},
|
||||
|
|
|
@ -41,11 +41,9 @@ function echarts2(id, data) {
|
|||
},
|
||||
axisLabel: {
|
||||
// 坐标轴刻度标签的相关设置
|
||||
textStyle: {
|
||||
color: "#d1e6eb",
|
||||
margin: 15,
|
||||
},
|
||||
},
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
|
@ -69,10 +67,8 @@ function echarts2(id, data) {
|
|||
},
|
||||
axisLabel: {
|
||||
margin: 20,
|
||||
textStyle: {
|
||||
color: "#d1e6eb",
|
||||
},
|
||||
},
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
|
|
|
@ -32,14 +32,6 @@ const fnInitEcharts = (data) => {
|
|||
type: "shadow",
|
||||
},
|
||||
},
|
||||
legend: {
|
||||
data: ["各培训类型学习人数"],
|
||||
top: "15",
|
||||
textStyle: {
|
||||
color: "#2aaef2",
|
||||
},
|
||||
orient: "horizontal",
|
||||
},
|
||||
grid: {
|
||||
top: "25%",
|
||||
right: "3%",
|
||||
|
|
|
@ -65,9 +65,7 @@ const fnInitEcharts = (data) => {
|
|||
},
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
fontSize: 12,
|
||||
margin: 15,
|
||||
},
|
||||
|
@ -87,10 +85,8 @@ const fnInitEcharts = (data) => {
|
|||
},
|
||||
},
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
},
|
||||
splitLine: {
|
||||
show: false,
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue