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

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

wangqin
Joe 1 year ago
parent
fedb87a813
commit
4c898838d7
8 changed files with 646 additions and 632 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. 2
      ruoyi-ui/src/views/JiHeExpressway/components/Title/index.vue
  2. 18
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/index.vue
  3. 414
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/carStatistics.js
  4. 408
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/focusStatistics.js
  5. 408
      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
View File

@ -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
View File

@ -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);
}); });
}); });

414
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/carStatistics.js
View File

@ -3,222 +3,224 @@ var getmax = 100;
var getvalue = 58.34; var getvalue = 58.34;
var carStatistics = { var carStatistics = {
// backgroundColor: "#132A7F", // backgroundColor: "#132A7F",
grid: { grid: {
top: 0, top: 0,
bottom: 0, bottom: 0,
}, },
angleAxis: { angleAxis: {
show: false, show: false,
max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度 max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度
type: "value", type: "value",
startAngle: 225, //极坐标初始角度 startAngle: 225, //极坐标初始角度
splitLine: { splitLine: {
show: false, show: false,
},
},
barMaxWidth: 5, //圆环宽度
radiusAxis: {
show: false,
type: "category",
},
//圆环位置和大小
polar: {
center: ["50%", "50%"],
radius: "170%",
}, },
},
barMaxWidth: 5, //圆环宽度
radiusAxis: {
show: false,
type: "category",
},
//圆环位置和大小
polar: {
center: ["50%", "50%"],
radius: "170%",
},
series: [ series: [
{
type: "bar",
data: [
{ {
type: "bar", //上层圆环，显示数据
data: [ value: getvalue,
{ itemStyle: {
//上层圆环，显示数据 color: "#00CBFF",
value: getvalue, },
itemStyle: {
color: "#00CBFF"
},
},
],
barGap: "-100%", //柱间距离,上下两层圆环重合
coordinateSystem: "polar",
roundCap: true, //顶端圆角
z: 3, //圆环层级，同zindex
}, },
],
barGap: "-100%", //柱间距离,上下两层圆环重合
coordinateSystem: "polar",
roundCap: true, //顶端圆角
z: 3, //圆环层级，同zindex
},
{
//下层圆环，显示最大值
type: "bar",
data: [
{ {
//下层圆环，显示最大值 value: getmax,
type: "bar", itemStyle: {
data: [ color: "#1C748C",
{ opacity: 1,
value: getmax, borderWidth: 0,
itemStyle: { },
color: "#1C748C",
opacity: 1,
borderWidth: 0,
},
},
],
barGap: "-100%",
coordinateSystem: "polar",
roundCap: true,
z: 1,
}, },
//仪表盘 ],
{ barGap: "-100%",
type: "gauge", coordinateSystem: "polar",
startAngle: 225, //起始角度，同极坐标 roundCap: true,
endAngle: -45, //终止角度，同极坐标 z: 1,
axisLine: { },
show: false, //仪表盘
}, {
splitLine: { type: "gauge",
show: false, startAngle: 225, //起始角度，同极坐标
}, endAngle: -45, //终止角度，同极坐标
axisTick: { axisLine: {
show: false, show: false,
}, },
axisLabel: { splitLine: {
show: false, show: false,
}, },
splitLabel: { axisTick: {
show: false, show: false,
}, },
pointer: { axisLabel: {
// 分隔线 show: false,
shadowColor: "auto", //默认透明 },
shadowBlur: 5, splitLabel: {
length: "50%", show: false,
width: "2", },
show: false, pointer: {
}, // 分隔线
itemStyle: { shadowColor: "auto", //默认透明
color: "#3FD7FE", shadowBlur: 5,
borderColor: "#3FD7FE", length: "50%",
borderWidth: 6, width: "2",
}, show: false,
detail: { },
formatter: function (params) { itemStyle: {
// return '完成率\n'+getvalue + '%'; color: "#3FD7FE",
return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|小客车}`; borderColor: "#3FD7FE",
}, borderWidth: 6,
rich: { },
cn:{fontSize: 16,}, detail: {
number: { formatter: function (params) {
display:"block", // return '完成率\n'+getvalue + '%';
marginTop:10, return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|小客车}`;
fontSize: 14,
textAlign: "center",
},
wcl: {
marginTop:10,
fontSize: 10,
textAlign: "center",
},
},
color: "#fff",
lineHeight: 30,
offsetCenter: ["0", "0"],
},
title: {
show: false,
},
data: [
{
value: getvalue,
},
],
}, },
{ rich: {
name: "外部刻度", fontFamily: "PangMenZhengDao-Regular",
type: "gauge", cn: { fontSize: 16 },
// center: ['20%', '50%'], number: {
radius: "95%", display: "block",
min: 0, //最小刻度 marginTop: 10,
max: 100, //最大刻度 fontSize: 16,
splitNumber: 10, //刻度数量 fontWeight: 900,
startAngle: 225, textAlign: "center",
endAngle: -45, },
axisLine: { wcl: {
show: true, marginTop: 10,
lineStyle: { fontSize: 12,
width: 1, textAlign: "center",
color: [[1, "rgba(0,0,0,0)"]], },
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 7,
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: -20,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
}, },
color: "#fff",
lineHeight: 30,
offsetCenter: ["0", "0"],
},
title: {
show: false,
},
data: [
{ {
name: "内部刻度", value: getvalue,
type: "gauge",
// center: ['20%', '50%'],
radius: "80%",
min: 0, //最小刻度
max: 100, //最大刻度
splitNumber: 100, //刻度数量
startAngle: 225,
endAngle: -45,
axisLine: {
show: true,
lineStyle: {
width: 1,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 77,//间距
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: 100,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
}, },
], ],
},
{
name: "外部刻度",
type: "gauge",
// center: ['20%', '50%'],
radius: "95%",
min: 0, //最小刻度
max: 100, //最大刻度
splitNumber: 10, //刻度数量
startAngle: 225,
endAngle: -45,
axisLine: {
show: true,
lineStyle: {
width: 1,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 7,
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: -20,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
},
{
name: "内部刻度",
type: "gauge",
// center: ['20%', '50%'],
radius: "80%",
min: 0, //最小刻度
max: 100, //最大刻度
splitNumber: 100, //刻度数量
startAngle: 225,
endAngle: -45,
axisLine: {
show: true,
lineStyle: {
width: 1,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 77, //间距
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: 100,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
},
],
}; };
export default carStatistics; export default carStatistics;

408
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/focusStatistics.js
View File

@ -3,219 +3,221 @@ var getmax = 100;
var getvalue = 47.66; var getvalue = 47.66;
var focusStatistics = { var focusStatistics = {
// backgroundColor: "#132A7F", // backgroundColor: "#132A7F",
grid: { grid: {
top: 0, top: 0,
bottom: 0, bottom: 0,
}, },
angleAxis: { angleAxis: {
show: false, show: false,
max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度 max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度
type: "value", type: "value",
startAngle: 225, //极坐标初始角度 startAngle: 225, //极坐标初始角度
splitLine: { splitLine: {
show: false, show: false,
},
},
barMaxWidth: 5, //圆环宽度
radiusAxis: {
show: false,
type: "category",
},
//圆环位置和大小
polar: {
center: ["50%", "50%"],
radius: "170%",
}, },
},
barMaxWidth: 5, //圆环宽度
radiusAxis: {
show: false,
type: "category",
},
//圆环位置和大小
polar: {
center: ["50%", "50%"],
radius: "170%",
},
series: [ series: [
{
type: "bar",
data: [
{ {
type: "bar", //上层圆环，显示数据
data: [ value: getvalue,
{ itemStyle: {
//上层圆环，显示数据 color: "#FE861E",
value: getvalue, },
itemStyle: {
color: "#FE861E"
},
},
],
barGap: "-100%", //柱间距离,上下两层圆环重合
coordinateSystem: "polar",
roundCap: true, //顶端圆角
z: 3, //圆环层级，同zindex
}, },
],
barGap: "-100%", //柱间距离,上下两层圆环重合
coordinateSystem: "polar",
roundCap: true, //顶端圆角
z: 3, //圆环层级，同zindex
},
{
//下层圆环，显示最大值
type: "bar",
data: [
{ {
//下层圆环，显示最大值 value: getmax,
type: "bar", itemStyle: {
data: [ color: "#1C748C",
{ opacity: 1,
value: getmax, borderWidth: 0,
itemStyle: { },
color: "#1C748C",
opacity: 1,
borderWidth: 0,
},
},
],
barGap: "-100%",
coordinateSystem: "polar",
roundCap: true,
z: 1,
}, },
//仪表盘 ],
{ barGap: "-100%",
type: "gauge", coordinateSystem: "polar",
startAngle: 225, //起始角度，同极坐标 roundCap: true,
endAngle: -45, //终止角度，同极坐标 z: 1,
axisLine: { },
show: false, //仪表盘
}, {
splitLine: { type: "gauge",
show: false, startAngle: 225, //起始角度，同极坐标
}, endAngle: -45, //终止角度，同极坐标
axisTick: { axisLine: {
show: false, show: false,
}, },
axisLabel: { splitLine: {
show: false, show: false,
}, },
splitLabel: { axisTick: {
show: false, show: false,
}, },
pointer: { axisLabel: {
// 分隔线 show: false,
shadowColor: "auto", //默认透明 },
shadowBlur: 5, splitLabel: {
length: "50%", show: false,
width: "2", },
show: false, pointer: {
}, // 分隔线
itemStyle: { shadowColor: "auto", //默认透明
color: "#3FD7FE", shadowBlur: 5,
borderColor: "#3FD7FE", length: "50%",
borderWidth: 6, width: "2",
}, show: false,
detail: { },
formatter: function (params) { itemStyle: {
// return '完成率\n'+getvalue + '%'; color: "#3FD7FE",
return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|重点车辆}`; borderColor: "#3FD7FE",
}, borderWidth: 6,
rich: { },
cn:{fontSize: 16,}, detail: {
number: { formatter: function (params) {
fontSize: 16, // return '完成率\n'+getvalue + '%';
textAlign: "center", return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|重点车辆}`;
},
wcl: {
fontSize: 10,
textAlign: "center",
},
},
color: "#fff",
lineHeight: 30,
offsetCenter: ["0", "0"],
},
title: {
show: false,
},
data: [
{
value: getvalue,
},
],
}, },
{ rich: {
name: "外部刻度", fontFamily: "PangMenZhengDao-Regular",
type: "gauge", cn: { fontSize: 16 },
// center: ['20%', '50%'], number: {
radius: "95%", fontSize: 16,
min: 0, //最小刻度 fontWeight: 900,
max: 100, //最大刻度 textAlign: "center",
splitNumber: 10, //刻度数量 },
startAngle: 225, wcl: {
endAngle: -45, fontSize: 12,
axisLine: { textAlign: "center",
show: true, },
lineStyle: {
width: 1,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 7,
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: -20,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
}, },
color: "#fff",
lineHeight: 30,
offsetCenter: ["0", "0"],
},
title: {
show: false,
},
data: [
{ {
name: "内部刻度", value: getvalue,
type: "gauge",
// center: ['20%', '50%'],
radius: "80%",
min: 0, //最小刻度
max: 100, //最大刻度
splitNumber: 100, //刻度数量
startAngle: 225,
endAngle: -45,
axisLine: {
show: true,
lineStyle: {
width: 1,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 77,//间距
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: 100,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
}, },
], ],
},
{
name: "外部刻度",
type: "gauge",
// center: ['20%', '50%'],
radius: "95%",
min: 0, //最小刻度
max: 100, //最大刻度
splitNumber: 10, //刻度数量
startAngle: 225,
endAngle: -45,
axisLine: {
show: true,
lineStyle: {
width: 1,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 7,
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: -20,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
},
{
name: "内部刻度",
type: "gauge",
// center: ['20%', '50%'],
radius: "80%",
min: 0, //最小刻度
max: 100, //最大刻度
splitNumber: 100, //刻度数量
startAngle: 225,
endAngle: -45,
axisLine: {
show: true,
lineStyle: {
width: 1,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 77, //间距
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: 100,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
},
],
}; };
export default focusStatistics; export default focusStatistics;

408
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/otherStatistics.js
View File

@ -3,219 +3,221 @@ var getmax = 100;
var getvalue = 27; var getvalue = 27;
var otherStatistics = { var otherStatistics = {
// backgroundColor: "#132A7F", // backgroundColor: "#132A7F",
grid: { grid: {
top: 0, top: 0,
bottom: 0, bottom: 0,
}, },
angleAxis: { angleAxis: {
show: false, show: false,
max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度 max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度
type: "value", type: "value",
startAngle: 225, //极坐标初始角度 startAngle: 225, //极坐标初始角度
splitLine: { splitLine: {
show: false, show: false,
},
},
barMaxWidth: 5, //圆环宽度
radiusAxis: {
show: false,
type: "category",
},
//圆环位置和大小
polar: {
center: ["50%", "50%"],
radius: "170%",
}, },
},
barMaxWidth: 5, //圆环宽度
radiusAxis: {
show: false,
type: "category",
},
//圆环位置和大小
polar: {
center: ["50%", "50%"],
radius: "170%",
},
series: [ series: [
{
type: "bar",
data: [
{ {
type: "bar", //上层圆环，显示数据
data: [ value: getvalue,
{ itemStyle: {
//上层圆环，显示数据 color: "#29DEAF",
value: getvalue, },
itemStyle: {
color: "#29DEAF"
},
},
],
barGap: "-100%", //柱间距离,上下两层圆环重合
coordinateSystem: "polar",
roundCap: true, //顶端圆角
z: 3, //圆环层级，同zindex
}, },
],
barGap: "-100%", //柱间距离,上下两层圆环重合
coordinateSystem: "polar",
roundCap: true, //顶端圆角
z: 3, //圆环层级，同zindex
},
{
//下层圆环，显示最大值
type: "bar",
data: [
{ {
//下层圆环，显示最大值 value: getmax,
type: "bar", itemStyle: {
data: [ color: "#1C748C",
{ opacity: 1,
value: getmax, borderWidth: 0,
itemStyle: { },
color: "#1C748C",
opacity: 1,
borderWidth: 0,
},
},
],
barGap: "-100%",
coordinateSystem: "polar",
roundCap: true,
z: 1,
}, },
//仪表盘 ],
{ barGap: "-100%",
type: "gauge", coordinateSystem: "polar",
startAngle: 225, //起始角度，同极坐标 roundCap: true,
endAngle: -45, //终止角度，同极坐标 z: 1,
axisLine: { },
show: false, //仪表盘
}, {
splitLine: { type: "gauge",
show: false, startAngle: 225, //起始角度，同极坐标
}, endAngle: -45, //终止角度，同极坐标
axisTick: { axisLine: {
show: false, show: false,
}, },
axisLabel: { splitLine: {
show: false, show: false,
}, },
splitLabel: { axisTick: {
show: false, show: false,
}, },
pointer: { axisLabel: {
// 分隔线 show: false,
shadowColor: "auto", //默认透明 },
shadowBlur: 5, splitLabel: {
length: "50%", show: false,
width: "2", },
show: false, pointer: {
}, // 分隔线
itemStyle: { shadowColor: "auto", //默认透明
color: "#3FD7FE", shadowBlur: 5,
borderColor: "#3FD7FE", length: "50%",
borderWidth: 6, width: "2",
}, show: false,
detail: { },
formatter: function (params) { itemStyle: {
// return '完成率\n'+getvalue + '%'; color: "#3FD7FE",
return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|其他}`; borderColor: "#3FD7FE",
}, borderWidth: 6,
rich: { },
cn:{fontSize: 16,}, detail: {
number: { formatter: function (params) {
fontSize: 16, // return '完成率\n'+getvalue + '%';
textAlign: "center", return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|其他}`;
},
wcl: {
fontSize: 10,
textAlign: "center",
},
},
color: "#fff",
lineHeight: 30,
offsetCenter: ["0", "0"],
},
title: {
show: false,
},
data: [
{
value: getvalue,
},
],
}, },
{ rich: {
name: "外部刻度", fontFamily: "PangMenZhengDao-Regular",
type: "gauge", cn: { fontSize: 16 },
// center: ['20%', '50%'], number: {
radius: "95%", fontSize: 16,
min: 0, //最小刻度 fontWeight: 900,
max: 100, //最大刻度 textAlign: "center",
splitNumber: 10, //刻度数量 },
startAngle: 225, wcl: {
endAngle: -45, fontSize: 12,
axisLine: { textAlign: "center",
show: true, },
lineStyle: {
width: 1,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 7,
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: -20,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
}, },
color: "#fff",
lineHeight: 30,
offsetCenter: ["0", "0"],
},
title: {
show: false,
},
data: [
{ {
name: "内部刻度", value: getvalue,
type: "gauge",
// center: ['20%', '50%'],
radius: "80%",
min: 0, //最小刻度
max: 100, //最大刻度
splitNumber: 100, //刻度数量
startAngle: 225,
endAngle: -45,
axisLine: {
show: true,
lineStyle: {
width: 1,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 77,//间距
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: 100,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
}, },
], ],
},
{
name: "外部刻度",
type: "gauge",
// center: ['20%', '50%'],
radius: "95%",
min: 0, //最小刻度
max: 100, //最大刻度
splitNumber: 10, //刻度数量
startAngle: 225,
endAngle: -45,
axisLine: {
show: true,
lineStyle: {
width: 1,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 7,
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: -20,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
},
{
name: "内部刻度",
type: "gauge",
// center: ['20%', '50%'],
radius: "80%",
min: 0, //最小刻度
max: 100, //最大刻度
splitNumber: 100, //刻度数量
startAngle: 225,
endAngle: -45,
axisLine: {
show: true,
lineStyle: {
width: 1,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
color: "#4d5bd1",
distance: 25,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 77, //间距
lineStyle: {
color: "#086CAF", //用颜色渐变函数不起作用
width: 2,
},
length: -2,
}, //刻度样式
splitLine: {
show: false,
length: 100,
lineStyle: {
color: "#C7CBCF", //用颜色渐变函数不起作用
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
},
],
}; };
export default otherStatistics; export default otherStatistics;

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

@ -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
View File

@ -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
View File

@ -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,

Write Preview
Loading…
Cancel
Save