mengff
/
jihe-hs
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改bug

wangqin
zhangzhang 1 year ago
parent
fd27c971b2
commit
72723675f0
9 changed files with 480 additions and 306 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 50
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/assets/charts2.js
  2. 136
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/assets/charts3.js
  3. BIN
      ruoyi-ui/src/views/JiHeExpressway/pages/datav/digitalRoadNetwork/assets/online_bj.jpg
  4. 154
      ruoyi-ui/src/views/JiHeExpressway/pages/datav/digitalRoadNetwork/index.vue
  5. 74
      ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/maintainQuery/index.vue
  6. 12
      ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/auditAnalytics/assets/charts.js
  7. 12
      ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/channelAnalytics/assets/charts.js
  8. 12
      ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/eventTypeAnalysis/assets/charts.js
  9. 18
      ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/nucleusThrough/assets/charts3.js

50
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/assets/charts2.js
View File

@ -1,8 +1,7 @@
let zData = ["侧翻", "撞障碍物", "自燃", "追尾", "撞护栏", "货物洒落"]; let zData = ["侧翻", "撞障碍物", "自燃", "追尾", "撞护栏", "货物洒落"];
let lc = [450, 500, 250, 340,450, 500]; let lc = [450, 500, 250, 340, 450, 500];
let lc2 = [400, 550, 200, 140,400, 550]; let lc2 = [400, 550, 200, 140, 400, 550];
let options = { let options = {
tooltip: { tooltip: {
show: true, show: true,
trigger: "axis", trigger: "axis",
@ -14,7 +13,7 @@ let options = {
}, },
grid: { grid: {
right: "4%", right: "4%",
top: "12%", top: "20%",
left: "2%", left: "2%",
bottom: "0%", bottom: "0%",
containLabel: true, containLabel: true,
@ -27,7 +26,7 @@ let options = {
interval: 0, interval: 0,
textStyle: { textStyle: {
color: "rgba(255, 255, 255, 0.80)", color: "rgba(255, 255, 255, 0.80)",
fontSize: 16 fontSize: 16,
}, },
}, },
axisTick: { axisTick: {
@ -53,7 +52,7 @@ let options = {
show: true, show: true,
textStyle: { textStyle: {
color: "rgba(255, 255, 255, 0.90)", color: "rgba(255, 255, 255, 0.90)",
fontSize: 16 fontSize: 16,
}, },
}, },
axisLine: { axisLine: {
@ -70,6 +69,33 @@ let options = {
}, },
}, },
], ],
legend: {
// orient: 'vertical',
// icon: "circle",
itemHeight: 8,
itemWidth: 8,
top: "5%",
right: "10%",
textStyle: {
color: "#fff",
},
data: [
{
name: "从业人员",
icon: "circle",
itemStyle: {
color: "#02A0F8",
},
},
{
name: "去年同期数量",
icon: "circle",
itemStyle: {
color: "#01CFEB",
},
},
],
},
series: [ series: [
{ {
name: "从业人员", name: "从业人员",
@ -104,10 +130,11 @@ let options = {
}, },
], ],
globalCoord: false, // 缺省为 false globalCoord: false, // 缺省为 false
}
}, },
}, },
symbol: "path://M48 0 L49 17 C52 72 68 125 96 173 H0 C25 125 41 73 46 19 L48 0Z", },
symbol:
"path://M48 0 L49 17 C52 72 68 125 96 173 H0 C25 125 41 73 46 19 L48 0Z",
data: lc, data: lc,
}, },
{ {
@ -115,7 +142,7 @@ let options = {
type: "pictorialBar", type: "pictorialBar",
stack: "else", stack: "else",
barGap: "10%", barGap: "10%",
boundaryGap:"100%", boundaryGap: "100%",
label: { label: {
normal: { normal: {
show: false, show: false,
@ -145,10 +172,11 @@ let options = {
}, },
], ],
globalCoord: false, // 缺省为 false globalCoord: false, // 缺省为 false
}
}, },
}, },
symbol: "path://M48 0 L49 17 C52 72 68 125 96 173 H0 C25 125 41 73 46 19 L48 0Z", },
symbol:
"path://M48 0 L49 17 C52 72 68 125 96 173 H0 C25 125 41 73 46 19 L48 0Z",
data: lc2, data: lc2,
}, },
], ],

