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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
   <div class='DetailCard'>
     <div class="header">
       <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>
       <div class="right">
@@ -121,6 +121,13 @@ export default {
       }
     }
 
+    .right {
+      .el-icon-time {
+        background-color: #05D3BF;
+        border-radius: 50%;
+      }
+    }
+
     align-items: center;
     justify-content: space-between;
   }

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

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