|
@@ -120,7 +120,7 @@
|
|
<script>
|
|
<script>
|
|
import scroll from "./scroll.vue"
|
|
import scroll from "./scroll.vue"
|
|
import {getDeviceType, getIllegalShipStatic, getSo2Time, getStaticDevice} from "@/api/data/staticalData";
|
|
import {getDeviceType, getIllegalShipStatic, getSo2Time, getStaticDevice} from "@/api/data/staticalData";
|
|
-import {getdeviceList,queryShipData} from "@/api/data/deviceData";
|
|
|
|
|
|
+import {getdeviceList, queryShipData} from "@/api/data/deviceData";
|
|
import mapdiv from '../../../components/map/index.vue'
|
|
import mapdiv from '../../../components/map/index.vue'
|
|
|
|
|
|
export default {
|
|
export default {
|
|
@@ -156,43 +156,8 @@ export default {
|
|
mmsi: undefined,
|
|
mmsi: undefined,
|
|
radio: 1
|
|
radio: 1
|
|
},
|
|
},
|
|
- tableData: [{
|
|
|
|
- date: '2016-05-02',
|
|
|
|
- name: '王小虎',
|
|
|
|
- address: '上海市普陀区金沙江路 1518 弄',
|
|
|
|
- value: 0.19,
|
|
|
|
- count: 1.9,
|
|
|
|
- }, {
|
|
|
|
- date: '2016-05-04',
|
|
|
|
- name: '王小虎',
|
|
|
|
- value: 0.1,
|
|
|
|
- count: 1.3,
|
|
|
|
- address: '上海市普陀区金沙江路 1517 弄'
|
|
|
|
- }, {
|
|
|
|
- date: '2016-05-01',
|
|
|
|
- name: '王小虎',
|
|
|
|
- value: 0.2,
|
|
|
|
- count: 2,
|
|
|
|
- address: '上海市普陀区金沙江路 1519 弄'
|
|
|
|
- }, {
|
|
|
|
- date: '2016-05-03',
|
|
|
|
- name: '王小虎',
|
|
|
|
- value: 0.08,
|
|
|
|
- count: 0.6,
|
|
|
|
- address: '上海市普陀区金沙江路 1516 弄'
|
|
|
|
- }/*, {
|
|
|
|
- date: '2016-05-03',
|
|
|
|
- name: '王小虎',
|
|
|
|
- value: 0.03,
|
|
|
|
- count: 0.2,
|
|
|
|
- address: '上海市普陀区金沙江路 1516 弄'
|
|
|
|
- }, {
|
|
|
|
- date: '2016-05-03',
|
|
|
|
- name: '王小虎',
|
|
|
|
- value: 0.09,
|
|
|
|
- count: 0.3,
|
|
|
|
- address: '上海市普陀区金沙江路 1516 弄'
|
|
|
|
- }*/], shipDate: {
|
|
|
|
|
|
+ tableData: [],
|
|
|
|
+ shipDate: {
|
|
startMonth: '',
|
|
startMonth: '',
|
|
endMonth: ''
|
|
endMonth: ''
|
|
},
|
|
},
|
|
@@ -236,11 +201,11 @@ export default {
|
|
{"name": "润扬大桥光谱2", "locations": [[119.369724, 32.204459]]},
|
|
{"name": "润扬大桥光谱2", "locations": [[119.369724, 32.204459]]},
|
|
],
|
|
],
|
|
ship: [
|
|
ship: [
|
|
- {"name": "一号船", "locations": [[118.639711, 31.96602]], 'type': 1},
|
|
|
|
- {"name": "二号船", "locations": [[118.649839, 31.970352]], 'type': 2},
|
|
|
|
- {"name": "三号船", "locations": [[118.638466, 31.970716]], 'type': 1},
|
|
|
|
- {"name": "四号船", "locations": [[118.643402, 31.961505]], 'type': 3},
|
|
|
|
- {"name": "五号船", "locations": [[118.64941, 31.973519]], 'type': 2},
|
|
|
|
|
|
+ // {"name": "一号船", "locations": [[118.639711, 31.96602]], 'type': 1},
|
|
|
|
+ // {"name": "二号船", "locations": [[118.649839, 31.970352]], 'type': 2},
|
|
|
|
+ // {"name": "三号船", "locations": [[118.638466, 31.970716]], 'type': 1},
|
|
|
|
+ // {"name": "四号船", "locations": [[118.643402, 31.961505]], 'type': 3},
|
|
|
|
+ // {"name": "五号船", "locations": [[118.64941, 31.973519]], 'type': 2},
|
|
]
|
|
]
|
|
}
|
|
}
|
|
}, mounted() {
|
|
}, mounted() {
|
|
@@ -248,7 +213,7 @@ export default {
|
|
this.getdeviceList();
|
|
this.getdeviceList();
|
|
this.getStaticDevice();
|
|
this.getStaticDevice();
|
|
this.getIllegalShipStatic();
|
|
this.getIllegalShipStatic();
|
|
- this.getshipData();
|
|
|
|
|
|
+ this.getshipData();
|
|
// this.addDevicePoint();
|
|
// this.addDevicePoint();
|
|
// this.addAisPoint();
|
|
// this.addAisPoint();
|
|
// this.addSo2Point();
|
|
// this.addSo2Point();
|
|
@@ -290,14 +255,14 @@ export default {
|
|
// console.log(deviceList);
|
|
// console.log(deviceList);
|
|
});
|
|
});
|
|
},
|
|
},
|
|
- getshipData(){
|
|
|
|
|
|
+ getshipData() {
|
|
|
|
|
|
queryShipData().then(data => {
|
|
queryShipData().then(data => {
|
|
var shipdatalist = [];
|
|
var shipdatalist = [];
|
|
for (var key in data.data) {
|
|
for (var key in data.data) {
|
|
var ship = data.data[key];
|
|
var ship = data.data[key];
|
|
ship["name"] = ship.shipName;
|
|
ship["name"] = ship.shipName;
|
|
- ship["locations"] = [[ship.lng,ship.lat]];
|
|
|
|
|
|
+ ship["locations"] = [[ship.lng, ship.lat]];
|
|
ship["type"] = ship.illegalStatus;
|
|
ship["type"] = ship.illegalStatus;
|
|
shipdatalist.push(ship);
|
|
shipdatalist.push(ship);
|
|
}
|
|
}
|
|
@@ -347,11 +312,11 @@ export default {
|
|
});
|
|
});
|
|
},
|
|
},
|
|
getMonthArry(start, end) {
|
|
getMonthArry(start, end) {
|
|
- this.shipDateArry = [];
|
|
|
|
- var startYear = start.split('-')[0];
|
|
|
|
- var startMonth = parseInt(start.split('-')[1]);
|
|
|
|
- var endYear = end.split('-')[0];
|
|
|
|
- var endMonth = parseInt(end.split('-')[1]);
|
|
|
|
|
|
+ this.shipDateArry = [];
|
|
|
|
+ var startYear = start.split('-')[0];
|
|
|
|
+ var startMonth = parseInt(start.split('-')[1]);
|
|
|
|
+ var endYear = end.split('-')[0];
|
|
|
|
+ var endMonth = parseInt(end.split('-')[1]);
|
|
if (startYear == endYear) {
|
|
if (startYear == endYear) {
|
|
for (var i = startMonth; i < endMonth + 1; i++) {
|
|
for (var i = startMonth; i < endMonth + 1; i++) {
|
|
if (i < 10) {
|
|
if (i < 10) {
|
|
@@ -624,7 +589,7 @@ export default {
|
|
],
|
|
],
|
|
series: [
|
|
series: [
|
|
{
|
|
{
|
|
- name: '直接访问',
|
|
|
|
|
|
+ name: '数量',
|
|
type: 'bar',
|
|
type: 'bar',
|
|
barWidth: '30%',
|
|
barWidth: '30%',
|
|
data: dataArry,
|
|
data: dataArry,
|
|
@@ -729,7 +694,7 @@ export default {
|
|
],
|
|
],
|
|
series: [
|
|
series: [
|
|
{
|
|
{
|
|
- name: '直接访问',
|
|
|
|
|
|
+ name: '数量',
|
|
type: 'bar',
|
|
type: 'bar',
|
|
barWidth: '30%',
|
|
barWidth: '30%',
|
|
data: dataArry,
|
|
data: dataArry,
|