修改接口

src/api/api.js

@@ -51,24 +51,24 @@ export function delShildData(data) {
 
 export function StartWork(data) {
     return request({
-        url: '/api/Fod/StartWork', method: 'post', data: data
+        url: '/api/Fod/StartWork', method: 'get', data: data
     });
 }
 
 export function StopWork(data) {
     return request({
-        url: '/api/Fod/StopWork', method: 'post', data: data
+        url: '/api/Fod/StopWork', method: 'get', data: data
     });
 }
 
 export function RestartWork(data) {
     return request({
-        url: '/api/Fod/RestartWork', method: 'post', data: data
+        url: '/api/Fod/RestartWork', method: 'get', data: data
     });
 }
 
 export function ShutDownWork(data) {
     return request({
-        url: '/api/Fod/ShutDownWork', method: 'post', data: data
+        url: '/api/Fod/ShutDownWork', method: 'get', data: data
     });
 }

src/components/ruler.vue

@@ -1,5 +1,5 @@
 <template>
-  <!--    <div class="container" ref="containerRef" @wheel.prevent="onWheel">-->
+<!--  <div class="container" ref="containerRef" @wheel.prevent="onWheel">-->
       <div class="container" ref="containerRef">
     <!--    <div class="leftLine"></div>-->
     <!-- 左侧竖向刻度尺 -->

src/utils/request.js

@@ -1,4 +1,5 @@
 import axios from 'axios';
+import {ElMessage} from "element-plus";
 
 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8';
 

src/views/index.vue

@@ -61,16 +61,16 @@
           <el-button type="info" @click="ShutDownWorkBtn">急停雷达</el-button>
         </el-card>
         <el-card shadow="always" style="margin-top: 12px;">
-          <div
+          <div v-if="radarWorkState === 1"
               style="width:calc( 50% - 50px);position: relative;border-radius: 5px;background-color: #01CE69;height: 44px;display: inline-block;padding:0 20px;margin-right: 20px;">
             <span
                 style="position:absolute;top: 50%;transform: translateY(-50%);left:20%;color: #fff;letter-spacing: 2px">雷达通讯状态</span>
-
             <el-icon size="20px" style="position:absolute;top: 50%;transform: translateY(-50%);right: 40px">
               <SuccessFilled color="#fff"/>
             </el-icon>
           </div>
           <div
+              v-if="radarWorkState === 0"
               style="width:calc( 50% - 50px);position: relative;border-radius: 5px;background-color: #E8370D;height: 44px;display: inline-block;padding:0 20px;">
             <span
                 style="position:absolute;top: 50%;transform: translateY(-50%);left:20%;color: #fff;letter-spacing: 2px">雷达通讯状态</span>
@@ -79,24 +79,6 @@
               <WarningFilled color="#fff"/>
             </el-icon>
           </div>
-          <div
-              style="margin-top: 12px;width:calc( 50% - 50px);position: relative;border-radius: 5px;background-color: #01CE69;height: 44px;display: inline-block;padding:0 20px;margin-right: 20px;">
-            <span
-                style="position:absolute;top: 50%;transform: translateY(-50%);left:20%;color: #fff;letter-spacing: 2px">雷达通讯状态</span>
-
-            <el-icon size="20px" style="position:absolute;top: 50%;transform: translateY(-50%);right: 40px">
-              <SuccessFilled color="#fff"/>
-            </el-icon>
-          </div>
-          <div
-              style="margin-top: 12px;width:calc( 50% - 50px);position: relative;border-radius: 5px;background-color: #01CE69;height: 44px;display: inline-block;padding:0 20px;">
-            <span
-                style="position:absolute;top: 50%;transform: translateY(-50%);left:20%;color: #fff;letter-spacing: 2px">雷达通讯状态</span>
-
-            <el-icon size="20px" style="position:absolute;top: 50%;transform: translateY(-50%);right: 40px">
-              <SuccessFilled color="#fff"/>
-            </el-icon>
-          </div>
         </el-card>
         <el-card shadow="always" style="margin-top: 12px;">
           <el-form :inline="true" :model="form2" class="demo-form-inline">
@@ -412,7 +394,7 @@ import {
   setParasSignalpro,
   getShildList,
   addShildData,
-  delShildData, StartWork
+  delShildData, StartWork, StopWork, RestartWork, ShutDownWork
 } from "@/api/api";
 
 const socketData = [
@@ -486,10 +468,10 @@ const socketData = [
   }
 ]
 let area = {
-  "LatMin": 36.81557853,
+  "LatMin": 36.14505053622,
-  "LatMax": 36.83443849,
+  "LatMax": 36.15302618219,
-  "LonMin": 117.20547607,
+  "LonMin": 120.38532472236,
-  "LonMax": 117.21286414,
+  "LonMax": 120.39109582218,
 }
 
 const list = ref([
@@ -513,6 +495,7 @@ const form3 = ref({})
 const form4 = ref({})
 const form5 = ref({})
 const form6 = ref({})
+const radarWorkState = ref(0)
 const tableData1 = ref([
   {
     coordinate: '528,11',
@@ -563,7 +546,12 @@ const setItemsId = (e) => {
 }
 const locationData = ref({})
 const processData = (data) => {
-  console.log('data',data.ty)
+  // console.log('data',data.ty)
+  console.log('FodName', data.FodName)
+  if (data.FodName === '雷达信息应答') {
+    console.log(data.radar_work_state)
+    radarWorkState.value = data.radar_work_state
+  }
   if (data.ty === 1) {
   }
   if (data.ty === 2) {
@@ -571,7 +559,7 @@ const processData = (data) => {
   if (data.ty === 3) {
   }
   if (data.ty === 4) {
-    console.log(data.Longitude > area.LonMin, data.Longitude < area.LonMax, data.Latitude > area.LatMin, data.Latitude < area.LatMax)
+    // console.log(data.Longitude > area.LonMin, data.Longitude < area.LonMax, data.Latitude > area.LatMin, data.Latitude < area.LatMax)
     if (data.Longitude > area.LonMin && data.Longitude < area.LonMax && data.Latitude > area.LatMin && data.Latitude < area.LatMax) {
       let location = {
         x: 300 - (area.LonMax - data.Longitude) / ((area.LonMax - area.LonMin) / 300),
@@ -696,6 +684,7 @@ const ad = () => {
 
 // 3. 接收消息
   socket.addEventListener("message", (event) => {
+    console.log(JSON.parse(event.data))
     processData(JSON.parse(event.data))
   });
 

vite.config.js

@@ -7,7 +7,7 @@ export default defineConfig({
     base: './', server: {
         host: '0.0.0.0', port: 5173, open: true, proxy: {
             '/dev-api': {
-                target: 'http://192.168.0.14:5000',
+                target: 'http://192.168.1.123:5000',
                 changeOrigin: true,
                 ws: true,
                 secure: false,