From ec7f6b503a137f970db9467bd5469756b8a8f8b4 Mon Sep 17 00:00:00 2001
From: zhoule <zz221011@163.com>
Date: Tue, 7 May 2024 10:09:57 +0800
Subject: [PATCH 1/8] =?UTF-8?q?=E9=A6=96=E9=A1=B5-=E6=B0=94=E8=B1=A1?=
 =?UTF-8?q?=E6=A3=80=E6=B5=8B=E5=99=A8=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DeviceControlDialog.vue        | 184 +++++++++++++++
 .../components/chart.js                       | 114 +++++++++
 .../Dialogs/MeteorologicalDetection/index.vue | 221 ++++++++++++++++++
 .../Home/components/RoadAndEvents/index.vue   |   4 +-
 .../RoadAndEvents/utils/buttonEvent.js        |   5 +-
 .../RoadAndEvents/utils/httpList.js           |  44 +++-
 .../src/views/JiHeExpressway/utils/enum.js    | 122 +++++++---
 7 files changed, 652 insertions(+), 42 deletions(-)
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/components/DeviceControlDialog.vue
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/components/chart.js
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/components/DeviceControlDialog.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/components/DeviceControlDialog.vue
new file mode 100644
index 00000000..91566e7f
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/components/DeviceControlDialog.vue
@@ -0,0 +1,184 @@
+<template>
+  <Dialog v-model="modelVisible" :title="title" width="910px">
+    <div class="DeviceControlDialog">
+      <div class="headSearch">
+        <p>时间范围:</p>
+        <el-radio-group v-model="radio1" @input="onChangeRadio">
+          <el-radio-button label="1">日</el-radio-button>
+          <el-radio-button label="2">月度</el-radio-button>
+          <el-radio-button label="3">年度</el-radio-button>
+        </el-radio-group>
+        <el-date-picker style="width:140px;" v-model="time" :type="pickerType" placeholder="请选择" :format="valueFormat"
+          value-format="yyyy-MM-dd" :clearable="false" @change="initData">
+        </el-date-picker>
+      </div>
+      <div v-if="chartVisible" class='chart LineChart' ref="LineChartRef" />
+    </div>
+  </Dialog>
+</template>
+
+<script>
+import * as echarts from "echarts";
+import { lineChartOption } from "./chart"
+import Dialog from "@screen/components/Dialog/index.vue";
+import request from "@/utils/request";
+import { throttle } from "lodash"
+import { Message } from "element-ui";
+
+export default {
+  name: "DeviceControlDialog",
+  components: {
+    Dialog,
+  },
+  model: {
+    prop: "visible",
+    event: "update:value",
+  },
+  props: {
+    visible: Boolean,
+    deviceName: String,
+    btnType: Number,
+  },
+  data() {
+    return {
+      submitting: false,
+      chartVisible: true,
+      title: '气温变化趋势',
+      pickerType: 'date',
+      valueFormat: 'yyyy-MM-dd',
+      radio1: '1',
+      time: ''
+    };
+  },
+  computed: {
+    modelVisible: {
+      get() {
+        return this.visible;
+      },
+      set(val) {
+        this.$emit("update:value", val);
+      },
+    },
+  },
+  watch: {
+    visible: {
+      immediate: true,
+      handler(bool) {
+        if (bool) {
+          if (this.btnType == 1) {
+            this.title = '气温变化趋势'
+          } else {
+            this.title = '能见度变化趋势'
+          }
+          this.initData();
+        }
+
+      },
+    },
+  },
+  mounted() {
+    this.time = new Date().format('yyyy-MM-dd')
+  },
+  methods: {
+    async initData() {
+      console.log('ll', this.radio1, this.time)
+
+      let lastPath = 'deviceHour'
+      if (this.pickerType == 'date') {
+        lastPath = 'deviceHour'
+      } else if (this.pickerType == 'month') {
+        lastPath = 'deviceDay'
+      } else if (this.pickerType == 'year') {
+        lastPath = 'deviceYears'
+      }
+
+      let qsData = await request({
+        url: `/dc/system/meteorologicalDetector/${lastPath}?deviceName=${this.deviceName}&specificDate=${this.time}`,
+        method: "get",
+      })
+      if (qsData.code !== 200) {
+        return Message.error('查询气象变化趋势数据失败');
+      }
+      let times = [], datas = [];
+      qsData.rows.forEach(item => {
+        if (lastPath == 'deviceHour') {
+          times.push(item.timeSlot);
+        } else if (lastPath == 'deviceDay') {
+          times.push(new Date(item.date).format('dd'));
+        } else if (lastPath == 'deviceYears') {
+          times.push(new Date(item.month).format('MM'));
+        }
+
+        datas.push(this.btnType == 1 ? item.avgTemperature : item.avgVisibility)
+      })
+      // console.log('datas',datas)
+
+      if (lastPath == 'deviceHour') {
+        lineChartOption.xAxis.name = '时'
+      } else if (lastPath == 'deviceDay') {
+        lineChartOption.xAxis.name = '日'
+      } else if (lastPath == 'deviceYears') {
+        lineChartOption.xAxis.name = '月'
+      }
+      lineChartOption.xAxis.data = times;
+      lineChartOption.yAxis.name = this.btnType == 1 ? '℃' : '米';
+      lineChartOption.series[0].name = this.btnType == 1 ? '温度(℃)' : '能见度(米)'
+      lineChartOption.series[0].data = datas;
+
+      const chartIns = echarts.init(this.$refs.LineChartRef);
+      chartIns.setOption(lineChartOption);
+    },
+    async handleSubmit() {
+      this.$refs.DeviceParam?.handleSubmit();
+    },
+    onChangeRadio(value) {
+      this.time = '';
+      if (value == '1') {
+        this.pickerType = 'date'
+        this.valueFormat = 'yyyy-MM-dd'
+      } else if (value == '2') {
+        this.pickerType = 'month'
+        this.valueFormat = 'yyyy-MM'
+      } else if (value == '3') {
+        this.pickerType = 'year'
+        this.valueFormat = 'yyyy'
+      }
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.DeviceControlDialog {
+  width: 860px;
+  max-height: 78vh;
+  height: 410px;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+
+  .headSearch {
+    display: flex;
+
+    p {
+      margin-right: 10px;
+    }
+
+    ::v-deep {
+      .el-input__prefix {
+        top: -5px
+      }
+    }
+
+  }
+
+  .tips {
+    font-size: 12px;
+  }
+
+  .LineChart {
+    flex: 1;
+    height: 100%;
+  }
+}
+</style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/components/chart.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/components/chart.js
new file mode 100644
index 00000000..8d786f83
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/components/chart.js
@@ -0,0 +1,114 @@
+import * as echarts from "echarts";
+
+export const lineChartOption = {
+  color: ["#2AD9FD"],
+  xAxis: {
+    name: "时",
+    type: "category",
+    // boundaryGap: ["15%", "15%"],
+    nameTextStyle: {
+      color: "#2AD9FD",
+      align: "right",
+      fontSize: 15,
+      padding: [0, -15, 0, 0],
+    },
+    boundaryGap: false,
+    data: ['00:00','02:00','04:00','06:00'],
+    axisTick: {
+      show: false,
+    },
+    axisLabel: {
+      color: "#fff",
+      fontSize: 12,
+    },
+    axisLine: {
+      lineStyle: {
+        color: "#668598",
+      },
+    },
+  },
+  yAxis: {
+    name: "辆",
+    type: "value",
+    nameTextStyle: {
+      color: "#2AD9FD",
+      // align: "right",
+      fontSize: 15,
+      // padding: [0, -15, 0, 0],
+    },
+    // nameGap: 24,
+    splitLine: {
+      lineStyle: {
+        type: [6, 9],
+        color: "rgba(255,255,255, .3)",
+        // dashOffset: [10, 10],
+        // cap: 21,
+        // width: 2
+      },
+    },
+    axisLabel: {
+      color: "#fff",
+      fontSize: 12,
+      formatter: "{value}",
+    },
+  },
+  grid: {
+    left: 33,
+    top: 33,
+    bottom: 24,
+    right: 36,
+  },
+  tooltip: {
+    trigger: "axis",
+    backgroundColor: "rgba(0,0,0,0.36)",
+    borderWidth: 0,
+    textStyle: {
+      color: "#fff",
+    },
+    formatter: "{b}：{c}",
+    // formatter: function([axisData]) {
+    //   console.log(axisData)
+    //     let str = axisData.name + ' ' + axisData.data + '辆</br>';
+    //     // params.forEach(item => {
+    //     //     if (item.seriesName === '供温' || item.seriesName === '回温') {
+    //     //         str += item.marker + item.seriesName + ' : ' + item.data.value + ' ℃' + '</br>';
+    //     //     } else if (item.seriesName === '压力值(Mpa)') {
+    //     //         // 柱状图渐变时设置marker
+    //     //         item.marker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#6C50F3;"></span>';
+    //     //         str += item.marker + item.seriesName + ' : ' + item.data.value + ' m';
+    //     //     }
+    //     // });
+    //     return str;
+    // }
+  },
+  legend: {
+    textStyle: {
+      color: '#2AD9FD'
+    }
+  },
+  series: [
+    {
+      data: [1,2,3,4],
+      type: "line",
+      showSymbol: false,
+      smooth: true,
+      name: '温度(℃)',
+      lineStyle: {
+        color: "#2AD9FD",
+      },
+      areaStyle: {
+        opacity: 0.8,
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+          {
+            offset: 0,
+            color: "rgb(90, 227, 255, .9)",
+          },
+          {
+            offset: 1,
+            color: "rgba(42,217,253,0)",
+          },
+        ]),
+      },
+    },
+  ],
+};
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue
new file mode 100644
index 00000000..0f93b269
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue
@@ -0,0 +1,221 @@
+<template>
+  <Dialog v-model="obverseVisible" title="气象设备" width="470px">
+    <div class="MeteorologicalDetection">
+      <Video class="video-stream" :pileNum="dialogData.stakeMark" />
+      <ElTabs v-model="activeName" @tab-click="handleClickTabs" class="tabs">
+        <ElTabPane label="基本信息" name="first">
+          <Descriptions labelWidth="72px" :list="list" :data="data" style="gap: 18px" />
+        </ElTabPane>
+        <ElTabPane label="气象情况" name="second">
+          <Descriptions labelWidth="104px" :list="weatherList" :data="weatherData" style="gap: 14px" />
+        </ElTabPane>
+        <ElTabPane label="联动策略" name="third">
+          <!-- <LineChart v-if="activeName === 'third'" :productId="dialogData.id" style="height: 180px" /> -->
+        </ElTabPane>
+      </ElTabs>
+    </div>
+
+    <template #footer>
+      <Button @click.native="deviceControlVisible = true; btnType = 1">气温变化趋势</Button>
+      <Button @click.native="deviceControlVisible = true; btnType = 2">能见度变化趋势</Button>
+    </template>
+
+    <!-- 设备操作弹窗 -->
+    <DeviceControlDialog v-model="deviceControlVisible" :deviceName="dialogData.deviceName" :btnType="btnType" />
+
+  </Dialog>
+</template>
+
+<script>
+import Dialog from "@screen/components/Dialog/index.vue";
+import Descriptions from "@screen/components/Descriptions.vue";
+import Button from "@screen/components/Buttons/Button.vue";
+import {
+  getRoadInfoByStakeMark,
+  getProduct,
+  getMeteorologicalDetector
+} from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js";
+import Video from "@screen/components/Video";
+import DeviceControlDialog from "./components/DeviceControlDialog.vue";
+
+import request from "@/utils/request";
+import { dialogDelayVisible } from "./../mixin";
+import LineChart from "../../LineChart/index.vue";
+
+// 疲劳唤醒弹窗
+export default {
+  name: "MeteorologicalDetection",
+  mixins: [dialogDelayVisible],
+  components: {
+    Dialog,
+    Descriptions,
+    Video,
+    DeviceControlDialog,
+    Button,
+    LineChart,
+  },
+  data() {
+    return {
+      activeName: "first",
+      deviceControlVisible: false,
+      data: {
+        deviceType: "行车诱导",
+        deviceStation: "k094+079",
+        roadName: "G35济泽高速",
+        direction: "1",
+        deviceState: "0",
+        deviceVendors: "XXX厂家",
+      },
+      btnType: 1,
+      weatherData: {},
+      list: [
+        {
+          label: "设备名称",
+          key: "deviceName",
+        },
+        {
+          label: "设备桩号",
+          key: "stakeMark",
+        },
+        {
+          label: "道路名称",
+          key: "roadName",
+        },
+        {
+          label: "设备方向",
+          key: "direction",
+          enum: "CameraDirectionEnum",
+        },
+        {
+          label: "设备状态",
+          key: "deviceState",
+          enum: "DeviceTypeEnum",
+        },
+        {
+          label: "设备厂商",
+          key: "manufacturer",
+        },
+      ],
+      weatherList: [
+        {
+          label: "路面状态",
+          key: "remoteRoadSurfaceStatus",
+          enum: "remoteRoadSurfaceStatus",
+        },
+        {
+          label: "路表温度(℃)",
+          key: "remoteRoadSurfaceTemperature",
+        },
+        {
+          label: "下雨类型",
+          key: "precipitationType",
+          enum: "precipitationType",
+        },
+        {
+          label: "雨量(mm)",
+          key: "rainfall",
+        },
+        {
+          label: "能见度类型",
+          key: "visibilityType",
+          enum: "visibilityType",
+        },
+        {
+          label: "能见度(km)",
+          key: "visibility",
+        },
+        {
+          label: "温度(℃)",
+          key: "temperature",
+        },
+        {
+          label: "湿度",
+          key: "humidity",
+        },
+        {
+          label: "风向",
+          key: "windDirection",
+        },
+        {
+          label: "风速(m/s)",
+          key: "windSpeed",
+        },
+        {
+          label: "水膜厚度(mm)",
+          key: "waterFilmlceSnowValue",
+        },
+        {
+          label: "大气压力(hPa)",
+          key: "atmosphericPressure",
+        },
+        {
+          label: "时间",
+          key: "createTime",
+          gridColumn: 2,
+        },
+      ]
+    };
+  },
+  async created() {
+    this.data = { ...this.dialogData };
+
+    getProduct(this.dialogData.productId).then((data) => {
+      this.dialogData.brand = data.brand;
+    });
+
+    const roadInfo = await getRoadInfoByStakeMark(this.dialogData.stakeMark);
+
+    if (roadInfo) this.$set(this.data, "roadName", roadInfo.roadName);
+
+    const weatherInfo = await getMeteorologicalDetector(this.dialogData.deviceName)
+    this.weatherData = { ...weatherInfo }
+  },
+  methods: {
+    handleClickTabs() { },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.MeteorologicalDetection {
+  width: 420px;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  // padding-bottom: 24px;
+
+  .camera-video {
+    flex: 1.5;
+  }
+
+  .tabs {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+
+    ::v-deep {
+      .el-tabs__content {
+        flex: 1;
+
+        .el-tab-pane {
+          height: 100%;
+        }
+      }
+    }
+  }
+
+  .bottom {
+    margin-top: 12px;
+    display: flex;
+    gap: 9px;
+    align-items: center;
+    justify-content: end;
+
+    >div {
+      font-size: 16px;
+      padding: 6px 12px;
+    }
+  }
+}
+</style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue
index a7291719..f30a110b 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue
@@ -51,6 +51,7 @@ import RemoteMachine from "./../Dialogs/RemoteMachine/index.vue";
 import SolarEnergy from "./../Dialogs/SolarEnergy/index.vue";
 import Intermodulation from "./../Dialogs/Intermodulation/index.vue";
 import GuardrailCollision from "./../Dialogs/GuardrailCollision/index.vue";
+import MeteorologicalDetection from "./../Dialogs/MeteorologicalDetection/index.vue";
 
 import FatigueWakesUp from "./../Dialogs/FatigueWakesUp/index.vue";
 import { addInGraphHandle, markerClusterIns } from "./utils/map"
@@ -73,7 +74,8 @@ export default {
     GuardrailCollision,
     FatigueWakesUp,
     RoadNetworkFacilities,
-    RemoteMachine
+    RemoteMachine,
+    MeteorologicalDetection
   },
   data() {
     return {
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js
index a2d3858d..c724281d 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js
@@ -70,6 +70,7 @@ export const DeviceForMap = {
   },
   气象检测器: {
     deviceType: "3",
+    dialog: "MeteorologicalDetection",
   },
   疲劳唤醒: {
     deviceType: "10",
@@ -111,7 +112,7 @@ function resolveDataOptions(data, config, component, isDefault) {
     name: "",
     config: {
       markerClick: (extData, item) => {
-        const formData = extData?.otherConfig
+        const formData = (extData?.otherConfig && typeof extData?.otherConfig !== 'string')
           ? JSON.parse(extData.otherConfig)
           : null;
         // formData.pictures = ["https://pic1.zhimg.com/80/v2-c00beaae1f6e3c09a6d77c16c70002fe_1440w.webp?source=1def8aca","https://pic1.zhimg.com/80/v2-c56626621906417a453d262ac11f3385_1440w.webp?source=1def8aca"]
@@ -121,7 +122,7 @@ function resolveDataOptions(data, config, component, isDefault) {
           data: {
             ...extData,
             formData,
-            parseOtherConfig: JSON.parse(extData.otherConfig || "{}"),
+            parseOtherConfig: JSON.parse((extData.otherConfig && typeof extData.otherConfig !== 'string')|| "{}"),
             _itemData: item,
           },
         };
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
index d8c81886..e07ab632 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
@@ -205,7 +205,7 @@ const DeviceTypeMap = {
   14: "光线在线监测",
  */
 export function getDeviceList(deviceType, options) {
-  console.log(deviceType, options,'------------')
+  console.log(deviceType, options, "------------");
   return new Promise((resolve, reject) => {
     if (!deviceType) {
       // Message.error(`${DeviceTypeMap[deviceType]}设备加载失败!`);
@@ -223,13 +223,13 @@ export function getDeviceList(deviceType, options) {
     let data = {
       deviceType: deviceType,
       endStakeMark: newEndStakeMark,
-      startStakeMark: newStartStakeMark
-    }
-    if(options.childType && options.childType.split('-')[0] === deviceType){
-      data.childType = options.childType
+      startStakeMark: newStartStakeMark,
+    };
+    if (options.childType && options.childType.split("-")[0] === deviceType) {
+      data.childType = options.childType;
     }
-    if(options.deviceState && options.deviceState !== ''){
-      data['deviceState'] = options.deviceState
+    if (options.deviceState && options.deviceState !== "") {
+      data["deviceState"] = options.deviceState;
     }
     request(
       Object.keys(options || {}).length
@@ -461,3 +461,33 @@ export function getRoadNetworkFacilitiesList(facilityType, options = {}) {
       });
   });
 }
+
+/**
+ * 气象检测器 获取气象信息
+ * @param {string} deviceName
+ */
+export function getMeteorologicalDetector(deviceName, options = {}) {
+  return new Promise((resolve, reject) => {
+    if (!deviceName) {
+      Message.error(`气象信息加载失败!`);
+      return reject();
+    }
+
+    request({
+      url: `/dc/system/meteorologicalDetector/device/${deviceName}`,
+      method: "get",
+    })
+      .then(({ code, rows }) => {
+        if (code != 200) {
+          reject();
+          return Message.error(`气象信息加载失败!`);
+        }
+
+        resolve(rows[0] || {});
+      })
+      .catch(() => {
+        Message.error(`气象信息加载失败!`);
+        reject();
+      });
+  });
+}
diff --git a/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js b/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
index 3c4c97e6..c77e90ab 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
@@ -126,7 +126,7 @@ export const RoadNFTopics = {
   服务区: 6,
   停车区: 7,
   清障驻点: 8,
-  边坡: 9
+  边坡: 9,
 };
 
 // 事件类型 eventType
@@ -168,21 +168,21 @@ export const InfoWarningSource = {
 };
 
 export const warningSourceMapping = {
-  1: '视频AI',
-  2: '雷达识别',
-  3: '锥桶',
-  4: '护栏碰撞',
-  5: '扫码报警',
-  6: '非机预警',
+  1: "视频AI",
+  2: "雷达识别",
+  3: "锥桶",
+  4: "护栏碰撞",
+  5: "扫码报警",
+  6: "非机预警",
   // 7: '气象监测器'
-}
+};
 
 export const warningStateMapping = {
-  1: '上报',
-  2: '已完成',
-  3: '已终止',
-  4: '自动结束'
-}
+  1: "上报",
+  2: "已完成",
+  3: "已终止",
+  4: "自动结束",
+};
 
 // 感知事件主类 warningType
 export const WarningType = {
@@ -288,16 +288,16 @@ export const trafficType = Object.keys(EventTopics).reduce((prev, now) => {
 
 //激光疲劳唤醒工作模式
 export const awakerWorkModeDic = {
-  "0": "激光关闭",
-  "1": "常亮模式",
-  "2": "间隔100ms闪烁模式",
-  "3": "间隔200ms闪烁模式",
-  "4": "间隔500ms闪烁模式",
-  "5": "2次闪烁模式",
-  "6": "SOS模式",
-  "7": "自定义模式1",
-  "8": "自定义模式2",
-  "9": "自定义模式3",
+  0: "激光关闭",
+  1: "常亮模式",
+  2: "间隔100ms闪烁模式",
+  3: "间隔200ms闪烁模式",
+  4: "间隔500ms闪烁模式",
+  5: "2次闪烁模式",
+  6: "SOS模式",
+  7: "自定义模式1",
+  8: "自定义模式2",
+  9: "自定义模式3",
 };
 
 // 感知事件主类的子类(上方) warningSubclass
@@ -1077,14 +1077,14 @@ export const EventSubclass = {
   "9-6": "其他",
   "10-1": "雨",
   "10-2": "雪",
-  "10-3":"雾",
-  "10-4":"大风",
-  "10-5":"低温寒潮",
-  "10-6":"路面积雪",
-  "10-7":"路面结冰",
-  "10-8":"路面积水",
-  "10-9":"其他",
-  "11-1":"其他事件"
+  "10-3": "雾",
+  "10-4": "大风",
+  "10-5": "低温寒潮",
+  "10-6": "路面积雪",
+  "10-7": "路面结冰",
+  "10-8": "路面积水",
+  "10-9": "其他",
+  "11-1": "其他事件",
 };
 export const directionOptions = [
   { value: "1", label: "菏泽方向" },
@@ -1181,4 +1181,62 @@ export const usageStatus = {
   1: {
     text: "未使用",
   },
-}
\ No newline at end of file
+};
+//路面类型
+export const remoteRoadSurfaceStatus = {
+  "00": {
+    text: "干燥",
+  },
+  "01": {
+    text: "潮湿",
+  },
+  "02": {
+    text: "积水",
+  },
+  "03": {
+    text: "结冰",
+  },
+  "04": {
+    text: "积雪",
+  },
+  "05": {
+    text: "冰水混合物",
+  },
+  "06": {
+    text: "泥泞",
+  },
+};
+
+//下雨类型
+export const precipitationType = {
+  0: {
+    text: "无降雨",
+  },
+  1: {
+    text: "雨",
+  },
+  2: {
+    text: "雪",
+  },
+  3: {
+    text: "毛毛雨",
+  },
+  4: {
+    text: "雨夹雪",
+  },
+};
+//能见度类型
+export const visibilityType = {
+  4: {
+    text: "良好",
+  },
+  3: {
+    text: "阴霾",
+  },
+  2: {
+    text: "雾",
+  },
+  1: {
+    text: "浓雾",
+  },
+};

From 8ae839a6683af19412c7c5fb2803141d7b219470 Mon Sep 17 00:00:00 2001
From: zhoule <zz221011@163.com>
Date: Tue, 7 May 2024 11:08:20 +0800
Subject: [PATCH 2/8] =?UTF-8?q?=E9=A6=96=E9=A1=B5bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Dialogs/MeteorologicalDetection/index.vue     |  3 ---
 .../SolarEnergy/components/DeviceParams.vue       | 15 +++++++++------
 .../Home/components/Dialogs/SolarEnergy/index.vue |  9 ++++++++-
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue
index 0f93b269..57ad41ac 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue
@@ -9,9 +9,6 @@
         <ElTabPane label="气象情况" name="second">
           <Descriptions labelWidth="104px" :list="weatherList" :data="weatherData" style="gap: 14px" />
         </ElTabPane>
-        <ElTabPane label="联动策略" name="third">
-          <!-- <LineChart v-if="activeName === 'third'" :productId="dialogData.id" style="height: 180px" /> -->
-        </ElTabPane>
       </ElTabs>
     </div>
 
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SolarEnergy/components/DeviceParams.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SolarEnergy/components/DeviceParams.vue
index 3241e95e..99d76608 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SolarEnergy/components/DeviceParams.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SolarEnergy/components/DeviceParams.vue
@@ -63,12 +63,15 @@ export default {
       }).then(result => {
         if (result.code != 200) return Message.error("操作失败");
         result.data.forEach(item => {
-          devs.push({
-            label: item.propertyName,
-            key: item.property,
-            gridColumn: 3,
-          });
-          this.devicesData[item.property] = item.formatValue;
+          if (item.propertyName) {
+            devs.push({
+              label: item.propertyName,
+              key: item.property,
+              gridColumn: 3,
+            });
+            this.devicesData[item.property] = item.formatValue;
+          }
+
         });
         this.devicesList = devs;
       })
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SolarEnergy/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SolarEnergy/index.vue
index ba20ca4d..a9008e70 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SolarEnergy/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SolarEnergy/index.vue
@@ -156,11 +156,18 @@ div.switcher {
 <style lang="scss" scoped>
 .SolarEnergy {
   width: 508px;
-  // height: 240px;
+  // height: 248px;
   color: #fff;
   display: flex;
   flex-direction: column;
 
+  ::v-deep {
+    .el-tabs__content {
+      overflow-y: auto;
+      max-height: 220px;
+    }
+  }
+
   .camera-video {
     flex: 1.5;
   }

From 2aa95d808ea12b6be13f04c919ea8ba7441f2627 Mon Sep 17 00:00:00 2001
From: zhangzhang <1747194829@qq.com>
Date: Tue, 7 May 2024 14:30:29 +0800
Subject: [PATCH 3/8] =?UTF-8?q?=E5=8F=91=E5=B8=83=E6=B8=A0=E9=81=93?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/perception/meteorologyCheck.js    |  16 ++
 .../service/PublishingChannelManagement.js    |  61 ++++++
 .../components/eventQuery/index.vue           |   4 +-
 .../components/roadNetwork/index.vue          |  20 +-
 .../components/weaterData/index.vue           |  10 +-
 .../components/infoWarning/index.vue          |   1 -
 .../components/AddNEditDialog.vue             | 189 ++++++++++++++----
 .../components/Card.vue                       | 182 ++++++++++++++---
 .../PublishingChannelManagement/data.js       |  82 +++++++-
 .../PublishingChannelManagement/index.vue     |  66 +++++-
 10 files changed, 541 insertions(+), 90 deletions(-)
 create mode 100644 ruoyi-ui/src/api/service/PublishingChannelManagement.js

diff --git a/ruoyi-ui/src/api/perception/meteorologyCheck.js b/ruoyi-ui/src/api/perception/meteorologyCheck.js
index 59101ae2..6613d948 100644
--- a/ruoyi-ui/src/api/perception/meteorologyCheck.js
+++ b/ruoyi-ui/src/api/perception/meteorologyCheck.js
@@ -63,3 +63,19 @@ export function getListVisibility() {
     method: "get",
   });
 }
+
+// 路网交通状况
+export function getTrafficConditions() {
+  return request({
+    url: "/business/weatherMonitoring/getTrafficConditions",
+    method: "get",
+  });
+}
+
+// 获取县城经纬度
+export function getRegionList() {
+  return request({
+    url: "/business/region/list",
+    method: "get",
+  });
+}
diff --git a/ruoyi-ui/src/api/service/PublishingChannelManagement.js b/ruoyi-ui/src/api/service/PublishingChannelManagement.js
new file mode 100644
index 00000000..ee15d18e
--- /dev/null
+++ b/ruoyi-ui/src/api/service/PublishingChannelManagement.js
@@ -0,0 +1,61 @@
+import request from "@/utils/request";
+
+// 发布渠道列表
+export function getChannelsList(pageNum, pageSize, data) {
+  return request({
+    url: `/business/channels/list?pageNum=${pageNum}&pageSize=${pageSize}`,
+    method: "post",
+    data,
+  });
+}
+
+// 导出发布渠道列表
+export function getChannelsExport() {
+  return request({
+    url: "/business/channels/export",
+    method: "post",
+  });
+}
+
+// 获取发布渠道详情
+export function getChannels(id) {
+  return request({
+    url: "/business/channels/" + id,
+    method: "get",
+  });
+}
+
+// 新增发布渠道
+export function addChannels(data) {
+  return request({
+    url: "/business/channels",
+    method: "post",
+    data,
+  });
+}
+
+// 修改发布渠道
+export function editChannels(data) {
+  return request({
+    url: "/business/channels",
+    method: "put",
+    data,
+  });
+}
+
+// 删除发布渠道
+export function delChannels(id) {
+  return request({
+    url: "/business/channels/" + id,
+    method: "delete",
+  });
+}
+
+// 发布渠道修改状态
+export function updateEnabledChannels(data) {
+  return request({
+    url: "business/channels/updateEnabled",
+    method: "post",
+    data,
+  });
+}
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
index d316dcfc..56c823e5 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
@@ -388,7 +388,7 @@ export default {
                 // xData.push(it.day.split("-")[2] + "日");
                 xData.push(it.day + "日");
               }
-              if (this.type == "date") {
+              if (this.type == "day") {
                 xData.push(it.time + "时");
               }
               if (this.type == "quarter") {
@@ -515,7 +515,7 @@ export default {
       });
       //路段范围内桩号分布
       getSectionMarkNumber({
-        type: qType,
+        type: this.type,
         sectionId: this.selectId,
         createTime: startTime,
         direction: this.direction,
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/roadNetwork/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/roadNetwork/index.vue
index 28a61516..ea524cf0 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/roadNetwork/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/roadNetwork/index.vue
@@ -31,7 +31,10 @@
 
 <script>
 import WgtTitle from "../../../widgets/title";
-import { getQueryTheNumberOfMeteorologicalWarning } from "@/api/perception/meteorologyCheck";
+import {
+  getQueryTheNumberOfMeteorologicalWarning,
+  getTrafficConditions,
+} from "@/api/perception/meteorologyCheck";
 
 export default {
   name: "MonthStatistics",
@@ -54,7 +57,7 @@ export default {
         {
           text: "团雾路段里程",
           type: "array",
-          value: ["0", "0"],
+          value: [],
           class: ["处", "km"],
         },
         {
@@ -66,7 +69,7 @@ export default {
         {
           text: "能见度检测器",
           type: "arrayRed",
-          value: ["0", "5"],
+          value: [],
           class: ["", ""],
         },
       ],
@@ -78,7 +81,16 @@ export default {
     getWeatherNum() {
       getQueryTheNumberOfMeteorologicalWarning().then((res) => {
         this.dataList[3].value = res.data;
-        console.log("res", res);
+      });
+      getTrafficConditions().then((res) => {
+        this.trafficData = res.data;
+        this.dataList[0].value = res.data.normalMileage;
+        this.dataList[1].value = res.data.rainfallMileage;
+        this.dataList[2].value.push(
+          res.data.heavyFogNum,
+          res.data.heavyFogMileage
+        );
+        this.dataList[4].value.push(res.data.anomalies, res.data.deviceNum);
       });
     },
   },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/weaterData/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/weaterData/index.vue
index 427e1797..201d64af 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/weaterData/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/weaterData/index.vue
@@ -53,14 +53,16 @@
           <span class="label">下雨类型：</span>
           <span class="text">{{
             data.rainfall == 0
-              ? "无降"
+              ? "无降雨"
               : data.rainfall == 1
               ? "雨"
               : data.rainfall == 2
               ? "雪"
               : data.rainfall == 3
               ? "毛毛雨"
-              : "雨夹雪"
+              : data.rainfall == 4
+              ? "雨夹雪"
+              : "-"
           }}</span>
         </div>
         <div class="item">
@@ -84,7 +86,9 @@
               ? "积雪"
               : data.rainfall == "05"
               ? "冰水混合物"
-              : "泥泞"
+              : data.rainfall == "06"
+              ? "泥泞"
+              : "-"
           }}</span>
         </div>
         <div class="item">
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infoWarning/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infoWarning/index.vue
index 0ec49e7b..96b0203d 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infoWarning/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infoWarning/index.vue
@@ -36,7 +36,6 @@
             <div class="left-row">
               <div class="label">预警等级：</div>
               <div :class="item.severityColor">
-                {{ item.severityColor }}
                 {{
                   item.severity == "Cancel"
                     ? "取消"
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue
index 2fa6ae59..5d6f3276 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue
@@ -27,11 +27,10 @@
 import Dialog from "@screen/components/Dialog/index.vue";
 import Button from "@screen/components/Buttons/Button.vue";
 import Form from "@screen/components/FormConfig";
-
-import request from "@/utils/request";
-import { getSelectOptionsStation } from "@screen/pages/control/event/businessDataManagement/utils.js";
-import { Message } from "element-ui";
-import * as PresetFormItems from "@screen/common/PresetFormItems.js";
+import {
+  addChannels,
+  editChannels,
+} from "@/api/service/PublishingChannelManagement.js";
 
 export default {
   name: "AddNEditDialog",
@@ -48,57 +47,149 @@ export default {
     visible: Boolean,
     data: Object,
   },
-  inject: ["setCurrentPage"],
   data() {
     return {
       submitting: false,
       formData: {},
       formList: [
         {
-          label: "信息级别:",
-          key: "level",
-          type: "RadioGroup",
-          isAlone: true,
+          label: "事件类型:",
+          key: "dataCategory",
+          type: "select",
+
+          required: true,
           options: {
-            activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+            disabled: false,
             options: [
               {
-                key: "1",
-                label: "影响通行",
+                key: 1,
+                label: "交通事故",
               },
               {
-                key: "2",
-                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: "其他事件",
               },
             ],
           },
         },
-        PresetFormItems.releaseChannel,
         {
-          label: "审核方式:",
-          key: "process",
+          label: "发布渠道:",
+          key: "publishChannels",
+          type: "CheckboxGroup",
+          isAlon: true,
+          required: true,
+          default: [],
+          options: {
+            options: [
+              { key: "1", label: "手机短信", width: "87px" },
+              { key: "2", label: "微信公众号", width: "87px" },
+              { key: "3", label: "微博", width: "87px" },
+              { key: "4", label: "情报板", width: "87px" },
+              { key: "5", label: "服务网站", width: "87px" },
+              { key: "6", label: "微信小程序", width: "87px" },
+            ],
+          },
+        },
+        {
+          label: "信息级别:",
+          key: "infoLevel",
           type: "RadioGroup",
-          isAlone: true,
+          required: true,
+          default: 1,
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
               {
-                key: "1",
-                label: "单人审核",
+                key: 1,
+                label: "影响通行",
               },
               {
-                key: "2",
-                label: "双人审核",
+                key: 2,
+                label: "不影响通行",
               },
             ],
           },
         },
-        {
-          label: "启用日期:",
-          key: "startDate",
-          type: "DatePicker",
-          required: true,
-        },
+        // {
+        //   label: "审核方式:",
+        //   key: "auditMethod",
+        //   type: "RadioGroup",
+        //   default: 1,
+        //   options: {
+        //     activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+        //     options: [
+        //       {
+        //         key: 1,
+        //         label: "单人审核",
+        //       },
+        //       {
+        //         key: 2,
+        //         label: "双人审核",
+        //       },
+        //     ],
+        //   },
+        // },
+        // {
+        //   label: "启用状态:",
+        //   key: "enabled",
+        //   type: "RadioGroup",
+        //   default: "1",
+        //   options: {
+        //     activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
+        //     options: [
+        //       {
+        //         key: "1",
+        //         label: "启用",
+        //       },
+        //       {
+        //         key: "2",
+        //         label: "停用",
+        //       },
+        //     ],
+        //   },
+        // },
+        // {
+        //   label: "启用日期:",
+        //   key: "enableDate",
+        //   type: "DatePicker",
+        //   required: true,
+        // },
       ],
     };
   },
@@ -114,21 +205,49 @@ export default {
   },
   watch: {
     modelVisible: {
-      immediate: true,
-      handler(bool) {
-        if (!bool) return;
-
+      handler() {
         this.formData = {
           ...this.data,
         };
+        if (this.data.id) {
+          this.formList[0].options.disabled = true;
+        }
 
         this.getOptions();
       },
+      immediate: true,
+      deep: true,
     },
   },
   methods: {
-    getOptions() {},
-    handleSubmit() {},
+    handleSubmit() {
+      if (this.formData && this.formData.publishChannels) {
+        this.formData.publishChannels =
+          this.formData.publishChannels.toString();
+      }
+      this.$refs.FormConfigRef.validate().then((data) => {
+        this.submitting = true;
+        let params = {
+          ...this.formData,
+          id: this.data.id,
+        };
+        if (this.data.id) {
+          editChannels(params).then((res) => {
+            this.modelVisible = false;
+            this.submitting = false;
+            this.$parent.handleSearch();
+          });
+        } else {
+          addChannels(this.formData).then((res) => {
+            this.modelVisible = false;
+            this.submitting = false;
+            this.$parent.handleSearch();
+          });
+        }
+      });
+
+      console.log("新增", this.formData);
+    },
   },
 };
 </script>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Card.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Card.vue
index fa854f02..e08d87e2 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Card.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Card.vue
@@ -1,23 +1,33 @@
 <template>
-  <div class='Card'>
+  <div class="Card">
     <div class="header">
-      <BackgroundClip class="left" clipPath="inset(0 0 0 0 round 24px)"
+      <BackgroundClip
+        class="left"
+        clipPath="inset(0 0 0 0 round 24px)"
         borderColor="linear-gradient(90deg, rgba(251, 19, 19, 1), rgba(214, 0, 0, 0))"
-        bgColor="linear-gradient(270deg, rgba(243, 0, 0, 0) 0%, #6B0000 100%)">
+        bgColor="linear-gradient(270deg, rgba(243, 0, 0, 0) 0%, #6B0000 100%)"
+      >
         <img src="@screen/images/TrafficAccidents.svg" />
-        交通事故
+        {{ typeText }}
       </BackgroundClip>
       <div class="right">
-        <Switcher />
+        <Switcher
+          :value="enabled"
+          @change="(val) => handleChangeSwitcher(val)"
+        />
         <!-- <ElSwitch active-color="#fff" inactive-color="#48B0CB" /> -->
       </div>
     </div>
 
-    <Descriptions :list="list" style="gap: 15px; flex: 1; margin-top: 9px;" column="1" />
+    <Descriptions
+      :list="list"
+      style="gap: 15px; flex: 1; margin-top: 9px"
+      column="1"
+    />
 
     <div class="footer">
-      <Button @click.native="() => handleOpenDialogAddEdit(item)">修改</Button>
-      <Button style="background-color: #FF5F5F;" @click.native="handleDelete(item)">
+      <Button @click.native="() => handleOpenDialogEdit()">修改</Button>
+      <Button style="background-color: #ff5f5f" @click.native="handleDelete()">
         删除
       </Button>
     </div>
@@ -25,53 +35,163 @@
 </template>
 
 <script>
-import Button from '@screen/components/Buttons/Button.vue';
-import BackgroundClip from '@screen/components/Decorations/BackgroundClip.vue';
-import Descriptions from '@screen/components/Descriptions.vue';
-import Switcher from './Switcher.vue';
+import Button from "@screen/components/Buttons/Button.vue";
+import BackgroundClip from "@screen/components/Decorations/BackgroundClip.vue";
+import Descriptions from "@screen/components/Descriptions.vue";
+import Switcher from "./Switcher.vue";
+import {
+  delChannels,
+  updateEnabledChannels,
+} from "@/api/service/PublishingChannelManagement.js";
 
 export default {
-  name: 'Card',
+  name: "Card",
   components: {
     Button,
     BackgroundClip,
     Descriptions,
-    Switcher
+    Switcher,
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  methods: {
+    handleOpenDialogEdit() {
+      this.$parent.handleOpenDialogAddEdit(this.data);
+    },
+    handleDelete(item) {
+      this.$confirm("确定要删除该任务么？", "操作确认", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          delChannels(this.data.id).then((res) => {
+            this.$message.success("删除成功");
+            this.$parent.handleSearch();
+          });
+        })
+        .catch(() => {
+          // Message.error("删除失败");
+        });
+
+      // this.$emit("handleDelete", item);
+    },
+    initData() {
+      console.log("初始化数据", this.data);
+    },
+    handleChangeSwitcher(val) {
+      let data = {
+        id: this.data.id,
+        enabled: val ? 2 : 0,
+      };
+      updateEnabledChannels(data).then(() => {
+        this.$parent.handleSearch();
+      });
+      console.log(88888, val);
+    },
+  },
+  mounted() {
+    this.initData();
+  },
+  watch: {
+    data: {
+      handler(val) {
+        let publishChannels = val.publishChannels.toString().split(",");
+        let newPublishChannels = [];
+        publishChannels.forEach((item) => {
+          newPublishChannels.push(
+            item == 1
+              ? "手机短信"
+              : item == 2
+              ? "微信公众号"
+              : item == 3
+              ? "微博"
+              : item == 4
+              ? "情报板"
+              : item == 5
+              ? "服务网站"
+              : "微信小程序"
+          );
+        });
+        this.list[0].text = val.infoLevel == "1" ? "影响交通" : "不影响交通";
+        this.list[1].text = newPublishChannels.toString();
+        // this.list[2].text = val.auditMethod == "1" ? "单人审核" : "双人审核";
+        this.list[2].text = val.enableDate;
+        this.enabled = val.enabled == "2" ? true : false;
+
+        this.typeText =
+          val.dataCategory == "1"
+            ? "交通事故"
+            : val.dataCategory == "2"
+            ? "车辆故障"
+            : val.dataCategory == "3"
+            ? "交通管制"
+            : val.dataCategory == "4"
+            ? "交通拥堵"
+            : val.dataCategory == "5"
+            ? "非法上路"
+            : val.dataCategory == "6"
+            ? "路障清除"
+            : val.dataCategory == "7"
+            ? "施工建设"
+            : val.dataCategory == "8"
+            ? "服务区异常"
+            : val.dataCategory == "9"
+            ? "设施设备隐患"
+            : val.dataCategory == "10"
+            ? "异常天气"
+            : val.dataCategory == "11"
+            ? "其他事件"
+            : "-";
+      },
+      immediate: true,
+      deep: true,
+    },
   },
   data() {
     return {
-
+      typeText: "",
+      enabled: false,
       list: [
         {
-          label: '信息级别',
-          text: '影响通行',
+          label: "信息级别",
+          text: "",
         },
         {
-          label: '发布渠道',
-          text: '情报板、微博',
+          label: "发布渠道",
+          text: "",
         },
+        // {
+        //   label: "审核方式",
+        //   text: "",
+        // },
         {
-          label: '审核方式',
-          text: '双人审核',
+          label: "启用日期",
+          text: "",
         },
-        {
-          label: '启用日期',
-          text: '2023.12.22 13:00:00',
-        }
-      ]
-    }
-  }
-}
+      ],
+    };
+  },
+};
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .Card {
   height: 226px;
   background: #133242;
   border-radius: 2px;
   border: 1px solid;
   padding: 15px 21px;
-  border-image: linear-gradient(360deg, rgba(55, 231, 255, .42), rgba(55, 231, 255, 0)) 1 1;
+  border-image: linear-gradient(
+      360deg,
+      rgba(55, 231, 255, 0.42),
+      rgba(55, 231, 255, 0)
+    )
+    1 1;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/data.js b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/data.js
index 09ad820f..272d705e 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/data.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/data.js
@@ -4,7 +4,7 @@ import { merge, cloneDeep } from "lodash";
 export const searchFormList = [
   {
     label: "启用日期:",
-    key: "daterange",
+    key: "date",
     required: false,
     type: "datePicker",
     options: {
@@ -13,11 +13,79 @@ export const searchFormList = [
       valueFormat: "yyyy-MM-dd HH:mm:ss",
     },
   },
-  PresetFormItems.eventType,
-  PresetFormItems.releaseChannel,
+  {
+    label: "事件类型:",
+    key: "dataCategory",
+    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: "其他事件",
+        },
+      ],
+    },
+  },
+  {
+    label: "发布渠道:",
+    key: "publishChannels",
+    type: "CheckboxGroup",
+    isAlone: true,
+    default: [],
+    options: {
+      options: [
+        { key: "1", label: "微博", width: "87px" },
+        { key: "3", label: "微信小程序", width: "87px" },
+        { key: "4", label: "服务网站", width: "87px" },
+        { key: "5", label: "情报板", width: "87px" },
+        { key: "6", label: "手机短信", width: "87px" },
+        { key: "7", label: "微信公众号", width: "87px" },
+      ],
+    },
+  },
   {
     label: "信息级别:",
-    key: "level",
+    key: "infoLevel",
     type: "RadioGroup",
     isAlone: true,
     options: {
@@ -36,18 +104,18 @@ export const searchFormList = [
   },
   {
     label: "启用状态:",
-    key: "status",
+    key: "enabled",
     type: "RadioGroup",
     isAlone: true,
     options: {
       activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
       options: [
         {
-          key: "1",
+          key: "2",
           label: "启用",
         },
         {
-          key: "2",
+          key: "0",
           label: "停用",
         },
       ],
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/index.vue
index 5a2366e9..e6cc92c0 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/index.vue
@@ -9,7 +9,7 @@
           </template>
           新增
         </ButtonGradient>
-        <ButtonGradient>
+        <ButtonGradient @click.native="onRefreshForm">
           <template #prefix>
             <img src="@screen/images/refresh.svg" />
           </template>
@@ -18,6 +18,7 @@
       </div>
 
       <InputSearch
+        ref="searchComp"
         style="width: 480px"
         :formList="searchFormList"
         @handleSearch="handleSearch"
@@ -26,12 +27,22 @@
 
     <!-- 内容 -->
     <div class="body">
-      <Card v-for="item in 8" :key="item" />
+      <Card v-for="item in channelsList" :key="item.id" :data="item" />
     </div>
 
     <!-- 分页 -->
     <div class="footer">
-      <Pagination layout="total,prev, pager, next, jumper" :total="90" />
+      <Pagination
+        @current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+        width="'100%'"
+        :page-sizes="[10]"
+        :page-size="searchData.pageSize"
+        :current-page.sync="searchData.pageNum"
+        layout="total, sizes, prev, pager, next"
+        :total="total"
+      >
+      </Pagination>
     </div>
 
     <!-- 新增编辑弹窗 -->
@@ -45,6 +56,10 @@ import InputSearch from "@screen/components/InputSearch/index.vue";
 import Card from "./components/Card";
 import ButtonGradient from "@screen/components/Buttons/ButtonGradient.vue";
 import AddNEditDialog from "./components/AddNEditDialog.vue";
+import {
+  getChannelsList,
+  getChannels,
+} from "@/api/service/PublishingChannelManagement.js";
 
 import { searchFormList } from "./data";
 
@@ -63,18 +78,55 @@ export default {
       data: [],
       addNEditDialogVisible: false,
       dialogData: null,
+      channelsList: [],
+      total: 0,
+      searchData: {
+        pageSize: 10,
+        pageNum: 1,
+      },
     };
   },
   methods: {
     handleOpenDialogAddEdit(data) {
-      console.log("data", data);
       this.addNEditDialogVisible = true;
-      this.dialogData = data;
+      if (data) {
+        data.publishChannels = data.publishChannels.toString().split(",");
+        this.dialogData = data;
+      }
+    },
+    onRefreshForm() {
+      this.$refs.searchComp.handleResetForm();
     },
     handleSearch(data) {
-      // this.searchData = data;
-      // this.getData();
+      if (data && data.publishChannels) {
+        data.publishChannels = data.publishChannels.toString();
+      }
+      if (data && data.date) {
+        data.startDate = data.date[0];
+        data.endDate = data.date[1];
+        // data.date = "";
+      }
+      data = { ...this.searchData, ...data };
+      getChannelsList(
+        this.searchData.pageNum,
+        this.searchData.pageSize,
+        data
+      ).then((res) => {
+        this.channelsList = res.rows;
+        this.total = res.rows.length;
+      });
+    },
+    handleCurrentChange(pageNum) {
+      searchData.pageNum = pageNum;
+      this.handleSearch();
     },
+    handleSizeChange(size) {
+      searchData.pageSize = size;
+      this.handleSearch();
+    },
+  },
+  mounted() {
+    this.handleSearch();
   },
 };
 </script>

From 524168d5025442833395dffa2a32fd6d28312c2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E9=92=A6?= <360013221@qq.com>
Date: Tue, 7 May 2024 15:29:33 +0800
Subject: [PATCH 4/8] =?UTF-8?q?=E4=BA=8B=E4=BB=B6=E6=8E=A7=E5=88=B6?=
 =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/VideoMulti/index.vue           |  1 -
 .../components/RoadAndEvents/utils/map.js     |  2 -
 .../CrowdnessIndicatorRankings/index.vue      | 52 ++++++++++++++++++-
 .../Cards/EventInformation/index.vue          |  4 +-
 .../control/event/commandDispatch/index.vue   |  7 +--
 5 files changed, 57 insertions(+), 9 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue
index 1ba9e629..6dc49afb 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue
@@ -83,7 +83,6 @@ export default {
       }
       if (data[this.rangeIndex]) {
         this.urls = data[this.rangeIndex]
-        console.log(data[this.rangeIndex][0], this.rangeIndex, 'xxxx');
         const firstItem = data[this.rangeIndex]?.[0] || {};
         this.cameraId = firstItem['iotDeviceId'];
         this.dialogData = { ...firstItem, parseOtherConfig: firstItem.otherConfig && JSON.parse(firstItem.otherConfig) }
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js
index 8775cb68..47cda01e 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js
@@ -504,7 +504,6 @@ export function marksAddInGraph(data) {
 export function addInGraphHandle(data) {
   const graphInstance = window.graphInstance;
   const extData = data[0].extData;
-  // console.log(extData, "extData11111");
   const { item: eventItem } = data[0].config;
   if (eventItem.id.match(eventRegex)) {
     let { stakeMark, lang, direction } = extData;
@@ -536,7 +535,6 @@ export function addInGraphHandle(data) {
       });
       // }, 0);
     }
-    // console.log(lang, "lang");
   }
 }
 
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/index.vue
index f19ba0b8..69bf17be 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/index.vue
@@ -4,6 +4,10 @@
       <AMapContainer
         ref="AMapContainerRef"
         v-if="delayLoad"
+        @update:isGisCompleted="(data) => {
+          this.bindMap(data)
+        }
+      "
         style="z-index: 9"
       />
     </div>
@@ -134,8 +138,54 @@ export default {
         console.log("气象", res);
       });
     },
+
+    bindMap(isLoaded){
+      if(!isLoaded){
+        return;
+      }
+      // 获取map接口
+      const {AMap,mapIns} = this.$refs.AMapContainerRef.getMapInstance();
+      const {longitude,dimension,eventName} = this.detailData;
+      const icon = require(`@screen/images/layer/事件专题/${eventName}_active.svg`);
+      const nowBg = require(`@screen/images/mapBg/active.svg`);
+
+      const center = new AMap.LngLat(parseFloat(longitude), parseFloat(dimension));
+      
+      var marker = new AMap.Marker({
+        position:center,
+        content: `
+          <div style="
+            background-image: url(${nowBg});
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            width: 51px;
+            height: 51px;
+            display: flex;
+            align-self: center;
+            justify-content: center;
+          ">
+            <img style="
+                min-width: 24px;
+                min-height: 24px;
+                width: 24px;
+                height: 24px;
+                margin-top: 8.1px;
+              " src='${icon}'
+            >
+          </div>
+      `,
+        anchor: 'bottom-center',
+      });
+      mapIns.add(marker);
+      mapIns.setZoomAndCenter(12, center);
+      // 
+      console.log(mapIns,AMap,'--------')
+      console.log(this.detailData,'############');
+    }
+  },
+  mounted() {
+    this.bindMap();
   },
-  mounted() {},
 };
 </script>
 
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/EventInformation/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/EventInformation/index.vue
index 581eeaec..4c1f28c9 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/EventInformation/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/EventInformation/index.vue
@@ -14,8 +14,8 @@
     <div class="road-lane">
       <div v-for="i in 11">
         <!-- <img v-if="i != 6" :src="'./images/'+(detailData.lang.indexOf((i+1).toString())===-1?'normal.svg':'congestion.svg')"> -->
-        <img v-if="i != 6 && !detailData.lang.includes((i).toString()) " src="./images/normal.svg">
-        <img v-if="i != 6 && detailData.lang.includes((i).toString())" src="./images/congestion.svg">
+        <img v-if="i != 6 && (!detailData.lang || !detailData.lang.includes((i).toString())) " src="./images/normal.svg">
+        <img v-if="i != 6 && detailData.lang && detailData.lang.includes((i).toString())" src="./images/congestion.svg">
       </div>
     </div>
     <div class="bottom-info">
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/index.vue
index 321e3dcb..e8cfe1e0 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/index.vue
@@ -42,7 +42,7 @@ export default {
   props: {
     detailId: {
       type: [String, Number],
-      default: "96b9918efc01488cb22fa1d9d3236dfd",
+      default: "162cb8824ea141f3a96a74ad81c22796",
     },
   },
   provide() {
@@ -73,7 +73,8 @@ export default {
       })
         .then((result) => {
           if (result.code != 200) return;
-          console.log(result.data);
+          result.data.longitude = '116.829275';
+          result.data.dimension = '36.583156';
           this.provideData.detail = result.data;
           if (
             ["设备设施隐患", "非法上路", "施工建设", "服务区异常"].includes(
@@ -82,7 +83,7 @@ export default {
           ) {
             const gridArea = { ...originGridArea };
             // 第一列变化
-            gridArea["DispatchLiaison"] = "10 / 1 / span 20 / 2";
+            gridArea["DispatchLiaison"] = "13 / 1 / span 21 / 2";
             delete gridArea.TrafficControl;
             if (["设备设施隐患", "非法上路"].includes(result.data.eventName)) {
               // 第三列变化

From 3288cb267749e01f88290801799e7f5539379e8d Mon Sep 17 00:00:00 2001
From: zhoule <zz221011@163.com>
Date: Tue, 7 May 2024 15:33:38 +0800
Subject: [PATCH 5/8] =?UTF-8?q?=E8=A7=86=E9=A2=91=E4=B8=8D=E8=BD=AE?=
 =?UTF-8?q?=E6=92=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../event/EventDetailDialog/Carousel/index.vue      | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue
index 3b5479d4..7a032641 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue
@@ -11,7 +11,7 @@
       </div>
     </VueSlickCarousel>
 
-    <VueSlickCarousel v-if="videos.length > 0" v-bind="settings" ref="CarouselRef" class="vueSlickCarousel">
+    <VueSlickCarousel v-if="videos.length > 0" v-bind="videoSettings" ref="CarouselRef" class="vueSlickCarousel">
       <div v-for="(item, index) in  videos " :key="index" class="item">
         <Video style="height: 100%;" :showHeader="false" :url="item || ''" videoType="mp4" />
       </div>
@@ -31,7 +31,7 @@ import Video from "@screen/components/Video";
 
 export default {
   name: "Carousel",
-  components: { VueSlickCarousel,Video },
+  components: { VueSlickCarousel, Video },
   props: {
     pictures: {
       type: Array,
@@ -63,6 +63,15 @@ export default {
         autoplay: true,
         autoplaySpeed: 1800,
       },
+      videoSettings: {
+        infinite: true,
+        arrows: false,
+        speed: 600,
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        autoplay: false,
+        autoplaySpeed: 1800,
+      }
     }
   },
   methods: {

From 474edded1752d1ada003936622bea8ed53b916f8 Mon Sep 17 00:00:00 2001
From: zhangzhang <1747194829@qq.com>
Date: Tue, 7 May 2024 15:35:19 +0800
Subject: [PATCH 6/8] =?UTF-8?q?=E5=A4=A9=E6=B0=94=E9=A2=84=E6=8A=A5api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/router/routerCreater.js          |   2 +-
 .../components/sortFaceForecast/index.vue     |   9 +-
 .../components/weatherForecast/index.vue      | 142 ++++++++++++------
 .../components/weaterData/index.vue           |   4 +-
 .../components/infoWarning/index.vue          |   1 -
 .../components/infowWarningList/index.vue     |   1 -
 .../components/AddNEditDialog.vue             |   2 -
 .../components/Card.vue                       |   9 +-
 8 files changed, 105 insertions(+), 65 deletions(-)

diff --git a/ruoyi-ui/src/router/routerCreater.js b/ruoyi-ui/src/router/routerCreater.js
index 132a42d4..b8f03c60 100644
--- a/ruoyi-ui/src/router/routerCreater.js
+++ b/ruoyi-ui/src/router/routerCreater.js
@@ -44,7 +44,7 @@ function processNode(node) {
     if (!item.component) {
       temp.component = compX;
     } else {
-      console.log(item.component);
+      // console.log(item.component);
       temp.component = (resolve) =>
         require(["@/views/JiHeExpressway/pages/" + item.component], resolve); //views/visualization/pages/${item.component}
     }
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/sortFaceForecast/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/sortFaceForecast/index.vue
index 39990f7f..7a7ae814 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/sortFaceForecast/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/sortFaceForecast/index.vue
@@ -50,8 +50,8 @@
                 <span class="text">{{ item.precip || "--" }}mm</span>
               </div>
               <div class="item">
-                <span class="title">能见度等级：</span>
-                <span class="text">{{ item.vis || "--" }}级</span>
+                <span class="title">能见度：</span>
+                <span class="text">{{ item.vis || "--" }}km</span>
               </div>
               <!-- <div class="item">
                 <span class="title">能见度等级：</span>
@@ -530,11 +530,7 @@ export default {
     // 按小时查询天气
     getHourlyWeatherFacts(id) {
       getHourlyWeather().then((response) => {
-        console.log("response", response);
-        console.log("this.selectIndex", this.selectIndex);
-
         let obj = response.data;
-        console.log("obj", obj);
         let data = [];
         for (let key in obj) {
           //   if (key === "hourlyWeather1") {
@@ -562,7 +558,6 @@ export default {
           newData.push(item[id - 1]);
         });
         this.weatherList = newData;
-        console.log("data", newData);
       });
     },
   },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue
index c80496fb..64a79bce 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue
@@ -4,37 +4,84 @@
     <div class="board">
       <div class="showRoad">
         <div class="weaterIcon">
-          <img src="./assets/weather.png" />
+          <!-- <img src="./assets/weather.png" /> -->
           <div>
-            {{ weaterType }}
+            {{ cityWeather.text ? cityWeather.text : "-" }}
           </div>
         </div>
         <div class="weaterNum">
-          <div class="num">{{ weaterNum }}°</div>
+          <div class="num">
+            {{ cityWeather.temp ? cityWeather.temp : "-" }}°
+          </div>
           <div class="maxMin">
-            {{ weaterMaxMin }}
+            {{ cityWeather.windDir ? cityWeather.windDir : "-"
+            }}{{ cityWeather.windScale ? cityWeather.windScale : "-" }}级
           </div>
         </div>
-        <div class="windType">
+        <!-- <div class="windType">
           <div class="Warnings">{{ windWarnings }}</div>
           <div class="windTypeStr">
             {{ windType }}
           </div>
-        </div>
+        </div> -->
         <div class="line"></div>
         <div class="cityType">
           <img src="./assets/cityPosition.png" />
           <div class="cityText">
-            {{ city }}
+            <el-select
+              v-model="city"
+              placeholder="请选择"
+              @change="handleChange"
+            >
+              <el-option
+                v-for="item in regionList"
+                :key="item.regionName"
+                :label="item.regionName"
+                :value="item.regionName"
+              >
+              </el-option>
+            </el-select>
           </div>
         </div>
         <div class="temperature">
-          <div class="temperItem" v-for="(it, index) in temperatures">
+          <div class="temperItem">
+            <div class="text">
+              <img src="./assets/polygon.png" /><span>体感温度</span>
+            </div>
+            <div class="val">
+              {{ cityWeather.feelsLike ? cityWeather.feelsLike : "-" }}℃
+            </div>
+          </div>
+          <div class="temperItem">
+            <div class="text">
+              <img src="./assets/polygon.png" /><span>湿度</span>
+            </div>
+            <div class="val">
+              {{ cityWeather.humidity ? cityWeather.humidity : "-" }}%
+            </div>
+          </div>
+          <div class="temperItem">
             <div class="text">
-              <img src="./assets/polygon.png" /><span>{{ it.text }}</span>
+              <img src="./assets/polygon.png" /><span>降雨量</span>
             </div>
             <div class="val">
-              {{ it.value }}
+              {{ cityWeather.precip ? cityWeather.precip : "-" }}mm
+            </div>
+          </div>
+          <div class="temperItem">
+            <div class="text">
+              <img src="./assets/polygon.png" /><span>能见度</span>
+            </div>
+            <div class="val">
+              {{ cityWeather.vis ? cityWeather.vis : "-" }}km
+            </div>
+          </div>
+          <div class="temperItem">
+            <div class="text">
+              <img src="./assets/polygon.png" /><span>压力</span>
+            </div>
+            <div class="val">
+              {{ cityWeather.pressure ? cityWeather.pressure : "-" }}hPa
             </div>
           </div>
         </div>
@@ -45,6 +92,10 @@
 
 <script>
 import WgtTitle from "../../../widgets/title";
+import {
+  getRegionList,
+  getWeatherFacts,
+} from "@/api/perception/meteorologyCheck";
 
 export default {
   name: "MonthStatistics",
@@ -53,36 +104,35 @@ export default {
   },
   data() {
     return {
-      weaterNum: "21",
-      weaterMaxMin: "12 / 23°",
-      weaterType: "睛转小雨",
-      windWarnings: "大风预警",
-      windType: "东北风三级",
-      city: "济南",
-      temperatures: [
-        {
-          text: "体感",
-          value: "-14℃",
-        },
-        {
-          text: "PM2.5",
-          value: "90",
-        },
-        {
-          text: "湿度",
-          value: "94%",
-        },
-        {
-          text: "紫外线",
-          value: "3",
-        },
-      ],
+      regionList: [],
+      city: "长清区",
+      cityWeather: {},
     };
   },
 
   created() {},
-  methods: {},
+  methods: {
+    initData() {
+      getRegionList().then((res) => {
+        this.regionList = res.rows;
+        this.handleChange();
+      });
+    },
+    handleChange() {
+      getWeatherFacts().then((response) => {
+        console.log("response", response.data);
+        for (let key in response.data) {
+          debugger;
+          if (response.data[key].name == this.city) {
+            this.cityWeather = response.data[key];
+            console.log("this.cityWeather", this.cityWeather);
+          }
+        }
+      });
+    },
+  },
   mounted() {
+    this.initData();
     setTimeout(() => {
       this.$nextTick(() => {});
     });
@@ -139,7 +189,7 @@ export default {
         }
 
         > div {
-          font-size: 12px;
+          font-size: 22px;
           font-family: PingFang SC, PingFang SC;
           font-weight: 500;
           color: #ffffff;
@@ -222,11 +272,11 @@ export default {
 
       .cityType {
         display: inline-flex;
-        width: 60px;
+        width: 100px;
         height: 80px;
         justify-content: center;
         align-items: center;
-        margin-right: 27px;
+        margin-right: 40px;
 
         img {
           width: 38px;
@@ -245,7 +295,7 @@ export default {
       .temperature {
         display: inline-flex;
         flex-direction: row;
-        width: 349px;
+        width: 430px;
         height: 66px;
         background: transparent;
         opacity: 1;
@@ -257,6 +307,9 @@ export default {
           )
           1 1;
         border-radius: 8px;
+        img {
+          width: 7px;
+        }
 
         > div {
           display: inline-flex;
@@ -272,7 +325,7 @@ export default {
             font-weight: 500;
             > span {
               opacity: 0.5;
-              margin-left: 10px;
+              margin-left: 5px;
             }
           }
 
@@ -282,16 +335,15 @@ export default {
             font-family: PingFang SC, PingFang SC;
             font-weight: 500;
             color: #ffffff;
-            position: relative;
-            left: 10px;
+            // position: relative;
+            // left: 10px;
           }
         }
       }
     }
   }
 }
-.charts {
-  height: 180px;
-  width: 100%;
+::v-deep input.el-input__inner {
+  font-size: 12px;
 }
 </style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/weaterData/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/weaterData/index.vue
index 201d64af..127a77b2 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/weaterData/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/weaterData/index.vue
@@ -132,9 +132,7 @@ export default {
   },
   watch: {
     data: {
-      handler(newVal) {
-        console.log(newVal);
-      },
+      handler(newVal) {},
       deep: true,
     },
   },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infoWarning/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infoWarning/index.vue
index 96b0203d..82d19d5b 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infoWarning/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infoWarning/index.vue
@@ -135,7 +135,6 @@ export default {
   methods: {
     getWarningData() {
       getMeteorologicalEarlyWarning().then((res) => {
-        console.log("气象预警", res.data);
         let data = [];
         for (let key in res.data) {
           if (res.data[key].length > 0) {
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infowWarningList/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infowWarningList/index.vue
index 45ec4c02..84ff843b 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infowWarningList/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherWarning/components/infowWarningList/index.vue
@@ -56,7 +56,6 @@ export default {
     },
     getWarningType() {
       getListVisibility().then((res) => {
-        console.log("获取预警类型", res.rows);
         this.tableData = res.rows;
       });
     },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue
index 5d6f3276..9809cd94 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/AddNEditDialog.vue
@@ -245,8 +245,6 @@ export default {
           });
         }
       });
-
-      console.log("新增", this.formData);
     },
   },
 };
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Card.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Card.vue
index e08d87e2..d3bffcc3 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Card.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Card.vue
@@ -80,9 +80,9 @@ export default {
 
       // this.$emit("handleDelete", item);
     },
-    initData() {
-      console.log("初始化数据", this.data);
-    },
+    // initData() {
+    //   console.log("初始化数据", this.data);
+    // },
     handleChangeSwitcher(val) {
       let data = {
         id: this.data.id,
@@ -91,11 +91,10 @@ export default {
       updateEnabledChannels(data).then(() => {
         this.$parent.handleSearch();
       });
-      console.log(88888, val);
     },
   },
   mounted() {
-    this.initData();
+    // this.initData();
   },
   watch: {
     data: {

From 9e19bfea340074845e0227e863a441b825302155 Mon Sep 17 00:00:00 2001
From: zhangzhang <1747194829@qq.com>
Date: Tue, 7 May 2024 15:35:52 +0800
Subject: [PATCH 7/8] 1

---
 .../meteorologyCheck/components/weatherForecast/index.vue      | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue
index 64a79bce..87398a46 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue
@@ -120,12 +120,9 @@ export default {
     },
     handleChange() {
       getWeatherFacts().then((response) => {
-        console.log("response", response.data);
         for (let key in response.data) {
-          debugger;
           if (response.data[key].name == this.city) {
             this.cityWeather = response.data[key];
-            console.log("this.cityWeather", this.cityWeather);
           }
         }
       });

From fec9414ae90635549e006d7de574f47aa32a6454 Mon Sep 17 00:00:00 2001
From: zhangzhang <1747194829@qq.com>
Date: Tue, 7 May 2024 16:24:11 +0800
Subject: [PATCH 8/8] =?UTF-8?q?=E5=A4=A9=E6=B0=94=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/JiHeExpressway/images/weather/0.svg |  25 ++++
 .../JiHeExpressway/images/weather/100.svg     |  71 +++++++++++
 .../JiHeExpressway/images/weather/101.svg     |  90 ++++++++++++++
 .../JiHeExpressway/images/weather/104.svg     |  28 +++++
 .../JiHeExpressway/images/weather/302.svg     |  38 ++++++
 .../JiHeExpressway/images/weather/304.svg     |  64 ++++++++++
 .../JiHeExpressway/images/weather/305.svg     |  31 +++++
 .../JiHeExpressway/images/weather/306.svg     |  39 +++++++
 .../JiHeExpressway/images/weather/307.svg     |  49 ++++++++
 .../JiHeExpressway/images/weather/310.svg     |  45 +++++++
 .../JiHeExpressway/images/weather/350.svg     | 110 ++++++++++++++++++
 .../JiHeExpressway/images/weather/400.svg     |  28 +++++
 .../JiHeExpressway/images/weather/401.svg     |  35 ++++++
 .../JiHeExpressway/images/weather/402.svg     |  40 +++++++
 .../JiHeExpressway/images/weather/404.svg     |  38 ++++++
 .../JiHeExpressway/images/weather/407.svg     | 104 +++++++++++++++++
 .../JiHeExpressway/images/weather/500.svg     |  26 +++++
 .../JiHeExpressway/images/weather/501.svg     |  61 ++++++++++
 .../JiHeExpressway/images/weather/502.svg     |  41 +++++++
 .../JiHeExpressway/images/weather/503.svg     |  61 ++++++++++
 .../JiHeExpressway/images/weather/504.svg     |  61 ++++++++++
 .../JiHeExpressway/images/weather/507.svg     |  48 ++++++++
 .../JiHeExpressway/images/weather/508.svg     |   9 ++
 .../JiHeExpressway/images/weather/509.svg     |  35 ++++++
 .../JiHeExpressway/images/weather/514.svg     |  38 ++++++
 .../JiHeExpressway/images/weather/900.svg     |  16 +++
 .../images/weather/Group 1142814257.svg       |  16 +++
 .../images/weather/Group 1142814258.svg       |  11 ++
 .../images/weather/Group 1142814266.svg       |  21 ++++
 .../images/weather/Group 1142814269.svg       |  16 +++
 .../images/weather/Group 1142814270.svg       |  16 +++
 .../images/weather/Group 1142814271.svg       |  21 ++++
 .../images/weather/Group 1142814272.svg       |  33 ++++++
 .../images/weather/Group 1142814274.svg       |  53 +++++++++
 .../images/weather/Group 1142814275.svg       |  35 ++++++
 .../components/weatherForecast/index.vue      |  17 ++-
 36 files changed, 1464 insertions(+), 6 deletions(-)
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/0.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/100.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/101.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/104.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/302.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/304.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/305.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/306.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/307.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/310.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/350.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/400.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/401.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/402.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/404.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/407.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/500.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/501.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/502.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/503.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/504.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/507.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/508.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/509.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/514.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/900.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814257.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814258.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814266.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814269.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814270.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814271.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814272.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814274.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814275.svg

diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/0.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/0.svg
new file mode 100644
index 00000000..4e74f11e
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/0.svg
@@ -0,0 +1,25 @@
+<svg width="33" height="23" viewBox="0 0 33 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814273">
+<g id="XMLID_21_">
+<path id="XMLID_24_" fill-rule="evenodd" clip-rule="evenodd" d="M23.9464 5.904C23.388 5.904 22.8614 5.952 22.3348 6.048C21.4093 2.56 18.4094 0 14.851 0C11.1011 0 7.97351 2.832 7.22353 6.608C3.33003 6.784 0.234375 10.208 0.234375 14.4C0.234375 18.72 3.50555 22.208 7.54267 22.208H23.9464C28.7974 22.208 32.7228 18.56 32.7228 14.048C32.7228 9.536 28.7814 5.904 23.9464 5.904Z" fill="url(#paint0_linear_193_1085)"/>
+<path id="XMLID_23_" fill-rule="evenodd" clip-rule="evenodd" d="M8.22908 8.36809C8.88332 5.00809 11.6758 2.48009 15.0268 2.48009C18.2022 2.48009 20.867 4.75209 21.6968 7.85609C22.1595 7.77609 22.6382 7.72809 23.1329 7.72809C27.17 7.72809 30.4891 10.5761 30.904 14.2241C30.9359 13.9681 30.9518 13.7121 30.9518 13.4561C30.9518 9.44009 27.4572 6.19209 23.1329 6.19209C22.6382 6.19209 22.1595 6.24009 21.6968 6.32009C20.867 3.21609 18.2022 0.944092 15.0268 0.944092C11.6918 0.944092 8.89928 3.47209 8.22908 6.83209C4.76642 6.99209 2.00586 10.0321 2.00586 13.7761C2.00586 14.0321 2.02181 14.2881 2.05373 14.5441C2.38882 11.1681 5.00577 8.52809 8.22908 8.36809Z" fill="url(#paint1_linear_193_1085)"/>
+<path id="XMLID_22_" fill-rule="evenodd" clip-rule="evenodd" d="M9.02666 8.35205C8.7873 8.35205 8.54795 8.36805 8.30859 8.40005C11.4362 8.80005 13.8616 11.6481 13.8616 15.1041C13.8616 16.7201 13.3191 18.2081 12.4415 19.3761C13.8457 18.2561 14.7552 16.4801 14.7552 14.4801C14.7552 11.0881 12.2021 8.35205 9.02666 8.35205Z" fill="url(#paint2_linear_193_1085)"/>
+</g>
+<path id="XMLID_20_" fill-rule="evenodd" clip-rule="evenodd" d="M24.9835 13.1838H5.94687C5.59582 13.1838 5.30859 12.8958 5.30859 12.5438C5.30859 12.1918 5.59582 11.9038 5.94687 11.9038H24.9995C25.3506 11.9038 25.6378 12.1918 25.6378 12.5438C25.6218 12.8958 25.3346 13.1838 24.9835 13.1838Z" fill="#F7F8F8"/>
+<path id="XMLID_19_" fill-rule="evenodd" clip-rule="evenodd" d="M24.9835 17.216H5.94687C5.59582 17.216 5.30859 16.928 5.30859 16.576C5.30859 16.224 5.59582 15.936 5.94687 15.936H24.9995C25.3506 15.936 25.6378 16.224 25.6378 16.576C25.6218 16.928 25.3346 17.216 24.9835 17.216Z" fill="#F7F8F8"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1085" x1="16.4849" y1="22.2156" x2="16.4849" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1085" x1="16.471" y1="0.957852" x2="16.471" y2="14.5528" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_1085" x1="11.5369" y1="8.34843" x2="11.5369" y2="19.3688" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/100.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/100.svg
new file mode 100644
index 00000000..7e101469
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/100.svg
@@ -0,0 +1,71 @@
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814242">
+<path id="XMLID_96_" d="M15.8571 23.3764C20.6409 23.3764 24.519 19.4915 24.519 14.6992C24.519 9.9069 20.6409 6.02197 15.8571 6.02197C11.0733 6.02197 7.19531 9.9069 7.19531 14.6992C7.19531 19.4915 11.0733 23.3764 15.8571 23.3764Z" fill="url(#paint0_linear_193_790)"/>
+<path id="XMLID_95_" fill-rule="evenodd" clip-rule="evenodd" d="M16.4134 4.33861H15.2862C15.1936 4.33861 15.1318 4.26141 15.1318 4.18421V0.154399C15.1318 0.0617596 15.209 0 15.2862 0H16.4134C16.506 0 16.5678 0.0771995 16.5678 0.154399V4.18421C16.5678 4.27685 16.506 4.33861 16.4134 4.33861Z" fill="url(#paint1_linear_193_790)"/>
+<path id="XMLID_94_" fill-rule="evenodd" clip-rule="evenodd" d="M10.4688 5.78998C10.1291 5.99069 9.68137 5.86717 9.48065 5.5275L8.02929 3.02623C7.82857 2.68656 7.95209 2.2388 8.29177 2.03808C8.63145 1.83736 9.07921 1.96088 9.27993 2.30056L10.7313 4.80182C10.932 5.15694 10.8085 5.58926 10.4688 5.78998Z" fill="url(#paint2_linear_193_790)"/>
+<path id="XMLID_93_" fill-rule="evenodd" clip-rule="evenodd" d="M6.53218 9.74321C6.33146 10.0829 5.8837 10.2064 5.54402 10.0057L3.04275 8.55434C2.70307 8.35362 2.57955 7.90586 2.78027 7.56618C2.98099 7.2265 3.42875 7.10299 3.76843 7.3037L6.2697 8.75506C6.60938 8.95577 6.7329 9.40353 6.53218 9.74321Z" fill="url(#paint3_linear_193_790)"/>
+<path id="XMLID_91_" fill-rule="evenodd" clip-rule="evenodd" d="M5.18825 14.5602V15.6873C5.18825 15.7799 5.11105 15.8417 5.03385 15.8417H1.00401C0.911369 15.8417 0.849609 15.7645 0.849609 15.6873V14.5602C0.849609 14.4675 0.926809 14.4058 1.00401 14.4058H5.01841C5.11105 14.3903 5.18825 14.4675 5.18825 14.5602Z" fill="url(#paint4_linear_193_790)"/>
+<path id="XMLID_90_" fill-rule="evenodd" clip-rule="evenodd" d="M6.68648 20.4583C6.8872 20.798 6.76368 21.2457 6.424 21.4464L3.92272 22.8978C3.58304 23.0985 3.13528 22.975 2.93456 22.6353C2.73384 22.2956 2.85736 21.8479 3.19704 21.6472L5.69832 20.1958C6.05344 19.9797 6.48576 20.1032 6.68648 20.4583Z" fill="url(#paint5_linear_193_790)"/>
+<path id="XMLID_88_" fill-rule="evenodd" clip-rule="evenodd" d="M10.6544 24.3183C10.994 24.5191 11.1176 24.9668 10.9168 25.3065L9.46548 27.8078C9.26476 28.1474 8.817 28.271 8.47732 28.0702C8.13764 27.8695 8.01412 27.4218 8.21484 27.0821L9.6662 24.5808C9.86692 24.2257 10.2992 24.1176 10.6544 24.3183Z" fill="url(#paint6_linear_193_790)"/>
+<path id="XMLID_87_" fill-rule="evenodd" clip-rule="evenodd" d="M15.4405 25.6616H16.5677C16.6603 25.6616 16.7221 25.7388 16.7221 25.816V29.8458C16.7221 29.9385 16.6449 30.0002 16.5677 30.0002H15.4405C15.3479 30.0002 15.2861 29.923 15.2861 29.8458V25.816C15.2861 25.7388 15.3633 25.6616 15.4405 25.6616Z" fill="url(#paint7_linear_193_790)"/>
+<path id="XMLID_86_" fill-rule="evenodd" clip-rule="evenodd" d="M21.323 24.1636C21.6627 23.9628 22.1105 24.0864 22.3112 24.426L23.7625 26.9273C23.9633 27.267 23.8397 27.7147 23.5001 27.9155C23.1604 28.1162 22.7126 27.9927 22.5119 27.653L21.0605 25.1517C20.8598 24.7966 20.9833 24.3488 21.323 24.1636Z" fill="url(#paint8_linear_193_790)"/>
+<path id="XMLID_85_" fill-rule="evenodd" clip-rule="evenodd" d="M25.167 20.18C25.3677 19.8403 25.8154 19.7168 26.1551 19.9175L28.6564 21.3688C28.9961 21.5695 29.1196 22.0173 28.9189 22.357C28.7182 22.6967 28.2704 22.8202 27.9307 22.6195L25.4294 21.1681C25.0898 20.9674 24.9817 20.5351 25.167 20.18Z" fill="url(#paint9_linear_193_790)"/>
+<path id="XMLID_84_" fill-rule="evenodd" clip-rule="evenodd" d="M26.5264 15.3787V14.2516C26.5264 14.1589 26.6036 14.0972 26.6808 14.0972H30.6952C30.7878 14.0972 30.8496 14.1744 30.8496 14.2516V15.3787C30.8496 15.4713 30.7724 15.5331 30.6952 15.5331H26.6808C26.6036 15.5331 26.5264 15.4713 26.5264 15.3787Z" fill="url(#paint10_linear_193_790)"/>
+<path id="XMLID_75_" fill-rule="evenodd" clip-rule="evenodd" d="M24.9365 9.51127C24.7358 9.1716 24.8593 8.72384 25.199 8.52312L27.7003 7.07177C28.04 6.87105 28.4877 6.99457 28.6884 7.33425C28.8892 7.67393 28.7656 8.12168 28.426 8.3224L25.9247 9.77375C25.585 9.97447 25.1372 9.85095 24.9365 9.51127Z" fill="url(#paint11_linear_193_790)"/>
+<path id="XMLID_74_" fill-rule="evenodd" clip-rule="evenodd" d="M20.9217 5.71283C20.582 5.51211 20.4585 5.06435 20.6592 4.72467L22.1105 2.22341C22.3113 1.88373 22.759 1.76021 23.0987 1.96093C23.4384 2.16165 23.5619 2.60941 23.3612 2.94908L21.9098 5.45035C21.7091 5.80547 21.2613 5.91355 20.9217 5.71283Z" fill="url(#paint12_linear_193_790)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_790" x1="15.854" y1="6.02185" x2="15.854" y2="23.3898" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_790" x1="15.1307" y1="2.171" x2="16.5744" y2="2.171" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_790" x1="8.75797" y1="4.27506" x2="10.0117" y2="3.55117" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_790" x1="4.29299" y1="9.29711" x2="5.01777" y2="8.04178" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_790" x1="3.01518" y1="15.8451" x2="3.01518" y2="14.3978" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_790" x1="5.16693" y1="22.167" x2="4.44214" y2="20.9117" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_790" x1="10.1961" y1="26.5629" x2="8.94231" y2="25.839" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint7_linear_193_790" x1="16.7302" y1="27.8384" x2="15.2865" y2="27.8384" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint8_linear_193_790" x1="23.0298" y1="25.683" x2="21.776" y2="26.4069" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint9_linear_193_790" x1="27.4182" y1="20.6463" x2="26.6934" y2="21.9016" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint10_linear_193_790" x1="28.6931" y1="14.0889" x2="28.6931" y2="15.5363" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint11_linear_193_790" x1="26.4522" y1="7.80238" x2="27.177" y2="9.05773" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint12_linear_193_790" x1="21.374" y1="3.47489" x2="22.6277" y2="4.19877" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/101.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/101.svg
new file mode 100644
index 00000000..b4f76297
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/101.svg
@@ -0,0 +1,90 @@
+<svg width="33" height="26" viewBox="0 0 33 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814243">
+<g id="XMLID_24_">
+<path id="XMLID_37_" d="M21.8761 17.2234C25.2547 17.2234 27.9935 14.3924 27.9935 10.9003C27.9935 7.4081 25.2547 4.57715 21.8761 4.57715C18.4976 4.57715 15.7588 7.4081 15.7588 10.9003C15.7588 14.3924 18.4976 17.2234 21.8761 17.2234Z" fill="url(#paint0_linear_193_810)"/>
+<path id="XMLID_36_" fill-rule="evenodd" clip-rule="evenodd" d="M22.2731 3.16156H21.4798C21.4188 3.16156 21.373 3.11437 21.373 3.05145V0.110104C21.373 0.0471874 21.4188 0 21.4798 0H22.2731C22.3341 0 22.3799 0.0471874 22.3799 0.110104V3.03572C22.3799 3.11437 22.3341 3.16156 22.2731 3.16156Z" fill="url(#paint1_linear_193_810)"/>
+<path id="XMLID_35_" fill-rule="evenodd" clip-rule="evenodd" d="M18.0778 4.21498C17.8337 4.35654 17.5286 4.2779 17.376 4.02623L16.3539 2.20165C16.2166 1.94998 16.2929 1.6354 16.537 1.47811C16.7811 1.33655 17.0862 1.41519 17.2387 1.66686L18.2608 3.49144C18.3981 3.74311 18.3219 4.07342 18.0778 4.21498Z" fill="url(#paint2_linear_193_810)"/>
+<path id="XMLID_34_" fill-rule="evenodd" clip-rule="evenodd" d="M15.2857 7.09388C15.1484 7.34555 14.828 7.42419 14.5839 7.28263L12.8143 6.22878C12.5703 6.08722 12.494 5.75691 12.6313 5.50524C12.7686 5.25357 13.0889 5.17493 13.333 5.31649L15.1026 6.37034C15.3467 6.52763 15.4382 6.84221 15.2857 7.09388Z" fill="url(#paint3_linear_193_810)"/>
+<path id="XMLID_33_" fill-rule="evenodd" clip-rule="evenodd" d="M14.3401 10.5854V11.4034C14.3401 11.4663 14.2943 11.5135 14.2333 11.5135H11.3958C11.3348 11.5135 11.2891 11.4663 11.2891 11.4034V10.5854C11.2891 10.5225 11.3348 10.4753 11.3958 10.4753H14.2333C14.2943 10.4753 14.3401 10.5225 14.3401 10.5854Z" fill="url(#paint4_linear_193_810)"/>
+<path id="XMLID_32_" fill-rule="evenodd" clip-rule="evenodd" d="M15.4078 14.8793C15.5451 15.1309 15.4688 15.4455 15.2247 15.6028L13.4551 16.6567C13.211 16.7982 12.9059 16.7196 12.7533 16.4679C12.6161 16.2162 12.6923 15.9017 12.9364 15.7444L14.706 14.6905C14.9501 14.549 15.2552 14.6276 15.4078 14.8793Z" fill="url(#paint5_linear_193_810)"/>
+<path id="XMLID_31_" fill-rule="evenodd" clip-rule="evenodd" d="M18.1998 17.6956C18.4439 17.8371 18.5202 18.1674 18.3829 18.4191L17.3608 20.2437C17.2235 20.4953 16.9031 20.574 16.6591 20.4324C16.415 20.2909 16.3387 19.9605 16.476 19.7089L17.4981 17.8843C17.6507 17.6326 17.9558 17.5383 18.1998 17.6956Z" fill="url(#paint6_linear_193_810)"/>
+<path id="XMLID_30_" fill-rule="evenodd" clip-rule="evenodd" d="M21.5867 18.6699H22.38C22.441 18.6699 22.4868 18.7171 22.4868 18.78V21.7056C22.4868 21.7686 22.441 21.8157 22.38 21.8157H21.5867C21.5257 21.8157 21.4799 21.7686 21.4799 21.7056V18.78C21.4647 18.7328 21.5257 18.6699 21.5867 18.6699Z" fill="url(#paint7_linear_193_810)"/>
+<path id="XMLID_29_" fill-rule="evenodd" clip-rule="evenodd" d="M25.7362 17.585C25.9802 17.4435 26.2853 17.5221 26.4379 17.7738L27.46 19.5984C27.5973 19.85 27.521 20.1646 27.2769 20.3219C27.0329 20.4635 26.7278 20.3848 26.5752 20.1332L25.5531 18.3086C25.4005 18.0412 25.4921 17.7266 25.7362 17.585Z" fill="url(#paint8_linear_193_810)"/>
+<path id="XMLID_28_" fill-rule="evenodd" clip-rule="evenodd" d="M28.4506 14.6908C28.5879 14.4391 28.9083 14.3605 29.1524 14.502L30.922 15.5559C31.1661 15.6975 31.2423 16.0278 31.105 16.2794C30.9677 16.5311 30.6474 16.6097 30.4033 16.4682L28.6337 15.4143C28.3896 15.257 28.3133 14.9425 28.4506 14.6908Z" fill="url(#paint9_linear_193_810)"/>
+<path id="XMLID_27_" fill-rule="evenodd" clip-rule="evenodd" d="M29.3965 11.1839V10.366C29.3965 10.303 29.4422 10.2559 29.5033 10.2559H32.3407C32.4018 10.2559 32.4475 10.303 32.4475 10.366V11.1839C32.4475 11.2468 32.4018 11.294 32.3407 11.294H29.5033C29.4575 11.3097 29.3965 11.2468 29.3965 11.1839Z" fill="url(#paint10_linear_193_810)"/>
+<path id="XMLID_26_" fill-rule="evenodd" clip-rule="evenodd" d="M28.2836 6.92103C28.1463 6.66936 28.2226 6.35478 28.4667 6.19749L30.2363 5.14364C30.4804 5.00208 30.7855 5.08072 30.938 5.33239C31.0753 5.58405 30.9991 5.89864 30.755 6.05593L28.9854 7.10978C28.726 7.25134 28.4209 7.1727 28.2836 6.92103Z" fill="url(#paint11_linear_193_810)"/>
+<path id="XMLID_25_" fill-rule="evenodd" clip-rule="evenodd" d="M25.4462 4.15199C25.2021 4.01043 25.1258 3.68012 25.2631 3.42845L26.2852 1.60387C26.4225 1.35221 26.7429 1.27356 26.987 1.41512C27.231 1.55668 27.3073 1.887 27.17 2.13866L26.1479 3.96324C25.9954 4.21491 25.6903 4.30928 25.4462 4.15199Z" fill="url(#paint12_linear_193_810)"/>
+</g>
+<g id="XMLID_20_">
+<path id="XMLID_23_" fill-rule="evenodd" clip-rule="evenodd" d="M23.2035 9.97202C22.6696 9.97202 22.1661 10.0192 21.6627 10.1136C20.7779 6.68463 17.9099 4.16797 14.508 4.16797C10.923 4.16797 7.93298 6.95203 7.21598 10.6641C3.4937 10.8371 0.53418 14.2032 0.53418 18.3242C0.53418 22.5711 3.66151 26 7.52109 26H23.2035C27.8411 26 31.5939 22.4138 31.5939 17.9781C31.5939 13.5425 27.8411 9.97202 23.2035 9.97202Z" fill="url(#paint13_linear_193_810)"/>
+<path id="XMLID_22_" fill-rule="evenodd" clip-rule="evenodd" d="M8.19271 12.3945C8.81818 9.09139 11.4879 6.60619 14.6915 6.60619C17.7273 6.60619 20.2749 8.83972 21.0681 11.8912C21.5106 11.8125 21.9682 11.7653 22.4411 11.7653C26.3007 11.7653 29.4738 14.5651 29.8704 18.1514C29.9009 17.8997 29.9162 17.648 29.9162 17.3964C29.9162 13.4484 26.5753 10.2553 22.4411 10.2553C21.9682 10.2553 21.5106 10.3025 21.0681 10.3812C20.2749 7.32973 17.7273 5.09619 14.6915 5.09619C11.5031 5.09619 8.83343 7.58139 8.19271 10.8845C4.88232 11.0418 2.24316 14.0303 2.24316 17.711C2.24316 17.9626 2.25842 18.2143 2.28893 18.466C2.60929 15.1471 5.11115 12.5361 8.19271 12.3945Z" fill="url(#paint14_linear_193_810)"/>
+<path id="XMLID_21_" fill-rule="evenodd" clip-rule="evenodd" d="M8.95504 12.3628C8.72621 12.3628 8.49738 12.3785 8.26855 12.41C11.2586 12.8032 13.5774 15.603 13.5774 19.0005C13.5774 20.5891 13.0587 22.0519 12.2197 23.2002C13.5621 22.0991 14.4317 20.3532 14.4317 18.3871C14.4317 15.0682 11.9756 12.3628 8.95504 12.3628Z" fill="url(#paint15_linear_193_810)"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_810" x1="15.7571" y1="10.9044" x2="27.9836" y2="10.9044" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_810" x1="21.36" y1="1.57976" x2="22.3788" y2="1.57976" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_810" x1="16.8603" y1="3.10924" x2="17.7585" y2="2.60629" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_810" x1="13.7082" y1="6.76682" x2="14.2436" y2="5.86754" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_810" x1="12.8094" y1="11.5294" x2="12.8094" y2="10.4763" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_810" x1="14.3236" y1="16.1296" x2="13.7883" y2="15.2303" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_810" x1="17.8762" y1="19.3326" x2="16.978" y2="18.8297" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint7_linear_193_810" x1="22.489" y1="20.2561" x2="21.4701" y2="20.2561" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint8_linear_193_810" x1="26.9324" y1="18.6903" x2="26.0343" y2="19.1933" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint9_linear_193_810" x1="30.0321" y1="15.0258" x2="29.4968" y2="15.9251" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint10_linear_193_810" x1="30.9308" y1="10.2521" x2="30.9308" y2="11.3053" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint11_linear_193_810" x1="29.3489" y1="5.67813" x2="29.8842" y2="6.57741" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint12_linear_193_810" x1="25.7655" y1="2.52874" x2="26.6637" y2="3.03168" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint13_linear_193_810" x1="16.0701" y1="26.0075" x2="16.0701" y2="4.17108" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint14_linear_193_810" x1="16.0705" y1="5.1052" x2="16.0705" y2="18.47" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint15_linear_193_810" x1="11.3532" y1="12.3705" x2="11.3532" y2="23.2042" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/104.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/104.svg
new file mode 100644
index 00000000..f47acb6f
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/104.svg
@@ -0,0 +1,28 @@
+<svg width="33" height="26" viewBox="0 0 33 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814244">
+<g id="XMLID_67_">
+<path id="XMLID_73_" fill-rule="evenodd" clip-rule="evenodd" d="M23.9266 10.6233C23.378 10.6233 22.8607 10.6686 22.3434 10.7591C21.4343 7.46954 18.4874 5.05518 14.9919 5.05518C11.3084 5.05518 8.23609 7.72606 7.49937 11.2872C3.67471 11.4532 0.633789 14.6824 0.633789 18.636C0.633789 22.7102 3.84713 25.9998 7.81287 25.9998H23.9266C28.6918 25.9998 32.5478 22.5593 32.5478 18.304C32.5478 14.0487 28.6918 10.6233 23.9266 10.6233Z" fill="url(#paint0_linear_193_804)"/>
+<path id="XMLID_71_" fill-rule="evenodd" clip-rule="evenodd" d="M8.50284 12.9475C9.14551 9.7786 11.8886 7.39442 15.1803 7.39442C18.2996 7.39442 20.9173 9.53717 21.7324 12.4646C22.187 12.3891 22.6572 12.3439 23.1431 12.3439C27.1089 12.3439 30.3692 15.0298 30.7768 18.4703C30.8081 18.2289 30.8238 17.9874 30.8238 17.746C30.8238 13.9585 27.391 10.8952 23.1431 10.8952C22.6572 10.8952 22.187 10.9405 21.7324 11.016C20.9173 8.08855 18.2996 5.9458 15.1803 5.9458C11.9043 5.9458 9.16118 8.32998 8.50284 11.4988C5.1014 11.6497 2.38965 14.5168 2.38965 18.0478C2.38965 18.2892 2.40532 18.5307 2.43667 18.7721C2.76584 15.5731 5.33652 13.0833 8.50284 12.9475Z" fill="url(#paint1_linear_193_804)"/>
+<path id="XMLID_69_" fill-rule="evenodd" clip-rule="evenodd" d="M9.28642 12.917C9.0513 12.917 8.81618 12.9321 8.58105 12.9623C11.6533 13.3395 14.0359 16.0255 14.0359 19.2849C14.0359 20.8089 13.5029 22.2123 12.6408 23.3138C14.0202 22.2576 14.9137 20.5826 14.9137 18.6964C14.9137 15.4973 12.4057 12.917 9.28642 12.917Z" fill="url(#paint2_linear_193_804)"/>
+</g>
+<path id="XMLID_40_" fill-rule="evenodd" clip-rule="evenodd" d="M7.09135 11.091C7.85942 7.36381 11.0728 4.5722 14.9288 4.5722C18.581 4.5722 21.669 7.09219 22.6251 10.5327C23.1581 10.4421 23.7224 10.3968 24.2867 10.3968C26.5752 10.3968 28.6599 11.1664 30.2588 12.4189C30.3528 12.0115 30.3998 11.5889 30.3998 11.1513C30.3998 7.57506 27.1551 4.67783 23.1424 4.67783C22.6878 4.67783 22.2489 4.7231 21.81 4.79855C21.042 2.03712 18.5653 0 15.6185 0C12.5148 0 9.9285 2.24838 9.31718 5.25124C6.10384 5.38705 3.54883 8.1032 3.54883 11.438C3.54883 11.6946 3.56451 11.9511 3.59586 12.1925C4.59905 11.5437 5.80601 11.1513 7.09135 11.091Z" fill="url(#paint3_linear_193_804)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_804" x1="16.597" y1="26.007" x2="16.597" y2="5.05816" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_804" x1="16.5979" y1="5.94769" x2="16.5979" y2="18.7692" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_804" x1="11.7512" y1="12.9176" x2="11.7512" y2="23.311" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_804" x1="16.9795" y1="12.4231" x2="16.9795" y2="0.00177097" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/302.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/302.svg
new file mode 100644
index 00000000..240913cf
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/302.svg
@@ -0,0 +1,38 @@
+<svg width="34" height="32" viewBox="0 0 34 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814250">
+<path id="XMLID_50_" fill-rule="evenodd" clip-rule="evenodd" d="M24.4425 5.904C23.884 5.904 23.3575 5.952 22.8309 6.048C21.9054 2.56 18.9055 0 15.3471 0C11.5972 0 8.4696 2.832 7.71962 6.608C3.82612 6.784 0.730469 10.208 0.730469 14.4C0.730469 18.72 4.00165 22.208 8.03876 22.208H24.4425C29.2935 22.208 33.2189 18.56 33.2189 14.048C33.2189 9.536 29.2935 5.904 24.4425 5.904Z" fill="url(#paint0_linear_193_863)"/>
+<path id="XMLID_49_" fill-rule="evenodd" clip-rule="evenodd" d="M8.7408 8.12761C9.39504 4.76761 12.1875 2.23961 15.5385 2.23961C18.7139 2.23961 21.3787 4.51161 22.2085 7.61561C22.6712 7.53561 23.15 7.48761 23.6446 7.48761C27.6817 7.48761 31.0008 10.3356 31.4157 13.9836C31.4476 13.7276 31.4635 13.4716 31.4635 13.2156C31.4635 9.19961 27.969 5.95161 23.6446 5.95161C23.15 5.95161 22.6712 5.99961 22.2085 6.07961C21.3787 2.97561 18.7139 0.703613 15.5385 0.703613C12.2035 0.703613 9.41099 3.23161 8.7408 6.59161C5.27814 6.75161 2.51758 9.79161 2.51758 13.5356C2.51758 13.7916 2.53354 14.0476 2.56545 14.3036C2.90055 10.9276 5.51749 8.27161 8.7408 8.12761Z" fill="url(#paint1_linear_193_863)"/>
+<path id="XMLID_48_" fill-rule="evenodd" clip-rule="evenodd" d="M9.554 8.0957C9.31465 8.0957 9.07529 8.1117 8.83594 8.1437C11.9635 8.5437 14.389 11.3917 14.389 14.8477C14.389 16.4637 13.8464 17.9517 12.9688 19.1197C14.373 17.9997 15.2826 16.2237 15.2826 14.2237C15.2826 10.8317 12.7135 8.0957 9.554 8.0957Z" fill="url(#paint2_linear_193_863)"/>
+<path id="XMLID_47_" fill-rule="evenodd" clip-rule="evenodd" d="M8.13477 27.7119C8.13477 28.9439 9.1241 29.9359 10.3528 29.9359C11.5815 29.9359 12.5708 28.9439 12.5708 27.7119C12.5708 26.4799 10.3528 23.7759 10.3528 23.7759C10.3528 23.7759 8.13477 26.4799 8.13477 27.7119Z" fill="url(#paint3_linear_193_863)"/>
+<path id="XMLID_46_" d="M9.90547 28.8317C9.26719 28.1917 9.26719 27.1517 9.90547 26.5117" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+<path id="XMLID_45_" fill-rule="evenodd" clip-rule="evenodd" d="M21.2354 27.7119C21.2354 28.9439 22.2247 29.9359 23.4534 29.9359C24.6821 29.9359 25.6714 28.9439 25.6714 27.7119C25.6714 26.4799 23.4534 23.7759 23.4534 23.7759C23.4534 23.7759 21.2354 26.4799 21.2354 27.7119Z" fill="url(#paint4_linear_193_863)"/>
+<path id="XMLID_44_" d="M23.0061 28.8317C22.3678 28.1917 22.3678 27.1517 23.0061 26.5117" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+<path id="XMLID_42_" fill-rule="evenodd" clip-rule="evenodd" d="M17.8202 23.6002L14.7724 27.7922C14.7245 27.8562 14.7724 27.9362 14.8362 27.9362H19.0967C19.1765 27.9362 19.2084 28.0322 19.1605 28.0802L16.1766 31.0882C16.1128 31.1522 16.0011 31.0882 16.033 30.9922L17.9797 23.6802C17.9957 23.5842 17.884 23.5202 17.8202 23.6002Z" fill="url(#paint5_linear_193_863)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_863" x1="16.981" y1="22.2156" x2="16.981" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_863" x1="16.9876" y1="0.708141" x2="16.9876" y2="14.3031" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_863" x1="12.0533" y1="8.09886" x2="12.0533" y2="19.1192" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_863" x1="10.3536" y1="29.938" x2="10.3536" y2="23.7768" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_863" x1="23.4542" y1="29.938" x2="23.4542" y2="23.7768" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_863" x1="14.7562" y1="27.3404" x2="19.1868" y2="27.3404" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/304.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/304.svg
new file mode 100644
index 00000000..89eb9cfa
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/304.svg
@@ -0,0 +1,64 @@
+<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814254">
+<g id="XMLID_15_">
+<path id="XMLID_23_" fill-rule="evenodd" clip-rule="evenodd" d="M23.8179 5.904C23.2594 5.904 22.7328 5.952 22.2062 6.048C21.2648 2.56 18.2808 0 14.7064 0C10.9566 0 7.82899 2.832 7.07901 6.608C3.18551 6.784 0.0898438 10.208 0.0898438 14.4C0.0898438 18.72 3.36103 22.208 7.39815 22.208H23.8019C28.6528 22.208 32.5783 18.56 32.5783 14.048C32.5783 9.536 28.6688 5.904 23.8179 5.904Z" fill="url(#paint0_linear_193_964)"/>
+<path id="XMLID_19_" fill-rule="evenodd" clip-rule="evenodd" d="M8.10018 8.36796C8.75441 5.00796 11.5469 2.47996 14.8979 2.47996C18.0733 2.47996 20.7381 4.75196 21.5679 7.85596C22.0306 7.77596 22.5093 7.72796 23.004 7.72796C27.0411 7.72796 30.3602 10.576 30.7751 14.224C30.807 13.968 30.8229 13.712 30.8229 13.456C30.8229 9.43996 27.3283 6.19196 23.004 6.19196C22.5093 6.19196 22.0306 6.23996 21.5679 6.31996C20.7381 3.23196 18.0573 0.959961 14.8979 0.959961C11.5628 0.959961 8.77037 3.48796 8.10018 6.84796C4.63751 7.00796 1.87695 10.048 1.87695 13.792C1.87695 14.048 1.89291 14.304 1.92482 14.56C2.25992 11.168 4.87687 8.51196 8.10018 8.36796Z" fill="url(#paint1_linear_193_964)"/>
+<path id="XMLID_16_" fill-rule="evenodd" clip-rule="evenodd" d="M8.91435 8.35229C8.675 8.35229 8.43564 8.3683 8.19629 8.4003C11.3239 8.8003 13.7493 11.6483 13.7493 15.1043C13.7493 16.7203 13.2068 18.2083 12.3291 19.3763C13.7334 18.2563 14.6429 16.4803 14.6429 14.4803C14.6269 11.0883 12.0738 8.35229 8.91435 8.35229Z" fill="url(#paint2_linear_193_964)"/>
+</g>
+<g id="XMLID_12_">
+<path id="XMLID_14_" fill-rule="evenodd" clip-rule="evenodd" d="M7.50977 27.7119C7.50977 28.9439 8.4991 29.9359 9.72779 29.9359C10.9565 29.9359 11.9458 28.9439 11.9458 27.7119C11.9458 26.4799 9.72779 23.7759 9.72779 23.7759C9.72779 23.7759 7.50977 26.4799 7.50977 27.7119Z" fill="url(#paint3_linear_193_964)"/>
+<path id="XMLID_13_" d="M9.28047 28.832C8.64219 28.192 8.64219 27.152 9.28047 26.512" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+<g id="XMLID_9_">
+<path id="XMLID_11_" fill-rule="evenodd" clip-rule="evenodd" d="M20.6104 27.7119C20.6104 28.9439 21.5997 29.9359 22.8284 29.9359C24.0571 29.9359 25.0464 28.9439 25.0464 27.7119C25.0464 26.4799 22.8284 23.7759 22.8284 23.7759C22.8284 23.7759 20.6104 26.4799 20.6104 27.7119Z" fill="url(#paint4_linear_193_964)"/>
+<path id="XMLID_10_" d="M22.3811 28.832C21.7428 28.192 21.7428 27.152 22.3811 26.512" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+<path id="XMLID_7_" fill-rule="evenodd" clip-rule="evenodd" d="M17.1961 23.6159L14.1484 27.8079C14.1005 27.8719 14.1483 27.9519 14.2122 27.9519H18.4727C18.5525 27.9519 18.5844 28.0479 18.5365 28.0959L15.5526 31.0879C15.4887 31.1519 15.377 31.0879 15.409 30.9919L17.3557 23.6799C17.3717 23.5999 17.26 23.5359 17.1961 23.6159Z" fill="url(#paint5_linear_193_964)"/>
+<path id="XMLID_6_" d="M27.5197 25.1836C27.7841 25.1836 27.9984 24.9687 27.9984 24.7036C27.9984 24.4385 27.7841 24.2236 27.5197 24.2236C27.2553 24.2236 27.041 24.4385 27.041 24.7036C27.041 24.9687 27.2553 25.1836 27.5197 25.1836Z" fill="url(#paint6_linear_193_964)"/>
+<path id="XMLID_5_" d="M19.3662 32.4638C19.8068 32.4638 20.1641 32.1056 20.1641 31.6638C20.1641 31.2219 19.8068 30.8638 19.3662 30.8638C18.9256 30.8638 18.5684 31.2219 18.5684 31.6638C18.5684 32.1056 18.9256 32.4638 19.3662 32.4638Z" fill="url(#paint7_linear_193_964)"/>
+<path id="XMLID_4_" d="M4.54199 26.3837C4.98263 26.3837 5.33984 26.0255 5.33984 25.5837C5.33984 25.1419 4.98263 24.7837 4.54199 24.7837C4.10135 24.7837 3.74414 25.1419 3.74414 25.5837C3.74414 26.0255 4.10135 26.3837 4.54199 26.3837Z" fill="url(#paint8_linear_193_964)"/>
+<path id="XMLID_3_" d="M5.65879 31.5036C6.0113 31.5036 6.29707 31.2171 6.29707 30.8636C6.29707 30.5102 6.0113 30.2236 5.65879 30.2236C5.30628 30.2236 5.02051 30.5102 5.02051 30.8636C5.02051 31.2171 5.30628 31.5036 5.65879 31.5036Z" fill="url(#paint9_linear_193_964)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_964" x1="16.3404" y1="22.2156" x2="16.3404" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_964" x1="16.3454" y1="0.954089" x2="16.3454" y2="14.549" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_964" x1="11.412" y1="8.34505" x2="11.412" y2="19.3654" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_964" x1="9.72865" y1="29.938" x2="9.72865" y2="23.7768" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_964" x1="22.8292" y1="29.938" x2="22.8292" y2="23.7768" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_964" x1="14.1306" y1="27.3456" x2="18.5611" y2="27.3456" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_964" x1="27.5199" y1="25.184" x2="27.5199" y2="24.2238" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint7_linear_193_964" x1="19.3665" y1="32.4643" x2="19.3665" y2="30.864" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint8_linear_193_964" x1="4.5423" y1="26.3842" x2="4.5423" y2="24.7839" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint9_linear_193_964" x1="5.65903" y1="31.5041" x2="5.65903" y2="30.2238" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/305.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/305.svg
new file mode 100644
index 00000000..976e7c2b
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/305.svg
@@ -0,0 +1,31 @@
+<svg width="33" height="26" viewBox="0 0 33 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814245">
+<g id="XMLID_15_">
+<path id="XMLID_18_" fill-rule="evenodd" clip-rule="evenodd" d="M23.6541 5.12768C23.1055 5.12768 22.5882 5.16936 22.071 5.25274C21.1618 2.22338 18.215 0 14.7195 0C11.0359 0 7.96363 2.45962 7.22691 5.73911C3.40225 5.89196 0.361328 8.86574 0.361328 12.5065C0.361328 16.2585 3.57468 19.2878 7.54041 19.2878H23.6541C28.4193 19.2878 32.2753 16.1195 32.2753 12.2008C32.2753 8.2821 28.4036 5.12768 23.6541 5.12768Z" fill="url(#paint0_linear_193_829)"/>
+<path id="XMLID_17_" fill-rule="evenodd" clip-rule="evenodd" d="M8.21475 7.26812C8.85742 4.34993 11.6005 2.15434 14.8922 2.15434C18.0115 2.15434 20.6292 4.12759 21.4443 6.82345C21.8989 6.75397 22.3691 6.71228 22.855 6.71228C26.8208 6.71228 30.0811 9.18579 30.4887 12.3541C30.52 12.1318 30.5357 11.9094 30.5357 11.6871C30.5357 8.19916 27.1029 5.37825 22.855 5.37825C22.3691 5.37825 21.8989 5.41994 21.4443 5.48942C20.6292 2.79356 18.0115 0.820312 14.8922 0.820312C11.6162 0.820312 8.87309 3.0159 8.21475 5.93409C4.81331 6.07306 2.10156 8.71332 2.10156 11.965C2.10156 12.1874 2.11723 12.4097 2.14858 12.632C2.47775 9.69995 5.04843 7.39319 8.21475 7.26812Z" fill="url(#paint1_linear_193_829)"/>
+<path id="XMLID_16_" fill-rule="evenodd" clip-rule="evenodd" d="M9.01396 7.25391C8.77884 7.25391 8.54372 7.2678 8.30859 7.2956C11.3809 7.643 13.7634 10.1165 13.7634 13.1181C13.7634 14.5216 13.2305 15.8139 12.3684 16.8284C13.7478 15.8556 14.6412 14.3131 14.6412 12.5761C14.6256 9.63015 12.1176 7.25391 9.01396 7.25391Z" fill="url(#paint2_linear_193_829)"/>
+</g>
+<g id="XMLID_12_">
+<path id="XMLID_14_" fill-rule="evenodd" clip-rule="evenodd" d="M14.1396 24.0688C14.1396 25.1388 15.1115 26.0004 16.3185 26.0004C17.5254 26.0004 18.4973 25.1388 18.4973 24.0688C18.4973 22.9988 16.3185 20.6504 16.3185 20.6504C16.3185 20.6504 14.1396 22.9988 14.1396 24.0688Z" fill="url(#paint3_linear_193_829)"/>
+<path id="XMLID_13_" d="M15.8638 25.0408C15.2368 24.485 15.2368 23.5817 15.8638 23.0259" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_829" x1="16.3245" y1="19.2945" x2="16.3245" y2="0.0027505" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_829" x1="16.3126" y1="0.829262" x2="16.3126" y2="12.6366" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_829" x1="11.4659" y1="7.24776" x2="11.4659" y2="16.819" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_829" x1="16.3193" y1="26.0022" x2="16.3193" y2="20.6512" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/306.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/306.svg
new file mode 100644
index 00000000..26f72add
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/306.svg
@@ -0,0 +1,39 @@
+<svg width="33" height="26" viewBox="0 0 33 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814246">
+<g id="XMLID_7_">
+<path id="XMLID_10_" fill-rule="evenodd" clip-rule="evenodd" d="M23.4715 5.12768C22.9229 5.12768 22.4056 5.16936 21.8884 5.25274C20.9792 2.22338 18.0324 0 14.5369 0C10.8533 0 7.78101 2.45962 7.0443 5.73911C3.21964 5.89196 0.178711 8.86574 0.178711 12.5065C0.178711 16.2585 3.39206 19.2878 7.35779 19.2878H23.4715C28.2367 19.2878 32.0927 16.1195 32.0927 12.2008C32.0927 8.2821 28.2367 5.12768 23.4715 5.12768Z" fill="url(#paint0_linear_193_837)"/>
+<path id="XMLID_9_" fill-rule="evenodd" clip-rule="evenodd" d="M8.04776 7.26812C8.69042 4.34993 11.4335 2.15434 14.7252 2.15434C17.8445 2.15434 20.4622 4.12759 21.2773 6.82345C21.7319 6.75397 22.2021 6.71228 22.6881 6.71228C26.6538 6.71228 29.9142 9.18579 30.3217 12.3541C30.353 12.1318 30.3687 11.9094 30.3687 11.6871C30.3687 8.19916 26.9359 5.37825 22.6881 5.37825C22.2021 5.37825 21.7319 5.41994 21.2773 5.48942C20.4622 2.79356 17.8445 0.820312 14.7252 0.820312C11.4492 0.820312 8.7061 3.0159 8.04776 5.93409C4.64632 6.07306 1.93457 8.71332 1.93457 11.965C1.93457 12.1874 1.95023 12.4097 1.98158 12.632C2.31075 9.69995 4.88144 7.39319 8.04776 7.26812Z" fill="url(#paint1_linear_193_837)"/>
+<path id="XMLID_8_" fill-rule="evenodd" clip-rule="evenodd" d="M8.83134 7.25391C8.59622 7.25391 8.3611 7.2678 8.12598 7.2956C11.1982 7.643 13.5808 10.1165 13.5808 13.1181C13.5808 14.5216 13.0479 15.8139 12.1858 16.8284C13.5651 15.8556 14.4586 14.3131 14.4586 12.5761C14.4586 9.63015 11.935 7.25391 8.83134 7.25391Z" fill="url(#paint2_linear_193_837)"/>
+</g>
+<g id="XMLID_4_">
+<path id="XMLID_6_" fill-rule="evenodd" clip-rule="evenodd" d="M10.6338 24.0688C10.6338 25.1388 11.6056 26.0004 12.8126 26.0004C14.0196 26.0004 14.9914 25.1388 14.9914 24.0688C14.9914 22.9988 12.8126 20.6504 12.8126 20.6504C12.8126 20.6504 10.6338 22.9988 10.6338 24.0688Z" fill="url(#paint3_linear_193_837)"/>
+<path id="XMLID_5_" d="M12.3736 25.0408C11.7466 24.485 11.7466 23.5817 12.3736 23.0259" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+<g id="XMLID_1_">
+<path id="XMLID_3_" fill-rule="evenodd" clip-rule="evenodd" d="M17.2959 24.0688C17.2959 25.1388 18.2677 26.0004 19.4747 26.0004C20.6817 26.0004 21.6535 25.1388 21.6535 24.0688C21.6535 22.9988 19.4747 20.6504 19.4747 20.6504C19.4747 20.6504 17.2959 22.9988 17.2959 24.0688Z" fill="url(#paint4_linear_193_837)"/>
+<path id="XMLID_2_" d="M19.02 25.0408C18.3931 24.485 18.3931 23.5817 19.02 23.0259" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_837" x1="16.1419" y1="19.2945" x2="16.1419" y2="0.0027505" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_837" x1="16.1416" y1="0.829262" x2="16.1416" y2="12.6366" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_837" x1="11.2949" y1="7.24776" x2="11.2949" y2="16.819" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_837" x1="12.8134" y1="26.0022" x2="12.8134" y2="20.6512" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_837" x1="19.4755" y1="26.0022" x2="19.4755" y2="20.6512" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/307.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/307.svg
new file mode 100644
index 00000000..a3c7aac6
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/307.svg
@@ -0,0 +1,49 @@
+<svg width="34" height="30" viewBox="0 0 34 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814251">
+<g id="XMLID_61_">
+<path id="XMLID_64_" fill-rule="evenodd" clip-rule="evenodd" d="M24.5617 5.904C24.0032 5.904 23.4766 5.952 22.95 6.048C22.0245 2.56 19.0246 0 15.4662 0C11.7163 0 8.58875 2.832 7.83877 6.608C3.94526 6.784 0.849609 10.208 0.849609 14.4C0.849609 18.72 4.12079 22.208 8.15791 22.208H24.5617C29.4126 22.208 33.338 18.56 33.338 14.048C33.338 9.536 29.4126 5.904 24.5617 5.904Z" fill="url(#paint0_linear_193_848)"/>
+<path id="XMLID_63_" fill-rule="evenodd" clip-rule="evenodd" d="M8.84432 8.36834C9.49855 5.00834 12.291 2.48034 15.642 2.48034C18.8174 2.48034 21.4822 4.75234 22.312 7.85634C22.7748 7.77634 23.2535 7.72834 23.7481 7.72834C27.7853 7.72834 31.1043 10.5763 31.5192 14.2243C31.5511 13.9683 31.5671 13.7123 31.5671 13.4563C31.5671 9.44034 28.0725 6.19234 23.7481 6.19234C23.2535 6.19234 22.7748 6.24034 22.312 6.32034C21.4822 3.21634 18.8174 0.944336 15.642 0.944336C12.307 0.944336 9.51451 3.47234 8.84432 6.83234C5.38165 6.99234 2.62109 10.0323 2.62109 13.7763C2.62109 14.0323 2.63705 14.2883 2.66896 14.5443C3.02002 11.1683 5.62101 8.51234 8.84432 8.36834Z" fill="url(#paint1_linear_193_848)"/>
+<path id="XMLID_62_" fill-rule="evenodd" clip-rule="evenodd" d="M9.65752 8.33594C9.41816 8.33594 9.17881 8.35194 8.93945 8.38394C12.067 8.78394 14.4925 11.6319 14.4925 15.0879C14.4925 16.7039 13.9499 18.1919 13.0723 19.3599C14.4765 18.2399 15.3861 16.4639 15.3861 14.4639C15.3861 11.0719 12.817 8.33594 9.65752 8.33594Z" fill="url(#paint2_linear_193_848)"/>
+</g>
+<g id="XMLID_51_">
+<g id="XMLID_58_">
+<path id="XMLID_60_" fill-rule="evenodd" clip-rule="evenodd" d="M8.54199 27.7119C8.54199 28.9439 9.53132 29.9359 10.76 29.9359C11.9887 29.9359 12.978 28.9279 12.978 27.7119C12.978 26.4959 10.76 23.7759 10.76 23.7759C10.76 23.7759 8.54199 26.4799 8.54199 27.7119Z" fill="url(#paint3_linear_193_848)"/>
+<path id="XMLID_59_" d="M10.3127 28.832C9.67441 28.192 9.67441 27.152 10.3127 26.512" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+<g id="XMLID_55_">
+<path id="XMLID_57_" fill-rule="evenodd" clip-rule="evenodd" d="M15.0684 27.7119C15.0684 28.9439 16.0577 29.9359 17.2864 29.9359C18.5151 29.9359 19.5044 28.9439 19.5044 27.7119C19.5044 26.4799 17.2864 23.7759 17.2864 23.7759C17.2864 23.7759 15.0684 26.4799 15.0684 27.7119Z" fill="url(#paint4_linear_193_848)"/>
+<path id="XMLID_56_" d="M16.8234 28.832C16.1852 28.192 16.1852 27.152 16.8234 26.512" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+<g id="XMLID_52_">
+<path id="XMLID_54_" fill-rule="evenodd" clip-rule="evenodd" d="M21.5947 27.7119C21.5947 28.9439 22.5841 29.9359 23.8127 29.9359C25.0414 29.9359 26.0308 28.9439 26.0308 27.7119C26.0308 26.4799 23.8127 23.7759 23.8127 23.7759C23.8127 23.7759 21.5947 26.4799 21.5947 27.7119Z" fill="url(#paint5_linear_193_848)"/>
+<path id="XMLID_53_" d="M23.3498 28.832C22.7115 28.192 22.7115 27.152 23.3498 26.512" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_848" x1="17.1001" y1="22.2156" x2="17.1001" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_848" x1="17.0952" y1="0.948864" x2="17.0952" y2="14.5438" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_848" x1="12.1608" y1="8.33909" x2="12.1608" y2="19.3594" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_848" x1="10.7609" y1="29.938" x2="10.7609" y2="23.7768" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_848" x1="17.2872" y1="29.938" x2="17.2872" y2="23.7768" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_848" x1="23.8136" y1="29.938" x2="23.8136" y2="23.7768" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/310.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/310.svg
new file mode 100644
index 00000000..84fd91c1
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/310.svg
@@ -0,0 +1,45 @@
+<svg width="33" height="30" viewBox="0 0 33 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814249">
+<g id="XMLID_17_">
+<path id="XMLID_21_" fill-rule="evenodd" clip-rule="evenodd" d="M9.12812 24.1283V28.6083C9.12812 28.9603 8.8409 29.2483 8.48984 29.2483C8.13879 29.2483 7.85156 28.9603 7.85156 28.6083V24.1283C7.85156 23.7763 8.13879 23.4883 8.48984 23.4883C8.8409 23.4883 9.12812 23.7763 9.12812 24.1283Z" fill="url(#paint0_linear_193_886)"/>
+<path id="XMLID_20_" fill-rule="evenodd" clip-rule="evenodd" d="M14.3303 24.1283V28.6083C14.3303 28.9603 14.043 29.2483 13.692 29.2483C13.3409 29.2483 13.0537 28.9603 13.0537 28.6083V24.1283C13.0537 23.7763 13.3409 23.4883 13.692 23.4883C14.059 23.4883 14.3303 23.7763 14.3303 24.1283Z" fill="url(#paint1_linear_193_886)"/>
+<path id="XMLID_19_" fill-rule="evenodd" clip-rule="evenodd" d="M19.548 24.1283V28.6083C19.548 28.9603 19.2608 29.2483 18.9098 29.2483C18.5587 29.2483 18.2715 28.9603 18.2715 28.6083V24.1283C18.2715 23.7763 18.5587 23.4883 18.9098 23.4883C19.2608 23.4883 19.548 23.7763 19.548 24.1283Z" fill="url(#paint2_linear_193_886)"/>
+<path id="XMLID_18_" fill-rule="evenodd" clip-rule="evenodd" d="M24.7502 24.1283V28.6083C24.7502 28.9603 24.463 29.2483 24.1119 29.2483C23.7609 29.2483 23.4736 28.9603 23.4736 28.6083V24.1283C23.4736 23.7763 23.7609 23.4883 24.1119 23.4883C24.4789 23.4883 24.7502 23.7763 24.7502 24.1283Z" fill="url(#paint3_linear_193_886)"/>
+</g>
+<g id="XMLID_1_">
+<path id="XMLID_14_" fill-rule="evenodd" clip-rule="evenodd" d="M24.0959 5.904C23.5374 5.904 23.0108 5.952 22.4842 6.048C21.5587 2.56 18.5588 0 15.0004 0C11.2505 0 8.12292 2.832 7.37294 6.608C3.47944 6.784 0.383789 10.208 0.383789 14.4C0.383789 18.72 3.65497 22.208 7.69208 22.208H24.0959C28.9468 22.208 32.8722 18.56 32.8722 14.048C32.8722 9.536 28.9468 5.904 24.0959 5.904Z" fill="url(#paint4_linear_193_886)"/>
+<path id="XMLID_11_" fill-rule="evenodd" clip-rule="evenodd" d="M8.3785 8.36834C9.03273 5.00834 11.8252 2.48034 15.1762 2.48034C18.3516 2.48034 21.0164 4.75234 21.8462 7.85634C22.3089 7.77634 22.7877 7.72834 23.2823 7.72834C27.3194 7.72834 30.6385 10.5763 31.0534 14.2243C31.0853 13.9683 31.1012 13.7123 31.1012 13.4563C31.1012 9.44034 27.6067 6.19234 23.2823 6.19234C22.7877 6.19234 22.3089 6.24034 21.8462 6.32034C21.0164 3.21634 18.3516 0.944336 15.1762 0.944336C11.8412 0.944336 9.04869 3.47234 8.3785 6.83234C4.91583 6.99234 2.15527 10.0323 2.15527 13.7763C2.15527 14.0323 2.17123 14.2883 2.20314 14.5443C2.53824 11.1683 5.15519 8.51234 8.3785 8.36834Z" fill="url(#paint5_linear_193_886)"/>
+<path id="XMLID_9_" fill-rule="evenodd" clip-rule="evenodd" d="M9.1917 8.33594C8.95234 8.33594 8.71299 8.35194 8.47363 8.38394C11.6012 8.78394 14.0267 11.6319 14.0267 15.0879C14.0267 16.7039 13.4841 18.1919 12.6065 19.3599C14.0107 18.2399 14.9202 16.4639 14.9202 14.4639C14.9043 11.0719 12.3512 8.33594 9.1917 8.33594Z" fill="url(#paint6_linear_193_886)"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_886" x1="8.49009" y1="29.2503" x2="8.49009" y2="23.4891" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_886" x1="13.6922" y1="29.2503" x2="13.6922" y2="23.4891" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_886" x1="18.91" y1="29.2503" x2="18.91" y2="23.4891" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_886" x1="24.1122" y1="29.2503" x2="24.1122" y2="23.4891" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_886" x1="16.6343" y1="22.2156" x2="16.6343" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_886" x1="16.6237" y1="0.948864" x2="16.6237" y2="14.5438" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_886" x1="11.6893" y1="8.33909" x2="11.6893" y2="19.3594" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/350.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/350.svg
new file mode 100644
index 00000000..e828cded
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/350.svg
@@ -0,0 +1,110 @@
+<svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814256">
+<g id="XMLID_101_">
+<g id="XMLID_107_">
+<path id="XMLID_109_" fill-rule="evenodd" clip-rule="evenodd" d="M11.2959 32.2719C11.2959 33.5039 12.2852 34.4959 13.5139 34.4959C14.7426 34.4959 15.7319 33.5039 15.7319 32.2719C15.7319 31.0399 13.5139 28.3359 13.5139 28.3359C13.5139 28.3359 11.2959 31.0399 11.2959 32.2719Z" fill="url(#paint0_linear_193_905)"/>
+<path id="XMLID_108_" d="M13.051 33.392C12.4127 32.752 12.4127 31.712 13.051 31.072" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+<g id="XMLID_103_">
+<path id="XMLID_106_" fill-rule="evenodd" clip-rule="evenodd" d="M18.0615 32.2719C18.0615 33.5039 19.0509 34.4959 20.2795 34.4959C21.5082 34.4959 22.4976 33.5039 22.4976 32.2719C22.4976 31.0399 20.2795 28.3359 20.2795 28.3359C20.2795 28.3359 18.0615 31.0399 18.0615 32.2719Z" fill="url(#paint1_linear_193_905)"/>
+<path id="XMLID_105_" d="M19.8166 33.392C19.1783 32.752 19.1783 31.712 19.8166 31.072" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+</g>
+<g id="XMLID_64_">
+<g id="XMLID_70_">
+<path id="XMLID_89_" d="M22.513 17.52C26.0469 17.52 28.9117 14.6403 28.9117 11.088C28.9117 7.53571 26.0469 4.65601 22.513 4.65601C18.9791 4.65601 16.1143 7.53571 16.1143 11.088C16.1143 14.6403 18.9791 17.52 22.513 17.52Z" fill="url(#paint2_linear_193_905)"/>
+<path id="XMLID_87_" fill-rule="evenodd" clip-rule="evenodd" d="M22.9278 3.2H22.098C22.0342 3.2 21.9863 3.152 21.9863 3.088V0.112C21.9863 0.0480001 22.0342 0 22.098 0H22.9278C22.9916 0 23.0395 0.0480001 23.0395 0.112V3.088C23.0395 3.152 22.9916 3.2 22.9278 3.2Z" fill="url(#paint3_linear_193_905)"/>
+<path id="XMLID_86_" fill-rule="evenodd" clip-rule="evenodd" d="M18.5391 4.2721C18.2838 4.4161 17.9647 4.3361 17.8051 4.0801L16.736 2.2241C16.5923 1.9681 16.6721 1.6481 16.9275 1.4881C17.1828 1.3441 17.5019 1.4241 17.6615 1.6801L18.7306 3.5361C18.8742 3.8081 18.7944 4.1281 18.5391 4.2721Z" fill="url(#paint4_linear_193_905)"/>
+<path id="XMLID_84_" fill-rule="evenodd" clip-rule="evenodd" d="M15.6355 7.2004C15.4919 7.4564 15.1568 7.5364 14.9015 7.3924L13.0505 6.3204C12.7952 6.1764 12.7154 5.8404 12.859 5.5844C13.0026 5.3284 13.3377 5.2484 13.593 5.3924L15.444 6.4644C15.6834 6.6244 15.7791 6.9444 15.6355 7.2004Z" fill="url(#paint5_linear_193_905)"/>
+<path id="XMLID_83_" fill-rule="evenodd" clip-rule="evenodd" d="M14.6299 10.7681V11.6001C14.6299 11.6641 14.582 11.7121 14.5182 11.7121H11.5502C11.4863 11.7121 11.4385 11.6641 11.4385 11.6001V10.7681C11.4385 10.7041 11.4863 10.6561 11.5502 10.6561H14.5182C14.582 10.6401 14.6299 10.7041 14.6299 10.7681Z" fill="url(#paint6_linear_193_905)"/>
+<path id="XMLID_82_" fill-rule="evenodd" clip-rule="evenodd" d="M15.7468 15.1203C15.8905 15.3763 15.8107 15.6963 15.5554 15.8563L13.7043 16.9283C13.449 17.0723 13.1299 16.9923 12.9703 16.7363C12.8267 16.4803 12.9065 16.1603 13.1618 16.0003L15.0128 14.9283C15.2681 14.7843 15.5873 14.8643 15.7468 15.1203Z" fill="url(#paint7_linear_193_905)"/>
+<path id="XMLID_81_" fill-rule="evenodd" clip-rule="evenodd" d="M18.667 17.984C18.9223 18.128 19.0021 18.464 18.8585 18.72L17.7894 20.576C17.6458 20.832 17.3107 20.912 17.0554 20.768C16.8001 20.624 16.7203 20.288 16.8639 20.032L17.933 18.176C18.0926 17.92 18.4117 17.84 18.667 17.984Z" fill="url(#paint8_linear_193_905)"/>
+<path id="XMLID_80_" fill-rule="evenodd" clip-rule="evenodd" d="M22.2089 18.9924H23.0387C23.1025 18.9924 23.1504 19.0404 23.1504 19.1044V22.0804C23.1504 22.1444 23.1025 22.1924 23.0387 22.1924H22.2089C22.1451 22.1924 22.0972 22.1444 22.0972 22.0804V19.1044C22.0812 19.0404 22.1451 18.9924 22.2089 18.9924Z" fill="url(#paint9_linear_193_905)"/>
+<path id="XMLID_79_" fill-rule="evenodd" clip-rule="evenodd" d="M26.5498 17.8719C26.8051 17.7279 27.1242 17.8079 27.2838 18.0639L28.3529 19.9199C28.4965 20.1759 28.4167 20.4959 28.1614 20.6559C27.9061 20.7999 27.587 20.7199 27.4274 20.4639L26.3583 18.6079C26.1987 18.3519 26.2945 18.0159 26.5498 17.8719Z" fill="url(#paint10_linear_193_905)"/>
+<path id="XMLID_78_" fill-rule="evenodd" clip-rule="evenodd" d="M29.3903 14.9281C29.5339 14.6721 29.869 14.5922 30.1243 14.7362L31.9753 15.8081C32.2306 15.9521 32.3104 16.2882 32.1668 16.5442C32.0232 16.8002 31.6881 16.8802 31.4328 16.7362L29.5817 15.6642C29.3264 15.5202 29.2466 15.1841 29.3903 14.9281Z" fill="url(#paint11_linear_193_905)"/>
+<path id="XMLID_77_" fill-rule="evenodd" clip-rule="evenodd" d="M30.3789 11.3761V10.5441C30.3789 10.4801 30.4268 10.4321 30.4906 10.4321H33.4586C33.5224 10.4321 33.5703 10.4801 33.5703 10.5441V11.3761C33.5703 11.4401 33.5224 11.4881 33.4586 11.4881H30.4906C30.4427 11.4881 30.3789 11.4401 30.3789 11.3761Z" fill="url(#paint12_linear_193_905)"/>
+<path id="XMLID_76_" fill-rule="evenodd" clip-rule="evenodd" d="M29.2145 7.02413C29.0709 6.76813 29.1506 6.44813 29.406 6.28813L31.257 5.21613C31.5123 5.07213 31.8314 5.15213 31.991 5.40813C32.1346 5.66413 32.0548 5.98413 31.7995 6.14413L29.9485 7.21613C29.6932 7.37613 29.3581 7.28013 29.2145 7.02413Z" fill="url(#paint13_linear_193_905)"/>
+<path id="XMLID_72_" fill-rule="evenodd" clip-rule="evenodd" d="M26.2468 4.22401C25.9915 4.08001 25.9117 3.74401 26.0553 3.48801L27.1244 1.63201C27.268 1.37601 27.6031 1.29601 27.8584 1.44001C28.1138 1.58401 28.1935 1.92001 28.0499 2.17601L26.9808 4.03201C26.8212 4.28801 26.5021 4.36801 26.2468 4.22401Z" fill="url(#paint14_linear_193_905)"/>
+</g>
+<g id="XMLID_65_">
+<path id="XMLID_69_" fill-rule="evenodd" clip-rule="evenodd" d="M23.9171 10.1281C23.3587 10.1281 22.8321 10.1761 22.3055 10.2721C21.38 6.78412 18.3801 4.22412 14.8217 4.22412C11.0718 4.22412 7.94422 7.05612 7.19424 10.8321C3.30074 11.0081 0.205078 14.4321 0.205078 18.6241C0.205078 22.9441 3.47627 26.4321 7.51338 26.4321H23.9171C28.7681 26.4321 32.6935 22.7841 32.6935 18.2721C32.6935 13.7601 28.7521 10.1281 23.9171 10.1281Z" fill="url(#paint15_linear_193_905)"/>
+<path id="XMLID_68_" fill-rule="evenodd" clip-rule="evenodd" d="M8.19979 12.5925C8.85402 9.23246 11.6465 6.70446 14.9975 6.70446C18.1729 6.70446 20.8377 8.97646 21.6675 12.0805C22.1302 12.0005 22.6089 11.9525 23.1036 11.9525C27.1407 11.9525 30.4598 14.8005 30.8747 18.4485C30.9066 18.1925 30.9225 17.9365 30.9225 17.6805C30.9225 13.6645 27.428 10.4165 23.1036 10.4165C22.6089 10.4165 22.1302 10.4645 21.6675 10.5445C20.8377 7.44046 18.1729 5.16846 14.9975 5.16846C11.6625 5.16846 8.86998 7.69646 8.19979 11.0565C4.73712 11.2165 1.97656 14.2565 1.97656 18.0005C1.97656 18.2565 1.99253 18.5125 2.02444 18.7685C2.35954 15.3925 4.97648 12.7525 8.19979 12.5925Z" fill="url(#paint16_linear_193_905)"/>
+<path id="XMLID_66_" fill-rule="evenodd" clip-rule="evenodd" d="M8.99736 12.5759C8.75801 12.5759 8.51865 12.5919 8.2793 12.6239C11.4069 13.0239 13.8323 15.8719 13.8323 19.3279C13.8323 20.9439 13.2898 22.4319 12.4122 23.5999C13.8164 22.4799 14.7259 20.7039 14.7259 18.7039C14.7259 15.3119 12.1728 12.5759 8.99736 12.5759Z" fill="url(#paint17_linear_193_905)"/>
+</g>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_905" x1="13.5148" y1="34.4981" x2="13.5148" y2="28.3368" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_905" x1="20.2804" y1="34.4981" x2="20.2804" y2="28.3368" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_905" x1="16.114" y1="11.0815" x2="28.9029" y2="11.0815" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_905" x1="21.9742" y1="1.59622" x2="23.0399" y2="1.59622" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_905" x1="17.2651" y1="3.15071" x2="18.1919" y2="2.61705" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_905" x1="13.9688" y1="6.87236" x2="14.506" y2="5.94442" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_905" x1="13.0303" y1="11.7176" x2="13.0303" y2="10.6463" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint7_linear_193_905" x1="14.6152" y1="16.3927" x2="14.078" y2="15.4648" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint8_linear_193_905" x1="18.3249" y1="19.651" x2="17.3981" y2="19.1173" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint9_linear_193_905" x1="23.1542" y1="20.5952" x2="22.0884" y2="20.5952" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint10_linear_193_905" x1="27.8006" y1="18.9939" x2="26.8738" y2="19.5276" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint11_linear_193_905" x1="31.0381" y1="15.2736" x2="30.5009" y2="16.2015" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint12_linear_193_905" x1="31.9853" y1="10.4176" x2="31.9853" y2="11.4889" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint13_linear_193_905" x1="30.3254" y1="5.76034" x2="30.8626" y2="6.68827" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint14_linear_193_905" x1="26.5773" y1="2.56429" x2="27.504" y2="3.09794" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint15_linear_193_905" x1="16.4556" y1="26.4398" x2="16.4556" y2="4.22729" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint16_linear_193_905" x1="16.4414" y1="5.18289" x2="16.4414" y2="18.7778" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint17_linear_193_905" x1="11.5074" y1="12.573" x2="11.5074" y2="23.5933" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/400.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/400.svg
new file mode 100644
index 00000000..d460d1cd
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/400.svg
@@ -0,0 +1,28 @@
+<svg width="33" height="30" viewBox="0 0 33 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814248">
+<g id="XMLID_38_">
+<path id="XMLID_41_" fill-rule="evenodd" clip-rule="evenodd" d="M23.8068 5.904C23.2483 5.904 22.7217 5.952 22.1951 6.048C21.2696 2.56 18.2697 0 14.7113 0C10.9614 0 7.83385 2.832 7.08387 6.608C3.19037 6.784 0.0947266 10.208 0.0947266 14.4C0.0947266 18.72 3.3659 22.208 7.40301 22.208H23.8068C28.6577 22.208 32.5831 18.56 32.5831 14.048C32.5831 9.536 28.6577 5.904 23.8068 5.904Z" fill="url(#paint0_linear_193_872)"/>
+<path id="XMLID_40_" fill-rule="evenodd" clip-rule="evenodd" d="M8.08943 8.36809C8.74367 5.00809 11.5361 2.48009 14.8871 2.48009C18.0625 2.48009 20.7274 4.75209 21.5571 7.85609C22.0199 7.77609 22.4986 7.72809 22.9933 7.72809C27.0304 7.72809 30.3494 10.5761 30.7643 14.2241C30.7962 13.9681 30.8122 13.7121 30.8122 13.4561C30.8122 9.44009 27.3176 6.19209 22.9933 6.19209C22.4986 6.19209 22.0199 6.24009 21.5571 6.32009C20.7274 3.21609 18.0625 0.944092 14.8871 0.944092C11.5521 0.944092 8.75963 3.47209 8.08943 6.83209C4.62677 6.99209 1.86621 10.0321 1.86621 13.7761C1.86621 14.0321 1.88216 14.2881 1.91407 14.5441C2.24917 11.1681 4.86612 8.52809 8.08943 8.36809Z" fill="url(#paint1_linear_193_872)"/>
+<path id="XMLID_39_" fill-rule="evenodd" clip-rule="evenodd" d="M8.90263 8.35205C8.66328 8.35205 8.42393 8.36805 8.18457 8.40005C11.3121 8.80005 13.7376 11.6481 13.7376 15.1041C13.7376 16.7201 13.1951 18.2081 12.3174 19.3761C13.7216 18.2561 14.6312 16.4801 14.6312 14.4801C14.6312 11.0881 12.0621 8.35205 8.90263 8.35205Z" fill="url(#paint2_linear_193_872)"/>
+</g>
+<path id="XMLID_37_" fill-rule="evenodd" clip-rule="evenodd" d="M18.3021 26.4962H16.5149L17.7755 25.2322C17.9191 25.0882 17.9191 24.8642 17.7755 24.7202C17.6319 24.5762 17.4085 24.5762 17.2649 24.7202L16.0043 25.9842V24.1922C16.0043 23.9842 15.8447 23.8242 15.6373 23.8242C15.4299 23.8242 15.2703 23.9842 15.2703 24.1922V25.9842L14.0097 24.7202C13.8661 24.5762 13.6427 24.5762 13.4991 24.7202C13.3555 24.8642 13.3555 25.0882 13.4991 25.2322L14.7597 26.4962H12.9725C12.765 26.4962 12.6055 26.6562 12.6055 26.8642C12.6055 27.0722 12.765 27.2322 12.9725 27.2322H14.7597L13.4991 28.4962C13.3555 28.6402 13.3555 28.8642 13.4991 29.0082C13.6427 29.1522 13.8661 29.1522 14.0097 29.0082L15.2703 27.7442V29.5362C15.2703 29.7442 15.4299 29.9042 15.6373 29.9042C15.8447 29.9042 16.0043 29.7442 16.0043 29.5362V27.7442L17.2649 29.0082C17.4085 29.1522 17.6319 29.1522 17.7755 29.0082C17.9191 28.8642 17.9191 28.6402 17.7755 28.4962L16.5149 27.2322H18.3021C18.5096 27.2322 18.6691 27.0722 18.6691 26.8642C18.6691 26.6562 18.5096 26.4962 18.3021 26.4962Z" fill="url(#paint3_linear_193_872)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_872" x1="16.3452" y1="22.2156" x2="16.3452" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_872" x1="16.3375" y1="0.95918" x2="16.3375" y2="14.5541" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_872" x1="11.4031" y1="8.34976" x2="11.4031" y2="19.3701" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_872" x1="15.6385" y1="29.9063" x2="15.6385" y2="23.8251" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/401.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/401.svg
new file mode 100644
index 00000000..7de03197
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/401.svg
@@ -0,0 +1,35 @@
+<svg width="34" height="30" viewBox="0 0 34 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814247">
+<g id="XMLID_27_">
+<path id="XMLID_36_" fill-rule="evenodd" clip-rule="evenodd" d="M24.6398 5.904C24.0813 5.904 23.5547 5.952 23.0282 6.048C22.1026 2.56 19.1027 0 15.5443 0C11.7944 0 8.66686 2.832 7.91688 6.608C4.02338 6.784 0.927734 10.208 0.927734 14.4C0.927734 18.72 4.1989 22.208 8.23602 22.208H24.6398C29.4907 22.208 33.4161 18.56 33.4161 14.048C33.4161 9.536 29.4748 5.904 24.6398 5.904Z" fill="url(#paint0_linear_193_878)"/>
+<path id="XMLID_35_" fill-rule="evenodd" clip-rule="evenodd" d="M8.92244 8.36809C9.57668 5.00809 12.3691 2.48009 15.7201 2.48009C18.8956 2.48009 21.5604 4.75209 22.3901 7.85609C22.8529 7.77609 23.3316 7.72809 23.8263 7.72809C27.8634 7.72809 31.1824 10.5761 31.5973 14.2241C31.6292 13.9681 31.6452 13.7121 31.6452 13.4561C31.6452 9.44009 28.1506 6.19209 23.8263 6.19209C23.3316 6.19209 22.8529 6.24009 22.3901 6.32009C21.5604 3.21609 18.8956 0.944092 15.7201 0.944092C12.3851 0.944092 9.59263 3.47209 8.92244 6.83209C5.45978 6.99209 2.69922 10.0321 2.69922 13.7761C2.69922 14.0321 2.71518 14.2881 2.7471 14.5441C3.08219 11.1681 5.69913 8.52809 8.92244 8.36809Z" fill="url(#paint1_linear_193_878)"/>
+<path id="XMLID_28_" fill-rule="evenodd" clip-rule="evenodd" d="M9.73564 8.35205C9.49629 8.35205 9.25693 8.36805 9.01758 8.40005C12.1451 8.80005 14.5706 11.6481 14.5706 15.1041C14.5706 16.7201 14.0281 18.2081 13.1504 19.3761C14.5547 18.2561 15.4642 16.4801 15.4642 14.4801C15.4482 11.0881 12.8951 8.35205 9.73564 8.35205Z" fill="url(#paint2_linear_193_878)"/>
+</g>
+<g id="XMLID_22_">
+<path id="XMLID_26_" fill-rule="evenodd" clip-rule="evenodd" d="M15.2572 26.4967H13.47L14.7306 25.2327C14.8742 25.0887 14.8742 24.8647 14.7306 24.7207C14.587 24.5767 14.3636 24.5767 14.22 24.7207L12.9594 25.9847V24.1927C12.9594 23.9847 12.7998 23.8247 12.5924 23.8247C12.3849 23.8247 12.2254 23.9847 12.2254 24.1927V25.9847L10.9648 24.7207C10.8212 24.5767 10.5977 24.5767 10.4541 24.7207C10.3105 24.8647 10.3105 25.0887 10.4541 25.2327L11.7147 26.4967H9.92757C9.72012 26.4967 9.56055 26.6567 9.56055 26.8647C9.56055 27.0727 9.72012 27.2327 9.92757 27.2327H11.7147L10.4541 28.4967C10.3105 28.6407 10.3105 28.8647 10.4541 29.0087C10.5977 29.1527 10.8212 29.1527 10.9648 29.0087L12.2254 27.7447V29.5367C12.2254 29.7447 12.3849 29.9047 12.5924 29.9047C12.7998 29.9047 12.9594 29.7447 12.9594 29.5367V27.7447L14.22 29.0087C14.3636 29.1527 14.587 29.1527 14.7306 29.0087C14.8742 28.8647 14.8742 28.6407 14.7306 28.4967L13.47 27.2327H15.2572C15.4646 27.2327 15.6242 27.0727 15.6242 26.8647C15.6242 26.6567 15.4646 26.4967 15.2572 26.4967Z" fill="url(#paint3_linear_193_878)"/>
+<path id="XMLID_24_" fill-rule="evenodd" clip-rule="evenodd" d="M24.4164 26.4967H22.6292L23.8898 25.2327C24.0334 25.0887 24.0334 24.8647 23.8898 24.7207C23.7462 24.5767 23.5228 24.5767 23.3792 24.7207L22.1186 25.9847V24.1927C22.1186 23.9847 21.959 23.8247 21.7516 23.8247C21.5441 23.8247 21.3845 23.9847 21.3845 24.1927V25.9847L20.1239 24.7207C19.9803 24.5767 19.7569 24.5767 19.6133 24.7207C19.4697 24.8647 19.4697 25.0887 19.6133 25.2327L20.8739 26.4967H19.0867C18.8793 26.4967 18.7197 26.6567 18.7197 26.8647C18.7197 27.0727 18.8793 27.2327 19.0867 27.2327H20.8739L19.6133 28.4967C19.4697 28.6407 19.4697 28.8647 19.6133 29.0087C19.7569 29.1527 19.9803 29.1527 20.1239 29.0087L21.3845 27.7447V29.5367C21.3845 29.7447 21.5441 29.9047 21.7516 29.9047C21.959 29.9047 22.1186 29.7447 22.1186 29.5367V27.7447L23.3792 29.0087C23.5228 29.1527 23.7462 29.1527 23.8898 29.0087C24.0334 28.8647 24.0334 28.6407 23.8898 28.4967L22.6292 27.2327H24.4164C24.6238 27.2327 24.7834 27.0727 24.7834 26.8647C24.7834 26.6567 24.6078 26.4967 24.4164 26.4967Z" fill="url(#paint4_linear_193_878)"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_878" x1="17.1782" y1="22.2156" x2="17.1782" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_878" x1="17.1664" y1="0.95918" x2="17.1664" y2="14.5541" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_878" x1="12.232" y1="8.34976" x2="12.232" y2="19.3701" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_878" x1="12.5935" y1="29.9068" x2="12.5935" y2="23.8256" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_878" x1="21.7527" y1="29.9068" x2="21.7527" y2="23.8256" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/402.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/402.svg
new file mode 100644
index 00000000..81af6aeb
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/402.svg
@@ -0,0 +1,40 @@
+<svg width="33" height="30" viewBox="0 0 33 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814253">
+<g id="XMLID_114_">
+<path id="XMLID_129_" fill-rule="evenodd" clip-rule="evenodd" d="M24.1655 5.904C23.607 5.904 23.0805 5.952 22.5539 6.048C21.6124 2.56 18.6285 0 15.0541 0C11.3042 0 8.17663 2.832 7.42666 6.608C3.53315 6.784 0.4375 10.208 0.4375 14.4C0.4375 18.72 3.70868 22.208 7.7458 22.208H24.1496C29.0005 22.208 32.9259 18.56 32.9259 14.048C32.9259 9.536 29.0165 5.904 24.1655 5.904Z" fill="url(#paint0_linear_193_896)"/>
+<path id="XMLID_128_" fill-rule="evenodd" clip-rule="evenodd" d="M8.44783 8.36834C9.10207 5.00834 11.8945 2.48034 15.2455 2.48034C18.4209 2.48034 21.0858 4.75234 21.9155 7.85634C22.3783 7.77634 22.857 7.72834 23.3517 7.72834C27.3888 7.72834 30.7078 10.5763 31.1227 14.2243C31.1546 13.9683 31.1706 13.7123 31.1706 13.4563C31.1706 9.44034 27.676 6.19234 23.3517 6.19234C22.857 6.19234 22.3783 6.24034 21.9155 6.32034C21.0858 3.21634 18.4209 0.944336 15.2455 0.944336C11.9105 0.944336 9.11803 3.47234 8.44783 6.83234C4.98517 6.99234 2.22461 10.0323 2.22461 13.7763C2.22461 14.0323 2.24057 14.2883 2.27248 14.5443C2.60758 11.1683 5.22452 8.51234 8.44783 8.36834Z" fill="url(#paint1_linear_193_896)"/>
+<path id="XMLID_115_" fill-rule="evenodd" clip-rule="evenodd" d="M9.26201 8.35254C9.02265 8.35254 8.7833 8.36854 8.54395 8.40054C11.6715 8.80054 14.097 11.6485 14.097 15.1045C14.097 16.7205 13.5544 18.2085 12.6768 19.3765C14.081 18.2565 14.9906 16.4805 14.9906 14.4805C14.9906 11.0885 12.4215 8.35254 9.26201 8.35254Z" fill="url(#paint2_linear_193_896)"/>
+</g>
+<g id="XMLID_110_">
+<path id="XMLID_113_" fill-rule="evenodd" clip-rule="evenodd" d="M11.3519 26.4962H9.56473L10.8253 25.2322C10.969 25.0882 10.969 24.8642 10.8253 24.7202C10.6817 24.5762 10.4583 24.5762 10.3147 24.7202L9.05411 25.9842V24.1922C9.05411 23.9842 8.89454 23.8242 8.6871 23.8242C8.47966 23.8242 8.32009 23.9842 8.32009 24.1922V25.9842L7.05949 24.7202C6.91588 24.5762 6.69248 24.5762 6.54887 24.7202C6.40525 24.8642 6.40525 25.0882 6.54887 25.2322L7.80947 26.4962H6.02229C5.81485 26.4962 5.65527 26.6562 5.65527 26.8642C5.65527 27.0722 5.81485 27.2322 6.02229 27.2322H7.80947L6.54887 28.4962C6.40525 28.6402 6.40525 28.8642 6.54887 29.0082C6.69248 29.1522 6.91588 29.1522 7.05949 29.0082L8.32009 27.7442V29.5362C8.32009 29.7442 8.47966 29.9042 8.6871 29.9042C8.89454 29.9042 9.05411 29.7442 9.05411 29.5362V27.7442L10.3147 29.0082C10.4583 29.1522 10.6817 29.1522 10.8253 29.0082C10.969 28.8642 10.969 28.6402 10.8253 28.4962L9.56473 27.2322H11.3519C11.5594 27.2322 11.7189 27.0722 11.7189 26.8642C11.7189 26.6562 11.5594 26.4962 11.3519 26.4962Z" fill="url(#paint3_linear_193_896)"/>
+<path id="XMLID_112_" fill-rule="evenodd" clip-rule="evenodd" d="M19.5062 26.4962H17.719L18.9796 25.2322C19.1232 25.0882 19.1232 24.8642 18.9796 24.7202C18.836 24.5762 18.6126 24.5762 18.469 24.7202L17.2084 25.9842V24.1922C17.2084 23.9842 17.0488 23.8242 16.8414 23.8242C16.634 23.8242 16.4744 23.9842 16.4744 24.1922V25.9842L15.2138 24.7202C15.0702 24.5762 14.8468 24.5762 14.7032 24.7202C14.5595 24.8642 14.5595 25.0882 14.7032 25.2322L15.9638 26.4962H14.1766C13.9691 26.4962 13.8096 26.6562 13.8096 26.8642C13.8096 27.0722 13.9691 27.2322 14.1766 27.2322H15.9638L14.7032 28.4962C14.5595 28.6402 14.5595 28.8642 14.7032 29.0082C14.8468 29.1522 15.0702 29.1522 15.2138 29.0082L16.4744 27.7442V29.5362C16.4744 29.7442 16.634 29.9042 16.8414 29.9042C17.0488 29.9042 17.2084 29.7442 17.2084 29.5362V27.7442L18.469 29.0082C18.6126 29.1522 18.836 29.1522 18.9796 29.0082C19.1232 28.8642 19.1232 28.6402 18.9796 28.4962L17.719 27.2322H19.5062C19.7137 27.2322 19.8732 27.0722 19.8732 26.8642C19.8573 26.6562 19.6977 26.4962 19.5062 26.4962Z" fill="url(#paint4_linear_193_896)"/>
+<path id="XMLID_111_" fill-rule="evenodd" clip-rule="evenodd" d="M27.3724 26.4962H25.5852L26.8458 25.2322C26.9894 25.0882 26.9894 24.8642 26.8458 24.7202C26.7022 24.5762 26.4788 24.5762 26.3352 24.7202L25.0746 25.9842V24.1922C25.0746 23.9842 24.915 23.8242 24.7076 23.8242C24.5002 23.8242 24.3406 23.9842 24.3406 24.1922V25.9842L23.08 24.7202C22.9364 24.5762 22.713 24.5762 22.5694 24.7202C22.4258 24.8642 22.4258 25.0882 22.5694 25.2322L23.83 26.4962H22.0428C21.8353 26.4962 21.6758 26.6562 21.6758 26.8642C21.6758 27.0722 21.8353 27.2322 22.0428 27.2322H23.83L22.5694 28.4962C22.4258 28.6402 22.4258 28.8642 22.5694 29.0082C22.713 29.1522 22.9364 29.1522 23.08 29.0082L24.3406 27.7442V29.5362C24.3406 29.7442 24.5002 29.9042 24.7076 29.9042C24.915 29.9042 25.0746 29.7442 25.0746 29.5362V27.7442L26.3352 29.0082C26.4788 29.1522 26.7022 29.1522 26.8458 29.0082C26.9894 28.8642 26.9894 28.6402 26.8458 28.4962L25.5852 27.2322H27.3724C27.5799 27.2322 27.7394 27.0722 27.7394 26.8642C27.7394 26.6562 27.5639 26.4962 27.3724 26.4962Z" fill="url(#paint5_linear_193_896)"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_896" x1="16.688" y1="22.2156" x2="16.688" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_896" x1="16.6947" y1="0.95448" x2="16.6947" y2="14.5494" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_896" x1="11.7613" y1="8.34531" x2="11.7613" y2="19.3657" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_896" x1="8.68828" y1="29.9063" x2="8.68828" y2="23.8251" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_896" x1="16.8426" y1="29.9063" x2="16.8426" y2="23.8251" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_896" x1="24.7088" y1="29.9063" x2="24.7088" y2="23.8251" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/404.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/404.svg
new file mode 100644
index 00000000..b3b8afd7
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/404.svg
@@ -0,0 +1,38 @@
+<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814252">
+<path id="XMLID_38_" fill-rule="evenodd" clip-rule="evenodd" d="M25.0179 28.192H23.2307L24.4913 26.928C24.635 26.784 24.635 26.56 24.4913 26.416C24.3477 26.272 24.1243 26.272 23.9807 26.416L22.7201 27.68V25.888C22.7201 25.68 22.5606 25.52 22.3531 25.52C22.1457 25.52 21.9861 25.68 21.9861 25.888V27.68L20.7255 26.416C20.5819 26.272 20.3585 26.272 20.2149 26.416C20.0713 26.56 20.0713 26.784 20.2149 26.928L21.4755 28.192H19.6883C19.4809 28.192 19.3213 28.352 19.3213 28.56C19.3213 28.768 19.4809 28.928 19.6883 28.928H21.4755L20.2149 30.192C20.0713 30.336 20.0713 30.56 20.2149 30.704C20.3585 30.848 20.5819 30.848 20.7255 30.704L21.9861 29.44V31.232C21.9861 31.44 22.1457 31.6 22.3531 31.6C22.5606 31.6 22.7201 31.44 22.7201 31.232V29.44L23.9807 30.704C24.1243 30.848 24.3477 30.848 24.4913 30.704C24.635 30.56 24.635 30.336 24.4913 30.192L23.2307 28.928H25.0179C25.2254 28.928 25.3849 28.768 25.3849 28.56C25.369 28.352 25.2094 28.192 25.0179 28.192Z" fill="url(#paint0_linear_193_955)"/>
+<path id="XMLID_34_" fill-rule="evenodd" clip-rule="evenodd" d="M24.2843 5.904C23.7258 5.904 23.1993 5.952 22.6727 6.048C21.7472 2.56 18.7473 0 15.1889 0C11.439 0 8.3114 2.832 7.56142 6.608C3.66792 6.8 0.572266 10.208 0.572266 14.416C0.572266 18.736 3.84345 22.224 7.88056 22.224H24.2843C29.1353 22.224 33.0607 18.576 33.0607 14.064C33.0607 9.552 29.1353 5.904 24.2843 5.904Z" fill="url(#paint1_linear_193_955)"/>
+<path id="XMLID_33_" fill-rule="evenodd" clip-rule="evenodd" d="M8.56697 8.36785C9.22121 5.00785 12.0137 2.47985 15.3646 2.47985C18.5401 2.47985 21.2049 4.75185 22.0347 7.85585C22.4974 7.77585 22.9761 7.72785 23.4708 7.72785C27.5079 7.72785 30.827 10.5758 31.2418 14.2238C31.2738 13.9678 31.2897 13.7119 31.2897 13.4559C31.2897 9.43985 27.7951 6.19185 23.4708 6.19185C22.9761 6.19185 22.4974 6.23985 22.0347 6.31985C21.2049 3.21585 18.5401 0.943848 15.3646 0.943848C12.0296 0.943848 9.23717 3.47185 8.56697 6.83185C5.10431 6.99185 2.34375 10.0318 2.34375 13.7759C2.34375 14.0319 2.35971 14.2878 2.39162 14.5438C2.74267 11.1678 5.34366 8.52785 8.56697 8.36785Z" fill="url(#paint2_linear_193_955)"/>
+<path id="XMLID_32_" fill-rule="evenodd" clip-rule="evenodd" d="M9.38017 8.35156C9.14082 8.35156 8.90146 8.36756 8.66211 8.39956C11.7897 8.79956 14.2151 11.6476 14.2151 15.1036C14.2151 16.7196 13.6726 18.2076 12.795 19.3756C14.1992 18.2556 15.1087 16.4796 15.1087 14.4796C15.1087 11.0876 12.5397 8.35156 9.38017 8.35156Z" fill="url(#paint3_linear_193_955)"/>
+<path id="XMLID_31_" fill-rule="evenodd" clip-rule="evenodd" d="M10.7207 27.7597C10.7207 28.9917 11.71 29.9837 12.9387 29.9837C14.1674 29.9837 15.1567 28.9917 15.1567 27.7597C15.1567 26.5277 12.9387 23.8237 12.9387 23.8237C12.9387 23.8237 10.7207 26.5277 10.7207 27.7597Z" fill="url(#paint4_linear_193_955)"/>
+<path id="XMLID_30_" d="M12.4924 28.8796C11.8541 28.2396 11.8541 27.1996 12.4924 26.5596" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+<path id="XMLID_29_" fill-rule="evenodd" clip-rule="evenodd" d="M5.61426 30.2875C5.61426 31.3435 6.47593 32.2075 7.5291 32.2075C8.58226 32.2075 9.44393 31.3435 9.44393 30.2875C9.44393 29.2315 7.5291 26.8955 7.5291 26.8955C7.5291 26.8955 5.61426 29.2315 5.61426 30.2875Z" fill="url(#paint5_linear_193_955)"/>
+<path id="XMLID_25_" d="M7.14641 31.2636C6.58792 30.7036 6.58792 29.8076 7.14641 29.2476" stroke="white" stroke-width="0.16" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_955" x1="22.3543" y1="31.6021" x2="22.3543" y2="25.5209" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_955" x1="16.8228" y1="22.2316" x2="16.8228" y2="0.00316921" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_955" x1="16.8179" y1="0.959416" x2="16.8179" y2="14.5543" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_955" x1="11.8835" y1="8.34975" x2="11.8835" y2="19.3701" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_955" x1="12.9396" y1="29.9858" x2="12.9396" y2="23.8246" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_955" x1="7.52984" y1="32.2093" x2="7.52984" y2="26.8963" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/407.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/407.svg
new file mode 100644
index 00000000..fe700255
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/407.svg
@@ -0,0 +1,104 @@
+<svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814255">
+<g id="XMLID_61_">
+<path id="XMLID_63_" fill-rule="evenodd" clip-rule="evenodd" d="M14.5882 31.2487H12.8011L14.0617 29.9847C14.2053 29.8407 14.2053 29.6167 14.0617 29.4727C13.9181 29.3287 13.6946 29.3287 13.551 29.4727L12.2904 30.7367V28.9447C12.2904 28.7367 12.1309 28.5767 11.9234 28.5767C11.716 28.5767 11.5564 28.7367 11.5564 28.9447V30.7367L10.2958 29.4727C10.1522 29.3287 9.9288 29.3287 9.78519 29.4727C9.64158 29.6167 9.64158 29.8407 9.78519 29.9847L11.0458 31.2487H9.2586C9.05116 31.2487 8.8916 31.4087 8.8916 31.6167C8.8916 31.8247 9.05116 31.9847 9.2586 31.9847H11.0458L9.78519 33.2487C9.64158 33.3927 9.64158 33.6167 9.78519 33.7607C9.9288 33.9047 10.1522 33.9047 10.2958 33.7607L11.5564 32.4967V34.2887C11.5564 34.4967 11.716 34.6567 11.9234 34.6567C12.1309 34.6567 12.2904 34.4967 12.2904 34.2887V32.4967L13.551 33.7607C13.6946 33.9047 13.9181 33.9047 14.0617 33.7607C14.2053 33.6167 14.2053 33.3927 14.0617 33.2487L12.8011 31.9847H14.5882C14.7957 31.9847 14.9553 31.8247 14.9553 31.6167C14.9393 31.4247 14.7797 31.2487 14.5882 31.2487Z" fill="url(#paint0_linear_193_932)"/>
+<path id="XMLID_62_" fill-rule="evenodd" clip-rule="evenodd" d="M23.7318 31.2487H21.9446L23.2052 29.9847C23.3488 29.8407 23.3488 29.6167 23.2052 29.4727C23.0616 29.3287 22.8382 29.3287 22.6946 29.4727L21.434 30.7367V28.9447C21.434 28.7367 21.2744 28.5767 21.067 28.5767C20.8595 28.5767 20.7 28.7367 20.7 28.9447V30.7367L19.4394 29.4727C19.2958 29.3287 19.0724 29.3287 18.9288 29.4727C18.7851 29.6167 18.7851 29.8407 18.9288 29.9847L20.1893 31.2487H18.4022C18.1947 31.2487 18.0352 31.4087 18.0352 31.6167C18.0352 31.8247 18.1947 31.9847 18.4022 31.9847H20.1893L18.9288 33.2487C18.7851 33.3927 18.7851 33.6167 18.9288 33.7607C19.0724 33.9047 19.2958 33.9047 19.4394 33.7607L20.7 32.4967V34.2887C20.7 34.4967 20.8595 34.6567 21.067 34.6567C21.2744 34.6567 21.434 34.4967 21.434 34.2887V32.4967L22.6946 33.7607C22.8382 33.9047 23.0616 33.9047 23.2052 33.7607C23.3488 33.6167 23.3488 33.3927 23.2052 33.2487L21.9446 31.9847H23.7318C23.9393 31.9847 24.0988 31.8247 24.0988 31.6167C24.0988 31.4247 23.9393 31.2487 23.7318 31.2487Z" fill="url(#paint1_linear_193_932)"/>
+</g>
+<g id="XMLID_41_">
+<g id="XMLID_46_">
+<path id="XMLID_59_" d="M22.679 17.52C26.213 17.52 29.0778 14.6403 29.0778 11.088C29.0778 7.53571 26.213 4.65601 22.679 4.65601C19.1451 4.65601 16.2803 7.53571 16.2803 11.088C16.2803 14.6403 19.1451 17.52 22.679 17.52Z" fill="url(#paint2_linear_193_932)"/>
+<path id="XMLID_58_" fill-rule="evenodd" clip-rule="evenodd" d="M23.0938 3.2H22.264C22.2002 3.2 22.1523 3.152 22.1523 3.088V0.112C22.1523 0.0480001 22.2002 0 22.264 0H23.0938C23.1576 0 23.2055 0.0480001 23.2055 0.112V3.088C23.2055 3.152 23.1576 3.2 23.0938 3.2Z" fill="url(#paint3_linear_193_932)"/>
+<path id="XMLID_57_" fill-rule="evenodd" clip-rule="evenodd" d="M18.7051 4.2721C18.4498 4.4161 18.1307 4.3361 17.9711 4.0801L16.902 2.2241C16.7584 1.9681 16.8382 1.6481 17.0935 1.4881C17.3488 1.3441 17.6679 1.4241 17.8275 1.6801L18.8966 3.5361C19.0402 3.8081 18.9604 4.1281 18.7051 4.2721Z" fill="url(#paint4_linear_193_932)"/>
+<path id="XMLID_56_" fill-rule="evenodd" clip-rule="evenodd" d="M15.8015 7.19991C15.6579 7.45591 15.3228 7.53591 15.0675 7.39191L13.2165 6.31991C12.9612 6.17591 12.8814 5.83991 13.025 5.58391C13.1686 5.32791 13.5037 5.24791 13.759 5.39191L15.61 6.46391C15.8654 6.62391 15.9451 6.94391 15.8015 7.19991Z" fill="url(#paint5_linear_193_932)"/>
+<path id="XMLID_55_" fill-rule="evenodd" clip-rule="evenodd" d="M14.7959 10.7681V11.6001C14.7959 11.6641 14.748 11.7121 14.6842 11.7121H11.7162C11.6524 11.7121 11.6045 11.6641 11.6045 11.6001V10.7681C11.6045 10.7041 11.6524 10.6561 11.7162 10.6561H14.6842C14.748 10.6401 14.7959 10.7041 14.7959 10.7681Z" fill="url(#paint6_linear_193_932)"/>
+<path id="XMLID_54_" fill-rule="evenodd" clip-rule="evenodd" d="M15.9129 15.1203C16.0565 15.3763 15.9767 15.6963 15.7214 15.8563L13.8704 16.9283C13.6151 17.0723 13.2959 16.9923 13.1364 16.7363C12.9927 16.4803 13.0725 16.1603 13.3278 16.0003L15.1789 14.9283C15.4342 14.7843 15.7693 14.8643 15.9129 15.1203Z" fill="url(#paint7_linear_193_932)"/>
+<path id="XMLID_53_" fill-rule="evenodd" clip-rule="evenodd" d="M18.833 17.984C19.0883 18.128 19.1681 18.464 19.0245 18.72L17.9554 20.576C17.8118 20.832 17.4767 20.912 17.2214 20.768C16.9661 20.624 16.8863 20.288 17.0299 20.032L18.099 18.176C18.2586 17.92 18.5777 17.84 18.833 17.984Z" fill="url(#paint8_linear_193_932)"/>
+<path id="XMLID_52_" fill-rule="evenodd" clip-rule="evenodd" d="M22.3754 18.9919H23.2051C23.269 18.9919 23.3168 19.0399 23.3168 19.1039V22.0799C23.3168 22.1439 23.269 22.1919 23.2051 22.1919H22.3754C22.3116 22.1919 22.2637 22.1439 22.2637 22.0799V19.1039C22.2637 19.0399 22.3116 18.9919 22.3754 18.9919Z" fill="url(#paint9_linear_193_932)"/>
+<path id="XMLID_51_" fill-rule="evenodd" clip-rule="evenodd" d="M26.7155 17.8724C26.9708 17.7284 27.29 17.8084 27.4495 18.0644L28.5187 19.9204C28.6623 20.1764 28.5825 20.4964 28.3272 20.6564C28.0719 20.8004 27.7527 20.7204 27.5932 20.4644L26.524 18.6084C26.3804 18.3524 26.4602 18.0164 26.7155 17.8724Z" fill="url(#paint10_linear_193_932)"/>
+<path id="XMLID_50_" fill-rule="evenodd" clip-rule="evenodd" d="M29.5563 14.9279C29.6999 14.6719 30.035 14.5919 30.2903 14.7359L32.1413 15.8079C32.3966 15.9519 32.4764 16.2879 32.3328 16.5439C32.1892 16.7999 31.8541 16.8799 31.5988 16.7359L29.7477 15.6639C29.4924 15.5199 29.4127 15.1839 29.5563 14.9279Z" fill="url(#paint11_linear_193_932)"/>
+<path id="XMLID_49_" fill-rule="evenodd" clip-rule="evenodd" d="M30.5615 11.3759V10.5439C30.5615 10.4799 30.6094 10.4319 30.6732 10.4319H33.6412C33.7051 10.4319 33.7529 10.4799 33.7529 10.5439V11.3759C33.7529 11.4399 33.7051 11.4879 33.6412 11.4879H30.6732C30.6094 11.4879 30.5615 11.4399 30.5615 11.3759Z" fill="url(#paint12_linear_193_932)"/>
+<path id="XMLID_48_" fill-rule="evenodd" clip-rule="evenodd" d="M29.3805 7.02413C29.2369 6.76813 29.3167 6.44813 29.572 6.28813L31.423 5.21613C31.6783 5.07213 31.9974 5.15213 32.157 5.40813C32.3006 5.66413 32.2208 5.98413 31.9655 6.14413L30.1145 7.21613C29.8592 7.37613 29.5241 7.28013 29.3805 7.02413Z" fill="url(#paint13_linear_193_932)"/>
+<path id="XMLID_47_" fill-rule="evenodd" clip-rule="evenodd" d="M26.4128 4.22401C26.1575 4.08001 26.0777 3.74401 26.2213 3.48801L27.2904 1.63201C27.434 1.37601 27.7691 1.29601 28.0245 1.44001C28.2798 1.58401 28.3595 1.92001 28.2159 2.17601L27.1468 4.03201C27.0032 4.28801 26.6681 4.36801 26.4128 4.22401Z" fill="url(#paint14_linear_193_932)"/>
+</g>
+<g id="XMLID_42_">
+<path id="XMLID_45_" fill-rule="evenodd" clip-rule="evenodd" d="M24.0832 10.1281C23.5247 10.1281 22.9981 10.1761 22.4715 10.2721C21.546 6.78412 18.5461 4.22412 14.9877 4.22412C11.2378 4.22412 8.11024 7.05612 7.36026 10.8321C3.46676 11.0081 0.371094 14.4321 0.371094 18.6241C0.371094 22.9441 3.64228 26.4321 7.6794 26.4321H24.0832C28.9341 26.4321 32.8595 22.7841 32.8595 18.2721C32.8595 13.7601 28.9341 10.1281 24.0832 10.1281Z" fill="url(#paint15_linear_193_932)"/>
+<path id="XMLID_44_" fill-rule="evenodd" clip-rule="evenodd" d="M8.3658 12.5925C9.02004 9.23246 11.8125 6.70446 15.1635 6.70446C18.3389 6.70446 21.0037 8.97646 21.8335 12.0805C22.2962 12.0005 22.775 11.9525 23.2696 11.9525C27.3067 11.9525 30.6258 14.8005 31.0407 18.4485C31.0726 18.1925 31.0885 17.9365 31.0885 17.6805C31.0885 13.6645 27.594 10.4165 23.2696 10.4165C22.775 10.4165 22.2962 10.4645 21.8335 10.5445C21.0037 7.44046 18.3389 5.16846 15.1635 5.16846C11.8285 5.16846 9.03599 7.69646 8.3658 11.0565C4.90314 11.2165 2.14258 14.2565 2.14258 18.0005C2.14258 18.2565 2.15854 18.5125 2.19046 18.7685C2.52555 15.3925 5.14249 12.7525 8.3658 12.5925Z" fill="url(#paint16_linear_193_932)"/>
+<path id="XMLID_43_" fill-rule="evenodd" clip-rule="evenodd" d="M9.179 12.5762C8.93965 12.5762 8.70029 12.5922 8.46094 12.6242C11.5885 13.0242 14.014 15.8722 14.014 19.3282C14.014 20.9442 13.4714 22.4322 12.5938 23.6002C13.998 22.4802 14.9076 20.7042 14.9076 18.7042C14.8916 15.3122 12.3385 12.5762 9.179 12.5762Z" fill="url(#paint17_linear_193_932)"/>
+</g>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_932" x1="11.9246" y1="34.6588" x2="11.9246" y2="28.5775" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_932" x1="21.0682" y1="34.6588" x2="21.0682" y2="28.5775" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_932" x1="16.2841" y1="11.0815" x2="29.073" y2="11.0815" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_932" x1="22.1442" y1="1.59622" x2="23.21" y2="1.59622" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_932" x1="17.4364" y1="3.15139" x2="18.3631" y2="2.61775" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_932" x1="14.14" y1="6.87122" x2="14.6773" y2="5.94327" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_932" x1="13.2004" y1="11.7176" x2="13.2004" y2="10.6463" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint7_linear_193_932" x1="14.7864" y1="16.3934" x2="14.2492" y2="15.4654" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint8_linear_193_932" x1="18.4962" y1="19.6503" x2="17.5694" y2="19.1166" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint9_linear_193_932" x1="23.3247" y1="20.5947" x2="22.259" y2="20.5947" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint10_linear_193_932" x1="27.9716" y1="18.9951" x2="27.0448" y2="19.5287" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint11_linear_193_932" x1="31.2094" y1="15.2727" x2="30.6722" y2="16.2006" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint12_linear_193_932" x1="32.156" y1="10.4173" x2="32.156" y2="11.4887" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint13_linear_193_932" x1="30.4966" y1="5.76102" x2="31.0339" y2="6.68896" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint14_linear_193_932" x1="26.7485" y1="2.56362" x2="27.6753" y2="3.09728" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint15_linear_193_932" x1="16.6216" y1="26.4398" x2="16.6216" y2="4.22729" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint16_linear_193_932" x1="16.6115" y1="5.18289" x2="16.6115" y2="18.7778" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint17_linear_193_932" x1="11.6771" y1="12.5732" x2="11.6771" y2="23.5936" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/500.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/500.svg
new file mode 100644
index 00000000..9d1f8a5f
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/500.svg
@@ -0,0 +1,26 @@
+<svg width="33" height="27" viewBox="0 0 33 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814261">
+<path id="XMLID_7_" fill-rule="evenodd" clip-rule="evenodd" d="M24.1838 5.904C23.6253 5.904 23.0987 5.952 22.5721 6.048C21.6466 2.56 18.6467 0 15.0883 0C11.3384 0 8.21081 2.832 7.46084 6.608C3.56733 6.784 0.47168 10.208 0.47168 14.4C0.47168 18.72 3.74286 22.208 7.77998 22.208H24.1838C29.0347 22.208 32.9601 18.56 32.9601 14.048C32.9601 9.536 29.0347 5.904 24.1838 5.904Z" fill="url(#paint0_linear_193_996)"/>
+<path id="XMLID_6_" fill-rule="evenodd" clip-rule="evenodd" d="M8.48201 8.36785C9.13625 5.00785 11.9287 2.47985 15.2797 2.47985C18.4551 2.47985 21.1199 4.75185 21.9497 7.85585C22.4125 7.77585 22.8912 7.72785 23.3858 7.72785C27.423 7.72785 30.742 10.5758 31.1569 14.2238C31.1888 13.9678 31.2048 13.7118 31.2048 13.4558C31.2048 9.43985 27.7102 6.19185 23.3858 6.19185C22.8912 6.19185 22.4125 6.23985 21.9497 6.31985C21.1199 3.21585 18.4551 0.943848 15.2797 0.943848C11.9447 0.943848 9.15221 3.47185 8.48201 6.83185C5.01935 6.99185 2.25879 10.0318 2.25879 13.7758C2.25879 14.0318 2.27475 14.2878 2.30666 14.5438C2.64176 11.1678 5.2587 8.51185 8.48201 8.36785Z" fill="url(#paint1_linear_193_996)"/>
+<path id="XMLID_5_" fill-rule="evenodd" clip-rule="evenodd" d="M9.27959 8.33594C9.04023 8.33594 8.80088 8.35194 8.56152 8.38394C11.6891 8.78394 14.1146 11.6319 14.1146 15.0879C14.1146 16.7039 13.572 18.1919 12.6944 19.3599C14.0986 18.2399 15.0081 16.4639 15.0081 14.4639C15.0081 11.0879 12.4391 8.33594 9.27959 8.33594Z" fill="url(#paint2_linear_193_996)"/>
+<path id="XMLID_4_" fill-rule="evenodd" clip-rule="evenodd" d="M25.8755 26.2717H6.82285C6.4718 26.2717 6.18457 25.9837 6.18457 25.6317C6.18457 25.2797 6.4718 24.9917 6.82285 24.9917H25.8755C26.2265 24.9917 26.5138 25.2797 26.5138 25.6317C26.5138 25.9837 26.2265 26.2717 25.8755 26.2717Z" fill="url(#paint3_linear_193_996)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_996" x1="16.7222" y1="22.2156" x2="16.7222" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_996" x1="16.7223" y1="0.952712" x2="16.7223" y2="14.5477" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_996" x1="11.7883" y1="8.34343" x2="11.7883" y2="19.3638" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_996" x1="16.3531" y1="26.2721" x2="16.3531" y2="24.9919" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/501.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/501.svg
new file mode 100644
index 00000000..4c3b6b2c
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/501.svg
@@ -0,0 +1,61 @@
+<svg width="30" height="23" viewBox="0 0 30 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814268">
+<path id="XMLID_23_" fill-rule="evenodd" clip-rule="evenodd" d="M15.1971 4.16H14.1439C14.0482 4.16 13.9844 4.08 13.9844 4V0.16C13.9844 0.064 14.0642 0 14.1439 0H15.1971C15.2928 0 15.3567 0.08 15.3567 0.16V4C15.3567 4.096 15.2928 4.16 15.1971 4.16Z" fill="url(#paint0_linear_193_1058)"/>
+<path id="XMLID_22_" fill-rule="evenodd" clip-rule="evenodd" d="M9.51686 5.56766C9.18176 5.75966 8.76688 5.64766 8.57539 5.31166L7.18713 2.91166C6.99565 2.57566 7.10736 2.15966 7.44245 1.96766C7.77755 1.77566 8.19242 1.88766 8.38391 2.22366L9.77217 4.62366C9.96365 4.94366 9.85196 5.37566 9.51686 5.56766Z" fill="url(#paint1_linear_193_1058)"/>
+<path id="XMLID_21_" fill-rule="evenodd" clip-rule="evenodd" d="M5.75109 9.3603C5.5596 9.6963 5.14473 9.8083 4.80963 9.6163L2.41609 8.2243C2.08099 8.0323 1.96928 7.6003 2.16077 7.2803C2.35225 6.9443 2.76714 6.8323 3.10223 7.0243L5.49578 8.4163C5.83088 8.6083 5.94257 9.0243 5.75109 9.3603Z" fill="url(#paint2_linear_193_1058)"/>
+<path id="XMLID_20_" fill-rule="evenodd" clip-rule="evenodd" d="M4.45839 13.9841V15.0401C4.45839 15.1361 4.3786 15.2001 4.29882 15.2001H0.46914C0.373398 15.2001 0.30957 15.1201 0.30957 15.0401V13.9681C0.30957 13.8721 0.389355 13.8081 0.46914 13.8081H4.29882C4.3786 13.8241 4.45839 13.8881 4.45839 13.9841Z" fill="url(#paint3_linear_193_1058)"/>
+<path id="XMLID_19_" fill-rule="evenodd" clip-rule="evenodd" d="M24.8828 14.752V13.68C24.8828 13.584 24.9626 13.52 25.0424 13.52H28.8721C28.9678 13.52 29.0316 13.6 29.0316 13.68V14.752C29.0316 14.848 28.9518 14.912 28.8721 14.912H25.0424C24.9626 14.912 24.8828 14.832 24.8828 14.752Z" fill="url(#paint4_linear_193_1058)"/>
+<path id="XMLID_18_" fill-rule="evenodd" clip-rule="evenodd" d="M23.3668 9.12007C23.1753 8.78407 23.287 8.36807 23.6221 8.17607L26.0157 6.78407C26.3508 6.59207 26.7657 6.70407 26.9571 7.04007C27.1486 7.37607 27.0369 7.79207 26.7018 7.98407L24.3083 9.37607C23.9732 9.56807 23.5583 9.45607 23.3668 9.12007Z" fill="url(#paint5_linear_193_1058)"/>
+<path id="XMLID_17_" fill-rule="evenodd" clip-rule="evenodd" d="M19.5215 5.48807C19.1865 5.29607 19.0748 4.86407 19.2662 4.54407L20.6545 2.14407C20.846 1.80807 21.2609 1.69607 21.596 1.88807C21.9311 2.08007 22.0428 2.51207 21.8513 2.83207L20.463 5.23207C20.2715 5.56807 19.8407 5.68007 19.5215 5.48807Z" fill="url(#paint6_linear_193_1058)"/>
+<path id="XMLID_16_" fill-rule="evenodd" clip-rule="evenodd" d="M24.9949 18.1762H4.33064C4.01151 18.1762 3.74023 17.9042 3.74023 17.5842C3.74023 17.2642 4.01151 16.9922 4.33064 16.9922H24.9949C25.3141 16.9922 25.5853 17.2642 25.5853 17.5842C25.5853 17.9202 25.33 18.1762 24.9949 18.1762Z" fill="url(#paint7_linear_193_1058)"/>
+<path id="XMLID_15_" fill-rule="evenodd" clip-rule="evenodd" d="M24.9949 20.6239H4.33064C4.01151 20.6239 3.74023 20.3519 3.74023 20.0319C3.74023 19.7119 4.01151 19.4399 4.33064 19.4399H24.9949C25.3141 19.4399 25.5853 19.7119 25.5853 20.0319C25.6013 20.3519 25.33 20.6239 24.9949 20.6239Z" fill="url(#paint8_linear_193_1058)"/>
+<path id="XMLID_14_" fill-rule="evenodd" clip-rule="evenodd" d="M24.9949 22.8959H4.33064C4.01151 22.8959 3.74023 22.6239 3.74023 22.3039C3.74023 21.9839 4.01151 21.7119 4.33064 21.7119H24.9949C25.3141 21.7119 25.5853 21.9839 25.5853 22.3039C25.6013 22.6239 25.33 22.8959 24.9949 22.8959Z" fill="url(#paint9_linear_193_1058)"/>
+<path id="XMLID_12_" fill-rule="evenodd" clip-rule="evenodd" d="M22.8885 15.1999C22.9364 14.8479 22.9683 14.4799 22.9683 14.1119C22.9683 9.50388 19.2503 5.77588 14.6707 5.77588C10.091 5.77588 6.37305 9.50388 6.37305 14.1119C6.37305 14.4799 6.40496 14.8479 6.45283 15.1999H22.8885Z" fill="url(#paint10_linear_193_1058)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1058" x1="13.9763" y1="2.08354" x2="15.3581" y2="2.08354" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1058" x1="7.87868" y1="4.10203" x2="9.0803" y2="3.41012" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_1058" x1="3.60436" y1="8.91716" x2="4.30088" y2="7.71402" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_1058" x1="2.38063" y1="15.2066" x2="2.38063" y2="13.8176" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_1058" x1="26.9573" y1="13.5209" x2="26.9573" y2="14.9099" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_1058" x1="24.8057" y1="7.48032" x2="25.5022" y2="8.68347" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_1058" x1="19.9462" y1="3.33734" x2="21.1479" y2="4.02926" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint7_linear_193_1058" x1="14.667" y1="18.1766" x2="14.667" y2="16.9924" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint8_linear_193_1058" x1="14.6674" y1="20.6243" x2="14.6674" y2="19.4401" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint9_linear_193_1058" x1="14.6674" y1="22.8963" x2="14.6674" y2="21.7121" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint10_linear_193_1058" x1="14.669" y1="5.77874" x2="14.669" y2="15.2064" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/502.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/502.svg
new file mode 100644
index 00000000..4cdf73ee
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/502.svg
@@ -0,0 +1,41 @@
+<svg width="26" height="20" viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814264">
+<path id="XMLID_13_" d="M13.0323 16.3198C13.5258 16.3198 13.9258 15.9187 13.9258 15.4238C13.9258 14.929 13.5258 14.5278 13.0323 14.5278C12.5387 14.5278 12.1387 14.929 12.1387 15.4238C12.1387 15.9187 12.5387 16.3198 13.0323 16.3198Z" fill="url(#paint0_linear_193_1040)"/>
+<path id="XMLID_12_" d="M18.2022 11.0879C18.6957 11.0879 19.0958 10.6867 19.0958 10.1919C19.0958 9.69705 18.6957 9.2959 18.2022 9.2959C17.7087 9.2959 17.3086 9.69705 17.3086 10.1919C17.3086 10.6867 17.7087 11.0879 18.2022 11.0879Z" fill="url(#paint1_linear_193_1040)"/>
+<path id="XMLID_11_" d="M8.05374 9.80762C8.54726 9.80762 8.94734 9.40647 8.94734 8.91162C8.94734 8.41678 8.54726 8.01562 8.05374 8.01562C7.56023 8.01562 7.16016 8.41678 7.16016 8.91162C7.16016 9.40647 7.56023 9.80762 8.05374 9.80762Z" fill="url(#paint2_linear_193_1040)"/>
+<path id="XMLID_10_" d="M17.1326 2.144C17.7231 2.144 18.2017 1.66405 18.2017 1.072C18.2017 0.479951 17.7231 0 17.1326 0C16.5421 0 16.0635 0.479951 16.0635 1.072C16.0635 1.66405 16.5421 2.144 17.1326 2.144Z" fill="url(#paint3_linear_193_1040)"/>
+<path id="XMLID_9_" d="M17.7554 6.4958C16.8459 6.4958 15.9363 6.2238 15.2183 5.6638L14.564 5.15181C13.6066 4.41581 12.0109 4.41581 11.0535 5.15181L10.4312 5.63181C9.01102 6.73581 6.77704 6.73581 5.35687 5.63181L4.84624 5.23181C3.88882 4.49581 2.29313 4.49581 1.33571 5.23181C1.06444 5.45581 0.649551 5.3918 0.442111 5.1198C0.23467 4.8478 0.282543 4.4318 0.553812 4.2238C1.97398 3.1198 4.20796 3.1198 5.62813 4.2238L6.13875 4.6238C7.09617 5.3598 8.69187 5.3598 9.64929 4.6238L10.2716 4.1438C11.6918 3.0398 13.9258 3.0398 15.3459 4.1438L16.0002 4.6558C16.9576 5.3918 18.5533 5.3918 19.5107 4.6558L20.1969 4.1278C21.617 3.0238 23.851 3.0238 25.2712 4.1278C25.5424 4.3518 25.6063 4.7518 25.3829 5.0238C25.1595 5.2958 24.7606 5.3598 24.4893 5.1358C23.5319 4.3998 21.9362 4.3998 20.9787 5.1358L20.2926 5.6638C19.5745 6.2238 18.665 6.4958 17.7554 6.4958Z" fill="url(#paint4_linear_193_1040)"/>
+<path id="XMLID_8_" d="M17.7554 13.008C16.8459 13.008 15.9363 12.736 15.2183 12.176L14.564 11.664C13.6066 10.928 12.0109 10.928 11.0535 11.664L10.4312 12.144C9.01102 13.248 6.77704 13.248 5.35687 12.144L4.84624 11.744C3.88882 11.008 2.29313 11.008 1.33571 11.744C1.06444 11.968 0.649551 11.904 0.442111 11.632C0.23467 11.36 0.282543 10.944 0.553812 10.736C1.97398 9.63201 4.20796 9.63201 5.62813 10.736L6.13875 11.136C7.09617 11.872 8.69187 11.872 9.64929 11.136L10.2716 10.656C11.6918 9.55201 13.9258 9.55201 15.3459 10.656L16.0002 11.168C16.9576 11.904 18.5533 11.904 19.5107 11.168L20.1969 10.64C21.617 9.53601 23.851 9.53601 25.2712 10.64C25.5424 10.864 25.6063 11.264 25.3829 11.536C25.1595 11.808 24.7606 11.872 24.4893 11.648C23.5319 10.912 21.9362 10.912 20.9787 11.648L20.2926 12.176C19.5745 12.736 18.665 13.008 17.7554 13.008Z" fill="url(#paint5_linear_193_1040)"/>
+<path id="XMLID_7_" d="M17.7554 19.3117C16.8458 19.3117 15.9363 19.0397 15.2182 18.4797L14.564 17.9677C13.6066 17.2317 12.0109 17.2317 11.0535 17.9677L10.4312 18.4477C9.01098 19.5517 6.777 19.5517 5.35683 18.4477L4.84621 18.0477C3.88879 17.3117 2.29309 17.3117 1.33567 18.0477C1.0644 18.2717 0.649516 18.2077 0.442075 17.9357C0.218677 17.6637 0.282507 17.2477 0.553776 17.0397C1.97395 15.9357 4.20792 15.9357 5.62809 17.0397L6.13872 17.4397C7.09614 18.1757 8.69184 18.1757 9.64925 17.4397L10.2716 16.9597C11.6918 15.8557 13.9257 15.8557 15.3459 16.9597L16.0001 17.4717C16.9576 18.2077 18.5532 18.2077 19.5107 17.4717L20.1968 16.9437C21.617 15.8397 23.851 15.8397 25.2711 16.9437C25.5424 17.1677 25.6062 17.5677 25.3828 17.8397C25.1594 18.1117 24.7605 18.1757 24.4892 17.9517C23.5318 17.2157 21.9361 17.2157 20.9787 17.9517L20.2926 18.4797C19.5745 19.0397 18.6649 19.3117 17.7554 19.3117Z" fill="url(#paint6_linear_193_1040)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1040" x1="13.0326" y1="16.3204" x2="13.0326" y2="14.5281" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1040" x1="18.2025" y1="11.0885" x2="18.2025" y2="9.29615" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_1040" x1="8.05409" y1="9.80824" x2="8.05409" y2="8.01588" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_1040" x1="17.133" y1="2.14474" x2="17.133" y2="0.000305741" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_1040" x1="12.9208" y1="6.4969" x2="12.9208" y2="3.30026" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_1040" x1="12.9208" y1="13.0091" x2="12.9208" y2="9.81247" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_1040" x1="12.9174" y1="19.3128" x2="12.9174" y2="16.1162" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/503.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/503.svg
new file mode 100644
index 00000000..c4ecc598
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/503.svg
@@ -0,0 +1,61 @@
+<svg width="27" height="23" viewBox="0 0 27 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814262">
+<path id="XMLID_33_" d="M1.49808 9.90382C1.9916 9.90382 2.39167 9.50266 2.39167 9.00782C2.39167 8.51297 1.9916 8.11182 1.49808 8.11182C1.00457 8.11182 0.604492 8.51297 0.604492 9.00782C0.604492 9.50266 1.00457 9.90382 1.49808 9.90382Z" fill="url(#paint0_linear_193_1018)"/>
+<path id="XMLID_32_" d="M3.95511 15.8076C4.44863 15.8076 4.84871 15.4065 4.84871 14.9116C4.84871 14.4168 4.44863 14.0156 3.95511 14.0156C3.4616 14.0156 3.06152 14.4168 3.06152 14.9116C3.06152 15.4065 3.4616 15.8076 3.95511 15.8076Z" fill="url(#paint1_linear_193_1018)"/>
+<path id="XMLID_31_" d="M8.04008 7.64796C8.53359 7.64796 8.93367 7.2468 8.93367 6.75196C8.93367 6.25711 8.53359 5.85596 8.04008 5.85596C7.54656 5.85596 7.14648 6.25711 7.14648 6.75196C7.14648 7.2468 7.54656 7.64796 8.04008 7.64796Z" fill="url(#paint2_linear_193_1018)"/>
+<path id="XMLID_30_" d="M3.95584 5.248C4.54629 5.248 5.02495 4.76805 5.02495 4.176C5.02495 3.58395 4.54629 3.104 3.95584 3.104C3.36538 3.104 2.88672 3.58395 2.88672 4.176C2.88672 4.76805 3.36538 5.248 3.95584 5.248Z" fill="url(#paint3_linear_193_1018)"/>
+<path id="XMLID_29_" d="M16.3702 7.10401C16.8637 7.10401 17.2637 6.70286 17.2637 6.20801C17.2637 5.71317 16.8637 5.31201 16.3702 5.31201C15.8766 5.31201 15.4766 5.71317 15.4766 6.20801C15.4766 6.70286 15.8766 7.10401 16.3702 7.10401Z" fill="url(#paint4_linear_193_1018)"/>
+<path id="XMLID_28_" d="M13.689 4.76797C14.3764 4.76797 14.9336 4.20922 14.9336 3.51997C14.9336 2.83072 14.3764 2.27197 13.689 2.27197C13.0016 2.27197 12.4443 2.83072 12.4443 3.51997C12.4443 4.20922 13.0016 4.76797 13.689 4.76797Z" fill="url(#paint5_linear_193_1018)"/>
+<path id="XMLID_27_" d="M12.1739 10.7998C12.6674 10.7998 13.0675 10.3987 13.0675 9.90381C13.0675 9.40897 12.6674 9.00781 12.1739 9.00781C11.6803 9.00781 11.2803 9.40897 11.2803 9.90381C11.2803 10.3987 11.6803 10.7998 12.1739 10.7998Z" fill="url(#paint6_linear_193_1018)"/>
+<path id="XMLID_26_" d="M2.56716 21.5996C3.15762 21.5996 3.63628 21.1196 3.63628 20.5276C3.63628 19.9355 3.15762 19.4556 2.56716 19.4556C1.97671 19.4556 1.49805 19.9355 1.49805 20.5276C1.49805 21.1196 1.97671 21.5996 2.56716 21.5996Z" fill="url(#paint7_linear_193_1018)"/>
+<path id="XMLID_25_" d="M8.93363 18.4478C9.42715 18.4478 9.82722 18.0466 9.82722 17.5518C9.82722 17.0569 9.42715 16.6558 8.93363 16.6558C8.44011 16.6558 8.04004 17.0569 8.04004 17.5518C8.04004 18.0466 8.44011 18.4478 8.93363 18.4478Z" fill="url(#paint8_linear_193_1018)"/>
+<path id="XMLID_24_" d="M15.3333 15.6319C15.7299 15.6319 16.0514 15.3095 16.0514 14.9119C16.0514 14.5142 15.7299 14.1919 15.3333 14.1919C14.9367 14.1919 14.6152 14.5142 14.6152 14.9119C14.6152 15.3095 14.9367 15.6319 15.3333 15.6319Z" fill="url(#paint9_linear_193_1018)"/>
+<path id="XMLID_23_" fill-rule="evenodd" clip-rule="evenodd" d="M26.1512 11.504C26.1512 9.856 25.082 8.368 23.3587 7.344C23.4065 7.072 23.4385 6.8 23.4385 6.512C23.4385 3.616 20.8215 1.136 17.0716 0C19.529 1.328 21.0609 3.216 21.0609 5.312C21.0609 9.328 15.4121 12.592 8.4389 12.592C7.81658 12.592 7.19426 12.56 6.58789 12.512C8.29529 13.248 10.3378 13.664 12.5398 13.664C17.8056 13.664 22.1938 11.216 23.2151 7.968C23.8853 8.736 24.2682 9.616 24.2682 10.544C24.2682 13.728 19.8003 16.304 14.2951 16.304C13.8004 16.304 13.3058 16.288 12.8271 16.24C14.1196 16.8 15.6515 17.12 17.295 17.152C17.9812 17.616 18.3641 18.144 18.3641 18.72C18.3641 20.544 14.327 22.032 9.36441 22.032C8.91761 22.032 8.47081 22.016 8.03998 22C9.26866 22.336 10.7207 22.528 12.2845 22.528C16.5929 22.528 20.0715 21.072 20.0715 19.28C20.0715 18.464 19.3535 17.728 18.1727 17.152C22.6566 16.912 26.1512 14.48 26.1512 11.504Z" fill="url(#paint10_linear_193_1018)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1018" x1="1.49843" y1="9.90443" x2="1.49843" y2="8.11207" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1018" x1="3.95546" y1="15.8082" x2="3.95546" y2="14.0159" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_1018" x1="8.04042" y1="7.64857" x2="8.04042" y2="5.85621" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_1018" x1="3.95625" y1="5.24874" x2="3.95625" y2="3.10431" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_1018" x1="16.3705" y1="7.10463" x2="16.3705" y2="5.31227" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_1018" x1="13.6895" y1="4.76883" x2="13.6895" y2="2.27233" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_1018" x1="12.1742" y1="10.8004" x2="12.1742" y2="9.00807" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint7_linear_193_1018" x1="2.56758" y1="21.6003" x2="2.56758" y2="19.4559" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint8_linear_193_1018" x1="8.93398" y1="18.4484" x2="8.93398" y2="16.656" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint9_linear_193_1018" x1="15.3336" y1="15.6324" x2="15.3336" y2="14.1921" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint10_linear_193_1018" x1="16.3733" y1="22.5357" x2="16.3733" y2="0.00321256" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/504.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/504.svg
new file mode 100644
index 00000000..65607555
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/504.svg
@@ -0,0 +1,61 @@
+<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814263">
+<path id="XMLID_44_" fill-rule="evenodd" clip-rule="evenodd" d="M10.497 18.2722H1.56113C1.21008 18.2722 0.922852 17.9842 0.922852 17.6322C0.922852 17.2802 1.21008 16.9922 1.56113 16.9922H10.497C10.8481 16.9922 11.1353 17.2802 11.1353 17.6322C11.1353 17.9842 10.8641 18.2722 10.497 18.2722Z" fill="url(#paint0_linear_193_1006)"/>
+<path id="XMLID_43_" fill-rule="evenodd" clip-rule="evenodd" d="M23.0078 18.2722H14.0719C13.7208 18.2722 13.4336 17.9842 13.4336 17.6322C13.4336 17.2802 13.7208 16.9922 14.0719 16.9922H23.0078C23.3588 16.9922 23.6461 17.2802 23.6461 17.6322C23.6461 17.9842 23.3588 18.2722 23.0078 18.2722Z" fill="url(#paint1_linear_193_1006)"/>
+<path id="XMLID_42_" fill-rule="evenodd" clip-rule="evenodd" d="M16.624 21.0398H7.68808C7.33703 21.0398 7.0498 20.7518 7.0498 20.3998C7.0498 20.0478 7.33703 19.7598 7.68808 19.7598H16.624C16.975 19.7598 17.2623 20.0478 17.2623 20.3998C17.2623 20.7518 16.975 21.0398 16.624 21.0398Z" fill="url(#paint2_linear_193_1006)"/>
+<path id="XMLID_41_" d="M8.74125 8.99171C9.23476 8.99171 9.63484 8.59055 9.63484 8.09571C9.63484 7.60086 9.23476 7.19971 8.74125 7.19971C8.24773 7.19971 7.84766 7.60086 7.84766 8.09571C7.84766 8.59055 8.24773 8.99171 8.74125 8.99171Z" fill="url(#paint3_linear_193_1006)"/>
+<path id="XMLID_40_" d="M11.7898 6.09615C12.3803 6.09615 12.8589 5.6162 12.8589 5.02415C12.8589 4.4321 12.3803 3.95215 11.7898 3.95215C11.1994 3.95215 10.7207 4.4321 10.7207 5.02415C10.7207 5.6162 11.1994 6.09615 11.7898 6.09615Z" fill="url(#paint4_linear_193_1006)"/>
+<path id="XMLID_39_" d="M5.39066 2.81593C5.88418 2.81593 6.28425 2.41477 6.28425 1.91993C6.28425 1.42508 5.88418 1.02393 5.39066 1.02393C4.89715 1.02393 4.49707 1.42508 4.49707 1.91993C4.49707 2.41477 4.89715 2.81593 5.39066 2.81593Z" fill="url(#paint5_linear_193_1006)"/>
+<path id="XMLID_38_" d="M19.3687 2.496C20.0561 2.496 20.6133 1.93725 20.6133 1.248C20.6133 0.558749 20.0561 0 19.3687 0C18.6813 0 18.124 0.558749 18.124 1.248C18.124 1.93725 18.6813 2.496 19.3687 2.496Z" fill="url(#paint6_linear_193_1006)"/>
+<path id="XMLID_37_" d="M17.8535 8.52784C18.3471 8.52784 18.7471 8.12669 18.7471 7.63184C18.7471 7.13699 18.3471 6.73584 17.8535 6.73584C17.36 6.73584 16.96 7.13699 16.96 7.63184C16.96 8.12669 17.36 8.52784 17.8535 8.52784Z" fill="url(#paint7_linear_193_1006)"/>
+<path id="XMLID_36_" d="M1.84842 8.27193C2.43887 8.27193 2.91754 7.79198 2.91754 7.19993C2.91754 6.60788 2.43887 6.12793 1.84842 6.12793C1.25796 6.12793 0.779297 6.60788 0.779297 7.19993C0.779297 7.79198 1.25796 8.27193 1.84842 8.27193Z" fill="url(#paint8_linear_193_1006)"/>
+<path id="XMLID_35_" d="M10.8955 13.5518C11.3891 13.5518 11.7891 13.1506 11.7891 12.6558C11.7891 12.1609 11.3891 11.7598 10.8955 11.7598C10.402 11.7598 10.002 12.1609 10.002 12.6558C10.002 13.1506 10.402 13.5518 10.8955 13.5518Z" fill="url(#paint9_linear_193_1006)"/>
+<path id="XMLID_34_" d="M20.677 11.9361C21.0736 11.9361 21.3951 11.6137 21.3951 11.2161C21.3951 10.8184 21.0736 10.4961 20.677 10.4961C20.2805 10.4961 19.959 10.8184 19.959 11.2161C19.959 11.6137 20.2805 11.9361 20.677 11.9361Z" fill="url(#paint10_linear_193_1006)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1006" x1="6.03107" y1="18.2726" x2="6.03107" y2="16.9924" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1006" x1="18.5418" y1="18.2726" x2="18.5418" y2="16.9924" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_1006" x1="12.158" y1="21.0402" x2="12.158" y2="19.7599" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_1006" x1="8.74159" y1="8.99232" x2="8.74159" y2="7.19996" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_1006" x1="11.7902" y1="6.09688" x2="11.7902" y2="3.95245" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_1006" x1="5.39101" y1="2.81654" x2="5.39101" y2="1.02418" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_1006" x1="19.3692" y1="2.49686" x2="19.3692" y2="0.000355937" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint7_linear_193_1006" x1="17.8539" y1="8.52846" x2="17.8539" y2="6.7361" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint8_linear_193_1006" x1="1.84883" y1="8.27267" x2="1.84883" y2="6.12824" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint9_linear_193_1006" x1="10.8959" y1="13.5524" x2="10.8959" y2="11.76" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint10_linear_193_1006" x1="20.6773" y1="11.9366" x2="20.6773" y2="10.4963" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/507.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/507.svg
new file mode 100644
index 00000000..be0825ef
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/507.svg
@@ -0,0 +1,48 @@
+<svg width="34" height="25" viewBox="0 0 34 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814265">
+<path id="XMLID_22_" d="M5.78617 20.2876C6.27968 20.2876 6.67977 19.8865 6.67977 19.3916C6.67977 18.8968 6.27968 18.4956 5.78617 18.4956C5.29265 18.4956 4.89258 18.8968 4.89258 19.3916C4.89258 19.8865 5.29265 20.2876 5.78617 20.2876Z" fill="url(#paint0_linear_193_1030)"/>
+<path id="XMLID_21_" d="M1.76468 12.3198C2.2582 12.3198 2.65827 11.9187 2.65827 11.4238C2.65827 10.929 2.2582 10.5278 1.76468 10.5278C1.27116 10.5278 0.871094 10.929 0.871094 11.4238C0.871094 11.9187 1.27116 12.3198 1.76468 12.3198Z" fill="url(#paint1_linear_193_1030)"/>
+<path id="XMLID_20_" d="M32.115 15.3759C32.7055 15.3759 33.1841 14.896 33.1841 14.3039C33.1841 13.7119 32.7055 13.2319 32.115 13.2319C31.5246 13.2319 31.0459 13.7119 31.0459 14.3039C31.0459 14.896 31.5246 15.3759 32.115 15.3759Z" fill="url(#paint2_linear_193_1030)"/>
+<g id="XMLID_14_">
+<path id="XMLID_19_" fill-rule="evenodd" clip-rule="evenodd" d="M31.0456 5.28C31.0456 2.368 25.0777 0 17.7215 0C10.3654 0 4.39746 2.368 4.39746 5.28C4.39746 6.864 6.15274 8.272 8.91329 9.232C8.88138 9.376 8.86542 9.52 8.86542 9.664C8.86542 10.448 9.32817 11.168 10.126 11.808C8.45054 12.368 7.39738 13.168 7.39738 14.064C7.39738 15.088 8.78563 16 10.9398 16.56C10.8281 16.752 10.7643 16.96 10.7643 17.168C10.7643 17.888 11.5143 18.544 12.743 19.056C11.1792 19.568 10.142 20.416 10.142 21.392C10.142 22.944 12.8068 24.208 16.1099 24.208C19.413 24.208 22.0778 22.944 22.0778 21.392C22.0778 20.864 21.7587 20.352 21.2161 19.936C24.5352 19.584 26.9447 18.48 26.9447 17.184C26.9447 16.352 25.9553 15.6 24.3596 15.072C24.6469 14.768 24.8224 14.432 24.8224 14.08C24.8224 13.808 24.7267 13.552 24.5511 13.296C27.1521 12.496 28.8595 11.184 28.8595 9.68C28.8595 9.248 28.7159 8.816 28.4446 8.416C30.0722 7.536 31.0456 6.464 31.0456 5.28Z" fill="url(#paint3_linear_193_1030)"/>
+<path id="XMLID_18_" fill-rule="evenodd" clip-rule="evenodd" d="M28.1093 3.16797C28.588 3.72797 28.8592 4.33597 28.8592 4.95997C28.8592 7.79197 23.5296 10.08 16.9394 10.08C13.5405 10.08 10.4768 9.47197 8.30664 8.47997C10.4608 9.71197 14.0192 10.512 18.0404 10.512C24.6147 10.512 29.9603 8.36797 29.9603 5.72797C29.9603 4.78397 29.2901 3.90397 28.1093 3.16797Z" fill="url(#paint4_linear_193_1030)"/>
+<path id="XMLID_17_" opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M10.9398 3.87183C10.7005 4.12783 10.5568 4.41583 10.5568 4.71983C10.509 6.07983 13.0621 7.27983 16.2375 7.37583C17.8811 7.42383 19.3651 7.16783 20.4342 6.73583C19.3811 7.29583 17.6417 7.63183 15.695 7.56783C12.5196 7.47183 9.96643 6.35183 9.99834 5.07183C10.0303 4.62383 10.3654 4.20783 10.9398 3.87183Z" fill="url(#paint5_linear_193_1030)"/>
+<path id="XMLID_16_" fill-rule="evenodd" clip-rule="evenodd" d="M11.1788 13.4241C10.9234 13.7921 10.7958 14.1921 10.8277 14.5761C11.0032 16.3201 14.434 17.3761 18.4711 16.9601C20.5615 16.7361 22.3965 16.1761 23.6731 15.4241C22.4284 16.3201 20.2902 17.0401 17.8328 17.2961C13.7957 17.7281 10.3809 16.7521 10.2054 15.1201C10.1416 14.5441 10.5086 13.9681 11.1788 13.4241Z" fill="url(#paint6_linear_193_1030)"/>
+<path id="XMLID_15_" fill-rule="evenodd" clip-rule="evenodd" d="M20.9773 20.1763C21.2006 20.4643 21.3123 20.7683 21.2964 21.0723C21.2166 22.4483 18.5518 23.3923 15.3604 23.2003C13.7168 23.1043 12.2488 22.7043 11.2275 22.1763C12.2328 22.8323 13.9402 23.3283 15.887 23.4563C19.0784 23.6483 21.7272 22.7683 21.807 21.4883C21.8389 21.0083 21.5357 20.5603 20.9773 20.1763Z" fill="url(#paint7_linear_193_1030)"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1030" x1="5.78652" y1="20.2882" x2="5.78652" y2="18.4959" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1030" x1="1.76503" y1="12.3204" x2="1.76503" y2="10.5281" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_1030" x1="32.1154" y1="15.3767" x2="32.1154" y2="13.2322" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_1030" x1="17.7267" y1="24.2163" x2="17.7267" y2="0.00345213" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_1030" x1="19.1377" y1="10.5145" x2="19.1377" y2="3.16902" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_1030" x1="15.2182" y1="7.57687" x2="15.2182" y2="3.87235" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_1030" x1="16.9383" y1="17.3997" x2="16.9383" y2="13.4246" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint7_linear_193_1030" x1="16.5205" y1="23.4837" x2="16.5205" y2="20.1767" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/508.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/508.svg
new file mode 100644
index 00000000..ec095a41
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/508.svg
@@ -0,0 +1,9 @@
+<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="XMLID_9_" fill-rule="evenodd" clip-rule="evenodd" d="M20.1952 11.04C20.1952 7.936 18.424 5.2 15.7751 3.696C15.2964 3.376 14.7858 3.088 14.2592 2.848C14.5624 2.816 14.8656 2.8 15.1688 2.8C16.5411 2.8 17.8336 3.088 18.9985 3.6C17.0677 1.408 14.1316 0 10.8444 0C5.02014 0 0.296875 4.4 0.296875 9.84C0.296875 9.936 0.296881 10.048 0.312838 10.144C0.312838 10.256 0.296875 10.384 0.296875 10.496C0.296875 13.6 2.06811 16.336 4.71697 17.84C5.19568 18.16 5.7063 18.448 6.23288 18.688C5.9297 18.72 5.62651 18.736 5.32332 18.736C3.95102 18.736 2.65851 18.448 1.49365 17.936C3.42444 20.128 6.36052 21.536 9.64766 21.536C15.472 21.536 20.1952 17.136 20.1952 11.696C20.1952 11.6 20.1952 11.488 20.1793 11.392C20.1952 11.264 20.1952 11.152 20.1952 11.04ZM10.7806 14.016C8.99344 14.016 7.54135 12.56 7.54135 10.768C7.54135 8.976 8.99344 7.52 10.7806 7.52C12.5678 7.52 14.0199 8.976 14.0199 10.768C14.0199 12.544 12.5678 14.016 10.7806 14.016Z" fill="url(#paint0_linear_193_1070)"/>
+<defs>
+<linearGradient id="paint0_linear_193_1070" x1="10.2499" y1="21.5434" x2="10.2499" y2="0.0030711" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/509.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/509.svg
new file mode 100644
index 00000000..45337c0d
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/509.svg
@@ -0,0 +1,35 @@
+<svg width="33" height="29" viewBox="0 0 33 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814277">
+<path id="XMLID_13_" fill-rule="evenodd" clip-rule="evenodd" d="M20.2275 28.3679H11.2916C10.9405 28.3679 10.6533 28.0799 10.6533 27.7279C10.6533 27.3759 10.9405 27.0879 11.2916 27.0879H20.2275C20.5786 27.0879 20.8658 27.3759 20.8658 27.7279C20.8658 28.0799 20.5786 28.3679 20.2275 28.3679Z" fill="url(#paint0_linear_193_988)"/>
+<g id="Group 1142814260">
+<g id="XMLID_9_">
+<path id="XMLID_12_" fill-rule="evenodd" clip-rule="evenodd" d="M24.0656 5.904C23.5071 5.904 22.9805 5.952 22.4539 6.048C21.5284 2.56 18.5285 0 14.9701 0C11.2202 0 8.09265 2.832 7.34267 6.608C3.44917 6.784 0.353516 10.208 0.353516 14.4C0.353516 18.72 3.6247 22.208 7.66181 22.208H24.0656C28.9165 22.208 32.8419 18.56 32.8419 14.048C32.8419 9.536 28.9165 5.904 24.0656 5.904Z" fill="url(#paint1_linear_193_988)"/>
+<path id="XMLID_11_" fill-rule="evenodd" clip-rule="evenodd" d="M8.34822 8.36834C9.00246 5.00834 11.7949 2.48033 15.1459 2.48033C18.3213 2.48033 20.9861 4.75234 21.8159 7.85634C22.2787 7.77634 22.7574 7.72834 23.252 7.72834C27.2892 7.72834 30.6082 10.5763 31.0231 14.2243C31.055 13.9683 31.071 13.7123 31.071 13.4563C31.071 9.44034 27.5764 6.19233 23.252 6.19233C22.7574 6.19233 22.2787 6.24033 21.8159 6.32033C20.9861 3.21633 18.3213 0.944336 15.1459 0.944336C11.8109 0.944336 9.01842 3.47233 8.34822 6.83233C4.88556 6.99233 2.125 10.0323 2.125 13.7763C2.125 14.0323 2.14096 14.2883 2.17287 14.5443C2.52392 11.1683 5.12491 8.52834 8.34822 8.36834Z" fill="url(#paint2_linear_193_988)"/>
+<path id="XMLID_10_" fill-rule="evenodd" clip-rule="evenodd" d="M9.16142 8.35205C8.92207 8.35205 8.68271 8.36805 8.44336 8.40005C11.5709 8.80005 13.9964 11.6481 13.9964 15.1041C13.9964 16.7201 13.4539 18.2081 12.5762 19.3761C13.9804 18.2561 14.89 16.4801 14.89 14.4801C14.89 11.0881 12.3209 8.35205 9.16142 8.35205Z" fill="url(#paint3_linear_193_988)"/>
+</g>
+<path id="XMLID_8_" fill-rule="evenodd" clip-rule="evenodd" d="M25.342 25.4719H6.30527C5.95422 25.4719 5.66699 25.1839 5.66699 24.8319C5.66699 24.4799 5.95422 24.1919 6.30527 24.1919H25.3579C25.709 24.1919 25.9962 24.4799 25.9962 24.8319C25.9802 25.1839 25.693 25.4719 25.342 25.4719Z" fill="url(#paint4_linear_193_988)"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_988" x1="15.7615" y1="28.3683" x2="15.7615" y2="27.0881" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_988" x1="16.604" y1="22.2156" x2="16.604" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_988" x1="16.6004" y1="0.95768" x2="16.6004" y2="14.5526" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_988" x1="11.666" y1="8.34802" x2="11.666" y2="19.3684" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_988" x1="15.8355" y1="25.4723" x2="15.8355" y2="24.1921" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/514.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/514.svg
new file mode 100644
index 00000000..df9b640f
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/514.svg
@@ -0,0 +1,38 @@
+<svg width="33" height="29" viewBox="0 0 33 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814276">
+<g id="XMLID_16_">
+<path id="XMLID_19_" fill-rule="evenodd" clip-rule="evenodd" d="M23.7179 5.904C23.1594 5.904 22.6329 5.952 22.1063 6.048C21.1808 2.56 18.1809 0 14.6225 0C10.8726 0 7.745 2.832 6.99502 6.608C3.10152 6.784 0.00585938 10.208 0.00585938 14.4C0.00585938 18.72 3.27705 22.208 7.31416 22.208H23.7179C28.5689 22.208 32.4943 18.56 32.4943 14.048C32.4943 9.536 28.5689 5.904 23.7179 5.904Z" fill="url(#paint0_linear_193_980)"/>
+<path id="XMLID_18_" fill-rule="evenodd" clip-rule="evenodd" d="M8.00057 8.36834C8.6548 5.00834 11.4473 2.48034 14.7982 2.48034C17.9737 2.48034 20.6385 4.75234 21.4683 7.85634C21.931 7.77634 22.4097 7.72834 22.9044 7.72834C26.9415 7.72834 30.2606 10.5763 30.6754 14.2243C30.7073 13.9683 30.7233 13.7123 30.7233 13.4563C30.7233 9.44034 27.2287 6.19234 22.9044 6.19234C22.4097 6.19234 21.931 6.24034 21.4683 6.32034C20.6385 3.21634 17.9737 0.944336 14.7982 0.944336C11.4632 0.944336 8.67076 3.47234 8.00057 6.83234C4.5379 6.99234 1.77734 10.0323 1.77734 13.7763C1.77734 14.0323 1.7933 14.2883 1.82521 14.5443C2.17627 11.1683 4.77726 8.51234 8.00057 8.36834Z" fill="url(#paint1_linear_193_980)"/>
+<path id="XMLID_17_" fill-rule="evenodd" clip-rule="evenodd" d="M8.81377 8.33594C8.57441 8.33594 8.33506 8.35194 8.0957 8.38394C11.2233 8.78394 13.6487 11.6319 13.6487 15.0879C13.6487 16.7039 13.1062 18.1919 12.2286 19.3599C13.6328 18.2399 14.5423 16.4639 14.5423 14.4639C14.5423 11.0879 11.9732 8.33594 8.81377 8.33594Z" fill="url(#paint2_linear_193_980)"/>
+</g>
+<path id="XMLID_15_" fill-rule="evenodd" clip-rule="evenodd" d="M14.1113 25.4719H5.17539C4.82434 25.4719 4.53711 25.1839 4.53711 24.8319C4.53711 24.4799 4.82434 24.1919 5.17539 24.1919H14.1113C14.4624 24.1919 14.7496 24.4799 14.7496 24.8319C14.7496 25.1839 14.4624 25.4719 14.1113 25.4719Z" fill="url(#paint3_linear_193_980)"/>
+<path id="XMLID_14_" fill-rule="evenodd" clip-rule="evenodd" d="M26.622 25.4719H17.6861C17.3351 25.4719 17.0479 25.1839 17.0479 24.8319C17.0479 24.4799 17.3351 24.1919 17.6861 24.1919H26.622C26.9731 24.1919 27.2603 24.4799 27.2603 24.8319C27.2603 25.1839 26.9731 25.4719 26.622 25.4719Z" fill="url(#paint4_linear_193_980)"/>
+<path id="XMLID_13_" fill-rule="evenodd" clip-rule="evenodd" d="M20.2392 28.2395H11.3033C10.9523 28.2395 10.665 27.9515 10.665 27.5995C10.665 27.2475 10.9523 26.9595 11.3033 26.9595H20.2392C20.5903 26.9595 20.8775 27.2475 20.8775 27.5995C20.8775 27.9515 20.5903 28.2395 20.2392 28.2395Z" fill="url(#paint5_linear_193_980)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_980" x1="16.2564" y1="22.2156" x2="16.2564" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_980" x1="16.2511" y1="0.953696" x2="16.2511" y2="14.5486" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_980" x1="11.3167" y1="8.34392" x2="11.3167" y2="19.3643" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_980" x1="9.64532" y1="25.4723" x2="9.64532" y2="24.1921" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_980" x1="22.1561" y1="25.4723" x2="22.1561" y2="24.1921" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_980" x1="15.7733" y1="28.2399" x2="15.7733" y2="26.9597" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/900.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/900.svg
new file mode 100644
index 00000000..fdbb76eb
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/900.svg
@@ -0,0 +1,16 @@
+<svg width="12" height="21" viewBox="0 0 12 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814267">
+<path id="XMLID_6_" d="M5.8908 0.64C7.16736 0.64 8.36414 1.648 8.36414 2.88V11.12C9.75239 11.888 10.5183 13.344 10.5183 14.992C10.5183 17.472 8.44392 19.472 5.8908 19.472C3.33769 19.472 1.26328 17.472 1.26328 14.992C1.26328 13.328 2.02921 11.888 3.41747 11.12V2.88C3.41747 1.648 4.61425 0.64 5.8908 0.64ZM5.8908 0C4.19936 0 2.77919 1.312 2.77919 2.88V10.768C1.42285 11.68 0.625 13.232 0.625 15.008C0.625 17.824 2.98663 20.128 5.8908 20.128C8.79497 20.128 11.1566 17.824 11.1566 15.008C11.1566 13.232 10.3588 11.68 9.00242 10.768V2.88C9.00242 1.328 7.58224 0 5.8908 0Z" fill="url(#paint0_linear_193_1071)"/>
+<path id="XMLID_1_" fill-rule="evenodd" clip-rule="evenodd" d="M7.85393 11.4245V3.48851C7.85393 2.40051 6.97631 1.52051 5.89123 1.52051C4.80616 1.52051 3.92852 2.40051 3.92852 3.48851V11.4245C2.76366 12.1125 1.96582 13.3765 1.96582 14.8325C1.96582 17.0085 3.72108 18.7685 5.89123 18.7685C8.06138 18.7685 9.81665 17.0085 9.81665 14.8325C9.81665 13.3765 9.03475 12.1125 7.85393 11.4245ZM5.36465 8.84851H4.40723C4.2317 8.84851 4.08809 8.70451 4.08809 8.52851C4.08809 8.35251 4.2317 8.20851 4.40723 8.20851H5.36465C5.54017 8.20851 5.68378 8.35251 5.68378 8.52851C5.68378 8.70451 5.54017 8.84851 5.36465 8.84851ZM5.36465 7.79251H4.40723C4.2317 7.79251 4.08809 7.64851 4.08809 7.47251C4.08809 7.29651 4.2317 7.15251 4.40723 7.15251H5.36465C5.54017 7.15251 5.68378 7.29651 5.68378 7.47251C5.68378 7.64851 5.54017 7.79251 5.36465 7.79251ZM5.36465 6.73651H4.40723C4.2317 6.73651 4.08809 6.59251 4.08809 6.41651C4.08809 6.24051 4.2317 6.09651 4.40723 6.09651H5.36465C5.54017 6.09651 5.68378 6.24051 5.68378 6.41651C5.68378 6.59251 5.54017 6.73651 5.36465 6.73651Z" fill="url(#paint1_linear_193_1071)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1071" x1="0.631319" y1="10.0635" x2="11.1629" y2="10.0635" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5ECAFF"/>
+<stop offset="1" stop-color="#B6D1FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1071" x1="5.89276" y1="18.7744" x2="5.89276" y2="1.52297" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814257.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814257.svg
new file mode 100644
index 00000000..7828ad8f
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814257.svg	
@@ -0,0 +1,16 @@
+<svg width="31" height="24" viewBox="0 0 31 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814257">
+<path id="XMLID_2_" fill-rule="evenodd" clip-rule="evenodd" d="M30.6834 11.504C30.6834 9.856 29.6143 8.368 27.8909 7.344C27.9388 7.072 27.9707 6.8 27.9707 6.512C27.9707 3.616 25.3537 1.136 21.6038 0C24.0612 1.328 25.5931 3.216 25.5931 5.312C25.5931 9.328 19.9443 12.592 12.9711 12.592C12.3488 12.592 11.7265 12.56 11.1201 12.512C12.8275 13.248 14.87 13.664 17.0721 13.664C22.3379 13.664 26.726 11.216 27.7473 7.968C28.4175 8.736 28.8004 9.616 28.8004 10.544C28.8004 13.728 24.3325 16.304 18.8273 16.304C18.3327 16.304 17.838 16.288 17.3593 16.24C18.6518 16.8 20.1837 17.12 21.8272 17.152C22.5134 17.616 22.8964 18.144 22.8964 18.72C22.8964 20.544 18.8592 22.032 13.8966 22.032C13.4498 22.032 13.003 22.016 12.5722 22C13.8009 22.336 15.253 22.528 16.8168 22.528C21.1251 22.528 24.6038 21.072 24.6038 19.28C24.6038 18.464 23.8857 17.728 22.7049 17.152C27.1888 16.912 30.6834 14.48 30.6834 11.504Z" fill="url(#paint0_linear_193_1003)"/>
+<path id="XMLID_1_" fill-rule="evenodd" clip-rule="evenodd" d="M14.5824 15.4879C14.5824 14.3359 13.8324 13.2959 12.6356 12.5759C12.6675 12.3839 12.6835 12.1919 12.6835 11.9999C12.6835 9.98394 10.8484 8.23994 8.23147 7.43994C9.93886 8.36794 11.0239 9.69594 11.0239 11.1519C11.0239 13.9679 7.06662 16.2399 2.19974 16.2399C1.75294 16.2399 1.32211 16.2239 0.907227 16.1919C2.104 16.7039 3.54012 17.0079 5.07199 17.0079C8.75806 17.0079 11.8218 15.2959 12.5399 13.0239C13.0026 13.5679 13.2739 14.1759 13.2739 14.8319C13.2739 17.0559 10.1463 18.8639 6.30067 18.8639C5.94962 18.8639 5.61452 18.8479 5.27942 18.8159C6.18897 19.1999 7.25811 19.4399 8.40701 19.4559C8.88572 19.7759 9.15698 20.1599 9.15698 20.5439C9.15698 21.8239 6.33259 22.8639 2.85397 22.8639C2.53483 22.8639 2.23164 22.8479 1.92846 22.8319C2.79013 23.0719 3.79544 23.1999 4.89647 23.1999C7.91234 23.1999 10.3378 22.1759 10.3378 20.9279C10.3378 20.3679 9.84312 19.8399 9.01336 19.4399C12.1409 19.2799 14.5824 17.5679 14.5824 15.4879Z" fill="url(#paint1_linear_193_1003)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1003" x1="20.9055" y1="22.5357" x2="20.9055" y2="0.00321256" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1003" x1="7.74744" y1="23.2054" x2="7.74744" y2="7.44219" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814258.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814258.svg
new file mode 100644
index 00000000..b1df0144
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814258.svg	
@@ -0,0 +1,11 @@
+<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814258">
+<path id="XMLID_3_" fill-rule="evenodd" clip-rule="evenodd" d="M19.743 11.504C19.743 9.856 18.6738 8.368 16.9505 7.344C16.9984 7.072 17.0303 6.8 17.0303 6.512C17.0303 3.616 14.4133 1.136 10.6634 0C13.1208 1.328 14.6527 3.216 14.6527 5.312C14.6527 9.328 9.00391 12.592 2.03071 12.592C1.40839 12.592 0.786053 12.56 0.179688 12.512C1.88708 13.248 3.92959 13.664 6.13165 13.664C11.3975 13.664 15.7856 11.216 16.8069 7.968C17.4771 8.736 17.86 9.616 17.86 10.544C17.86 13.728 13.3921 16.304 7.88692 16.304C7.39225 16.304 6.89759 16.288 6.41888 16.24C7.7114 16.8 9.24327 17.12 10.8868 17.152C11.573 17.616 11.9559 18.144 11.9559 18.72C11.9559 20.544 7.91883 22.032 2.95621 22.032C2.50941 22.032 2.06263 22.016 1.63179 22C2.86048 22.336 4.31256 22.528 5.87634 22.528C10.1847 22.528 13.6633 21.072 13.6633 19.28C13.6633 18.464 12.9453 17.728 11.7645 17.152C16.2484 16.912 19.743 14.48 19.743 11.504Z" fill="url(#paint0_linear_193_1001)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1001" x1="9.96512" y1="22.5357" x2="9.96512" y2="0.00321256" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814266.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814266.svg
new file mode 100644
index 00000000..f141b8f8
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814266.svg	
@@ -0,0 +1,21 @@
+<svg width="15" height="27" viewBox="0 0 15 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814266">
+<path id="XMLID_6_" fill-rule="evenodd" clip-rule="evenodd" d="M11.9059 0C11.9059 0 4.93275 3.744 3.28918 8C1.98071 11.408 3.17749 14.48 5.25189 15.568C5.23594 13.312 6.86355 10.576 8.82626 8.8C8.53904 9.808 6.73589 13.392 6.62419 15.984C6.73589 16 6.84758 16 6.97524 16C10.0071 16 14.2835 12.416 14.2835 8C14.2835 3.584 11.9059 0 11.9059 0Z" fill="url(#paint0_linear_193_1048)"/>
+<path id="XMLID_3_" d="M0.449219 18.4482H2.95446C4.6459 18.4482 5.95438 19.0402 5.95438 20.8482C5.95438 22.5922 4.64591 23.3922 3.00234 23.3922H1.98109V26.1122H0.449219V18.4482ZM2.89063 22.1762C3.94379 22.1762 4.45442 21.7282 4.45442 20.8482C4.45442 19.9522 3.89593 19.6642 2.84277 19.6642H1.98109V22.1762H2.89063Z" fill="url(#paint1_linear_193_1048)"/>
+<path id="XMLID_1_" d="M7.34277 18.4482H9.03421L10.3427 22.0322C10.5023 22.5122 10.6459 23.0082 10.8054 23.5202H10.8533C11.0129 23.0242 11.1565 22.5122 11.3161 22.0322L12.5926 18.4482H14.2841V26.1122H12.8958V22.9122C12.8958 22.1922 13.0075 21.1202 13.0873 20.4002H13.0394L12.4171 22.2082L11.2363 25.4242H10.3586L9.17783 22.2082L8.57145 20.4002H8.52359C8.60338 21.1202 8.71507 22.1922 8.71507 22.9122V26.1122H7.34277V18.4482Z" fill="url(#paint2_linear_193_1048)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1048" x1="8.51559" y1="16.0055" x2="8.51559" y2="0.00228165" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1048" x1="3.20287" y1="26.1149" x2="3.20287" y2="18.4493" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_1048" x1="10.8148" y1="26.1149" x2="10.8148" y2="18.4493" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814269.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814269.svg
new file mode 100644
index 00000000..5a66ab93
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814269.svg	
@@ -0,0 +1,16 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814269">
+<path id="XMLID_25_" fill-rule="evenodd" clip-rule="evenodd" d="M18.7464 19.359H11.2147C11.2307 19.295 11.2466 19.215 11.2466 19.151V10.335C11.2466 9.95101 10.9594 9.63101 10.6084 9.63101H10.4488V4.28701C10.4488 3.90301 10.1616 3.58301 9.81052 3.58301C9.45946 3.58301 9.17224 3.90301 9.17224 4.28701V9.63101H9.01267C8.66161 9.63101 8.37439 9.95101 8.37439 10.335V19.135C8.37439 19.215 8.39035 19.279 8.4063 19.343H0.874607C0.523554 19.343 0.236328 19.663 0.236328 20.047C0.236328 20.431 0.523554 20.751 0.874607 20.751H18.7464C19.0975 20.751 19.3847 20.431 19.3847 20.047C19.3847 19.663 19.0975 19.359 18.7464 19.359Z" fill="url(#paint0_linear_193_1055)"/>
+<path id="XMLID_24_" fill-rule="evenodd" clip-rule="evenodd" d="M18.826 3.27903L17.0229 1.96703C16.7676 1.79103 16.4165 1.96703 16.4165 2.27103V3.10303H5.13496L1.20954 0.0790299C0.922313 -0.14497 0.507431 0.14303 0.635087 0.49503L1.67229 3.47103C1.7042 3.55103 1.7042 3.63103 1.67229 3.71103L0.635087 6.68703C0.507431 7.03903 0.922313 7.32703 1.20954 7.10303L5.13496 4.07903H16.4165V4.89503C16.4165 5.19903 16.7676 5.39103 17.0229 5.19903L18.826 3.88703C19.0335 3.74303 19.0335 3.43903 18.826 3.27903Z" fill="url(#paint1_linear_193_1055)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1055" x1="9.81423" y1="20.7569" x2="9.81423" y2="3.58546" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1055" x1="9.80004" y1="7.18453" x2="9.80004" y2="0.00102418" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814270.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814270.svg
new file mode 100644
index 00000000..a3711114
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814270.svg	
@@ -0,0 +1,16 @@
+<svg width="17" height="22" viewBox="0 0 17 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814270">
+<path id="XMLID_29_" d="M8.3274 21.744C4.00306 21.744 0.476562 18.224 0.476562 13.872C0.476562 9.632 7.80082 0.64 8.104 0.272L8.3274 0L8.55079 0.272C8.86993 0.656 16.1782 9.632 16.1782 13.872C16.1942 18.224 12.6677 21.744 8.3274 21.744ZM8.3274 0.912C7.08275 2.48 1.05101 10.224 1.05101 13.872C1.05101 17.888 4.3222 21.168 8.3274 21.168C12.3326 21.168 15.6038 17.888 15.6038 13.872C15.6038 10.24 9.588 2.48 8.3274 0.912Z" fill="url(#paint0_linear_193_1052)"/>
+<path id="XMLID_26_" fill-rule="evenodd" clip-rule="evenodd" d="M8.32754 2C8.32754 2 1.7373 10.048 1.7373 13.696C1.7373 17.344 4.68935 20.304 8.32754 20.304C11.9657 20.304 14.9337 17.344 14.9337 13.696C14.9337 10.048 8.32754 2 8.32754 2ZM5.94995 17.216C6.09356 17.36 6.09356 17.616 5.94995 17.76C5.87016 17.84 5.77442 17.872 5.67868 17.872C5.58294 17.872 5.4872 17.84 5.40741 17.76C4.30638 16.656 3.71597 15.2 3.71597 13.648C3.71597 12.096 4.32234 10.64 5.40741 9.536C5.55102 9.392 5.80633 9.392 5.94995 9.536C6.09356 9.68 6.09356 9.936 5.94995 10.08C5.00849 11.024 4.48191 12.288 4.48191 13.632C4.48191 14.992 5.00849 16.256 5.94995 17.216Z" fill="url(#paint1_linear_193_1052)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1052" x1="0.476562" y1="10.8713" x2="16.1918" y2="10.8713" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5ECAFF"/>
+<stop offset="1" stop-color="#B6D1FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1052" x1="8.33808" y1="20.3103" x2="8.33808" y2="2.00261" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814271.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814271.svg
new file mode 100644
index 00000000..05c28e66
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814271.svg	
@@ -0,0 +1,21 @@
+<svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814271">
+<path id="XMLID_34_" d="M11.9978 0C13.5616 2.112 14.503 4.72 14.503 7.552C14.503 14.528 8.87021 20.176 1.91296 20.176C1.46617 20.176 1.03533 20.16 0.604492 20.112C2.7906 22.384 5.85434 23.792 9.25318 23.792C15.8913 23.792 21.2847 18.4 21.2847 11.728C21.2847 6.032 17.3115 1.248 11.9978 0Z" fill="url(#paint0_linear_193_1074)"/>
+<path id="XMLID_33_" d="M6.5561 1.40771L7.62522 3.59972L10.0347 3.93572L8.29541 5.64772L8.7103 8.04772L6.5561 6.91172L4.38595 8.04772L4.80083 5.64772L3.06152 3.93572L5.47103 3.59972L6.5561 1.40771Z" fill="url(#paint1_linear_193_1074)"/>
+<path id="XMLID_32_" d="M5.79058 11.168L6.68417 13.008L8.7107 13.312L7.24266 14.736L7.59372 16.752L5.79058 15.808L3.97148 16.752L4.32253 14.736L2.85449 13.312L4.88103 13.008L5.79058 11.168Z" fill="url(#paint2_linear_193_1074)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1074" x1="10.9424" y1="-0.000976" x2="10.9424" y2="23.7969" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1074" x1="3.06106" y1="4.72872" x2="10.0354" y2="4.72872" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_1074" x1="2.85302" y1="13.9648" x2="8.71316" y2="13.9648" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814272.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814272.svg
new file mode 100644
index 00000000..0799325e
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814272.svg	
@@ -0,0 +1,33 @@
+<svg width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814272">
+<path id="XMLID_30_" d="M26.4326 1.53564C27.4059 2.84764 27.9804 4.46364 27.9804 6.22364C27.9804 10.5596 24.4858 14.0636 20.1615 14.0636C19.8902 14.0636 19.6189 14.0476 19.3477 14.0156C20.704 15.4236 22.6029 16.3036 24.7252 16.3036C28.858 16.3036 32.193 12.9436 32.193 8.81565C32.193 5.27964 29.7357 2.30364 26.4326 1.53564Z" fill="url(#paint0_linear_193_1078)"/>
+<path id="XMLID_29_" d="M23.5445 0L24.2307 1.392L25.7785 1.616L24.6615 2.72L24.9328 4.256L23.5445 3.52L22.1563 4.256L22.4275 2.72L21.3105 1.616L22.8584 1.392L23.5445 0Z" fill="url(#paint1_linear_193_1078)"/>
+<g id="XMLID_25_">
+<path id="XMLID_28_" fill-rule="evenodd" clip-rule="evenodd" d="M24.2944 7.07148C23.7359 7.07148 23.2094 7.11948 22.6828 7.21548C21.7413 3.72748 18.7414 1.16748 15.183 1.16748C11.4331 1.16748 8.30554 3.99948 7.55556 7.77548C3.66206 7.95148 0.566406 11.3755 0.566406 15.5675C0.566406 19.8875 3.83759 23.3755 7.8747 23.3755H24.2785C29.1294 23.3755 33.0548 19.7275 33.0548 15.2155C33.0548 10.7035 29.1294 7.07148 24.2944 7.07148Z" fill="url(#paint2_linear_193_1078)"/>
+<path id="XMLID_27_" fill-rule="evenodd" clip-rule="evenodd" d="M8.57707 9.53569C9.2313 6.17569 12.0238 3.64769 15.3747 3.64769C18.5502 3.64769 21.215 5.91969 22.0448 9.02369C22.5075 8.94369 22.9862 8.89569 23.4809 8.89569C27.518 8.89569 30.8371 11.7437 31.2519 15.3917C31.2839 15.1357 31.2998 14.8797 31.2998 14.6237C31.2998 10.6077 27.8052 7.35969 23.4809 7.35969C22.9862 7.35969 22.5075 7.40769 22.0448 7.48769C21.215 4.39969 18.5342 2.12769 15.3588 2.12769C12.0238 2.12769 9.23131 4.65569 8.56111 8.01569C5.09845 8.17569 2.33789 11.2157 2.33789 14.9597C2.33789 15.2157 2.35385 15.4717 2.38576 15.7277C2.73681 12.3357 5.35376 9.69569 8.57707 9.53569Z" fill="url(#paint3_linear_193_1078)"/>
+<path id="XMLID_26_" fill-rule="evenodd" clip-rule="evenodd" d="M9.39092 9.51953C9.15156 9.51953 8.91221 9.53553 8.67285 9.56753C11.8004 9.96753 14.2259 12.8155 14.2259 16.2715C14.2259 17.8875 13.6833 19.3755 12.8057 20.5435C14.2099 19.4235 15.1195 17.6475 15.1195 15.6475C15.1035 12.2555 12.5504 9.51953 9.39092 9.51953Z" fill="url(#paint4_linear_193_1078)"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1078" x1="25.7781" y1="1.52913" x2="25.7781" y2="16.313" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1078" x1="21.3104" y1="2.12394" x2="25.7783" y2="2.12394" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F4CB65"/>
+<stop offset="1" stop-color="#FB6452"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_1078" x1="16.8169" y1="23.3831" x2="16.8169" y2="1.17065" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_1078" x1="16.8206" y1="2.12362" x2="16.8206" y2="15.7186" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_1078" x1="11.8869" y1="9.51409" x2="11.8869" y2="20.5344" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814274.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814274.svg
new file mode 100644
index 00000000..607373d1
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814274.svg	
@@ -0,0 +1,53 @@
+<svg width="34" height="31" viewBox="0 0 34 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814274">
+<g id="XMLID_15_">
+<path id="XMLID_18_" fill-rule="evenodd" clip-rule="evenodd" d="M24.6584 5.904C24.0999 5.904 23.5733 5.952 23.0467 6.048C22.1212 2.56 19.1213 0 15.5629 0C11.813 0 8.68542 2.832 7.93544 6.608C4.04194 6.784 0.946289 10.208 0.946289 14.4C0.946289 18.72 4.21747 22.208 8.25458 22.208H24.6584C29.5093 22.208 33.4347 18.56 33.4347 14.048C33.4347 9.536 29.4933 5.904 24.6584 5.904Z" fill="url(#paint0_linear_193_1092)"/>
+<path id="XMLID_17_" fill-rule="evenodd" clip-rule="evenodd" d="M8.941 8.38421C9.59523 5.02421 12.3877 2.49621 15.7387 2.49621C18.9141 2.49621 21.5789 4.7682 22.4087 7.87221C22.8714 7.7922 23.3502 7.74421 23.8448 7.74421C27.8819 7.74421 31.201 10.5922 31.6159 14.2402C31.6478 13.9842 31.6637 13.7282 31.6637 13.4722C31.6637 9.45621 28.1692 6.20821 23.8448 6.20821C23.3502 6.20821 22.8714 6.25621 22.4087 6.33621C21.5789 3.23221 18.9141 0.960205 15.7387 0.960205C12.4037 0.960205 9.61119 3.48821 8.941 6.84821C5.47833 7.00821 2.71777 10.0482 2.71777 13.7922C2.71777 14.0482 2.73373 14.3042 2.76564 14.5602C3.10074 11.1682 5.71769 8.52821 8.941 8.38421Z" fill="url(#paint1_linear_193_1092)"/>
+<path id="XMLID_16_" fill-rule="evenodd" clip-rule="evenodd" d="M9.7542 8.35205C9.51484 8.35205 9.27549 8.36805 9.03613 8.40005C12.1637 8.80005 14.5892 11.6481 14.5892 15.1041C14.5892 16.7201 14.0466 18.2081 13.169 19.3761C14.5732 18.2561 15.4828 16.4801 15.4828 14.4801C15.4668 11.0881 12.9137 8.35205 9.7542 8.35205Z" fill="url(#paint2_linear_193_1092)"/>
+</g>
+<path id="XMLID_14_" d="M14.4619 30.2236C14.9555 30.2236 15.3555 29.8225 15.3555 29.3276C15.3555 28.8328 14.9555 28.4316 14.4619 28.4316C13.9684 28.4316 13.5684 28.8328 13.5684 29.3276C13.5684 29.8225 13.9684 30.2236 14.4619 30.2236Z" fill="url(#paint3_linear_193_1092)"/>
+<path id="XMLID_13_" d="M17.5252 27.3276C18.1156 27.3276 18.5943 26.8476 18.5943 26.2556C18.5943 25.6635 18.1156 25.1836 17.5252 25.1836C16.9347 25.1836 16.4561 25.6635 16.4561 26.2556C16.4561 26.8476 16.9347 27.3276 17.5252 27.3276Z" fill="url(#paint4_linear_193_1092)"/>
+<path id="XMLID_12_" d="M10.4883 26.5752C10.9818 26.5752 11.3819 26.174 11.3819 25.6792C11.3819 25.1844 10.9818 24.7832 10.4883 24.7832C9.9948 24.7832 9.59473 25.1844 9.59473 25.6792C9.59473 26.174 9.9948 26.5752 10.4883 26.5752Z" fill="url(#paint5_linear_193_1092)"/>
+<path id="XMLID_11_" d="M24.4829 26.9276C25.1703 26.9276 25.7276 26.3689 25.7276 25.6796C25.7276 24.9904 25.1703 24.4316 24.4829 24.4316C23.7955 24.4316 23.2383 24.9904 23.2383 25.6796C23.2383 26.3689 23.7955 26.9276 24.4829 26.9276Z" fill="url(#paint6_linear_193_1092)"/>
+<path id="XMLID_10_" d="M23.2383 30.6714C23.7318 30.6714 24.1319 30.2702 24.1319 29.7754C24.1319 29.2805 23.7318 28.8794 23.2383 28.8794C22.7448 28.8794 22.3447 29.2805 22.3447 29.7754C22.3447 30.2702 22.7448 30.6714 23.2383 30.6714Z" fill="url(#paint7_linear_193_1092)"/>
+<path id="XMLID_9_" d="M7.56815 29.5034C8.15861 29.5034 8.63726 29.0234 8.63726 28.4314C8.63726 27.8393 8.15861 27.3594 7.56815 27.3594C6.9777 27.3594 6.49902 27.8393 6.49902 28.4314C6.49902 29.0234 6.9777 29.5034 7.56815 29.5034Z" fill="url(#paint8_linear_193_1092)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1092" x1="17.1968" y1="22.2156" x2="17.1968" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1092" x1="17.1857" y1="0.960093" x2="17.1857" y2="14.555" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_1092" x1="12.2513" y1="8.35056" x2="12.2513" y2="19.3709" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_1092" x1="14.4623" y1="30.2243" x2="14.4623" y2="28.4319" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_1092" x1="17.5256" y1="27.3283" x2="17.5256" y2="25.1839" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint5_linear_193_1092" x1="10.4887" y1="26.5758" x2="10.4887" y2="24.7835" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint6_linear_193_1092" x1="24.4834" y1="26.9285" x2="24.4834" y2="24.432" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint7_linear_193_1092" x1="23.2387" y1="30.672" x2="23.2387" y2="28.8797" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint8_linear_193_1092" x1="7.56856" y1="29.5041" x2="7.56856" y2="27.3597" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814275.svg b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814275.svg
new file mode 100644
index 00000000..f81032ac
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/weather/Group 1142814275.svg	
@@ -0,0 +1,35 @@
+<svg width="34" height="32" viewBox="0 0 34 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814275">
+<g id="XMLID_6_">
+<path id="XMLID_8_" fill-rule="evenodd" clip-rule="evenodd" d="M26.0555 14.72C26.0555 12.624 24.5236 10.736 22.0662 9.408C25.8321 10.544 28.4331 13.024 28.4331 15.92C28.4331 16.192 28.4011 16.48 28.3533 16.752C29.5979 17.504 30.5075 18.496 30.9064 19.6C32.3585 18.144 33.2521 16.192 33.2521 14.048C33.2521 9.536 29.3267 5.888 24.4757 5.888C23.9172 5.888 23.3907 5.936 22.8641 6.032C21.9386 2.56 18.9387 0 15.3803 0C11.6304 0 8.5028 2.832 7.75282 6.608C3.85931 6.784 0.763672 10.208 0.763672 14.4C0.763672 18.72 4.03484 22.208 8.07196 22.208H12.3165C12.875 22.208 26.0555 18.752 26.0555 14.72Z" fill="url(#paint0_linear_193_1103)"/>
+<path id="XMLID_7_" fill-rule="evenodd" clip-rule="evenodd" d="M28.2102 17.3923C27.556 19.4723 25.5135 21.2323 22.7529 22.2083H24.4922C26.1837 22.2083 27.7634 21.7603 29.1038 20.9923C29.2155 20.6563 29.2634 20.3203 29.2634 19.9683C29.2634 19.0403 28.8804 18.1603 28.2102 17.3923Z" fill="url(#paint1_linear_193_1103)"/>
+</g>
+<path id="XMLID_5_" fill-rule="evenodd" clip-rule="evenodd" d="M8.774 8.36882C9.42824 5.00882 12.2207 2.48082 15.5717 2.48082C18.7471 2.48082 21.4119 4.75282 22.2417 7.85682C22.7045 7.77682 23.1832 7.72882 23.6778 7.72882C27.7149 7.72882 31.034 10.5768 31.4489 14.2248C31.4808 13.9688 31.4967 13.7128 31.4967 13.4568C31.4967 9.44082 28.0022 6.19282 23.6778 6.19282C23.1832 6.19282 22.7045 6.24082 22.2417 6.32082C21.4119 3.21682 18.7471 0.944824 15.5717 0.944824C12.2367 0.944824 9.4442 3.47282 8.774 6.83282C5.31134 6.99282 2.55078 10.0328 2.55078 13.7768C2.55078 14.0328 2.56675 14.2888 2.59866 14.5448C2.93376 11.1688 5.55069 8.51282 8.774 8.36882Z" fill="url(#paint2_linear_193_1103)"/>
+<path id="XMLID_4_" fill-rule="evenodd" clip-rule="evenodd" d="M9.57158 8.33643C9.33223 8.33643 9.09287 8.35243 8.85352 8.38443C11.9811 8.78443 14.4066 11.6324 14.4066 15.0884C14.4066 16.7044 13.864 18.1924 12.9864 19.3604C14.3906 18.2404 15.3001 16.4644 15.3001 14.4644C15.3001 11.0724 12.747 8.33643 9.57158 8.33643Z" fill="url(#paint3_linear_193_1103)"/>
+<g id="XMLID_1_">
+<path id="XMLID_2_" fill-rule="evenodd" clip-rule="evenodd" d="M29.1038 20.9927C28.2581 23.6807 24.1891 25.7127 19.2903 25.7127C18.7956 25.7127 18.301 25.6967 17.8223 25.6487C19.1148 26.2087 20.6466 26.5287 22.2902 26.5607C22.9764 27.0247 23.3593 27.5527 23.3593 28.1287C23.3593 29.9527 19.3222 31.4407 14.3596 31.4407C13.9128 31.4407 13.466 31.4247 13.0352 31.4087C14.2638 31.7447 15.7159 31.9367 17.2797 31.9367C21.5881 31.9367 25.0667 30.4807 25.0667 28.6887C25.0667 27.8727 24.3487 27.1367 23.1678 26.5607C27.6198 26.3367 31.1304 23.9047 31.1304 20.9287C31.1304 20.4807 31.0506 20.0327 30.891 19.6167C30.3804 20.1447 29.774 20.6087 29.1038 20.9927Z" fill="url(#paint4_linear_193_1103)"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_193_1103" x1="17.0142" y1="22.2156" x2="17.0142" y2="0.00316693" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_193_1103" x1="26.0094" y1="22.21" x2="26.0094" y2="17.393" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+<linearGradient id="paint2_linear_193_1103" x1="17.0146" y1="0.95084" x2="17.0146" y2="14.5458" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint3_linear_193_1103" x1="12.0806" y1="8.34105" x2="12.0806" y2="19.3614" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.06"/>
+<stop offset="1" stop-color="#B6D1FF" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint4_linear_193_1103" x1="22.0863" y1="31.9409" x2="22.0863" y2="19.6185" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3DE8FF"/>
+<stop offset="1" stop-color="#00A8C4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue
index 87398a46..f0adc31a 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherForecast/index.vue
@@ -4,7 +4,12 @@
     <div class="board">
       <div class="showRoad">
         <div class="weaterIcon">
-          <!-- <img src="./assets/weather.png" /> -->
+          <div
+            class="img"
+            :style="{
+              backgroundImage: `url(${require(`@screen/images/weather/${cityWeather.icon}.svg`)})`,
+            }"
+          ></div>
           <div>
             {{ cityWeather.text ? cityWeather.text : "-" }}
           </div>
@@ -179,14 +184,14 @@ export default {
         align-items: center;
         margin-right: 27px;
 
-        > img {
-          display: inline-flex;
-          width: 43px;
-          height: 43px;
+        .img {
+          width: 30px;
+          height: 30px;
+          background-size: 100% 100%;
         }
 
         > div {
-          font-size: 22px;
+          font-size: 16px;
           font-family: PingFang SC, PingFang SC;
           font-weight: 500;
           color: #ffffff;