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] =?UTF-8?q?=E9=A6=96=E9=A1=B5-=E6=B0=94=E8=B1=A1=E6=A3=80?=
 =?UTF-8?q?=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: "浓雾",
+  },
+};