136
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/assets/charts3.js
View File

@ -1,76 +1,68 @@
const sxnja = [ const sxnja = [400, 400, 400];
400,400,400 const sxnja2 = [700, 700, 700];
];
const sxnja2 = [
700,700,700
];
const minNumber = 90; const minNumber = 90;
const minArray = []; const minArray = [];
sxnja.map((value) => { sxnja.map((value) => {
minArray.push(parseFloat((value - minNumber).toFixed(2))) minArray.push(parseFloat((value - minNumber).toFixed(2)));
}) });
console.log(minArray) console.log(minArray);
let xaxisData = [ let xaxisData = ["客车", "货车", "专项车"];
'客车',
'货车',
'专项车',
];
var options = { var options = {
title: { title: {
text: '单位/%', // text: "单位/%",
top: '4%', top: "4%",
left: '3%', left: "3%",
textStyle: { textStyle: {
fontSize: '10px', fontSize: "10px",
fontWeight: 300, fontWeight: 300,
color: '#B5C5D4', color: "#B5C5D4",
opacity: 0.8 opacity: 0.8,
} },
}, },
tooltip: { tooltip: {
valueFormatter: function (value) { valueFormatter: function (value) {
return (value + minNumber).toFixed(2) + ' %'; return (value + minNumber).toFixed(2) + " %";
} },
}, },
legend: { legend: {
// orient: 'vertical', // orient: 'vertical',
icon: "circle", icon: "circle",
itemHeight: 6, itemHeight: 8,
itemWidth: 6, itemWidth: 8,
top: "5%", top: "5%",
right: "0%", right: "0%",
textStyle: { textStyle: {
fontSize:10, // fontSize: 12,
color: "#fff", color: "#fff",
}, },
}, },
grid: { grid: {
left: '1%', left: "1%",
right: '0%', right: "0%",
top: '16%', top: "20%",
bottom: '0%', bottom: "0%",
containLabel: true containLabel: true,
}, },
xAxis: { xAxis: {
type: 'category', type: "category",
data: xaxisData, data: xaxisData,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
width: 1, width: 1,
color: '#545454' color: "#545454",
} },
}, },
axisTick: { axisTick: {
show: false show: false,
}, },
axisLabel: { axisLabel: {
color: '#B5C5D4', color: "#B5C5D4",
fontSize: '10px', fontSize: "10px",
interval: 0 interval: 0,
} },
}, },
yAxis: [ yAxis: [
{ {
@ -78,67 +70,67 @@ const sxnja = [
// min: function (value) { // min: function (value) {
// return value.min*0.9; // return value.min*0.9;
// }, // },
type: 'value', type: "value",
min: 0, min: 0,
max:900, max: 900,
splitNumber: 9, splitNumber: 9,
// max: yAxisMax, // max: yAxisMax,
axisLine: { axisLine: {
show: false, show: false,
lineStyle: { lineStyle: {
width: 1, width: 1,
color: '#545454' color: "#545454",
} },
}, },
splitLine: { splitLine: {
show: true, show: true,
lineStyle: { lineStyle: {
color: '#B2C2D3', color: "#B2C2D3",
opacity: 0.3, opacity: 0.3,
type: 'dotted' type: "dotted",
} },
}, },
axisTick: { axisTick: {
show: false show: false,
}, },
axisLabel: { axisLabel: {
color: '#B5C5D4', color: "#B5C5D4",
fontSize: '12px', fontSize: "12px",
formatter: (value) => { formatter: (value) => {
return value + minNumber return value + minNumber;
} },
} },
} },
], ],
series: [ series: [
{ {
name: '事件数量（起）', name: "事件数量（起）",
data: minArray, data: minArray,
type: 'pictorialBar', type: "pictorialBar",
symbol: 'roundRect', symbol: "roundRect",
symbolRepeat: true, symbolRepeat: true,
symbolSize: [12, 5], symbolSize: [12, 5],
// symbolOffset: symbolOffset, // symbolOffset: symbolOffset,
// barWidth:'40%', // barWidth:'40%',
itemStyle: { itemStyle: {
color: '#20E7FF' color: "#20E7FF",
} },
}, },
{ {
barGap: "10%", barGap: "10%",
name: '平均处置时长（分钟）', name: "平均处置时长（分钟）",
data: sxnja2 , data: sxnja2,
type: 'pictorialBar', type: "pictorialBar",
symbol: 'roundRect', symbol: "roundRect",
symbolRepeat: true, symbolRepeat: true,
symbolSize: [12, 5], symbolSize: [12, 5],
// symbolOffset: symbolOffset, // symbolOffset: symbolOffset,
// barWidth:'40%', // barWidth:'40%',
itemStyle: { itemStyle: {
color: '#20FFC9' color: "#20FFC9",
} },
} },
] ],
}; };
export default options; export default options;

