Browse Source

修改 bug 首页跟 信息发布管理

wangqin
Joe 1 year ago
parent
commit
4c898838d7
  1. 2
      ruoyi-ui/src/views/JiHeExpressway/components/Title/index.vue
  2. 18
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/index.vue
  3. 18
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/carStatistics.js
  4. 10
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/focusStatistics.js
  5. 10
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/otherStatistics.js
  6. 17
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue
  7. 9
      ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditDetails/DetailCard.vue
  8. 2
      ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditDetails/index.vue

2
ruoyi-ui/src/views/JiHeExpressway/components/Title/index.vue

@ -34,6 +34,8 @@ export default {
background-image: url(./images/bg.svg); background-image: url(./images/bg.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto; background-size: auto;
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
>div { >div {
display: flex; display: flex;

18
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/index.vue

@ -25,7 +25,7 @@
<div class="box-title"><span>在途车辆统计</span></div> <div class="box-title"><span>在途车辆统计</span></div>
<div class="box-content"> <div class="box-content">
<div class="count"> <div class="count">
<div class="charts keep-ratio " ref="carStatisticsEchartBox"></div> <div class="charts keep-ratio" ref="carStatisticsEchartBox"></div>
<div class="count-item cars"> <div class="count-item cars">
<span class="icon"></span> <span class="icon"></span>
<span class="label">数量</span> <span class="label">数量</span>
@ -34,7 +34,7 @@
</div> </div>
</div> </div>
<div class="count"> <div class="count">
<div class="charts keep-ratio " ref="focusStatisticsEchartBox"></div> <div class="charts keep-ratio" ref="focusStatisticsEchartBox"></div>
<div class="count-item focus"> <div class="count-item focus">
<span class="icon"></span> <span class="icon"></span>
<span class="label">数量</span> <span class="label">数量</span>
@ -43,7 +43,7 @@
</div> </div>
</div> </div>
<div class="count"> <div class="count">
<div class="charts keep-ratio " ref="otherStatisticsEchartBox"></div> <div class="charts keep-ratio" ref="otherStatisticsEchartBox"></div>
<div class="count-item other"> <div class="count-item other">
<span class="icon"></span> <span class="icon"></span>
<span class="label">数量</span> <span class="label">数量</span>
@ -132,16 +132,16 @@ export default {
mounted() { mounted() {
setTimeout(() => { setTimeout(() => {
this.$nextTick(() => { this.$nextTick(() => {
var myChart = echarts.init(this.$refs.carStatisticsEchartBox); const myChart1 = echarts.init(this.$refs.carStatisticsEchartBox);
myChart.setOption(carStatistics); myChart1.setOption(carStatistics);
console.log("charts", carStatistics); console.log("charts", carStatistics);
var myChart = echarts.init(this.$refs.focusStatisticsEchartBox); const myChart2 = echarts.init(this.$refs.focusStatisticsEchartBox);
myChart.setOption(focusStatistics); myChart2.setOption(focusStatistics);
console.log("charts", focusStatistics); console.log("charts", focusStatistics);
var myChart = echarts.init(this.$refs.otherStatisticsEchartBox); const myChart3 = echarts.init(this.$refs.otherStatisticsEchartBox);
myChart.setOption(otherStatistics); myChart3.setOption(otherStatistics);
console.log("charts", otherStatistics); console.log("charts", otherStatistics);
}); });
}); });

18
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/carStatistics.js

@ -36,7 +36,7 @@ var carStatistics = {
//上层圆环,显示数据 //上层圆环,显示数据
value: getvalue, value: getvalue,
itemStyle: { itemStyle: {
color: "#00CBFF" color: "#00CBFF",
}, },
}, },
], ],
@ -102,16 +102,18 @@ var carStatistics = {
return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|小客车}`; return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|小客车}`;
}, },
rich: { rich: {
cn:{fontSize: 16,}, fontFamily: "PangMenZhengDao-Regular",
cn: { fontSize: 16 },
number: { number: {
display:"block", display: "block",
marginTop:10, marginTop: 10,
fontSize: 14, fontSize: 16,
fontWeight: 900,
textAlign: "center", textAlign: "center",
}, },
wcl: { wcl: {
marginTop:10, marginTop: 10,
fontSize: 10, fontSize: 12,
textAlign: "center", textAlign: "center",
}, },
}, },
@ -197,7 +199,7 @@ var carStatistics = {
}, //刻度标签。 }, //刻度标签。
axisTick: { axisTick: {
show: true, show: true,
splitNumber: 77,//间距 splitNumber: 77, //间距
lineStyle: { lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用 color: "#086CAF", //用颜色渐变函数不起作用
width: 2, width: 2,

10
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/focusStatistics.js

@ -36,7 +36,7 @@ var focusStatistics = {
//上层圆环,显示数据 //上层圆环,显示数据
value: getvalue, value: getvalue,
itemStyle: { itemStyle: {
color: "#FE861E" color: "#FE861E",
}, },
}, },
], ],
@ -102,13 +102,15 @@ var focusStatistics = {
return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|重点车辆}`; return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|重点车辆}`;
}, },
rich: { rich: {
cn:{fontSize: 16,}, fontFamily: "PangMenZhengDao-Regular",
cn: { fontSize: 16 },
number: { number: {
fontSize: 16, fontSize: 16,
fontWeight: 900,
textAlign: "center", textAlign: "center",
}, },
wcl: { wcl: {
fontSize: 10, fontSize: 12,
textAlign: "center", textAlign: "center",
}, },
}, },
@ -194,7 +196,7 @@ var focusStatistics = {
}, //刻度标签。 }, //刻度标签。
axisTick: { axisTick: {
show: true, show: true,
splitNumber: 77,//间距 splitNumber: 77, //间距
lineStyle: { lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用 color: "#086CAF", //用颜色渐变函数不起作用
width: 2, width: 2,

10
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/otherStatistics.js

@ -36,7 +36,7 @@ var otherStatistics = {
//上层圆环,显示数据 //上层圆环,显示数据
value: getvalue, value: getvalue,
itemStyle: { itemStyle: {
color: "#29DEAF" color: "#29DEAF",
}, },
}, },
], ],
@ -102,13 +102,15 @@ var otherStatistics = {
return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|其他}`; return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|其他}`;
}, },
rich: { rich: {
cn:{fontSize: 16,}, fontFamily: "PangMenZhengDao-Regular",
cn: { fontSize: 16 },
number: { number: {
fontSize: 16, fontSize: 16,
fontWeight: 900,
textAlign: "center", textAlign: "center",
}, },
wcl: { wcl: {
fontSize: 10, fontSize: 12,
textAlign: "center", textAlign: "center",
}, },
}, },
@ -194,7 +196,7 @@ var otherStatistics = {
}, //刻度标签。 }, //刻度标签。
axisTick: { axisTick: {
show: true, show: true,
splitNumber: 77,//间距 splitNumber: 77, //间距
lineStyle: { lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用 color: "#086CAF", //用颜色渐变函数不起作用
width: 2, width: 2,

17
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue

@ -220,17 +220,16 @@ export default {
}) })
}, },
updateEvent() { updateEvent() {
// s
this.btnLoading = true; this.btnLoading = true;
console.log({ // console.log({
id: this.dialogData.id, // id: this.dialogData.id,
warningType: this.data.warningType, // warningType: this.data.warningType,
warningSubclass: this.data.warningSubclass, // warningSubclass: this.data.warningSubclass,
remark: this.data.remark, // remark: this.data.remark,
vehicleType: this.data.vehicleType, // vehicleType: this.data.vehicleType,
lane: this.data.lane // lane: this.data.lane
}) // })
request({ request({
url: `/perceivedEvents/warning/updateWarning`, url: `/perceivedEvents/warning/updateWarning`,

9
ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditDetails/DetailCard.vue

@ -2,7 +2,7 @@
<div class='DetailCard'> <div class='DetailCard'>
<div class="header"> <div class="header">
<div class="left"> <div class="left">
<div class="title">{{ data.title || '-' }}</div> <div class="title">{{ data.descTitle || '-' }}</div>
<div class="state" :style="{ backgroundColor: status[data.state].color }">{{ status[data.state].text }}</div> <div class="state" :style="{ backgroundColor: status[data.state].color }">{{ status[data.state].text }}</div>
</div> </div>
<div class="right"> <div class="right">
@ -121,6 +121,13 @@ export default {
} }
} }
.right {
.el-icon-time {
background-color: #05D3BF;
border-radius: 50%;
}
}
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }

2
ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditDetails/index.vue

@ -25,7 +25,7 @@ export default {
timeLine2List: Array.from({ length: 6 }).map(() => ({ timeLine2List: Array.from({ length: 6 }).map(() => ({
time: "2023-12-21 16:35:44", time: "2023-12-21 16:35:44",
name: "甘易玫", name: "甘易玫",
// title: "xxx", descTitle: "事件详情",
desc: "因改扩建施工,接交警通知,G3京台高速崮山(辅)、泰安西站双向入口临时关闭,万德站北京方向入口临时关闭,崮山(主)站北京方向出口临时关闭;济南崮山服务区(台北方向)入口临时关闭。泰安服务区(北京方向)入口临时关闭。泰山枢纽(G22青兰高速兰州方向转G3京台高速北京方向匝道、G22青兰高速青岛方向转G3京台高速北京方向匝道)临时关闭。", desc: "因改扩建施工,接交警通知,G3京台高速崮山(辅)、泰安西站双向入口临时关闭,万德站北京方向入口临时关闭,崮山(主)站北京方向出口临时关闭;济南崮山服务区(台北方向)入口临时关闭。泰安服务区(北京方向)入口临时关闭。泰山枢纽(G22青兰高速兰州方向转G3京台高速北京方向匝道、G22青兰高速青岛方向转G3京台高速北京方向匝道)临时关闭。",
posts: '淄博发展公司管理员', posts: '淄博发展公司管理员',
state: 0, state: 0,

Loading…
Cancel
Save