|
@@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<div id="box">
|
|
<div id="box">
|
|
<div id="con1" ref="con1" :class="{anim:animate==true}" style="color:white" @mouseenter="mEnter" @mouseleave="mLeave">
|
|
<div id="con1" ref="con1" :class="{anim:animate==true}" style="color:white" @mouseenter="mEnter" @mouseleave="mLeave">
|
|
- <div v-for='item in items' style="font-size:3rem">
|
|
|
|
|
|
+ <div v-for='item in items' style="font-size:3rem" @click="clickship(item.mmsi)">
|
|
<span>{{ item.name }}</span>
|
|
<span>{{ item.name }}</span>
|
|
<span style="margin-left:3rem;color:#A8A8A8">统计时间:{{ item.time }}</span>
|
|
<span style="margin-left:3rem;color:#A8A8A8">统计时间:{{ item.time }}</span>
|
|
</div>
|
|
</div>
|
|
@@ -11,6 +11,7 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import {queryIllegalInfoList} from "@/api/data/staticalData";
|
|
import {queryIllegalInfoList} from "@/api/data/staticalData";
|
|
|
|
+import {queryShipInfo} from "@/api/data/deviceData";
|
|
|
|
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
@@ -29,6 +30,15 @@ export default {
|
|
},
|
|
},
|
|
|
|
|
|
methods: {
|
|
methods: {
|
|
|
|
+ clickship(mmsi){
|
|
|
|
+ // var ss = {"name": "三号船", "mmsi": "s1", "lng":118.639711,"lat":31.96622,"locations": [[118.639711, 31.96622]], 'type': 1, "head": 90};
|
|
|
|
+ // this.$parent.clickship(ss);
|
|
|
|
+
|
|
|
|
+ queryShipInfo(mmsi).then(data => {
|
|
|
|
+ this.$parent.clickship(data.data);
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ },
|
|
queryIllegalInfoList() {
|
|
queryIllegalInfoList() {
|
|
queryIllegalInfoList({'illegalStatus': this.illegalStatus}).then(data => {
|
|
queryIllegalInfoList({'illegalStatus': this.illegalStatus}).then(data => {
|
|
this.items = data.data
|
|
this.items = data.data
|