BIN
ruoyi-ui/src/views/JiHeExpressway/pages/datav/digitalRoadNetwork/assets/online_bj.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 403 KiB

154
ruoyi-ui/src/views/JiHeExpressway/pages/datav/digitalRoadNetwork/index.vue
View File

@ -1,7 +1,159 @@
<template> <template>
<div>1</div> <div class='TrafficFlow'>
</div>
</template> </template>
<script> <script>
export default {
name: 'digitalRoadNetwork',
components: {
},
data() {
return {
}
},
methods: {
changeTabs() {
}
}
}
</script> </script>
<style lang='scss' scoped>
::v-deep .el-tabs__item {
display: inline-flex;
justify-content: center;
font-size: 16px;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FFFFFF;
min-width: 128px;
position: relative;
left: 10px;
}
::v-deep .el-tabs__active-bar {
min-width: 128px;
}
::v-deep .el-tabs__nav-wrap::after {
background-color: #133242;
opacity: 0.1;
}
.footTabs {
display: inline;
width: 100%;
}
.TrafficFlow {
width: 100%;
height: 100%;
position: relative;
z-index: 6;
color: white;
padding-top: 15px;
background: url("./assets/online_bj.jpg") no-repeat;
background-size: 100% 100%;
.header-shot {
width: 98%;
margin: auto;
margin-top: 15px;
height: 160px;
}
.content {
width: 100%;
margin: auto;
display: flex;
flex: 1;
pointer-events: none;
margin-top: 0px;
>div {
pointer-events: auto;
}
.content-l {
width: calc(32.2%);
margin-right: 20px;
display: inline-flex;
flex-direction: column;
>div {
margin-bottom: 15px;
}
}
.content-r {
width: calc(33%);
display: inline-flex;
}
.content-rm {
width: calc(33%);
margin-right: 10px;
}
.content-mi {
width: calc(50%);
margin-right: 20px;
}
.content-mi:last-child {
margin-right: 10px;
}
.content-m {
display: inline-flex;
width: 66%;
margin-right: 20px;
}
}
.foot {
width: 98%;
margin: auto;
display: flex;
justify-content: space-between;
flex: 1;
pointer-events: none;
margin-top: 8px;
>div {
pointer-events: auto;
}
.foot-w {
width: 100%;
}
.foot-l {
width: 726px;
}
.foot-m {
width: 613px;
}
.foot-r {
width: 493px;
}
}
}
</style>

74
ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/maintainQuery/index.vue
View File

