diff --git a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
index 799713e..44295d3 100644
--- a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
+++ b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
@@ -28,6 +28,30 @@
};
const init = () => {
+ let markLinedata = [];
+ if (props.data.controlMarkLine.length) {
+ props.data.controlMarkLine.map(item => {
+ let newitem = {
+ silent: true, //鼠标悬停事件 true没有,false有
+ lineStyle: {
+ //警戒线的样式 ,虚实 颜色
+ type: 'dashed',
+ color: item.color,
+ opacity: item.Opacity,
+ },
+ yAxis: item.value,
+ label: {
+ formatter: `${item.typeName}:${item.value}`,
+ color: item.color,
+ },
+ };
+
+ markLinedata.push(newitem);
+ });
+ }
+
+ console.log(markLinedata, 'markLinedatamarkLinedata');
+
let chartDom = echarts.init(document.getElementById(allData.id));
var option;
option = {
@@ -62,45 +86,6 @@
},
},
},
- // formatter: p => {
- // let dom = `
- //
- //
- //
- // ${p[0] ? p[0].seriesName : ''}
- // ${p[0] ? p[0].data : ''}
- //
- //
- // ${p[1] ? p[1].seriesName : ''}
- // ${p[1] ? p[1].data : ''}
- //
- //
- //
`;
- // return dom;
- // },
},
legend: {
align: 'left',
@@ -116,19 +101,19 @@
itemWidth: 18,
icon: 'path://M0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z',
- data: [
- {
- name: '水深(cm)',
- },
- {
- name: '降雨量(mm)',
- },
- ],
+ // data: [
+ // {
+ // name: '水深(cm)',
+ // },
+ // {
+ // name: 'BOD(mg/L)',
+ // },
+ // ],
},
grid: {
top: '20%',
- left: '15%',
- right: '10%',
+ left: '12%',
+ right: '3%',
bottom: '25%',
// containLabel: true,
},
@@ -147,8 +132,8 @@
//坐标轴刻度标签的相关设置
textStyle: {
color: '#7ec7ff',
- padding: 16,
- fontSize: 13,
+ padding: 14,
+ fontSize: 14,
},
formatter: function (data) {
return data;
@@ -208,59 +193,60 @@
},
],
series: [
+ // {
+ // name: '水深(cm)',
+ // type: 'line',
+ // symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
+ // showAllSymbol: true,
+ // symbolSize: 0,
+ // smooth: true,
+ // lineStyle: {
+ // normal: {
+ // width: 2,
+ // color: '#19FFB1', // 线条颜色
+ // },
+ // borderColor: '#19FFB1',
+ // },
+ // itemStyle: {
+ // color: '#19FFB1',
+ // borderColor: '#19FFB1',
+ // borderWidth: 2,
+ // },
+ // tooltip: {
+ // show: true,
+ // },
+ // areaStyle: {
+ // //区域填充样式
+ // normal: {
+ // //线性渐变,前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’,则该四个值是绝对像素位置。
+ // color: new echarts.graphic.LinearGradient(
+ // 0,
+ // 0,
+ // 0,
+ // 1,
+ // [
+ // {
+ // offset: 0,
+ // color: 'rgba(25,163,223,.3)',
+ // },
+ // {
+ // offset: 1,
+ // color: 'rgba(25,163,223, 0)',
+ // },
+ // ],
+ // false
+ // ),
+ // shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
+ // shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+ // },
+ // },
+ // data: props.data.data1,
+ // },
{
- name: '水深(cm)',
+ name: '',
type: 'line',
symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
- showAllSymbol: true,
- symbolSize: 0,
- smooth: true,
- lineStyle: {
- normal: {
- width: 2,
- color: '#19FFB1', // 线条颜色
- },
- borderColor: '#19FFB1',
- },
- itemStyle: {
- color: '#19FFB1',
- borderColor: '#19FFB1',
- borderWidth: 2,
- },
- tooltip: {
- show: true,
- },
- areaStyle: {
- //区域填充样式
- normal: {
- //线性渐变,前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’,则该四个值是绝对像素位置。
- color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: 'rgba(25,163,223,.3)',
- },
- {
- offset: 1,
- color: 'rgba(25,163,223, 0)',
- },
- ],
- false
- ),
- shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
- shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
- },
- },
- data: props.data.data1,
- },
- {
- name: '降雨量(mm)',
- type: 'line',
- symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
+
showAllSymbol: true,
symbolSize: 0,
smooth: true,
@@ -304,7 +290,14 @@
shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
},
},
- data: props.data.data2,
+ markLine: {
+ symbol: 'none', //去掉警戒线最后面的箭头
+ label: {
+ position: 'middle', //将警示值放在哪个位置,三个值“start”,"middle","end" 开始 中点 结束
+ },
+ data: markLinedata,
+ },
+ data: props.data.data1,
},
],
};
diff --git a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
index 799713e..44295d3 100644
--- a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
+++ b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
@@ -28,6 +28,30 @@
};
const init = () => {
+ let markLinedata = [];
+ if (props.data.controlMarkLine.length) {
+ props.data.controlMarkLine.map(item => {
+ let newitem = {
+ silent: true, //鼠标悬停事件 true没有,false有
+ lineStyle: {
+ //警戒线的样式 ,虚实 颜色
+ type: 'dashed',
+ color: item.color,
+ opacity: item.Opacity,
+ },
+ yAxis: item.value,
+ label: {
+ formatter: `${item.typeName}:${item.value}`,
+ color: item.color,
+ },
+ };
+
+ markLinedata.push(newitem);
+ });
+ }
+
+ console.log(markLinedata, 'markLinedatamarkLinedata');
+
let chartDom = echarts.init(document.getElementById(allData.id));
var option;
option = {
@@ -62,45 +86,6 @@
},
},
},
- // formatter: p => {
- // let dom = `
- //
- //
- //
- // ${p[0] ? p[0].seriesName : ''}
- // ${p[0] ? p[0].data : ''}
- //
- //
- // ${p[1] ? p[1].seriesName : ''}
- // ${p[1] ? p[1].data : ''}
- //
- //
- //
`;
- // return dom;
- // },
},
legend: {
align: 'left',
@@ -116,19 +101,19 @@
itemWidth: 18,
icon: 'path://M0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z',
- data: [
- {
- name: '水深(cm)',
- },
- {
- name: '降雨量(mm)',
- },
- ],
+ // data: [
+ // {
+ // name: '水深(cm)',
+ // },
+ // {
+ // name: 'BOD(mg/L)',
+ // },
+ // ],
},
grid: {
top: '20%',
- left: '15%',
- right: '10%',
+ left: '12%',
+ right: '3%',
bottom: '25%',
// containLabel: true,
},
@@ -147,8 +132,8 @@
//坐标轴刻度标签的相关设置
textStyle: {
color: '#7ec7ff',
- padding: 16,
- fontSize: 13,
+ padding: 14,
+ fontSize: 14,
},
formatter: function (data) {
return data;
@@ -208,59 +193,60 @@
},
],
series: [
+ // {
+ // name: '水深(cm)',
+ // type: 'line',
+ // symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
+ // showAllSymbol: true,
+ // symbolSize: 0,
+ // smooth: true,
+ // lineStyle: {
+ // normal: {
+ // width: 2,
+ // color: '#19FFB1', // 线条颜色
+ // },
+ // borderColor: '#19FFB1',
+ // },
+ // itemStyle: {
+ // color: '#19FFB1',
+ // borderColor: '#19FFB1',
+ // borderWidth: 2,
+ // },
+ // tooltip: {
+ // show: true,
+ // },
+ // areaStyle: {
+ // //区域填充样式
+ // normal: {
+ // //线性渐变,前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’,则该四个值是绝对像素位置。
+ // color: new echarts.graphic.LinearGradient(
+ // 0,
+ // 0,
+ // 0,
+ // 1,
+ // [
+ // {
+ // offset: 0,
+ // color: 'rgba(25,163,223,.3)',
+ // },
+ // {
+ // offset: 1,
+ // color: 'rgba(25,163,223, 0)',
+ // },
+ // ],
+ // false
+ // ),
+ // shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
+ // shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+ // },
+ // },
+ // data: props.data.data1,
+ // },
{
- name: '水深(cm)',
+ name: '',
type: 'line',
symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
- showAllSymbol: true,
- symbolSize: 0,
- smooth: true,
- lineStyle: {
- normal: {
- width: 2,
- color: '#19FFB1', // 线条颜色
- },
- borderColor: '#19FFB1',
- },
- itemStyle: {
- color: '#19FFB1',
- borderColor: '#19FFB1',
- borderWidth: 2,
- },
- tooltip: {
- show: true,
- },
- areaStyle: {
- //区域填充样式
- normal: {
- //线性渐变,前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’,则该四个值是绝对像素位置。
- color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: 'rgba(25,163,223,.3)',
- },
- {
- offset: 1,
- color: 'rgba(25,163,223, 0)',
- },
- ],
- false
- ),
- shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
- shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
- },
- },
- data: props.data.data1,
- },
- {
- name: '降雨量(mm)',
- type: 'line',
- symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
+
showAllSymbol: true,
symbolSize: 0,
smooth: true,
@@ -304,7 +290,14 @@
shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
},
},
- data: props.data.data2,
+ markLine: {
+ symbol: 'none', //去掉警戒线最后面的箭头
+ label: {
+ position: 'middle', //将警示值放在哪个位置,三个值“start”,"middle","end" 开始 中点 结束
+ },
+ data: markLinedata,
+ },
+ data: props.data.data1,
},
],
};
diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
index 9d321c8..c7675a3 100644
--- a/src/views/sponeScreen/longYW/InspectionTasks.vue
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -2,10 +2,10 @@
巡查任务
-
+
import PatrolDialog from './PatrolDialog';
+import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+
+const { proxy } = getCurrentInstance();
+const date = ref(proxy.moment(new Date()).format('YYYY-MM'));
const dialogShowXq = ref(false);
-import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
const tableData = ref([
{ start: '海绵项目1', end: '李强', num: '正在巡查', id: 1 },
{ start: '海绵项目2', end: '李强', num: '已结束', id: 1 },
diff --git a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
index 799713e..44295d3 100644
--- a/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
+++ b/src/views/sponeScreen/Echarts/SewageBODEchaer.vue
@@ -28,6 +28,30 @@
};
const init = () => {
+ let markLinedata = [];
+ if (props.data.controlMarkLine.length) {
+ props.data.controlMarkLine.map(item => {
+ let newitem = {
+ silent: true, //鼠标悬停事件 true没有,false有
+ lineStyle: {
+ //警戒线的样式 ,虚实 颜色
+ type: 'dashed',
+ color: item.color,
+ opacity: item.Opacity,
+ },
+ yAxis: item.value,
+ label: {
+ formatter: `${item.typeName}:${item.value}`,
+ color: item.color,
+ },
+ };
+
+ markLinedata.push(newitem);
+ });
+ }
+
+ console.log(markLinedata, 'markLinedatamarkLinedata');
+
let chartDom = echarts.init(document.getElementById(allData.id));
var option;
option = {
@@ -62,45 +86,6 @@
},
},
},
- // formatter: p => {
- // let dom = `
- //
- //
- //
- // ${p[0] ? p[0].seriesName : ''}
- // ${p[0] ? p[0].data : ''}
- //
- //
- // ${p[1] ? p[1].seriesName : ''}
- // ${p[1] ? p[1].data : ''}
- //
- //
- //
`;
- // return dom;
- // },
},
legend: {
align: 'left',
@@ -116,19 +101,19 @@
itemWidth: 18,
icon: 'path://M0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z',
- data: [
- {
- name: '水深(cm)',
- },
- {
- name: '降雨量(mm)',
- },
- ],
+ // data: [
+ // {
+ // name: '水深(cm)',
+ // },
+ // {
+ // name: 'BOD(mg/L)',
+ // },
+ // ],
},
grid: {
top: '20%',
- left: '15%',
- right: '10%',
+ left: '12%',
+ right: '3%',
bottom: '25%',
// containLabel: true,
},
@@ -147,8 +132,8 @@
//坐标轴刻度标签的相关设置
textStyle: {
color: '#7ec7ff',
- padding: 16,
- fontSize: 13,
+ padding: 14,
+ fontSize: 14,
},
formatter: function (data) {
return data;
@@ -208,59 +193,60 @@
},
],
series: [
+ // {
+ // name: '水深(cm)',
+ // type: 'line',
+ // symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
+ // showAllSymbol: true,
+ // symbolSize: 0,
+ // smooth: true,
+ // lineStyle: {
+ // normal: {
+ // width: 2,
+ // color: '#19FFB1', // 线条颜色
+ // },
+ // borderColor: '#19FFB1',
+ // },
+ // itemStyle: {
+ // color: '#19FFB1',
+ // borderColor: '#19FFB1',
+ // borderWidth: 2,
+ // },
+ // tooltip: {
+ // show: true,
+ // },
+ // areaStyle: {
+ // //区域填充样式
+ // normal: {
+ // //线性渐变,前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’,则该四个值是绝对像素位置。
+ // color: new echarts.graphic.LinearGradient(
+ // 0,
+ // 0,
+ // 0,
+ // 1,
+ // [
+ // {
+ // offset: 0,
+ // color: 'rgba(25,163,223,.3)',
+ // },
+ // {
+ // offset: 1,
+ // color: 'rgba(25,163,223, 0)',
+ // },
+ // ],
+ // false
+ // ),
+ // shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
+ // shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+ // },
+ // },
+ // data: props.data.data1,
+ // },
{
- name: '水深(cm)',
+ name: '',
type: 'line',
symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
- showAllSymbol: true,
- symbolSize: 0,
- smooth: true,
- lineStyle: {
- normal: {
- width: 2,
- color: '#19FFB1', // 线条颜色
- },
- borderColor: '#19FFB1',
- },
- itemStyle: {
- color: '#19FFB1',
- borderColor: '#19FFB1',
- borderWidth: 2,
- },
- tooltip: {
- show: true,
- },
- areaStyle: {
- //区域填充样式
- normal: {
- //线性渐变,前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’,则该四个值是绝对像素位置。
- color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: 'rgba(25,163,223,.3)',
- },
- {
- offset: 1,
- color: 'rgba(25,163,223, 0)',
- },
- ],
- false
- ),
- shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
- shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
- },
- },
- data: props.data.data1,
- },
- {
- name: '降雨量(mm)',
- type: 'line',
- symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
+
showAllSymbol: true,
symbolSize: 0,
smooth: true,
@@ -304,7 +290,14 @@
shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
},
},
- data: props.data.data2,
+ markLine: {
+ symbol: 'none', //去掉警戒线最后面的箭头
+ label: {
+ position: 'middle', //将警示值放在哪个位置,三个值“start”,"middle","end" 开始 中点 结束
+ },
+ data: markLinedata,
+ },
+ data: props.data.data1,
},
],
};
diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
index 9d321c8..c7675a3 100644
--- a/src/views/sponeScreen/longYW/InspectionTasks.vue
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -2,10 +2,10 @@
巡查任务
-
+
import PatrolDialog from './PatrolDialog';
+import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+
+const { proxy } = getCurrentInstance();
+const date = ref(proxy.moment(new Date()).format('YYYY-MM'));
const dialogShowXq = ref(false);
-import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
const tableData = ref([
{ start: '海绵项目1', end: '李强', num: '正在巡查', id: 1 },
{ start: '海绵项目2', end: '李强', num: '已结束', id: 1 },
diff --git a/src/views/sponeScreen/longYW/SewageBOD.vue b/src/views/sponeScreen/longYW/SewageBOD.vue
index d422356..7d7d573 100644
--- a/src/views/sponeScreen/longYW/SewageBOD.vue
+++ b/src/views/sponeScreen/longYW/SewageBOD.vue
@@ -4,12 +4,14 @@
污水厂进口BOD
-
+
+
+
- //
- //
- //
- //
- //
- // ${p[0] ? p[0].seriesName : ''}
- // ${p[0] ? p[0].data : ''}
- //
- //
- // ${p[1] ? p[1].seriesName : ''}
- // ${p[1] ? p[1].data : ''}
- //
- //
- // `;
- // return dom;
- // },
},
legend: {
align: 'left',
@@ -116,19 +101,19 @@
itemWidth: 18,
icon: 'path://M0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z',
- data: [
- {
- name: '水深(cm)',
- },
- {
- name: '降雨量(mm)',
- },
- ],
+ // data: [
+ // {
+ // name: '水深(cm)',
+ // },
+ // {
+ // name: 'BOD(mg/L)',
+ // },
+ // ],
},
grid: {
top: '20%',
- left: '15%',
- right: '10%',
+ left: '12%',
+ right: '3%',
bottom: '25%',
// containLabel: true,
},
@@ -147,8 +132,8 @@
//坐标轴刻度标签的相关设置
textStyle: {
color: '#7ec7ff',
- padding: 16,
- fontSize: 13,
+ padding: 14,
+ fontSize: 14,
},
formatter: function (data) {
return data;
@@ -208,59 +193,60 @@
},
],
series: [
+ // {
+ // name: '水深(cm)',
+ // type: 'line',
+ // symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
+ // showAllSymbol: true,
+ // symbolSize: 0,
+ // smooth: true,
+ // lineStyle: {
+ // normal: {
+ // width: 2,
+ // color: '#19FFB1', // 线条颜色
+ // },
+ // borderColor: '#19FFB1',
+ // },
+ // itemStyle: {
+ // color: '#19FFB1',
+ // borderColor: '#19FFB1',
+ // borderWidth: 2,
+ // },
+ // tooltip: {
+ // show: true,
+ // },
+ // areaStyle: {
+ // //区域填充样式
+ // normal: {
+ // //线性渐变,前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’,则该四个值是绝对像素位置。
+ // color: new echarts.graphic.LinearGradient(
+ // 0,
+ // 0,
+ // 0,
+ // 1,
+ // [
+ // {
+ // offset: 0,
+ // color: 'rgba(25,163,223,.3)',
+ // },
+ // {
+ // offset: 1,
+ // color: 'rgba(25,163,223, 0)',
+ // },
+ // ],
+ // false
+ // ),
+ // shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
+ // shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+ // },
+ // },
+ // data: props.data.data1,
+ // },
{
- name: '水深(cm)',
+ name: '',
type: 'line',
symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
- showAllSymbol: true,
- symbolSize: 0,
- smooth: true,
- lineStyle: {
- normal: {
- width: 2,
- color: '#19FFB1', // 线条颜色
- },
- borderColor: '#19FFB1',
- },
- itemStyle: {
- color: '#19FFB1',
- borderColor: '#19FFB1',
- borderWidth: 2,
- },
- tooltip: {
- show: true,
- },
- areaStyle: {
- //区域填充样式
- normal: {
- //线性渐变,前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’,则该四个值是绝对像素位置。
- color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: 'rgba(25,163,223,.3)',
- },
- {
- offset: 1,
- color: 'rgba(25,163,223, 0)',
- },
- ],
- false
- ),
- shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
- shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
- },
- },
- data: props.data.data1,
- },
- {
- name: '降雨量(mm)',
- type: 'line',
- symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
+
showAllSymbol: true,
symbolSize: 0,
smooth: true,
@@ -304,7 +290,14 @@
shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
},
},
- data: props.data.data2,
+ markLine: {
+ symbol: 'none', //去掉警戒线最后面的箭头
+ label: {
+ position: 'middle', //将警示值放在哪个位置,三个值“start”,"middle","end" 开始 中点 结束
+ },
+ data: markLinedata,
+ },
+ data: props.data.data1,
},
],
};
diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
index 9d321c8..c7675a3 100644
--- a/src/views/sponeScreen/longYW/InspectionTasks.vue
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -2,10 +2,10 @@
巡查任务
-
+
import PatrolDialog from './PatrolDialog';
+import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+
+const { proxy } = getCurrentInstance();
+const date = ref(proxy.moment(new Date()).format('YYYY-MM'));
const dialogShowXq = ref(false);
-import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
const tableData = ref([
{ start: '海绵项目1', end: '李强', num: '正在巡查', id: 1 },
{ start: '海绵项目2', end: '李强', num: '已结束', id: 1 },
diff --git a/src/views/sponeScreen/longYW/SewageBOD.vue b/src/views/sponeScreen/longYW/SewageBOD.vue
index d422356..7d7d573 100644
--- a/src/views/sponeScreen/longYW/SewageBOD.vue
+++ b/src/views/sponeScreen/longYW/SewageBOD.vue
@@ -4,12 +4,14 @@
污水厂进口BOD
-
+
+
+