diff --git a/ruoyi-ui/src/views/JiHeExpressway/common/PresetFormItems.js b/ruoyi-ui/src/views/JiHeExpressway/common/PresetFormItems.js
new file mode 100644
index 00000000..16ae2971
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/common/PresetFormItems.js
@@ -0,0 +1,1199 @@
+import { options } from "runjs";
+
+export const source = {
+  label: "来源:",
+  key: "eventSource",
+  type: "RadioGroup",
+  isAlone: true,
+  required: true,
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1",
+        label: "96659",
+      },
+      {
+        key: "2",
+        label: "交通转接",
+      },
+      {
+        key: "3",
+        label: "道路巡查",
+      },
+      {
+        key: "4",
+        label: "视频巡查",
+      },
+      {
+        key: "5",
+        label: "视频AI",
+      },
+      {
+        key: "6",
+        label: "一键救援",
+      },
+      {
+        key: "7",
+        label: "其他",
+      },
+    ],
+  },
+};
+
+export const illegalTriggeringType = {
+  label: "类型:",
+  key: "eventSubclass",
+  type: "RadioGroup",
+  isAlone: true,
+  required: true,
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "5-1",
+        label: "行人",
+      },
+      {
+        key: "5-2",
+        label: "非机动车",
+      },
+      {
+        key: "5-3",
+        label: "摩托车",
+      },
+      {
+        key: "5-4",
+        label: "其他",
+      },
+    ],
+  },
+};
+
+export const station = {
+  label: "桩号:",
+  key: "stakeMark",
+  required: false,
+  type: "MultipleLabelItem",
+  options: {
+    options: [
+      {
+        prefix: {
+          text: "K",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+        key: "stakeMark[0]",
+      },
+      {
+        prefix: {
+          text: "+",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+        key: "stakeMark[1]",
+      },
+    ],
+  }
+};
+
+export const startStation = {
+  label: "开始桩号:",
+  key: "startStakeMark",
+  required: false,
+  type: "MultipleLabelItem",
+  options: {
+    options: [
+      {
+        prefix: {
+          text: "K",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+        key: "startStakeMark[0]",
+      },
+      {
+        prefix: {
+          text: "+",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+        key: "startStakeMark[1]",
+      },
+    ],
+  }
+};
+
+export const endStation = {
+  label: "结束桩号:",
+  key: "endStakeMark",
+  required: false,
+  type: "MultipleLabelItem",
+  options: {
+    options: [
+      {
+        prefix: {
+          text: "K",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+        key: "endStakeMark[0]",
+      },
+      {
+        prefix: {
+          text: "+",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+        key: "endStakeMark[1]",
+      },
+    ],
+  }
+};
+
+export const startEndStation = {
+  label: "起止桩号:",
+  key: "stakeMark",
+  required: true,
+  isAlone: true,
+  type: "MultipleLabelItem",
+  options: {
+    options: [
+      {
+        prefix: {
+          text: "K",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+        key: "stakeMark[0]",
+      },
+      {
+        prefix: {
+          text: "+",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+        key: "stakeMark[1]",
+      },
+      {
+        prefix: {
+          text: "至K",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+        key: "endStakeMark[0]",
+      },
+      {
+        prefix: {
+          text: "+",
+          style: {
+            color: "#3DE8FF",
+          },
+        },
+        key: "endStakeMark[1]",
+      },
+    ],
+  },
+};
+
+export const direction = {
+  label: "方向:",
+  key: "direction",
+  required: true,
+  type: "select",
+  options: {
+    options: [
+      // { key: "济南方向", label: "济南方向" },
+      // { key: "菏泽方向", label: "菏泽方向" },
+    ],
+  },
+};
+
+export const problemDescription = {
+  label: "问题描述:",
+  key: "description",
+  isAlone: true,
+  options: {
+    type: "textarea",
+    autosize: true,
+    maxlength: 150,
+    autosize: { minRows: 6, maxRows: 6 },
+    showWordLimit: true,
+  },
+  required: true,
+};
+
+export const startTime = {
+  label: "开始时间:",
+  key: "startTime",
+  required: true,
+  isAlone: true,
+  type: "datePicker",
+  options: {
+    type: "datetime",
+    format: "yyyy-MM-dd HH:mm:ss",
+    valueFormat: "yyyy-MM-dd HH:mm:ss",
+  },
+};
+
+export const expectedEndTime = {
+  label: "预计结束时间:",
+  key: "estimatedEndTime",
+  isAlone: true,
+  type: "datePicker",
+  options: {
+    type: "datetime",
+    format: "yyyy-MM-dd HH:mm:ss",
+    valueFormat: "yyyy-MM-dd HH:mm:ss",
+  },
+};
+
+export const eventLevel = {
+  label: "事件等级:",
+  key: "eventLevel",
+  required: true,
+  type: "select",
+  default: 5,
+  options: {
+    options: [
+      {
+        key: 1,
+        label: "一级",
+      },
+      {
+        key: 2,
+        label: "二级",
+      },
+      {
+        key: 3,
+        label: "三级",
+      },
+      {
+        key: 4,
+        label: "四级",
+      },
+      {
+        key: 5,
+        label: "五级",
+      },
+    ],
+    disabled: true,
+  },
+};
+
+export const laneOccupancy = {
+  label: "车道占用:",
+  key: "lang",
+  type: "CheckboxGroup",
+  isAlone: true,
+  default: [],
+  options: {
+    options: [
+      { key: "1", label: "行1" },
+      { key: "2", label: "行2" },
+      { key: "3", label: "行3" },
+      { key: "4", label: "行4" },
+      { key: "0", label: "应急车道" },
+    ],
+  },
+};
+
+export const eventSources = {
+  label: "事件源:",
+  key: "eventSources",
+  type: "select",
+  options: {
+    options: [
+      {
+        key: "1",
+        label: "96659",
+      },
+      {
+        key: "2",
+        label: "交通转接",
+      },
+      {
+        key: "3",
+        label: "道路巡查",
+      },
+      {
+        key: "4",
+        label: "视频巡查",
+      },
+      {
+        key: "5",
+        label: "视频AI",
+      },
+      {
+        key: "6",
+        label: "一键救援",
+      },
+      {
+        key: "7",
+        label: "其他",
+      },
+    ],
+  },
+};
+
+export const eventType = {
+  label: "事件类型:",
+  key: "eventType",
+  type: "select",
+  options: {
+    options: [
+      {
+        key: "1",
+        label: "交通事故",
+      },
+      {
+        key: "2",
+        label: "车辆故障",
+      },
+      {
+        key: "3",
+        label: "交通管制",
+      },
+      {
+        key: "4",
+        label: "交通拥堵",
+      },
+      {
+        key: "5",
+        label: "非法上路",
+      },
+      {
+        key: "6",
+        label: "路障清除",
+      },
+      {
+        key: "7",
+        label: "施工建设",
+      },
+      {
+        key: "8",
+        label: "服务区异常",
+      },
+      {
+        key: "9",
+        label: "设施设备隐患",
+      },
+      {
+        key: "10",
+        label: "异常天气",
+      },
+      {
+        key: "11",
+        label: "其他事件",
+      },
+    ],
+  },
+};
+
+export const vehicleCondition = (keyPrefix = "dcEventAccident") => ({
+  label: "车辆情况:",
+  key: "key25",
+  isAlone: true,
+  type: "MultipleLabelItem",
+  options: {
+    options: [
+      {
+        prefix: {
+          text: "小型车",
+        },
+        suffix: {
+          text: "辆",
+        },
+        type: "inputNumber",
+        key: `${keyPrefix}.smallCar`,
+      },
+      {
+        prefix: {
+          text: "货车",
+        },
+        suffix: {
+          text: "辆",
+        },
+        type: "inputNumber",
+        key: `${keyPrefix}.trucks`,
+      },
+      {
+        prefix: {
+          text: "客车",
+        },
+        suffix: {
+          text: "辆",
+        },
+        type: "inputNumber",
+        key: `${keyPrefix}.buses`,
+      },
+      {
+        prefix: {
+          text: "罐车",
+        },
+        suffix: {
+          text: "辆",
+        },
+        type: "inputNumber",
+        key: `${keyPrefix}.tankers`,
+      },
+    ],
+  },
+});
+
+export const casualties = (keyPrefix = "dcEventAccident") => ({
+  label: "伤亡情况:",
+  key: "key0036",
+  isAlone: true,
+
+  type: "MultipleLabelItem",
+  options: {
+    options: [
+      {
+        prefix: {
+          text: "轻伤",
+        },
+        suffix: {
+          text: "人",
+        },
+        key: `${keyPrefix}.minorInjuries`,
+      },
+      {
+        prefix: {
+          text: "重伤",
+        },
+        suffix: {
+          text: "人",
+        },
+        key: `${keyPrefix}.seriousInjuries`,
+      },
+      {
+        prefix: {
+          text: "死亡",
+        },
+        suffix: {
+          text: "人",
+        },
+        key: `${keyPrefix}.fatalities`,
+      },
+    ],
+  },
+});
+
+export const eventTitle = {
+  label: "事件标题:",
+  key: "eventTitle",
+  isAlone: true,
+  required: true,
+};
+
+export const eventDesc = {
+  label: "事件描述:",
+  key: "description",
+  isAlone: true,
+  options: {
+    type: "textarea",
+    autosize: true,
+    maxlength: 150,
+    autosize: { minRows: 6, maxRows: 6 },
+    showWordLimit: true,
+  },
+  required: true,
+};
+
+export const remark = {
+  label: "备注:",
+  key: "remark",
+  isAlone: true,
+  options: {
+    type: "textarea",
+    autosize: true,
+    maxlength: 150,
+    autosize: { minRows: 6, maxRows: 6 },
+    showWordLimit: true,
+  },
+  required: true,
+};
+
+export const isInTunnel = {
+  label: "是否处在隧道:",
+  key: "inTunnel",
+  // isAlone: true,
+  required: true,
+  type: "RadioGroup",
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1",
+        label: "是",
+      },
+      {
+        key: "0",
+        label: "否",
+      },
+    ],
+  },
+};
+
+export const freeway = {
+  label: "路线:",
+  required: true,
+  key: "roadId",
+  type: "select",
+  options: {
+    options: [
+      // {
+      //   key: "1",
+      //   label: "济菏高速",
+      // },
+    ],
+  },
+};
+
+export const weatherCondition = {
+  label: "天气情况:",
+  key: "dcEventAccident.weatherCondition",
+  type: "RadioGroup",
+  isAlone: true,
+  required: true,
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1",
+        label: "晴",
+      },
+      {
+        key: "2",
+        label: "雨",
+      },
+      {
+        key: "3",
+        label: "雪",
+      },
+      {
+        key: "4",
+        label: "雾",
+      },
+      {
+        key: "5",
+        label: "其他",
+      },
+    ],
+  },
+};
+
+export const weatherSituation = {
+  label: "天气情况:",
+  key: "dcEventAccident.weatherSituation",
+  type: "RadioGroup",
+  isAlone: true,
+  required: true,
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1-1",
+        label: "雨雾",
+      },
+      {
+        key: "1-2",
+        label: "雨雪",
+      },
+      {
+        key: "1-3",
+        label: "中雨",
+      },
+      {
+        key: "1-4",
+        label: "小雨",
+      },
+      {
+        key: "1-5",
+        label: "大雨",
+      },
+      {
+        key: "1-6",
+        label: "暴雨",
+      },
+      {
+        key: "2-1",
+        label: "小雪",
+      },
+      {
+        key: "2-2",
+        label: "中雪",
+      },
+      {
+        key: "2-3",
+        label: "大雪",
+      },
+      {
+        key: "2-4",
+        label: "暴雪",
+      },
+      {
+        key: "2-5",
+        label: "大暴雪",
+      },
+      {
+        key: "2-6",
+        label: "特大暴雪",
+      },
+      {
+        key: "3-1",
+        label: "轻雾",
+      },
+      {
+        key: "3-2",
+        label: "大雾",
+      },
+      {
+        key: "3-3",
+        label: "浓雾",
+      },
+      {
+        key: "3-4",
+        label: "强浓雾",
+      },
+      {
+        key: "3-5",
+        label: "团雾",
+      },
+    ],
+  },
+};
+
+export const additionalNotes = {
+  label: "补充说明:",
+  key: "eventSourceTips",
+  isAlone: true,
+  options: {
+    type: "textarea",
+    autosize: true,
+    maxlength: 150,
+    autosize: { minRows: 6, maxRows: 6 },
+    showWordLimit: true,
+  },
+};
+
+export const callPolicePersonName = {
+  label: "报警人姓名:",
+  key: "dcEventAccident.reporterName",
+  options: {
+    placeholder: "请输入报警人姓名",
+  },
+  required: true,
+};
+
+export const callPolicePersonPhone = {
+  label: "报警人电话:",
+  key: "dcEventAccident.reporterPhoneNumber",
+  options: {
+    placeholder: "请输入报警人电话(区号+号码)",
+  },
+  required: true,
+};
+
+export const trafficAccidentType = {
+  label: "交通事故类型:",
+  key: "eventSubclass",
+  type: "select",
+  required: true,
+  options: {
+    options: [
+      {
+        value: "1",
+        label: "追尾",
+      },
+      {
+        value: "2",
+        label: "侧翻",
+      },
+      {
+        value: "3",
+        label: "撞护栏",
+      },
+      {
+        value: "4",
+        label: "自然",
+      },
+      {
+        value: "5",
+        label: "其他事故",
+      },
+    ],
+  },
+};
+
+export const vehicleMalfunctionType = {
+  label: "车辆故障类型:",
+  key: "eventSubclass",
+  type: "select",
+  required: true,
+  options: {
+    options: [
+      {
+        value: "2-1",
+        label: "车辆故障",
+      },
+    ],
+  },
+};
+
+export const locationMode = {
+  label: "地点方式:",
+  key: "dcEventAccident.locationType",
+  required: true,
+  type: "select",
+  default: "1",
+  options: {
+    options: [
+      { key: "1", label: "高速主线" },
+      { key: "2", label: "服务区" },
+      { key: "3", label: "立交桥" },
+      { key: "4", label: "收费站" },
+    ],
+  },
+};
+
+export const route = {
+  label: "路线:",
+  key: "dcEventAccident.route",
+  required: true,
+  type: "select",
+};
+
+export const eventHappenTime = {
+  label: "事件发生时间:",
+  key: "occurrenceTime",
+  required: true,
+  type: "datePicker",
+  options: {
+    type: "datetime",
+    format: "yyyy-MM-dd HH:mm:ss",
+    valueFormat: "yyyy-MM-dd HH:mm:ss",
+  },
+};
+
+export const aEstimatedReleaseTime = {
+  label: "预计解除时间:",
+  key: "estimatedEndTime",
+  type: "datePicker",
+  options: {
+    type: "datetime",
+    format: "yyyy-MM-dd HH:mm:ss",
+    valueFormat: "yyyy-MM-dd HH:mm:ss",
+  },
+};
+
+export const pressure = {
+  label: "压车(公里):",
+  key: "dcEventAccident.trafficJam",
+  type: "inputNumber",
+  options: {
+    min: 0,
+  },
+  ons: {
+    change(value, ...args) {
+      const { data } = args.slice(-1)[0];
+      let dj = 5;
+      if (value < 3) {
+        dj = 5;
+      } else if (value >= 3 && value < 6) {
+        dj = 4;
+      } else if (value >= 6 && value < 9) {
+        dj = 3;
+      } else if (value >= 9 && value < 11) {
+        dj = 2;
+      } else if (value > 10) {
+        dj = 1;
+      }
+      data.eventLevel = dj;
+    },
+  },
+};
+
+export const isCongestionAhead = {
+  label: "前方是否拥堵:",
+  key: "dcEventAccident.congestionAhead",
+  type: "RadioGroup",
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "0",
+        label: "是",
+      },
+      {
+        key: "1",
+        label: "否",
+      },
+    ],
+  },
+};
+
+export const isForkRoad = {
+  label: "是否分岔口:",
+  key: "dcEventAccident.atIntersection",
+  type: "RadioGroup",
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "0",
+        label: "是",
+      },
+      {
+        key: "1",
+        label: "否",
+      },
+    ],
+  },
+};
+
+export const isCurveRoad = {
+  label: "是否处在弯道:",
+  key: "dcEventAccident.onCurve",
+  type: "RadioGroup",
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1",
+        label: "是",
+      },
+      {
+        key: "0",
+        label: "否",
+      },
+    ],
+  },
+};
+
+export const effect = {
+  label: "影响:",
+  key: "dcEventAccident.impactLevel",
+  type: "select",
+  options: {
+    options: [
+      { key: "1", label: "无" },
+      { key: "2", label: "危化品泄漏" },
+      { key: "3", label: "整车自燃" },
+      { key: "4", label: "车辆复燃" },
+      { key: "5", label: "散装人工倒货" },
+    ],
+  },
+};
+
+export const isArrives = {
+  label: "是否到货:",
+  key: "dcEventAccident.isReverseCargo",
+  type: "RadioGroup",
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1",
+        label: "是",
+      },
+      {
+        key: "0",
+        label: "否",
+      },
+    ],
+  },
+};
+
+export const isMaintenanceAccident = {
+  label: "是否养护事故:",
+  key: "dcEventAccident.isMaintenance",
+  type: "RadioGroup",
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1",
+        label: "是",
+      },
+      {
+        key: "0",
+        label: "否",
+      },
+    ],
+  },
+};
+
+export const trafficPolicePhone = {
+  label: "交警电话:",
+  key: "dcEventAccident.policeContact",
+};
+
+export const wreckerCalls = {
+  label: "清障电话:",
+  options: {
+    placeholder: "请输入清障电话(区号+号码)",
+  },
+  key: "dcEventAccident.towingServiceContact",
+};
+
+export const spillName = {
+  label: "洒落物名称:",
+  key: "dcEventAccident.spillageItem",
+  isAlone: true,
+  options: {
+    type: "textarea",
+    autosize: true,
+    maxlength: 50,
+    autosize: { minRows: 3, maxRows: 3 },
+    showWordLimit: true,
+  },
+};
+
+export const ownerPhone = {
+  label: "车主电话:",
+  key: "dcEventAccident.vehicleOwnerPhone",
+  isAlone: true,
+  options: {
+    placeholder: "车主电话（多个电话请以逗号分隔，不超过10个）",
+  },
+};
+
+export const emptyLine = {
+  key: "key222",
+  type: "empty",
+};
+
+export const constructionMeasurement = {
+  label: "施工措施:",
+  key: "constructionMeasurement",
+  type: "RadioGroup",
+  isAlone: true,
+  required: true,
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "0",
+        label: "无",
+      },
+      {
+        key: "1",
+        label: "并道行驶",
+      },
+      {
+        key: "2",
+        label: "临时保通",
+      },
+      {
+        key: "3",
+        label: "借路侧服务区通行",
+      },
+    ],
+  },
+};
+
+export const locationType = {
+  label: "地点类型:",
+  key: "locationType",
+  type: "RadioGroup",
+  isAlone: true,
+  required: true,
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1",
+        label: "单点",
+      },
+      {
+        key: "2",
+        label: "多点",
+      },
+    ],
+  },
+};
+
+export const specialConstruction = {
+  label: "专项施工:",
+  key: "specialConstruction",
+  type: "RadioGroup",
+  isAlone: true,
+  required: true,
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1",
+        label: "专项工程施工",
+      },
+      {
+        key: "2",
+        label: "改扩建专项工程施工",
+      },
+      {
+        key: "3",
+        label: "桥梁专项工程施工",
+      },
+      {
+        key: "4",
+        label: "其他专项工程施工",
+      },
+    ],
+  },
+};
+
+export const trafficCondition = {
+  label: "通行情况:",
+  key: "trafficCondition",
+  type: "RadioGroup",
+  isAlone: true,
+  required: true,
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1",
+        label: "通行正常",
+      },
+      {
+        key: "2",
+        label: "通行受阻",
+      },
+    ],
+  },
+};
+
+export const disableFacility = {
+  label: "停用设施:",
+  key: "disableFacility",
+  type: "RadioGroup",
+  isAlone: true,
+  required: true,
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1",
+        label: "卫生间",
+      },
+      {
+        key: "2",
+        label: "餐厅",
+      },
+      {
+        key: "3",
+        label: "停车场",
+      },
+      {
+        key: "4",
+        label: "加油站",
+      },
+      {
+        key: "5",
+        label: "充电桩",
+      },
+    ],
+  },
+};
+
+export const congestionCause = {
+  label: "拥堵原因:",
+  key: "congestionCause",
+  type: "RadioGroup",
+  isAlone: true,
+  required: true,
+  options: {
+    activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+    options: [
+      {
+        key: "1",
+        label: "车流量大",
+      },
+      {
+        key: "2",
+        label: "交通事故",
+      },
+      {
+        key: "3",
+        label: "交通管制",
+      },
+      {
+        key: "4",
+        label: "恶劣天气",
+      },
+      {
+        key: "5",
+        label: "集团所辖路段施工",
+      },
+      {
+        key: "6",
+        label: "其他",
+      },
+    ],
+  },
+  ons: {
+    input(value, ...args) {
+      console.log(value);
+      const { formList } = args.slice(-1)[0];
+      const config = formList.find((it) => it.key == "xxyy");
+      let ad = {
+        1: [
+          {
+            key: "1",
+            label: "收费站广场拥堵导致出口压车",
+          },
+          {
+            key: "2",
+            label: "收费站设备故障",
+          },
+          {
+            key: "3",
+            label: "地方道路原因",
+          },
+          {
+            key: "4",
+            label: "省内非集团所辖高速原因",
+          },
+          {
+            key: "5",
+            label: "集团所辖道路拥堵",
+          },
+          {
+            key: "6",
+            label: "集团所辖枢纽立交异常导致主线压车",
+          },
+          {
+            key: "7",
+            label: "路侧起火",
+          },
+          {
+            key: "8",
+            label: "备注项添加",
+          },
+        ],
+        2 : [
+          {
+            key: "1",
+            label: "主线车流量大",
+          },
+          {
+            key: "2",
+            label: "收费站出口车流量大导致主线压车",
+          },
+        ]
+      }
+      config.options.options = (value != 1 ? ad[1] : ad[2]);
+    },
+  },
+};
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/assets/charts3.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/assets/charts3.js
index 4e4a9ec8..9fc6cb10 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/assets/charts3.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/assets/charts3.js
@@ -19,25 +19,14 @@ let data2 = [120, 340, 750, 600, 400, 700, 900, 200, 540, 320, 370, 500];
 let data3 = [200, 530, 920, 400, 600, 700, 300, 800, 900, 120, 570, 800];
 let options = {
   tooltip: {
-    show: false,
-    trigger: "axis",
-    axisPointer: {
-      // 坐标轴指示器，坐标轴触发有效
-      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
-    },
-    textStyle: {
-      color: "#fff",
-      fontSize: 14,
-    },
-    // backgroundColor: "rgba(3, 31, 71, .0)", //设置背景颜色
-    // borderColor: "rgba(3, 31, 71, .0)",
-    formatter: "健康监测<br>{b1}：{c1}人",
+    show: true,
+    trigger: "item",
   },
   grid: {
     left: 0,
     right: 0,
-    top: "13%",
-    bottom: "5%",
+    top: "15%",
+    bottom: "6%",
     containLabel: true,
   },
   xAxis: {
@@ -51,7 +40,7 @@ let options = {
     },
     axisLine: {
       lineStyle: {
-        color: "#1C82C5",
+        color: "#27B5D7",
       },
     },
     axisLabel: {
@@ -60,8 +49,8 @@ let options = {
       rotate: "1",
       margin: "20",
       textStyle: {
-        fontSize: 12,
-        color: "#50A2C1",
+        fontSize: 10,
+        color: "#fff",
       },
     },
   },
@@ -70,20 +59,20 @@ let options = {
       min: 0,
       axisLine: {
         lineStyle: {
-          color: "#1C82C5",
+          color: "#27B5D7",
         },
       },
       splitLine: {
         show: true,
         lineStyle: {
-          color: "rgba(28, 130, 197, .3)",
+          color: "#1D87A4",
           type: "solid",
         },
       },
       axisLabel: {
-        color: "#DEEBFF",
+        color: "#fff",
         textStyle: {
-          fontSize: 12,
+          fontSize: 10,
         },
       },
       axisTick: {
@@ -97,7 +86,7 @@ let options = {
     itemHeight: 8,
     itemWidth: 8,
     top: "0%",
-    x: "80%",
+    right: "0",
     textStyle: {
       color: "#fff",
     },
@@ -112,13 +101,13 @@ let options = {
       {
         name: "饱和度",
         itemStyle: {
-          color: "#08BAF4",
+          color: "#07A3FB",
         },
       },
       {
         name: "拥挤度",
         itemStyle: {
-          color: "#EAB63B",
+          color: "#E2BA74",
         },
       },
     ],
@@ -157,7 +146,7 @@ let options = {
       },
       itemStyle: {
         // lenged文本
-        opacity: 0.6,
+        opacity: 1,
         color: function (params) {
           var a = params.name;
           // console.log("==========a=============",a);
@@ -169,7 +158,7 @@ let options = {
             [
               {
                 offset: 0,
-                color: "#1AC5FD", // 0% 处的颜色
+                color: "#07A3FB", // 0% 处的颜色
               },
               {
                 offset: 1,
@@ -183,7 +172,7 @@ let options = {
       data: data2,
     },
     {
-      name: "",
+      name: null,
       type: "scatter",
       emphasis: {
         scale: false,
@@ -193,8 +182,8 @@ let options = {
       symbolSize: [20, 20],
       symbolOffset: ["-115%", 0],
       itemStyle: {
-        color: "#FFF",
-        shadowColor: "rgba(0, 255, 254, 0.53)",
+        color: "#E2BA74",
+        shadowColor: "#E2BA74",
         shadowBlur: 5,
         borderWidth: 1,
         opacity: 1,
@@ -204,6 +193,9 @@ let options = {
       left: "-100%",
       data: data2,
       animationDelay: 100,
+      tooltip: {
+        show: false,
+      },
     },
     // 下半截柱状图linear-gradient(180deg, #61D8FF 0%, #003B4E 100%); linear-gradient(180deg, #06D7B1 0%, #003B4E 100%)
     {
@@ -226,7 +218,7 @@ let options = {
               [
                 {
                   offset: 0,
-                  color: "#00E4BB53", // 0% 处的颜色
+                  color: "#32BB8A", // 0% 处的颜色
                 },
                 {
                   offset: 1,
@@ -240,7 +232,7 @@ let options = {
       },
       itemStyle: {
         // lenged文本
-        opacity: 0.6,
+        opacity: 1,
         color: function (params) {
           var a = params.name;
           // console.log("==========a=============",a);
@@ -288,6 +280,9 @@ let options = {
       left: 10,
       data: data1,
       animationDelay: 500,
+      tooltip: {
+        show: false,
+      },
     },
     {
       name: "拥挤度",
@@ -308,7 +303,7 @@ let options = {
               [
                 {
                   offset: 0,
-                  color: "#1AC5FD", // 0% 处的颜色
+                  color: "#E2BA74", // 0% 处的颜色
                 },
                 {
                   offset: 1,
@@ -322,7 +317,7 @@ let options = {
       },
       itemStyle: {
         // lenged文本
-        opacity: 0.6,
+        opacity: 1,
         color: function (params) {
           var a = params.name;
           // console.log("==========a=============",a);
@@ -369,6 +364,9 @@ let options = {
       left: "-100%",
       data: data2,
       animationDelay: 100,
+      tooltip: {
+        show: false,
+      },
     },
   ],
 };
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/index.vue
index cf26e2f9..6fc8664b 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/index.vue
@@ -1,106 +1,114 @@
 <template>
-  <div class='congestion'>
+  <div class="congestion">
     <WgtTitle :title="'指标变化情况'"></WgtTitle>
     <div class="board">
-      <div id="ChangesIndictors" class="keep-ratio">
-
-      </div>
+      <div id="ChangesIndictors" class="keep-ratio"></div>
     </div>
   </div>
 </template>
-  
+
 <script>
-import WgtTitle from '../../../../../widgets/title'
+import WgtTitle from "../../../../../widgets/title";
 import * as echarts from "echarts";
-import chartsStatistics from './assets/charts3';
+import chartsStatistics from "./assets/charts3";
 
 export default {
-  name: 'ChangesIndictors',
+  name: "ChangesIndictors",
   components: {
-    WgtTitle
+    WgtTitle,
   },
   data() {
     return {
-      tableData: [{
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      }, {
-        date: '2023-12-31 13:00:00',
-        name: '2640.78m',
-        address: 'K100+000-K110+000'
-      },
-      ]
-    }
+      tableData: [
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+        {
+          date: "2023-12-31 13:00:00",
+          name: "2640.78m",
+          address: "K100+000-K110+000",
+        },
+      ],
+    };
   },
 
-  created() {
-
-  },
+  created() {},
   methods: {
     selectItem(index) {
       this.selectIndex = index;
     },
   },
   mounted() {
-
     setTimeout(() => {
       this.$nextTick(() => {
-        var myChart = echarts.init(document.getElementById('ChangesIndictors'));
+        var myChart = echarts.init(document.getElementById("ChangesIndictors"));
         myChart.setOption(chartsStatistics);
       });
     });
   },
-}
+};
 </script>
-  
-<style lang='scss' scoped>
+
+<style lang="scss" scoped>
 .showClass {
-  color: #00EBC1;
+  color: #00ebc1;
 }
 
 ::v-deep .el-table .cell {
@@ -109,7 +117,7 @@ export default {
 
 ::v-deep .el-table .el-table__header-wrapper th {
   background-color: #064258 !important;
-  color: #00D1FF;
+  color: #00d1ff;
   border-color: #064258 !important;
   border: 0px !important;
   font-size: 12px !important;
@@ -128,11 +136,11 @@ export default {
 
 ::v-deep .el-table tr:hover td {
   background: #1b2528 !important;
-  color: #00D1FF;
+  color: #00d1ff;
 }
 
 ::v-deep .el-table tr:nth-child(odd) td {
-  background-color: #13272F;
+  background-color: #13272f;
   border: 0px !important;
 }
 
@@ -168,7 +176,7 @@ export default {
 
     #ChangesIndictors {
       display: inline-flex;
-      height: 240px;
+      height: 280px;
       width: 100%;
     }
   }
@@ -179,4 +187,3 @@ export default {
   width: 100%;
 }
 </style>
-  
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/composeFeatures/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/composeFeatures/assets/charts.js
index a02bbe25..e4ed44c1 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/composeFeatures/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/composeFeatures/assets/charts.js
@@ -1,137 +1,109 @@
 import * as echarts from "echarts";
 var options = {
-
-   color: ["#07A3FB"],
-   grid: {
-      left: "2%",
-      right: "5%",
-      bottom: "10%",
-      top: "10%",
-      containLabel: true,
-   },
-   legend: {
-      show:false,
-      icon: 'rect',
-      top: '0%',
-      right: '5%',
-      data: ['实时数据'],
-      itemWidth:18,
-      itemHeight: 5,
-      itemGap: 30,
-      itemStyle:{
-         color:"#FFD15C",
-      },
-      textStyle: {
-        fontSize: 12,
-        color: '#fff',
-        padding: [0, 0, 0, 10],
-      },
-   },
-   xAxis: {
-      type: "category",
-      axisLine: {
-         lineStyle: {
-            color: "#07A3FB",
-            fontSize: 12,
-         },
-      },
-      axisLabel: {
-         // interval:0,
-         color: "#BDD8FB",
-         fontSize: 12,
-      },
-      axisTick: {
-         show: false,
+  color: ["#07A3FB"],
+  grid: {
+    left: "0%",
+    right: "8%",
+    bottom: "0%",
+    top: "10%",
+    containLabel: true,
+  },
+  tooltip: {
+    show: true,
+  },
+  xAxis: {
+    type: "category",
+    axisLine: {
+      lineStyle: {
+        color: "#07A3FB",
       },
-      data: [
-         "1月",
-         "2月",
-         "3月",
-         "4月",
-         "5月",
-         "6月",
-         "7月",
-         "8月",
-         "9月",
-         "10月",
-         "11月",
-         "12月",
-      ],
-   },
-   yAxis: {
-      type: "value",
-      min: 0,
-      max:800,
-      minInterval: 100,
-      nameTextStyle: {
-         fontSize: 12,
-         color: "#BDD8FB",
-         align: "center",
+    },
+    axisLabel: {
+      // interval:0,
+      color: "#fff",
+      fontSize: 10,
+    },
+    axisTick: {
+      show: false,
+    },
+    data: [
+      "1月",
+      "2月",
+      "3月",
+      "4月",
+      "5月",
+      "6月",
+      "7月",
+      "8月",
+      "9月",
+      "10月",
+      "11月",
+      "12月",
+    ],
+  },
+  yAxis: {
+    type: "value",
+    nameTextStyle: {
+      fontSize: 10,
+      color: "#fff",
+      align: "center",
+    },
+    splitLine: {
+      lineStyle: {
+        color: "#07A3FB",
+        // type: 'dashed', // dotted 虚线
       },
-      splitLine: {
-         lineStyle: {
-            color: "#07A3FB",
-            // type: 'dashed', // dotted 虚线
-         },
+    },
+    axisLabel: {
+      fontSize: 10,
+      fontFamily: "Bebas",
+      color: "#fff",
+    },
+  },
+  series: [
+    {
+      type: "line",
+      // symbol: "none",
+      showSymbol: false,
+      smooth: true, // 是否曲线
+      name: "实时数据", // 图例对应类别
+      data: [112, 122, 323, 223, 230, 112, 326, 228, 331, 423, 225, 123], // 纵坐标数据
+      lineStyle: {
+        color: "#07A3FB",
       },
-      splitArea: { show: false },
-      axisLine: {
-         show: false,
-      },
-      axisTick: {
-         show: false,
-      },
-      axisLabel: {
-         fontSize: 12,
-         fontFamily: "Bebas",
-         color: "#BDD8FB",
-      },
-   },
-   series: [
-      {
-         type: "line",
-         // symbol: "none",
-         showSymbol: false,
-         smooth: true, // 是否曲线
-         name: "实时数据", // 图例对应类别
-         data: [112, 122, 723, 623, 530, 612, 626,728, 531, 423 ,625, 423, 423], // 纵坐标数据
-         lineStyle :{
-            color:"#07A3FB"
-         },
-         areaStyle: {
-            // 区域颜色
-            // color: new graphic.LinearGradient(0, 0, 0, 1, [
-            // 	{
-            // 		offset: 0,
-            // 		color: "#5090FF",
-            // 	},
-            // 	{
-            // 		offset: 1,
-            // 		color: "#1057E5",
-            // 	},
-            // ]),
-            color: {
-               type: 'linear',
-               x: 0,  //右
-               y: 0,  //下
-               x2: 0,  //左
-               y2: 1,  //上
-               colorStops: [
-                  {
-                     offset: 0.1,
-                     color: '#07A3FB99' // 0% 处的颜色
-                  },
-                  {
-                     offset: 1,
-                     opacity:0.01,
-                     color: '#07A3FB00' // 100% 处的颜色
-                  }
-               ]
+      areaStyle: {
+        // 区域颜色
+        // color: new graphic.LinearGradient(0, 0, 0, 1, [
+        // 	{
+        // 		offset: 0,
+        // 		color: "#5090FF",
+        // 	},
+        // 	{
+        // 		offset: 1,
+        // 		color: "#1057E5",
+        // 	},
+        // ]),
+        color: {
+          type: "linear",
+          x: 0, //右
+          y: 0, //下
+          x2: 0, //左
+          y2: 1, //上
+          colorStops: [
+            {
+              offset: 0.1,
+              color: "#07A3FB99", // 0% 处的颜色
+            },
+            {
+              offset: 1,
+              opacity: 0.01,
+              color: "#07A3FB00", // 100% 处的颜色
             },
-         },
+          ],
+        },
       },
-     
-   ],
+    },
+  ],
 };
 
-export default options;
\ No newline at end of file
+export default options;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/crowding/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/crowding/assets/charts.js
index cc2e5b2e..e0eada52 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/crowding/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/crowding/assets/charts.js
@@ -1,137 +1,109 @@
 import * as echarts from "echarts";
 var options = {
-
-   color: ["#E29E37"],
-   grid: {
-      left: "2%",
-      right: "5%",
-      bottom: "10%",
-      top: "10%",
-      containLabel: true,
-   },
-   legend: {
-      show:false,
-      icon: 'rect',
-      top: '0%',
-      right: '5%',
-      data: ['实时数据'],
-      itemWidth:18,
-      itemHeight: 5,
-      itemGap: 30,
-      itemStyle:{
-         color:"#FFD15C",
-      },
-      textStyle: {
-        fontSize: 12,
-        color: '#fff',
-        padding: [0, 0, 0, 10],
-      },
-   },
-   xAxis: {
-      type: "category",
-      axisLine: {
-         lineStyle: {
-            color: "#E29E37",
-            fontSize: 12,
-         },
-      },
-      axisLabel: {
-         // interval:0,
-         color: "#BDD8FB",
-         fontSize: 12,
-      },
-      axisTick: {
-         show: false,
+  color: ["#E29E37"],
+  grid: {
+    left: "0%",
+    right: "0%",
+    bottom: "0%",
+    top: "10%",
+    containLabel: true,
+  },
+  tooltip: {
+    show: true,
+  },
+  xAxis: {
+    type: "category",
+    axisLine: {
+      lineStyle: {
+        color: "#E29E37",
       },
-      data: [
-         "1月",
-         "2月",
-         "3月",
-         "4月",
-         "5月",
-         "6月",
-         "7月",
-         "8月",
-         "9月",
-         "10月",
-         "11月",
-         "12月",
-      ],
-   },
-   yAxis: {
-      type: "value",
-      min: 0,
-      max:800,
-      minInterval: 100,
-      nameTextStyle: {
-         fontSize: 12,
-         color: "#BDD8FB",
-         align: "center",
+    },
+    axisLabel: {
+      // interval:0,
+      color: "#fff",
+      fontSize: 10,
+    },
+    axisTick: {
+      show: false,
+    },
+    data: [
+      "1月",
+      "2月",
+      "3月",
+      "4月",
+      "5月",
+      "6月",
+      "7月",
+      "8月",
+      "9月",
+      "10月",
+      "11月",
+      "12月",
+    ],
+  },
+  yAxis: {
+    type: "value",
+    nameTextStyle: {
+      fontSize: 10,
+      color: "#fff",
+      align: "center",
+    },
+    splitLine: {
+      lineStyle: {
+        color: "#E29E37",
+        // type: 'dashed', // dotted 虚线
       },
-      splitLine: {
-         lineStyle: {
-            color: "#E29E37",
-            // type: 'dashed', // dotted 虚线
-         },
+    },
+    axisLabel: {
+      fontSize: 10,
+      fontFamily: "Bebas",
+      color: "#fff",
+    },
+  },
+  series: [
+    {
+      type: "line",
+      // symbol: "none",
+      showSymbol: false,
+      smooth: true, // 是否曲线
+      name: "实时数据", // 图例对应类别
+      data: [112, 122, 323, 223, 230, 112, 326, 228, 331, 423, 225, 123], // 纵坐标数据
+      lineStyle: {
+        color: "#E29E37",
       },
-      splitArea: { show: false },
-      axisLine: {
-         show: false,
-      },
-      axisTick: {
-         show: false,
-      },
-      axisLabel: {
-         fontSize: 12,
-         fontFamily: "Bebas",
-         color: "#BDD8FB",
-      },
-   },
-   series: [
-      {
-         type: "line",
-         // symbol: "none",
-         showSymbol: false,
-         smooth: true, // 是否曲线
-         name: "实时数据", // 图例对应类别
-         data: [112, 122, 723, 623, 530, 612, 626,728, 531, 423 ,625, 423, 423], // 纵坐标数据
-         lineStyle :{
-            color:"#E29E37"
-         },
-         areaStyle: {
-            // 区域颜色
-            // color: new graphic.LinearGradient(0, 0, 0, 1, [
-            // 	{
-            // 		offset: 0,
-            // 		color: "#5090FF",
-            // 	},
-            // 	{
-            // 		offset: 1,
-            // 		color: "#1057E5",
-            // 	},
-            // ]),
-            color: {
-               type: 'linear',
-               x: 0,  //右
-               y: 0,  //下
-               x2: 0,  //左
-               y2: 1,  //上
-               colorStops: [
-                  {
-                     offset: 0.1,
-                     color: '#E29E3799' // 0% 处的颜色
-                  },
-                  {
-                     offset: 1,
-                     opacity:0.01,
-                     color: '#E29E3700' // 100% 处的颜色
-                  }
-               ]
+      areaStyle: {
+        // 区域颜色
+        // color: new graphic.LinearGradient(0, 0, 0, 1, [
+        // 	{
+        // 		offset: 0,
+        // 		color: "#5090FF",
+        // 	},
+        // 	{
+        // 		offset: 1,
+        // 		color: "#1057E5",
+        // 	},
+        // ]),
+        color: {
+          type: "linear",
+          x: 0, //右
+          y: 0, //下
+          x2: 0, //左
+          y2: 1, //上
+          colorStops: [
+            {
+              offset: 0.1,
+              color: "#E29E3799", // 0% 处的颜色
+            },
+            {
+              offset: 1,
+              opacity: 0.01,
+              color: "#E29E3700", // 100% 处的颜色
             },
-         },
+          ],
+        },
       },
-     
-   ],
+    },
+  ],
 };
 
-export default options;
\ No newline at end of file
+export default options;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/saturationMax/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/saturationMax/assets/charts.js
index 38574b1e..89e0c3ab 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/saturationMax/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/saturationMax/assets/charts.js
@@ -1,137 +1,108 @@
 import * as echarts from "echarts";
 var options = {
+  color: ["#32BB8A", "#01B3E4"],
+  tooltip: {
+    show: true,
+  },
+  grid: {
+    left: "0%",
+    right: "0%",
+    bottom: "0%",
+    top: "10%",
+    containLabel: true,
+  },
 
-   color: ["#32BB8A", "#01B3E4"],
-   grid: {
-      left: "2%",
-      right: "5%",
-      bottom: "10%",
-      top: "10%",
-      containLabel: true,
-   },
-   legend: {
-      show:false,
-      icon: 'rect',
-      top: '0%',
-      right: '5%',
-      data: ['实时数据'],
-      itemWidth:18,
-      itemHeight: 5,
-      itemGap: 30,
-      itemStyle:{
-         color:"#FFD15C",
+  xAxis: {
+    type: "category",
+    axisLine: {
+      lineStyle: {
+        color: "#32BB8A",
       },
-      textStyle: {
-        fontSize: 12,
-        color: '#fff',
-        padding: [0, 0, 0, 10],
+    },
+    axisLabel: {
+      // interval:0,
+      color: "#fff",
+      fontSize: 10,
+    },
+    axisTick: {
+      show: false,
+    },
+    data: [
+      "1月",
+      "2月",
+      "3月",
+      "4月",
+      "5月",
+      "6月",
+      "7月",
+      "8月",
+      "9月",
+      "10月",
+      "11月",
+      "12月",
+    ],
+  },
+  yAxis: {
+    type: "value",
+    splitLine: {
+      lineStyle: {
+        color: "#32BB8A",
+        // type: 'dashed', // dotted 虚线
       },
-   },
-   xAxis: {
-      type: "category",
-      axisLine: {
-         lineStyle: {
-            color: "#32BB8A",
-            fontSize: 12,
-         },
+    },
+    axisLabel: {
+      fontSize: 10,
+      fontFamily: "Bebas",
+      color: "#fff",
+    },
+  },
+  series: [
+    {
+      type: "line",
+      // symbol: "none",
+      showSymbol: false,
+      smooth: true, // 是否曲线
+      name: "", // 图例对应类别
+      data: [112, 122, 323, 223, 230, 112, 326, 228, 331, 423, 225, 123], // 纵坐标数据
+      lineStyle: {
+        color: "#32BB8A",
       },
-      axisLabel: {
-         // interval:0,
-         color: "#BDD8FB",
-         fontSize: 12,
-      },
-      axisTick: {
-         show: false,
-      },
-      data: [
-         "1月",
-         "2月",
-         "3月",
-         "4月",
-         "5月",
-         "6月",
-         "7月",
-         "8月",
-         "9月",
-         "10月",
-         "11月",
-         "12月",
-      ],
-   },
-   yAxis: {
-      type: "value",
-      min: 0,
-      max:800,
-      minInterval: 100,
-      nameTextStyle: {
-         fontSize: 12,
-         color: "#BDD8FB",
-         align: "center",
-      },
-      splitLine: {
-         lineStyle: {
-            color: "#32BB8A",
-            // type: 'dashed', // dotted 虚线
-         },
-      },
-      splitArea: { show: false },
-      axisLine: {
-         show: false,
-      },
-      axisTick: {
-         show: false,
-      },
-      axisLabel: {
-         fontSize: 12,
-         fontFamily: "Bebas",
-         color: "#BDD8FB",
-      },
-   },
-   series: [
-      {
-         type: "line",
-         // symbol: "none",
-         showSymbol: false,
-         smooth: true, // 是否曲线
-         name: "实时数据", // 图例对应类别
-         data: [112, 122, 723, 623, 530, 612, 626,728, 531, 423 ,625, 423, 423], // 纵坐标数据
-         lineStyle :{
-            color:"#32BB8A"
-         },
-         areaStyle: {
-            // 区域颜色
-            // color: new graphic.LinearGradient(0, 0, 0, 1, [
-            // 	{
-            // 		offset: 0,
-            // 		color: "#5090FF",
-            // 	},
-            // 	{
-            // 		offset: 1,
-            // 		color: "#1057E5",
-            // 	},
-            // ]),
-            color: {
-               type: 'linear',
-               x: 0,  //右
-               y: 0,  //下
-               x2: 0,  //左
-               y2: 1,  //上
-               colorStops: [
-                  {
-                     offset: 0.1,
-                     color: '#32BB8A99' // 0% 处的颜色
-                  },
-                  {
-                     offset: 1,
-                     opacity:0.01,
-                     color: '#32BB8A01' // 100% 处的颜色
-                  }
-               ]
+      areaStyle: {
+        // 区域颜色
+        // color: new graphic.LinearGradient(0, 0, 0, 1, [
+        // 	{
+        // 		offset: 0,
+        // 		color: "#5090FF",
+        // 	},
+        // 	{
+        // 		offset: 1,
+        // 		color: "#1057E5",
+        // 	},
+        // ]),
+        color: {
+          type: "linear",
+          x: 0, //右
+          y: 0, //下
+          x2: 0, //左
+          y2: 1, //上
+          colorStops: [
+            {
+              offset: 0.1,
+              color: "#32BB8A99", // 0% 处的颜色
             },
-         },
+            {
+              offset: 1,
+              opacity: 0.01,
+              color: "#32BB8A01", // 100% 处的颜色
+            },
+          ],
+        },
+      },
+      tooltip: {
+        show: true,
       },
-     
-   ],
+    },
+  ],
 };
 
-export default options;
\ No newline at end of file
+export default options;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts.js
index 0169b1ce..a1afc8a7 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts.js
@@ -59,6 +59,9 @@ nameList.map((item, index) => {
 });
 
 var options = {
+  tooltip: {
+    show: true,
+  },
   legend: {
     // orient: 'vertical',
     icon: "circle",
@@ -78,7 +81,6 @@ var options = {
     containLabel: true,
   },
   xAxis: {
-    type: "category",
     data: nameList,
     axisTick: {
       show: false, //隐藏X轴刻度
@@ -99,9 +101,6 @@ var options = {
     {
       type: "value",
       name: "",
-      max: 1200,
-      min: 0,
-      splitNumber: 5,
       nameTextStyle: {
         color: "#fff",
         fontSize: 10,
@@ -117,12 +116,6 @@ var options = {
         //    return yList[index]
         // }
       },
-      axisLine: {
-        show: false,
-      },
-      axisTick: {
-        show: false,
-      },
       splitLine: {
         lineStyle: {
           color: "rgba(49, 217, 255, 0.5)",
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts2.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts2.js
index e750558b..4e798482 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts2.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts2.js
@@ -28,7 +28,7 @@ let data2 = [[60, 60, 65, 60, 70, 40, 80, 63]];
 let options = {
   tooltip: {
     show: true,
-    trigger: "item",
+    // trigger: "item",
     formatter: (data) => {
       // console.log(data.seriesIndex);
       var tip = '<span class="echarts-tip-h5">' + data.seriesName + "</span>";
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts3.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts3.js
index 5d621958..508b636c 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts3.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts3.js
@@ -17,19 +17,19 @@ let xData = [
 let data1 = [200, 530, 920, 400, 600, 700, 300, 800, 900, 120, 570, 800];
 let options = {
   tooltip: {
-    show: false,
-    trigger: "axis",
-    axisPointer: {
-      // 坐标轴指示器，坐标轴触发有效
-      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
-    },
-    textStyle: {
-      color: "#fff",
-      fontSize: 14,
-    },
-    backgroundColor: "rgba(3, 31, 71, .0)", //设置背景颜色
-    borderColor: "rgba(3, 31, 71, .1)",
-    formatter: "健康监测<br>{b1}：{c1}人",
+    show: true,
+    // trigger: "axis",
+    // axisPointer: {
+    //   // 坐标轴指示器，坐标轴触发有效
+    //   type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+    // },
+    // textStyle: {
+    //   color: "#fff",
+    //   fontSize: 14,
+    // },
+    // backgroundColor: "rgba(3, 31, 71, .0)", //设置背景颜色
+    // borderColor: "rgba(3, 31, 71, .1)",
+    // formatter: "健康监测<br>{b1}：{c1}人",
   },
   grid: {
     left: "2%",
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue
index 5f5c64f8..7f03ac63 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class='congestion'>
+  <div class="congestion">
     <WgtTitle :title="'交通指标分析'"></WgtTitle>
     <div class="board">
       <!-- <div class="searchPanel">
@@ -33,32 +33,88 @@
           <el-button type="primary" size="mini" class="btnSearch"  icon="el-icon-search">查询</el-button>
           <el-button class="btnReset"  size="mini" icon="el-icon-refresh-left" >重置</el-button>
         </div> -->
-      <ProgressBar :dataList="dataList" class="keep-ratio progressbar" :selectIndex="7" />
+      <ProgressBar
+        :dataList="dataList"
+        class="keep-ratio progressbar"
+        :selectIndex="7"
+      />
       <div class="body">
         <div class="body-l">
           <div class="searchPanel_1">
             <!-- <el-from ref="form"> -->
-            <RadioGroup :options="[{ key: '1', label: '菏泽' }, { key: '3', label: '济南' }]" v-model="direction"
-              type="button" />
-            <el-select v-model="type" size="mini" class="selectRoad" placeholder="请选择">
-              <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value">
+            <RadioGroup
+              :options="[
+                { key: '1', label: '菏泽' },
+                { key: '3', label: '济南' },
+              ]"
+              v-model="direction"
+              type="button"
+            />
+            <el-select
+              v-model="type"
+              size="mini"
+              class="selectRoad"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in typeOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
               </el-option>
             </el-select>
-            <el-select v-model="quarter" size="medium" v-if="type == '3'" class="selectRoad-medium" placeholder="请选择">
-              <el-option v-for="item in quarterOptions" :key="item.value" :label="item.label" :value="item.value">
+            <el-select
+              v-model="quarter"
+              size="medium"
+              v-if="type == '3'"
+              class="selectRoad-medium"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in quarterOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
               </el-option>
             </el-select>
             <!-- <el-quarter-picker size="mini" class="selectRoad" style="width:180px;" v-if="type == '3'" v-model="dateTime"
             aria-placeholder="请选季度" /> -->
-            <el-date-picker size="mini" v-if="type != '3'" class="selectRoad" v-model="dateTime" style="width:140px;"
-              :type="type == 1 ? 'date' : type == 2 ? 'month' : type == 4 ? 'year' : ''" placeholder="请选择" />
-
-
-            <el-button type="primary" size="mini" class="btnSearch" @click="searchQuery"
-              icon="el-icon-search">查询</el-button>
-            <el-button class="btnReset" size="mini" icon="el-icon-refresh-left" @click="handleClear">重置</el-button>
+            <el-date-picker
+              size="mini"
+              v-if="type != '3'"
+              class="selectRoad"
+              v-model="dateTime"
+              style="width: 140px"
+              :type="
+                type == 1
+                  ? 'date'
+                  : type == 2
+                  ? 'month'
+                  : type == 4
+                  ? 'year'
+                  : ''
+              "
+              placeholder="请选择"
+            />
+
+            <el-button
+              type="primary"
+              size="mini"
+              class="btnSearch"
+              @click="searchQuery"
+              icon="el-icon-search"
+              >查询</el-button
+            >
+            <el-button
+              class="btnReset"
+              size="mini"
+              icon="el-icon-refresh-left"
+              @click="handleClear"
+              >重置</el-button
+            >
             <!-- </el-from> -->
-
           </div>
           <!-- <div class="searchPanel_1">
             <el-select v-model="area" size="mini" class="selectRoad" placeholder="请选择">
@@ -90,45 +146,55 @@
           </div>
         </div>
       </div>
-
     </div>
-
   </div>
 </template>
-  
+
 <script>
-import RadioGroup from '@screen/components/FormConfig/components/RadioGroup/index.vue';
-import WgtTitle from '../../../../../widgets/title'
-import ProgressBar from './progressBar.vue';
+import RadioGroup from "@screen/components/FormConfig/components/RadioGroup/index.vue";
+import WgtTitle from "../../../../../widgets/title";
+import ProgressBar from "./progressBar.vue";
 import * as echarts from "echarts";
 import chart1 from "./assets/charts";
 import chart2 from "./assets/charts2";
 import chart3 from "./assets/charts3";
-import ElQuarterPicker from './ElQuarterPicker'
+import ElQuarterPicker from "./ElQuarterPicker";
 
 const drawRoundRect = (ctx, x, y, width, height, radius, gr) => {
-  // ctx, 矩形距离x坐标位置, 矩形距离y坐标的位置, 矩形的宽, 矩形的长,圆角角度 
+  // ctx, 矩形距离x坐标位置, 矩形距离y坐标的位置, 矩形的宽, 矩形的长,圆角角度
   ctx.beginPath();
   ctx.fillStyle = gr;
-  ctx.arc(x + radius, y + radius, radius, Math.PI, Math.PI * 3 / 2);
+  ctx.arc(x + radius, y + radius, radius, Math.PI, (Math.PI * 3) / 2);
   ctx.lineTo(width - radius + x, y);
-  ctx.arc(width - radius + x, radius + y, radius, Math.PI * 3 / 2, Math.PI * 2);
+  ctx.arc(
+    width - radius + x,
+    radius + y,
+    radius,
+    (Math.PI * 3) / 2,
+    Math.PI * 2
+  );
   ctx.lineTo(width + x, height + y - radius);
-  ctx.arc(width - radius + x, height - radius + y, radius, 0, Math.PI * 1 / 2);
+  ctx.arc(
+    width - radius + x,
+    height - radius + y,
+    radius,
+    0,
+    (Math.PI * 1) / 2
+  );
   ctx.lineTo(radius + x, height + y);
-  ctx.arc(radius + x, height - radius + y, radius, Math.PI * 1 / 2, Math.PI);
+  ctx.arc(radius + x, height - radius + y, radius, (Math.PI * 1) / 2, Math.PI);
   ctx.closePath();
   //ctx.stroke();
-  ctx.fill()
-}
+  ctx.fill();
+};
 
 export default {
-  name: 'EventQuery',
+  name: "EventQuery",
   components: {
     RadioGroup,
     WgtTitle,
     ProgressBar,
-    ElQuarterPicker
+    ElQuarterPicker,
   },
   data() {
     return {
@@ -136,182 +202,210 @@ export default {
       type: "1",
       typeOptions: [
         {
-          label: '年',
-          value: '4'
+          label: "年",
+          value: "4",
         },
         {
-          label: '月',
-          value: '2'
+          label: "月",
+          value: "2",
         },
         {
-          label: '日',
-          value: '1'
+          label: "日",
+          value: "1",
         },
         {
-          label: '季',
-          value: '3'
-        }
+          label: "季",
+          value: "3",
+        },
       ],
-      quarter: '1',
+      quarter: "1",
       quarterOptions: [
         {
           label: "第一季度",
-          value: "1"
+          value: "1",
         },
         {
           label: "第二季度",
-          value: "2"
+          value: "2",
         },
         {
           label: "第三季度",
-          value: "3"
+          value: "3",
         },
         {
           label: "第四季度",
-          value: "4"
-        }
+          value: "4",
+        },
       ],
       dateTime: "2024-01-01 00:00:00",
       dataList: [
         {
-          title: "殷家林枢纽"
+          title: "殷家林枢纽",
         },
         {
-          title: "大学城立交"
+          title: "大学城立交",
         },
         {
-          title: "长清立交"
+          title: "长清立交",
         },
         {
-          title: "松竹枢纽"
+          title: "松竹枢纽",
         },
         {
-          title: "孝里立交"
+          title: "孝里立交",
         },
         {
-          title: "平阴立交"
+          title: "平阴立交",
         },
         {
-          title: "孔村枢纽"
+          title: "孔村枢纽",
         },
         {
-          title: "平阴南立交"
+          title: "平阴南立交",
         },
         {
-          title: "魏雪枢纽"
+          title: "魏雪枢纽",
         },
         {
-          title: "东平立交"
+          title: "东平立交",
         },
         {
-          title: "东平湖枢纽"
+          title: "东平湖枢纽",
         },
         {
-          title: "韩岗立交"
+          title: "韩岗立交",
         },
         {
-          title: "梁山立交"
+          title: "梁山立交",
         },
         {
-          title: "鄄郓枢纽"
+          title: "鄄郓枢纽",
         },
         {
-          title: "嘉祥西立交"
+          title: "嘉祥西立交",
         },
         {
-          title: "王官屯枢纽"
-        }
+          title: "王官屯枢纽",
+        },
       ],
       quarter: "",
       year: "",
       list: [
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' },
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' },
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' },
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' },
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' },
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' }
-      ]
-    }
-  },
-
-  created() {
-
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+      ],
+    };
   },
-  methods: {
 
-  },
+  created() {},
+  methods: {},
   mounted() {
     setTimeout(() => {
       this.$nextTick(() => {
-        var myChart1 = echarts.init(document.getElementById('chart1'));
+        var myChart1 = echarts.init(document.getElementById("chart1"));
         myChart1.setOption(chart1);
-        var myChart2 = echarts.init(document.getElementById('chart2'));
+        var myChart2 = echarts.init(document.getElementById("chart2"));
         myChart2.setOption(chart2);
-        var myChart3 = echarts.init(document.getElementById('chart3'));
+        var myChart3 = echarts.init(document.getElementById("chart3"));
         myChart3.setOption(chart2);
 
-
         const domMap = document.getElementById("chart2");
         let parentDiv = domMap.firstChild;
         // 创建canvas
-        let canvas = document.createElement('canvas');
+        let canvas = document.createElement("canvas");
         canvas.width = parentDiv.offsetWidth;
         canvas.height = parentDiv.offsetHeight;
         parentDiv.appendChild(canvas);
-        const context = canvas.getContext('2d');
+        const context = canvas.getContext("2d");
 
         // 填充渐变颜色
         var gr = context.createLinearGradient(247, 63, 450, 0);
         // 颜色断点
-        gr.addColorStop(1, 'rgba(92,197,255,0)');
-        gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-
+        gr.addColorStop(1, "rgba(92,197,255,0)");
+        gr.addColorStop(0, "rgba(92,197,255,0.5)");
 
         context.lineWidth = 1; // 设置线段宽度
 
         // 绘制圆角矩形
-        drawRoundRect(context, 300, 78, 160, 24, 12, gr)
+        drawRoundRect(context, 300, 78, 160, 24, 12, gr);
 
         var gr = context.createLinearGradient(240, 63, 450, 0);
         // 颜色断点
-        gr.addColorStop(1, 'rgba(92,197,255,0)');
-        gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-        drawRoundRect(context, 300, 148, 160, 24, 12, gr)
+        gr.addColorStop(1, "rgba(92,197,255,0)");
+        gr.addColorStop(0, "rgba(92,197,255,0.5)");
+        drawRoundRect(context, 300, 148, 160, 24, 12, gr);
 
         var gr = context.createLinearGradient(240, 63, 450, 0);
         // 颜色断点
-        gr.addColorStop(1, 'rgba(92,197,255,0)');
-        gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-        drawRoundRect(context, 300, 218, 160, 24, 12, gr)
+        gr.addColorStop(1, "rgba(92,197,255,0)");
+        gr.addColorStop(0, "rgba(92,197,255,0.5)");
+        drawRoundRect(context, 300, 218, 160, 24, 12, gr);
 
         var gr = context.createLinearGradient(400, 63, 450, 0);
         // 颜色断点
-        gr.addColorStop(1, 'rgba(92,197,255,0)');
-        gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-
+        gr.addColorStop(1, "rgba(92,197,255,0)");
+        gr.addColorStop(0, "rgba(92,197,255,0.5)");
 
-        drawRoundRect(context, 460, 78, 160, 24, 12, gr)
+        drawRoundRect(context, 460, 78, 160, 24, 12, gr);
         var gr = context.createLinearGradient(350, 63, 450, 0);
         // 颜色断点
-        gr.addColorStop(1, 'rgba(92,197,255,0)');
-        gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-        drawRoundRect(context, 460, 148, 160, 24, 12, gr)
+        gr.addColorStop(1, "rgba(92,197,255,0)");
+        gr.addColorStop(0, "rgba(92,197,255,0.5)");
+        drawRoundRect(context, 460, 148, 160, 24, 12, gr);
         var gr = context.createLinearGradient(300, 63, 450, 0);
         // 颜色断点
-        gr.addColorStop(1, 'rgba(92,197,255,0)');
-        gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-        drawRoundRect(context, 460, 218, 160, 24, 12, gr)
+        gr.addColorStop(1, "rgba(92,197,255,0)");
+        gr.addColorStop(0, "rgba(92,197,255,0.5)");
+        drawRoundRect(context, 460, 218, 160, 24, 12, gr);
       });
     });
   },
-}
+};
 </script>
-  
-<style lang='scss' scoped>
+
+<style lang="scss" scoped>
 .progressbar {
   margin: 15px;
-
 }
 
 .congestion {
@@ -325,9 +419,7 @@ export default {
     width: 100%;
     font-size: 14px;
 
-
-
-    >div {
+    > div {
       display: inline-flex;
       flex-direction: column;
       height: 100%;
@@ -343,7 +435,7 @@ export default {
     .chartOrg {
       flex-direction: row !important;
 
-      >div {
+      > div {
         display: inline-flex;
         flex-direction: column;
         width: 50%;
@@ -351,15 +443,14 @@ export default {
       }
 
       .itemChart {
-
-        >.title {
+        > .title {
           display: inline-flex;
           width: 100%;
           height: 30px;
           font-size: 14px;
           font-family: PingFang SC, PingFang SC;
           font-weight: 500;
-          color: #30BFEC;
+          color: #30bfec;
         }
 
         #chart2 {
@@ -413,7 +504,6 @@ export default {
       margin-bottom: 10px;
       z-index: 1000;
 
-
       div {
         white-space: nowrap;
         margin-right: 4px;
@@ -437,7 +527,7 @@ export default {
 
       .selectRoad {
         width: 89px;
-        border: 1px solid #00B3CC;
+        border: 1px solid #00b3cc;
 
         ::v-deep {
           .el-input__inner {
@@ -448,19 +538,17 @@ export default {
       }
 
       .btnSearch {
-        background: linear-gradient(180deg, #005C79 0%, #009BCC 100%);
+        background: linear-gradient(180deg, #005c79 0%, #009bcc 100%);
         margin-left: 10px;
         border-color: transparent;
       }
 
       .btnReset {
-        background: linear-gradient(180deg, #005C79 0%, #009BCC 100%);
-        ;
+        background: linear-gradient(180deg, #005c79 0%, #009bcc 100%);
         border-color: transparent;
         color: white;
       }
     }
-
   }
 }
 
@@ -469,4 +557,3 @@ export default {
   width: 100%;
 }
 </style>
-  
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditLists/data.js b/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditLists/data.js
new file mode 100644
index 00000000..53f9c406
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditLists/data.js
@@ -0,0 +1,63 @@
+import * as PresetFormItems from "@screen/common/PresetFormItems.js";
+import { merge, cloneDeep } from "lodash";
+
+export const searchFormList = [
+  PresetFormItems.eventType,
+  {
+    label: "事件状态:",
+    key: "eventState",
+    type: "RadioGroup",
+    options: {
+      options: [
+        {
+          key: "0",
+          label: "未解决",
+        },
+        {
+          key: "1",
+          label: "已解决",
+        },
+        {
+          key: "2",
+          label: "已关闭",
+        },
+      ],
+    },
+  },
+  {
+    label: "审核状态:",
+    key: "checkState",
+    type: "RadioGroup",
+    options: {
+      options: [
+        {
+          key: "0",
+          label: "待审核",
+        },
+        {
+          key: "1",
+          label: "已审核",
+        },
+        {
+          key: "2",
+          label: "未通过",
+        },
+      ],
+    },
+  },
+  {
+    label: "时间范围:",
+    key: "daterange",
+    required: false,
+    type: "datePicker",
+    options: {
+      type: "daterange",
+      format: "yyyy-MM-dd HH:mm:ss",
+      valueFormat: "yyyy-MM-dd HH:mm:ss",
+    },
+  },
+  PresetFormItems.startStation,
+  PresetFormItems.endStation
+
+
+];
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditLists/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditLists/index.vue
index 4336be2a..76172ed7 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditLists/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditLists/index.vue
@@ -1,6 +1,6 @@
 <template>
   <Card2 class='Auditlists' title="审核列表">
-    <InputSearch style="width: 100%;" />
+    <InputSearch style="width: 100%;" :formList="searchFormList" />
     <div class="body">
       <ListItem v-for="item in list1" :key="item.id" :data="item" origin="left" class="middle-ratio" />
       <ListItem v-for="item in list2" :key="item.id" :data="item" origin="left" class="middle-ratio" />
@@ -15,6 +15,7 @@
 import Card2 from "@screen/components/Card2/Card.vue";
 import Pagination from '@screen/components/Pagination.vue';
 import InputSearch from '@screen/components/InputSearch/index.vue';
+import { searchFormList } from './data';
 import ListItem from "./ListItem.vue";
 
 export default {
@@ -27,6 +28,7 @@ export default {
   },
   data() {
     return {
+      searchFormList,
       list1: Array.from({ length: 3 }).map(() => ({
         title: "异常天气",
         content: "2023.12.23 13:00:00 济南方向K100+000 中雪",