@ -2,73 +2,72 @@
<div class='TrafficFlow'> <div class='TrafficFlow'>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'maintainQuery', name: 'maintainQuery',
components: { components: {
}, },
data(){ data() {
return { return {
} }
}, },
methods:{ methods: {
changeTabs(){ changeTabs() {
} }
} }
} }
</script> </script>
<style lang='scss' scoped>
::v-deep .el-tabs__item{ <style lang='scss' scoped>
::v-deep .el-tabs__item {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
font-size: 16px; font-size: 16px;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
min-width:128px; min-width: 128px;
position: relative; position: relative;
left:10px; left: 10px;
} }
::v-deep .el-tabs__active-bar { ::v-deep .el-tabs__active-bar {
min-width:128px; min-width: 128px;
} }
::v-deep .el-tabs__nav-wrap::after { ::v-deep .el-tabs__nav-wrap::after {
background-color: #133242; background-color: #133242;
opacity: 0.1; opacity: 0.1;
} }
.footTabs { .footTabs {
display: inline; display: inline;
width:100%; width: 100%;
} }
.TrafficFlow { .TrafficFlow {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
z-index: 6; z-index: 6;
color: white; color: white;
padding-top: 15px; padding-top: 15px;
background-image: url('./assets/online_bj.jpg'); background: url("./assets/online_bj.jpg") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.header-shot{ .header-shot {
width: 98%; width: 98%;
margin: auto; margin: auto;
margin-top: 15px; margin-top: 15px;
height:160px; height: 160px;
} }
@ -86,12 +85,12 @@
.content-l { .content-l {
width: calc(32.2%); width: calc(32.2%);
margin-right:20px; margin-right: 20px;
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
>div { >div {
margin-bottom:15px; margin-bottom: 15px;
} }
} }
@ -102,30 +101,30 @@
.content-rm { .content-rm {
width: calc(33%); width: calc(33%);
margin-right:10px; margin-right: 10px;
} }
.content-mi { .content-mi {
width: calc(50%); width: calc(50%);
margin-right:20px; margin-right: 20px;
} }
.content-mi:last-child { .content-mi:last-child {
margin-right:10px; margin-right: 10px;
} }
.content-m { .content-m {
display: inline-flex; display: inline-flex;
width: 66%; width: 66%;
margin-right:20px; margin-right: 20px;
} }
} }
.foot{ .foot {
width: 98%; width: 98%;
margin: auto; margin: auto;
display: flex; display: flex;
@ -133,25 +132,28 @@
flex: 1; flex: 1;
pointer-events: none; pointer-events: none;
margin-top: 8px; margin-top: 8px;
>div { >div {
pointer-events: auto; pointer-events: auto;
} }
.foot-w { .foot-w {
width:100%; width: 100%;
} }
.foot-l { .foot-l {
width: 726px; width: 726px;
} }
.foot-m { .foot-m {
width: 613px; width: 613px;
} }
.foot-r { .foot-r {
width: 493px; width: 493px;
} }
} }
} }
</style> </style>

12
ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/auditAnalytics/assets/charts.js
View File

