|
|
|
|
@ -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,
|
|
|
|
|
"LatMax": 36.83443849,
|
|
|
|
|
"LonMin": 117.20547607,
|
|
|
|
|
"LonMax": 117.21286414,
|
|
|
|
|
"LatMin": 36.14505053622,
|
|
|
|
|
"LatMax": 36.15302618219,
|
|
|
|
|
"LonMin": 120.38532472236,
|
|
|
|
|
"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))
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|