日事件处置占比

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue

@@ -87,6 +87,11 @@ const directionMapping = {
   '2': '中',
   '3': '下行'
 }
+const gzDirectionMapping = {
+  '1': '菏泽方向',
+  '2': '双向',
+  '3': '济南方向'
+}
 const warningStateMapping = {
   1: '上报',
   2: '已完成',
@@ -205,6 +210,13 @@ export default {
           params: this.searchData,
         }).then((result) => {
           if (result.code != 200) return Message.error(result?.msg);
+          result.rows.forEach(it => {
+            it.stringDirection = gzDirectionMapping[it.direction] || it.direction;
+            // if (it.otherConfig) {
+            //   let otherConfig = JSON.parse(it.otherConfig);
+            //   it.pictures = otherConfig.pictures || [];
+            // }
+          })
           this.data = result.rows;
           this.total = result.total;
         });

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/assets/charts.js

@@ -66,7 +66,7 @@ var options = {
     {
       name: "",
       type: "pie",
-      radius: "120px",
+      radius: "60px",
       width: "200px",
       center: ["130px", "50%"],
       roseType: "radius",
@@ -111,7 +111,7 @@ var options = {
     {
       name: "",
       type: "pie",
-      radius: "130px",
+      radius: "70px",
       hoverAnimation: false,
       emphasis: { scale: false },
       center: ["130px", "50%"],

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/index.vue

@@ -66,6 +66,7 @@ export default {
               for (let i = 0; i < data.length; i++) {
                 let it = data[i];
                 if (it.warningState == 1) {
+                  // it.number = 86;
                   echartsData.push({
                     name: "上报",
                     value: it.number
@@ -141,10 +142,10 @@ export default {
         context.lineWidth = 1; // 设置线段宽度
 
         // 绘制圆角矩形
-        drawRoundRect(context, 242, 36, 180, 24, 12, gr)
-        drawRoundRect(context, 242, 63, 180, 24, 12, gr)
-        drawRoundRect(context, 242, 90, 180, 24, 12, gr)
-        drawRoundRect(context, 242, 117, 180, 24, 12, gr)
+        drawRoundRect(context, 230, 36, 180, 24, 12, gr)
+        drawRoundRect(context, 230, 63, 180, 24, 12, gr)
+        drawRoundRect(context, 230, 90, 180, 24, 12, gr)
+        drawRoundRect(context, 230, 117, 180, 24, 12, gr)
       });
     });
   },