@ -42,24 +42,24 @@ var res = [
title: [ title: [
{ {
text:'999', text:'999',
top: '25%', top: '27%',
textAlign: 'center', textAlign: 'center',
left: '50%', left: '49%',
textStyle: { textStyle: {
color: '#ffffff', color: '#ffffff',
fontSize: 30, fontSize: 30,
fontFamily: 'SourceHanSansCN', fontFamily: 'PangMenZhengDao',
}, },
}, },
{ {
text: '总数', text: '总数',
top: '38%', top: '38%',
textAlign: 'center', textAlign: 'center',
left: '50%', left: '49%',
textStyle: { textStyle: {
color: 'rgba(242, 252, 253, 0.84)', color: 'rgba(242, 252, 253, 0.84)',
fontSize: 16, fontSize: 14,
fontFamily: 'SourceHanSansCN', fontWeight: 400,
}, },
}, },
], ],

12
ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/channelAnalytics/assets/charts.js
View File

@ -44,24 +44,24 @@ var res = [
title: [ title: [
{ {
text:'999', text:'999',
top: '25%', top: '27%',
textAlign: 'center', textAlign: 'center',
left: '50%', left: '49%',
textStyle: { textStyle: {
color: '#ffffff', color: '#ffffff',
fontSize: 30, fontSize: 30,
fontFamily: 'SourceHanSansCN', fontFamily: 'PangMenZhengDao',
}, },
}, },
{ {
text: '总数', text: '总数',
top: '38%', top: '38%',
textAlign: 'center', textAlign: 'center',
left: '50%', left: '49%',
textStyle: { textStyle: {
color: 'rgba(242, 252, 253, 0.84)', color: 'rgba(242, 252, 253, 0.84)',
fontSize: 16, fontSize: 14,
fontFamily: 'SourceHanSansCN', fontWeight: 400,
}, },
}, },
], ],

12
ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/eventTypeAnalysis/assets/charts.js
View File

@ -64,24 +64,24 @@ function getCirlPoint(x0, y0, r, angle) {
title: [ title: [
{ {
text:'999', text:'999',
top: '25%', top: '27%',
textAlign: 'center', textAlign: 'center',
left: '50%', left: '49%',
textStyle: { textStyle: {
color: '#ffffff', color: '#ffffff',
fontSize: 30, fontSize: 30,
fontFamily: 'SourceHanSansCN', fontFamily: 'PangMenZhengDao',
}, },
}, },
{ {
text: '总数', text: '总数',
top: '38%', top: '38%',
textAlign: 'center', textAlign: 'center',
left: '50%', left: '49%',
textStyle: { textStyle: {
color: 'rgba(242, 252, 253, 0.84)', color: 'rgba(242, 252, 253, 0.84)',
fontSize: 16, fontSize: 14,
fontFamily: 'SourceHanSansCN', fontWeight: 400,
}, },
}, },
], ],

18
ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/nucleusThrough/assets/charts3.js
View File

@ -94,8 +94,8 @@ let xData = [
legend: { legend: {
// orient: 'vertical', // orient: 'vertical',
icon: "circle", icon: "circle",
itemHeight: 6, itemHeight: 8,
itemWidth: 6, itemWidth: 8,
top: "5%", top: "5%",
right: "10%", right: "10%",
textStyle: { textStyle: {
@ -106,7 +106,7 @@ let xData = [
{ {
name:"审核通过", name:"审核通过",
itemStyle:{ itemStyle:{
color:'#00A3FF', color:'#08BAF4',
}, },
}, },
{ {
@ -147,7 +147,7 @@ let xData = [
}, },
{ {
offset: 1, offset: 1,
color: "#003B4E", // 100% 处的颜色 color: "#08BAF4", // 100% 处的颜色
}, },
], ],
false false
@ -157,7 +157,7 @@ let xData = [
}, },
itemStyle: { itemStyle: {
// lenged文本 // lenged文本
opacity: 0.6, opacity: 0.9,
color: function (params) { color: function (params) {
var a = params.name; var a = params.name;
console.log("==========a=============",a); console.log("==========a=============",a);
@ -207,7 +207,7 @@ let xData = [
}, },
{ {
offset: 1, offset: 1,
color: "#00E4BB53", // 100% 处的颜色 color: "#51BFA4", // 100% 处的颜色
}, },
], ],
false false
@ -217,7 +217,7 @@ let xData = [
}, },
itemStyle: { itemStyle: {
// lenged文本 // lenged文本
opacity: 0.6, opacity: 0.9,
color: function (params) { color: function (params) {
var a = params.name; var a = params.name;
console.log("==========a=============",a); console.log("==========a=============",a);
@ -266,7 +266,7 @@ let xData = [
}, },
{ {
offset: 1, offset: 1,
color: "#003B4E", // 100% 处的颜色 color: "#E2BA74", // 100% 处的颜色
}, },
], ],
false false
@ -276,7 +276,7 @@ let xData = [
}, },
itemStyle: { itemStyle: {
// lenged文本 // lenged文本
opacity: 0.6, opacity: 0.9,
color: function (params) { color: function (params) {
var a = params.name; var a = params.name;
console.log("==========a=============",a); console.log("==========a=============",a);

Write Preview
Loading…
Cancel
Save