update

src/views/Mechanics/child/station/handle.ts

@@ -22,7 +22,7 @@ export default function getOriToData(ori_data: Object) {
         { key: data['speed0'] + "转", val: "设备转速" }
       ],
       bottom: {
-        image: data['image'],
+        image: getImage(data['image']),
         data: [
           { key: data['adc1'] + 'mm', val: "操作台距原点距离" },
           { key: data['in7'] == "0"?'工作':'空挡', val: "档杆状态" },
@@ -40,7 +40,7 @@ export default function getOriToData(ori_data: Object) {
         { key: data['in8'] == "0"?'下降':'未下降', val: "钻头状态" }
       ],
       bottom: {
-        image: data['image'],
+        image: getImage(data['image']),
         data: [
           { key: getRotateGear(), val: "设备状态" },
           { key: [data['adc1'] + 'mm', data['speed0']+'cm/s'], val: "平台X轴距原点位置和速度" },
@@ -52,6 +52,10 @@ export default function getOriToData(ori_data: Object) {
     },
   }
 
+  function getImage(url) {
+    return process.env.VUE_APP_BASE_API + data['image']
+  }
+
 /**
  * 获得设备状态
  */

src/views/Mechanics/child/station/index.vue

@@ -22,8 +22,9 @@
 </template>
 
 <script setup lang="ts">
-import { ref, getCurrentInstance, reactive, onMounted } from "vue";
+import { ref, getCurrentInstance, reactive, onMounted,watch } from "vue";
 import { reqHologramDataMF} from "@/http/Mechanics"
+import { connectWebsocket, closeWebsocket } from "@/utils/websocket";
 import handleData from "./handle"
 import { useRoute } from "vue-router";
 import Sum from "./components/sum.vue";
@@ -34,17 +35,6 @@ let route = useRoute();
 
 let ori_data = ref({
   name: "机床1",
-  data1: "高速",
-  data2: "50cm",
-  data2s: "2cm/s",
-  data3: "正转",
-  data4: "50cm",
-  data5: "50cm",
-  title1: "设备状态",
-  title2: "平台X轴距原点位置和速度",
-  title3: "设备状态",
-  title4: "平台y轴距原点位置",
-  title5: "平台z轴距原点位置",
   image: "/dev-api/profile/upload/2023/12/17/cc3940d1e85e4861845e797213802975.png",
 })
 let topData = ref([]);
@@ -62,8 +52,22 @@ function getHologramDataMF() {
   });
 }
 
+
+function getWebsocket(val) {
+  try {
+    let data = JSON.parse(val);
+    //实时推送的数据
+    if (data.type == "HologramDataMFInfo") {
+    }
+  } catch (err) {}
+}
+function errWebsocket(val) {
+  // console.log(val);
+}
+
 onMounted(() => {
   getHologramDataMF();
+  connectWebsocket(null, null, getWebsocket, errWebsocket);
 });
 </script>
 <style scoped>