hui
1 year ago
12 changed files with 1906 additions and 642 deletions
File diff suppressed because it is too large
@ -1,137 +1,109 @@ |
|||||
import * as echarts from "echarts"; |
import * as echarts from "echarts"; |
||||
var options = { |
var options = { |
||||
|
color: ["#07A3FB"], |
||||
color: ["#07A3FB"], |
grid: { |
||||
grid: { |
left: "0%", |
||||
left: "2%", |
right: "8%", |
||||
right: "5%", |
bottom: "0%", |
||||
bottom: "10%", |
top: "10%", |
||||
top: "10%", |
containLabel: true, |
||||
containLabel: true, |
}, |
||||
}, |
tooltip: { |
||||
legend: { |
show: true, |
||||
show:false, |
}, |
||||
icon: 'rect', |
xAxis: { |
||||
top: '0%', |
type: "category", |
||||
right: '5%', |
axisLine: { |
||||
data: ['实时数据'], |
lineStyle: { |
||||
itemWidth:18, |
color: "#07A3FB", |
||||
itemHeight: 5, |
|
||||
itemGap: 30, |
|
||||
itemStyle:{ |
|
||||
color:"#FFD15C", |
|
||||
}, |
|
||||
textStyle: { |
|
||||
fontSize: 12, |
|
||||
color: '#fff', |
|
||||
padding: [0, 0, 0, 10], |
|
||||
}, |
|
||||
}, |
|
||||
xAxis: { |
|
||||
type: "category", |
|
||||
axisLine: { |
|
||||
lineStyle: { |
|
||||
color: "#07A3FB", |
|
||||
fontSize: 12, |
|
||||
}, |
|
||||
}, |
|
||||
axisLabel: { |
|
||||
// interval:0,
|
|
||||
color: "#BDD8FB", |
|
||||
fontSize: 12, |
|
||||
}, |
|
||||
axisTick: { |
|
||||
show: false, |
|
||||
}, |
}, |
||||
data: [ |
}, |
||||
"1月", |
axisLabel: { |
||||
"2月", |
// interval:0,
|
||||
"3月", |
color: "#fff", |
||||
"4月", |
fontSize: 10, |
||||
"5月", |
}, |
||||
"6月", |
axisTick: { |
||||
"7月", |
show: false, |
||||
"8月", |
}, |
||||
"9月", |
data: [ |
||||
"10月", |
"1月", |
||||
"11月", |
"2月", |
||||
"12月", |
"3月", |
||||
], |
"4月", |
||||
}, |
"5月", |
||||
yAxis: { |
"6月", |
||||
type: "value", |
"7月", |
||||
min: 0, |
"8月", |
||||
max:800, |
"9月", |
||||
minInterval: 100, |
"10月", |
||||
nameTextStyle: { |
"11月", |
||||
fontSize: 12, |
"12月", |
||||
color: "#BDD8FB", |
], |
||||
align: "center", |
}, |
||||
|
yAxis: { |
||||
|
type: "value", |
||||
|
nameTextStyle: { |
||||
|
fontSize: 10, |
||||
|
color: "#fff", |
||||
|
align: "center", |
||||
|
}, |
||||
|
splitLine: { |
||||
|
lineStyle: { |
||||
|
color: "#07A3FB", |
||||
|
// type: 'dashed', // dotted 虚线
|
||||
}, |
}, |
||||
splitLine: { |
}, |
||||
lineStyle: { |
axisLabel: { |
||||
color: "#07A3FB", |
fontSize: 10, |
||||
// type: 'dashed', // dotted 虚线
|
fontFamily: "Bebas", |
||||
}, |
color: "#fff", |
||||
|
}, |
||||
|
}, |
||||
|
series: [ |
||||
|
{ |
||||
|
type: "line", |
||||
|
// symbol: "none",
|
||||
|
showSymbol: false, |
||||
|
smooth: true, // 是否曲线
|
||||
|
name: "实时数据", // 图例对应类别
|
||||
|
data: [112, 122, 323, 223, 230, 112, 326, 228, 331, 423, 225, 123], // 纵坐标数据
|
||||
|
lineStyle: { |
||||
|
color: "#07A3FB", |
||||
}, |
}, |
||||
splitArea: { show: false }, |
areaStyle: { |
||||
axisLine: { |
// 区域颜色
|
||||
show: false, |
// color: new graphic.LinearGradient(0, 0, 0, 1, [
|
||||
}, |
// {
|
||||
axisTick: { |
// offset: 0,
|
||||
show: false, |
// color: "#5090FF",
|
||||
}, |
// },
|
||||
axisLabel: { |
// {
|
||||
fontSize: 12, |
// offset: 1,
|
||||
fontFamily: "Bebas", |
// color: "#1057E5",
|
||||
color: "#BDD8FB", |
// },
|
||||
}, |
// ]),
|
||||
}, |
color: { |
||||
series: [ |
type: "linear", |
||||
{ |
x: 0, //右
|
||||
type: "line", |
y: 0, //下
|
||||
// symbol: "none",
|
x2: 0, //左
|
||||
showSymbol: false, |
y2: 1, //上
|
||||
smooth: true, // 是否曲线
|
colorStops: [ |
||||
name: "实时数据", // 图例对应类别
|
{ |
||||
data: [112, 122, 723, 623, 530, 612, 626,728, 531, 423 ,625, 423, 423], // 纵坐标数据
|
offset: 0.1, |
||||
lineStyle :{ |
color: "#07A3FB99", // 0% 处的颜色
|
||||
color:"#07A3FB" |
|
||||
}, |
|
||||
areaStyle: { |
|
||||
// 区域颜色
|
|
||||
// color: new graphic.LinearGradient(0, 0, 0, 1, [
|
|
||||
// {
|
|
||||
// offset: 0,
|
|
||||
// color: "#5090FF",
|
|
||||
// },
|
|
||||
// {
|
|
||||
// offset: 1,
|
|
||||
// color: "#1057E5",
|
|
||||
// },
|
|
||||
// ]),
|
|
||||
color: { |
|
||||
type: 'linear', |
|
||||
x: 0, //右
|
|
||||
y: 0, //下
|
|
||||
x2: 0, //左
|
|
||||
y2: 1, //上
|
|
||||
colorStops: [ |
|
||||
{ |
|
||||
offset: 0.1, |
|
||||
color: '#07A3FB99' // 0% 处的颜色
|
|
||||
}, |
|
||||
{ |
|
||||
offset: 1, |
|
||||
opacity:0.01, |
|
||||
color: '#07A3FB00' // 100% 处的颜色
|
|
||||
} |
|
||||
] |
|
||||
}, |
}, |
||||
}, |
{ |
||||
|
offset: 1, |
||||
|
opacity: 0.01, |
||||
|
color: "#07A3FB00", // 100% 处的颜色
|
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
}, |
}, |
||||
|
}, |
||||
], |
], |
||||
}; |
}; |
||||
|
|
||||
export default options; |
export default options; |
||||
@ -1,137 +1,109 @@ |
|||||
import * as echarts from "echarts"; |
import * as echarts from "echarts"; |
||||
var options = { |
var options = { |
||||
|
color: ["#E29E37"], |
||||
color: ["#E29E37"], |
grid: { |
||||
grid: { |
left: "0%", |
||||
left: "2%", |
right: "0%", |
||||
right: "5%", |
bottom: "0%", |
||||
bottom: "10%", |
top: "10%", |
||||
top: "10%", |
containLabel: true, |
||||
containLabel: true, |
}, |
||||
}, |
tooltip: { |
||||
legend: { |
show: true, |
||||
show:false, |
}, |
||||
icon: 'rect', |
xAxis: { |
||||
top: '0%', |
type: "category", |
||||
right: '5%', |
axisLine: { |
||||
data: ['实时数据'], |
lineStyle: { |
||||
itemWidth:18, |
color: "#E29E37", |
||||
itemHeight: 5, |
|
||||
itemGap: 30, |
|
||||
itemStyle:{ |
|
||||
color:"#FFD15C", |
|
||||
}, |
|
||||
textStyle: { |
|
||||
fontSize: 12, |
|
||||
color: '#fff', |
|
||||
padding: [0, 0, 0, 10], |
|
||||
}, |
|
||||
}, |
|
||||
xAxis: { |
|
||||
type: "category", |
|
||||
axisLine: { |
|
||||
lineStyle: { |
|
||||
color: "#E29E37", |
|
||||
fontSize: 12, |
|
||||
}, |
|
||||
}, |
|
||||
axisLabel: { |
|
||||
// interval:0,
|
|
||||
color: "#BDD8FB", |
|
||||
fontSize: 12, |
|
||||
}, |
|
||||
axisTick: { |
|
||||
show: false, |
|
||||
}, |
}, |
||||
data: [ |
}, |
||||
"1月", |
axisLabel: { |
||||
"2月", |
// interval:0,
|
||||
"3月", |
color: "#fff", |
||||
"4月", |
fontSize: 10, |
||||
"5月", |
}, |
||||
"6月", |
axisTick: { |
||||
"7月", |
show: false, |
||||
"8月", |
}, |
||||
"9月", |
data: [ |
||||
"10月", |
"1月", |
||||
"11月", |
"2月", |
||||
"12月", |
"3月", |
||||
], |
"4月", |
||||
}, |
"5月", |
||||
yAxis: { |
"6月", |
||||
type: "value", |
"7月", |
||||
min: 0, |
"8月", |
||||
max:800, |
"9月", |
||||
minInterval: 100, |
"10月", |
||||
nameTextStyle: { |
"11月", |
||||
fontSize: 12, |
"12月", |
||||
color: "#BDD8FB", |
], |
||||
align: "center", |
}, |
||||
|
yAxis: { |
||||
|
type: "value", |
||||
|
nameTextStyle: { |
||||
|
fontSize: 10, |
||||
|
color: "#fff", |
||||
|
align: "center", |
||||
|
}, |
||||
|
splitLine: { |
||||
|
lineStyle: { |
||||
|
color: "#E29E37", |
||||
|
// type: 'dashed', // dotted 虚线
|
||||
}, |
}, |
||||
splitLine: { |
}, |
||||
lineStyle: { |
axisLabel: { |
||||
color: "#E29E37", |
fontSize: 10, |
||||
// type: 'dashed', // dotted 虚线
|
fontFamily: "Bebas", |
||||
}, |
color: "#fff", |
||||
|
}, |
||||
|
}, |
||||
|
series: [ |
||||
|
{ |
||||
|
type: "line", |
||||
|
// symbol: "none",
|
||||
|
showSymbol: false, |
||||
|
smooth: true, // 是否曲线
|
||||
|
name: "实时数据", // 图例对应类别
|
||||
|
data: [112, 122, 323, 223, 230, 112, 326, 228, 331, 423, 225, 123], // 纵坐标数据
|
||||
|
lineStyle: { |
||||
|
color: "#E29E37", |
||||
}, |
}, |
||||
splitArea: { show: false }, |
areaStyle: { |
||||
axisLine: { |
// 区域颜色
|
||||
show: false, |
// color: new graphic.LinearGradient(0, 0, 0, 1, [
|
||||
}, |
// {
|
||||
axisTick: { |
// offset: 0,
|
||||
show: false, |
// color: "#5090FF",
|
||||
}, |
// },
|
||||
axisLabel: { |
// {
|
||||
fontSize: 12, |
// offset: 1,
|
||||
fontFamily: "Bebas", |
// color: "#1057E5",
|
||||
color: "#BDD8FB", |
// },
|
||||
}, |
// ]),
|
||||
}, |
color: { |
||||
series: [ |
type: "linear", |
||||
{ |
x: 0, //右
|
||||
type: "line", |
y: 0, //下
|
||||
// symbol: "none",
|
x2: 0, //左
|
||||
showSymbol: false, |
y2: 1, //上
|
||||
smooth: true, // 是否曲线
|
colorStops: [ |
||||
name: "实时数据", // 图例对应类别
|
{ |
||||
data: [112, 122, 723, 623, 530, 612, 626,728, 531, 423 ,625, 423, 423], // 纵坐标数据
|
offset: 0.1, |
||||
lineStyle :{ |
color: "#E29E3799", // 0% 处的颜色
|
||||
color:"#E29E37" |
|
||||
}, |
|
||||
areaStyle: { |
|
||||
// 区域颜色
|
|
||||
// color: new graphic.LinearGradient(0, 0, 0, 1, [
|
|
||||
// {
|
|
||||
// offset: 0,
|
|
||||
// color: "#5090FF",
|
|
||||
// },
|
|
||||
// {
|
|
||||
// offset: 1,
|
|
||||
// color: "#1057E5",
|
|
||||
// },
|
|
||||
// ]),
|
|
||||
color: { |
|
||||
type: 'linear', |
|
||||
x: 0, //右
|
|
||||
y: 0, //下
|
|
||||
x2: 0, //左
|
|
||||
y2: 1, //上
|
|
||||
colorStops: [ |
|
||||
{ |
|
||||
offset: 0.1, |
|
||||
color: '#E29E3799' // 0% 处的颜色
|
|
||||
}, |
|
||||
{ |
|
||||
offset: 1, |
|
||||
opacity:0.01, |
|
||||
color: '#E29E3700' // 100% 处的颜色
|
|
||||
} |
|
||||
] |
|
||||
}, |
}, |
||||
}, |
{ |
||||
|
offset: 1, |
||||
|
opacity: 0.01, |
||||
|
color: "#E29E3700", // 100% 处的颜色
|
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
}, |
}, |
||||
|
}, |
||||
], |
], |
||||
}; |
}; |
||||
|
|
||||
export default options; |
export default options; |
||||
@ -1,137 +1,108 @@ |
|||||
import * as echarts from "echarts"; |
import * as echarts from "echarts"; |
||||
var options = { |
var options = { |
||||
|
color: ["#32BB8A", "#01B3E4"], |
||||
|
tooltip: { |
||||
|
show: true, |
||||
|
}, |
||||
|
grid: { |
||||
|
left: "0%", |
||||
|
right: "0%", |
||||
|
bottom: "0%", |
||||
|
top: "10%", |
||||
|
containLabel: true, |
||||
|
}, |
||||
|
|
||||
color: ["#32BB8A", "#01B3E4"], |
xAxis: { |
||||
grid: { |
type: "category", |
||||
left: "2%", |
axisLine: { |
||||
right: "5%", |
lineStyle: { |
||||
bottom: "10%", |
color: "#32BB8A", |
||||
top: "10%", |
|
||||
containLabel: true, |
|
||||
}, |
|
||||
legend: { |
|
||||
show:false, |
|
||||
icon: 'rect', |
|
||||
top: '0%', |
|
||||
right: '5%', |
|
||||
data: ['实时数据'], |
|
||||
itemWidth:18, |
|
||||
itemHeight: 5, |
|
||||
itemGap: 30, |
|
||||
itemStyle:{ |
|
||||
color:"#FFD15C", |
|
||||
}, |
}, |
||||
textStyle: { |
}, |
||||
fontSize: 12, |
axisLabel: { |
||||
color: '#fff', |
// interval:0,
|
||||
padding: [0, 0, 0, 10], |
color: "#fff", |
||||
|
fontSize: 10, |
||||
|
}, |
||||
|
axisTick: { |
||||
|
show: false, |
||||
|
}, |
||||
|
data: [ |
||||
|
"1月", |
||||
|
"2月", |
||||
|
"3月", |
||||
|
"4月", |
||||
|
"5月", |
||||
|
"6月", |
||||
|
"7月", |
||||
|
"8月", |
||||
|
"9月", |
||||
|
"10月", |
||||
|
"11月", |
||||
|
"12月", |
||||
|
], |
||||
|
}, |
||||
|
yAxis: { |
||||
|
type: "value", |
||||
|
splitLine: { |
||||
|
lineStyle: { |
||||
|
color: "#32BB8A", |
||||
|
// type: 'dashed', // dotted 虚线
|
||||
}, |
}, |
||||
}, |
}, |
||||
xAxis: { |
axisLabel: { |
||||
type: "category", |
fontSize: 10, |
||||
axisLine: { |
fontFamily: "Bebas", |
||||
lineStyle: { |
color: "#fff", |
||||
color: "#32BB8A", |
}, |
||||
fontSize: 12, |
}, |
||||
}, |
series: [ |
||||
|
{ |
||||
|
type: "line", |
||||
|
// symbol: "none",
|
||||
|
showSymbol: false, |
||||
|
smooth: true, // 是否曲线
|
||||
|
name: "", // 图例对应类别
|
||||
|
data: [112, 122, 323, 223, 230, 112, 326, 228, 331, 423, 225, 123], // 纵坐标数据
|
||||
|
lineStyle: { |
||||
|
color: "#32BB8A", |
||||
}, |
}, |
||||
axisLabel: { |
areaStyle: { |
||||
// interval:0,
|
// 区域颜色
|
||||
color: "#BDD8FB", |
// color: new graphic.LinearGradient(0, 0, 0, 1, [
|
||||
fontSize: 12, |
// {
|
||||
}, |
// offset: 0,
|
||||
axisTick: { |
// color: "#5090FF",
|
||||
show: false, |
// },
|
||||
}, |
// {
|
||||
data: [ |
// offset: 1,
|
||||
"1月", |
// color: "#1057E5",
|
||||
"2月", |
// },
|
||||
"3月", |
// ]),
|
||||
"4月", |
color: { |
||||
"5月", |
type: "linear", |
||||
"6月", |
x: 0, //右
|
||||
"7月", |
y: 0, //下
|
||||
"8月", |
x2: 0, //左
|
||||
"9月", |
y2: 1, //上
|
||||
"10月", |
colorStops: [ |
||||
"11月", |
{ |
||||
"12月", |
offset: 0.1, |
||||
], |
color: "#32BB8A99", // 0% 处的颜色
|
||||
}, |
}, |
||||
yAxis: { |
{ |
||||
type: "value", |
offset: 1, |
||||
min: 0, |
opacity: 0.01, |
||||
max:800, |
color: "#32BB8A01", // 100% 处的颜色
|
||||
minInterval: 100, |
|
||||
nameTextStyle: { |
|
||||
fontSize: 12, |
|
||||
color: "#BDD8FB", |
|
||||
align: "center", |
|
||||
}, |
|
||||
splitLine: { |
|
||||
lineStyle: { |
|
||||
color: "#32BB8A", |
|
||||
// type: 'dashed', // dotted 虚线
|
|
||||
}, |
|
||||
}, |
|
||||
splitArea: { show: false }, |
|
||||
axisLine: { |
|
||||
show: false, |
|
||||
}, |
|
||||
axisTick: { |
|
||||
show: false, |
|
||||
}, |
|
||||
axisLabel: { |
|
||||
fontSize: 12, |
|
||||
fontFamily: "Bebas", |
|
||||
color: "#BDD8FB", |
|
||||
}, |
|
||||
}, |
|
||||
series: [ |
|
||||
{ |
|
||||
type: "line", |
|
||||
// symbol: "none",
|
|
||||
showSymbol: false, |
|
||||
smooth: true, // 是否曲线
|
|
||||
name: "实时数据", // 图例对应类别
|
|
||||
data: [112, 122, 723, 623, 530, 612, 626,728, 531, 423 ,625, 423, 423], // 纵坐标数据
|
|
||||
lineStyle :{ |
|
||||
color:"#32BB8A" |
|
||||
}, |
|
||||
areaStyle: { |
|
||||
// 区域颜色
|
|
||||
// color: new graphic.LinearGradient(0, 0, 0, 1, [
|
|
||||
// {
|
|
||||
// offset: 0,
|
|
||||
// color: "#5090FF",
|
|
||||
// },
|
|
||||
// {
|
|
||||
// offset: 1,
|
|
||||
// color: "#1057E5",
|
|
||||
// },
|
|
||||
// ]),
|
|
||||
color: { |
|
||||
type: 'linear', |
|
||||
x: 0, //右
|
|
||||
y: 0, //下
|
|
||||
x2: 0, //左
|
|
||||
y2: 1, //上
|
|
||||
colorStops: [ |
|
||||
{ |
|
||||
offset: 0.1, |
|
||||
color: '#32BB8A99' // 0% 处的颜色
|
|
||||
}, |
|
||||
{ |
|
||||
offset: 1, |
|
||||
opacity:0.01, |
|
||||
color: '#32BB8A01' // 100% 处的颜色
|
|
||||
} |
|
||||
] |
|
||||
}, |
}, |
||||
}, |
], |
||||
|
}, |
||||
}, |
}, |
||||
|
tooltip: { |
||||
], |
show: true, |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
}; |
}; |
||||
|
|
||||
export default options; |
export default options; |
||||
@ -0,0 +1,63 @@ |
|||||
|
import * as PresetFormItems from "@screen/common/PresetFormItems.js"; |
||||
|
import { merge, cloneDeep } from "lodash"; |
||||
|
|
||||
|
export const searchFormList = [ |
||||
|
PresetFormItems.eventType, |
||||
|
{ |
||||
|
label: "事件状态:", |
||||
|
key: "eventState", |
||||
|
type: "RadioGroup", |
||||
|
options: { |
||||
|
options: [ |
||||
|
{ |
||||
|
key: "0", |
||||
|
label: "未解决", |
||||
|
}, |
||||
|
{ |
||||
|
key: "1", |
||||
|
label: "已解决", |
||||
|
}, |
||||
|
{ |
||||
|
key: "2", |
||||
|
label: "已关闭", |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
label: "审核状态:", |
||||
|
key: "checkState", |
||||
|
type: "RadioGroup", |
||||
|
options: { |
||||
|
options: [ |
||||
|
{ |
||||
|
key: "0", |
||||
|
label: "待审核", |
||||
|
}, |
||||
|
{ |
||||
|
key: "1", |
||||
|
label: "已审核", |
||||
|
}, |
||||
|
{ |
||||
|
key: "2", |
||||
|
label: "未通过", |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
label: "时间范围:", |
||||
|
key: "daterange", |
||||
|
required: false, |
||||
|
type: "datePicker", |
||||
|
options: { |
||||
|
type: "daterange", |
||||
|
format: "yyyy-MM-dd HH:mm:ss", |
||||
|
valueFormat: "yyyy-MM-dd HH:mm:ss", |
||||
|
}, |
||||
|
}, |
||||
|
PresetFormItems.startStation, |
||||
|
PresetFormItems.endStation |
||||
|
|
||||
|
|
||||
|
]; |
||||
Loading…
Reference in new issue