From 8460c52d762bd1709dd094cfdf638996aa8c2d81 Mon Sep 17 00:00:00 2001
From: dj <1042039504@qq.com>
Date: Thu, 2 Jan 2025 23:33:37 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E9=9A=A7=E9=81=93ws=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/largeScreen.js                        |   7 +
 src/components/content/airInfo/AirInfo.vue    |   3 +-
 .../content/airInfo/childComps/ItemInfo.vue   |  21 +-
 .../tunnelScene/TunnelSceneSimulate.vue       |   3 +-
 src/views/tunnel-simulate/index.vue           | 238 ++----------------
 5 files changed, 42 insertions(+), 230 deletions(-)

diff --git a/src/api/largeScreen.js b/src/api/largeScreen.js
index 8f1f3c7..92c62d3 100644
--- a/src/api/largeScreen.js
+++ b/src/api/largeScreen.js
@@ -163,6 +163,13 @@ export const startSimulation = (projectId) => {
     method: 'get'
   })
 }
+//模拟状态
+export const simulationState = (projectId) => {
+  return request({
+    url: `/tunnel/simulation/state/${projectId}`,
+    method: 'get'
+  })
+}
 // 结束模拟
 export const endSimulation = (projectId) => {
   return request({
diff --git a/src/components/content/airInfo/AirInfo.vue b/src/components/content/airInfo/AirInfo.vue
index cbe10c2..5e6cef9 100644
--- a/src/components/content/airInfo/AirInfo.vue
+++ b/src/components/content/airInfo/AirInfo.vue
@@ -82,6 +82,7 @@ let dataZoomTop = reactive('87%')
 let chartData = reactive([])
 const chooseDayRef = ref();
 const chooseMonthRef = ref();
+const itemInfo = ref();
 const windSpeed = ref(0)
 const windSpeedUnit = ref('m/s')
 const windDirection = ref(null)
@@ -109,7 +110,7 @@ watch(() => props.windSpeed, (now) => {
 watch(() => props.list, (now) => {
   airList.value?.forEach(item => {
     now.forEach(newItem => {
-      if (newItem.equipmentId === 11) {//风向传感器
+      if (newItem.equipmentType === "windDirection") {//风向传感器
         windDirection.value = newItem.value
       }
       if (item.equipmentId === newItem.equipmentId) {
diff --git a/src/components/content/airInfo/childComps/ItemInfo.vue b/src/components/content/airInfo/childComps/ItemInfo.vue
index b0af8f3..d8a7453 100644
--- a/src/components/content/airInfo/childComps/ItemInfo.vue
+++ b/src/components/content/airInfo/childComps/ItemInfo.vue
@@ -24,9 +24,9 @@ const length = ref(null);
 const value = ref(null);
 const point = ref(null);
 const isWaring = ref();
-// watch(() => params.wp.value, () => {
-//   setValue();
-// });
+watch(() => params.wp.value, () => {
+  setValue(params.wp.value);
+});
 onMounted(() => {
   if (params.wp !== undefined) {
     setValue();
@@ -36,8 +36,14 @@ onMounted(() => {
 const getImageUrl = (name) => {
   return new URL(`../../../../assets/images/airInfo/${name}`, import.meta.url).href
 }
-const setValue = () => {
-  let width = (params.wp.value * length.value.offsetWidth) / params.wp.max;
+const setValue = (realValue) => {
+  let  newValue=''
+  if(realValue){
+    newValue=realValue
+  }else{
+    newValue=params.wp.value
+  }
+  let width = (newValue * length.value.offsetWidth) / params.wp.max;
   value.value.style.width = `${width}px`;
   let flag = (params.wp.point * length.value.offsetWidth) / params.wp.max;
   point.value.style.left = `${flag}px`;
@@ -51,7 +57,7 @@ const setValue = () => {
       value.value.style.background =
           "linear-gradient(270deg, #38CAFB 0%, #E9D726 100%)";
     }
-    isWaring.value = params.wp.value < params.wp.point;
+    isWaring.value = newValue < params.wp.point;
   }else {
     if (width >= flag) {
       value.value.style.background =
@@ -60,14 +66,13 @@ const setValue = () => {
       value.value.style.background =
           "linear-gradient(270deg, #38CAFB 0%, #E9D726 100%)";
     }
-    isWaring.value = params.wp.value >= params.wp.point;
+    isWaring.value = newValue >= params.wp.point;
   }
 
 }
 // let isWaring = computed(() => {
 //   return params.wp.value >= params.wp.point;
 // });
-
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/content/tunnelScene/TunnelSceneSimulate.vue b/src/components/content/tunnelScene/TunnelSceneSimulate.vue
index 92e5e0f..74aba68 100644
--- a/src/components/content/tunnelScene/TunnelSceneSimulate.vue
+++ b/src/components/content/tunnelScene/TunnelSceneSimulate.vue
@@ -73,6 +73,7 @@ const params = defineProps([
   "deviceData",
   "devRealtimeData",
   "simulateData",
+  "tunnelAlias",
 ]);
 
 // hover到设备回显参数
@@ -153,7 +154,7 @@ async function handleMounted() {
     demo.pointsVisible(false); //隐藏附着点
     TunnelSceneSimulateRender(data);
     // 初始化标牌信息
-    renderRoadPlane({ nickname: "隧道名称", length: 10000 });
+    renderRoadPlane({ nickname: params.tunnelAlias, length: params.tunnelLength });
   } catch (err) {}
 }
 
diff --git a/src/views/tunnel-simulate/index.vue b/src/views/tunnel-simulate/index.vue
index 3640111..c853ef1 100644
--- a/src/views/tunnel-simulate/index.vue
+++ b/src/views/tunnel-simulate/index.vue
@@ -52,16 +52,6 @@
         :tunnelAlias="tunnelAlias"
         :devRealtimeData="socketData"
     ></preview-scene-simulate>
-    <!-- 一进去的话应该是预览模式，所以引入这个组件1 -->
-    <!--    <preview-scene-->
-    <!--        id="tunnel-box"-->
-    <!--        :isedit="false"-->
-    <!--        :tunnelId="tunnelId"-->
-    <!--        :key="tunnelId"-->
-    <!--        :tunnelLen="tunnelLen"-->
-    <!--        :largeScreen="largeScreen"-->
-    <!--        :fanList="socketData.leftData"-->
-    <!--    ></preview-scene>-->
     <div class="left" v-if="isPreview">
       <el-drawer
           v-model="drawerLeft"
@@ -131,123 +121,63 @@
 </template>
 
 <script setup>
-// import PreviewScene from "@/components/content/tunnelScene/PreviewScene.vue";
 import PreviewSceneSimulate from "@/components/content/tunnelScene/TunnelSceneSimulate.vue";
 import FanInfo from "@/components/content/fanInfo/FanInfo.vue";
-import UsedEle from "@/components/content/usedEle/UsedEle.vue";
 import WindPressureList from "@/components/content/windPressure/WindPressureList.vue";
 import AirInfo from "@/components/content/airInfo/AirInfo.vue";
 import BadGasInfo from "@/components/content/badGasInfo/BadGasInfo.vue";
-import ManageBtn from "@/components/manageBtn/index.vue";
 import TunnelTitle from "@/components/tunnelTitle/index.vue";
 import {dateFormat} from "@/utils/date.js";
 import {getToken} from "@/utils/auth";
 import {useAuthStore} from "@/store/userstore.js";
 import {
-  getLargeScreen,
-  getLargeScreenInfo,
-  getTunnelBySiteId,
   getAlarmInfo,
   deleteAlarmSate,
   getAlarmDetail,
   updateAlarmState,
   endSimulation,
-  blastingSimulation,
+  blastingSimulation, simulationState,
 } from "@/api/largeScreen";
-import {ElLoading, ElMessage, ElMessageBox} from "element-plus";
+import {ElMessage, ElMessageBox} from "element-plus";
 import {getUserInfo} from "@/api/login";
-import {initSceneData} from "@/api/tunnelScene";
 import {
   getScreenSimulateTunnel,
   getSimulateTunnelDetail,
-  getTunnelList,
 } from "@/api/tunnelManage";
-import {debounce} from "lodash";
 
+let largeScreen = computed(() => largeScreenData);
 const authStore = useAuthStore();
 const router = useRouter();
 const previewId = reactive(router.currentRoute.value.params.tunnelId);
 const siteId = reactive(router.currentRoute.value.params.siteId);
-const tunnelIdFlag = reactive(router.currentRoute.value.params.tunnelId);
-const selectIndex = ref(-1);
 const previewRef = ref();
-const isVisited = ref(false);
-const isDetailVisited = ref(false);
 const showFan = ref(false);
 const showDevice = ref(false);
 const drawerLeft = ref(true);
 const showTunnelTitle = ref(true);
 const isPreview = ref(true);
 const loading = ref(false);
-const tableEmptyText = ref("加载中~");
-const initialIndex = ref(0);
 const showFanLoading = ref(0);
-const showUsedLoading = ref(0);
 const showWindLoading = ref(0);
 const showBadLoading = ref(0);
 const isStartSimulate = ref(true);
 const drawerRight = ref(true);
-const showMenu = ref(false);
 const currentSiteId = ref(0);
-const currentSite = ref("");
-const siteList = ref([]);
-const alarmList = ref([]);
-const alarmDetail = ref([]);
-const totalTunnelList = ref([]);
 const currentUser = ref("");
 const currentUserId = ref(0);
 const currentDate = ref(dateFormat());
-const tunnelBtn = ref();
-const tunnelList = ref([]);
 const tunnelId = ref(0);
 const tunnelLength = ref(0);
 const tunnelAlias = ref('');
 const constructionLength = ref(0);
-const routeList = ref([]);
 let socket = reactive("");
-let pattern = reactive(new RegExp("[A-Za-z]+"));
-let isTunnel = reactive(false);
-// const equipmentOption = ref([])
-const btnList = ref([
-  {
-    route: "/site",
-    icon: "sp_icon_zdgl.png",
-    name: "站点管理",
-  },
-  {
-    route: "/tunnel",
-    icon: "sp_icon_sdgl.png",
-    name: "隧道管理",
-  },
-  {
-    route: "/user",
-    icon: "sp_icon_yhgl.png",
-    name: "用户管理",
-  },
-  // {
-  //   route: '/system',
-  //   icon: 'sp_icon_xtgl.png',
-  //   name: '系统管理'
-  // },
-  // {
-  //   route: '/simulate',
-  //   icon: 'sp_icon_mngl.png',
-  //   name: '模拟仿真'
-  // },
-]);
 const serialNumber = ref("");
 const roleKey = ref("");
 let token = getToken();
 let send = {
   type: "ping",
 };
-const pageInfo = reactive({
-  pageNum: 1,
-  pageSize: 10,
-});
-const queryForm = ref();
 const form = ref();
-const total = ref(10);
 const largeScreenData = ref(null);
 const socketData = reactive({
   leftData: [],
@@ -256,13 +186,8 @@ const socketData = reactive({
   windSpeed: [],
 });
 let tunnelLen = computed(() => tunnelLength);
-const queryParams = reactive({
-  equipmentId: "",
-  lookupStatus: "",
-});
 onMounted(() => {
   getUser();
-  // getOtherInfo();
   getScreenInfo(previewId);
 
   getBasicData(previewId);
@@ -281,8 +206,7 @@ const cancelDeviceManage = () => {
 const submitDevice = () => {
   isStartSimulate.value = false;
   showDevice.value = false;
-  getScreenInfo(previewId,true);
-  // initWebSocket()
+  getScreenInfo(previewId, true);
 
 };
 const simulatedBlasting = async () => {
@@ -293,85 +217,6 @@ const endSimulate = async () => {
   await endSimulation(previewId);
   ElMessage.success("结束模拟成功");
 };
-const changeName = (id) => {
-  for (let item of equipmentOption.value) {
-    if (item.value === id) {
-      return item.label;
-    }
-  }
-  return "";
-};
-const handleReset = () => {
-  queryForm.value.resetFields();
-  getAlarmList();
-};
-//点击页码进行分页功能
-const handleCurrentChange = (val) => {
-  pageInfo.pageNum = val;
-  getAlarmList();
-};
-const handleDelete = (row) => {
-  ElMessageBox.confirm(`确认删除该报警信息吗？`, "系统提示", {
-    type: "warning",
-    closeOnClickModal: false,
-  }).then(() => {
-    deleteAlarmSate(row.alarmId).then((res) => {
-      if (res.code === 1000) {
-        ElMessage.success("删除成功");
-        getAlarmList();
-      }
-    });
-  });
-};
-//查看报警信息详情
-const handleView = (row) => {
-  getAlarmDetail(row.alarmId).then((res) => {
-    if (res.code === 1000) {
-      isDetailVisited.value = true;
-      alarmDetail.value = res.data;
-      if (roleKey.value !== "administrator") {
-        if (!row.lookupStatus) {
-          handleChangeState(row);
-        }
-      }
-    }
-  });
-};
-const handleChangeState = (row) => {
-  updateAlarmState([
-    {
-      alarmId: row.alarmId,
-      lookupStatus: true,
-      userId: currentUserId.value,
-    },
-  ]).then((res) => {
-    if (res.code === 1000) {
-      // ElMessage.success(res.msg);
-      getAlarmList();
-    } else {
-      // ElMessage.error(res.msg);
-    }
-  });
-};
-const getAlarmList = () => {
-  loading.value = true;
-  getAlarmInfo({
-    tunnelId: tunnelId.value,
-    lookupStatus: queryParams.lookupStatus,
-    ...pageInfo,
-  }).then((res) => {
-    if (res.code === 1000) {
-      loading.value = false;
-      if (res.data.rows.length === 0) {
-        tableEmptyText.value = "暂无数据~";
-      } else {
-        tableEmptyText.value = "";
-      }
-      alarmList.value = res.data.rows;
-      total.value = res.data.total;
-    }
-  });
-};
 const getUser = () => {
   getUserInfo().then((res) => {
     currentUser.value = res.data.user.userName;
@@ -381,42 +226,20 @@ const getUser = () => {
     localStorage.setItem("userId", currentUserId.value);
   });
 };
-
-const getOtherInfo = () => {
-  getLargeScreenInfo().then((res) => {
-    if (res?.code === 1000) {
-      let routeArr = [];
-      res.data.routeList.forEach((item) => {
-        for (let btn of btnList.value) {
-          if (item === btn.route) {
-            routeArr.push(btn);
-          }
+const getSimulationState = () => {
+  simulationState(previewId).then((res) => {
+    if (res.code === 1000) {
+      if (res.data) {
+        if (res.data.state) {
+          isStartSimulate.value = false
         }
-      });
-      routeList.value = routeArr;
-      showMenu.value = true;
-      siteList.value = res.data.siteOption;
-      tunnelList.value = res.data.tunnelOption;
-
-      if (siteId) {
-        currentSiteId.value = siteId;
-        currentSite.value = localStorage.getItem("site");
-        showTunnelTitle.value = false;
-        nextTick(() => {
-          showTunnelTitle.value = true;
-        });
-        getTunnel(siteId);
       } else {
-        getTunnel(res.data.siteOption[0].value);
-        currentSiteId.value = res.data.siteOption[0].value;
-        currentSite.value = res.data.siteOption[0].label;
-        localStorage.setItem("site", currentSite.value);
-        localStorage.setItem("currentSiteId", currentSiteId.value);
+        isStartSimulate.value = true
       }
     }
   });
 };
-
+getSimulationState()
 const getBasicData = (id) => {
   getSimulateTunnelDetail(id).then((res) => {
     if (res?.code === 1000) {
@@ -424,14 +247,14 @@ const getBasicData = (id) => {
       tunnelAlias.value = res.data.tunnelAlias;
       serialNumber.value = res.data.serialNumber;
       constructionLength.value = res.data.constructionLength;
-      initWebSocket();
+      initWebSocket()
     } else {
       ElMessage.warning(res.msg);
     }
   });
 };
 
-const getScreenInfo = (id,flag) => {
+const getScreenInfo = (id, flag) => {
   if (id) {
     tunnelId.value = id;
     // equipmentOption.value = []
@@ -467,7 +290,9 @@ const getScreenInfo = (id,flag) => {
           showBadLoading.value = 1;
         }
         largeScreenData.value = res.data;
-        if(flag) {
+
+        getSimulationState()
+        if (flag) {
           nextTick(() => {
             previewRef.value.TunnelSceneSimulateRender(res.data)
           })
@@ -481,33 +306,6 @@ const getScreenInfo = (id,flag) => {
   }
 };
 
-let largeScreen = computed(() => largeScreenData);
-const getTunnel = (id) => {
-  getTunnelBySiteId(id).then((res) => {
-    if (res?.code === 1000) {
-      if (res.data.length === 0) {
-        if (isTunnel) {
-          ElMessage.warning("该站点下没有隧道可展示, 请添加设备后再试!");
-        } else {
-          ElMessage.warning("该站点下没有隧道, 请新增隧道后再试!");
-        }
-      } else {
-        if (!pattern.test(previewId)) {
-          getScreenInfo(previewId);
-          tunnelList.value.forEach((item, index) => {
-            if (item.value == previewId) {
-              initialIndex.value = index;
-              tunnelBtn.value.setActiveItem(index);
-            }
-          });
-        } else {
-          tunnelList.value = res.data;
-          getScreenInfo(res.data[0]?.value);
-        }
-      }
-    }
-  });
-};
 const closeLeft = () => {
   drawerLeft.value = !drawerLeft.value;
 };
@@ -527,7 +325,7 @@ const handleLogout = () => {
 
 const initWebSocket = () => {
   // let wsUrl = `ws://frp.toomewhy.top:38000/wstunnel/websocket/simulate/${token}/123`;
-  // let wsUrl = `ws://192.168.31.175:8000/wstunnel/websocket/simulate/${token}/123`;
+  // let wsUrl = `ws://192.168.31.175:9000/websocket/simulate/${token}/${serialNumber.value}`;
   let wsUrl = `ws://tunnel.feashow.com/api/wstunnel/websocket/simulate/${token}/${serialNumber.value}`;
   // let wsUrl = import.meta.env.VITE_BASE_WSURL+`/${token}/${serialNumber.value}`;
   // let wsUrl = `ws://clay.frp.feashow.cn/wstunnel/websocket/equipment/${token}/${serialNumber.value}`;