企业大屏旧版部分背景图名中文名换成英文

pull/143/head
lukeyan 10 months ago
parent c9b61c2c6c
commit 04ed473a9c

@ -39,3 +39,11 @@ export function car_point(params) {
params
})
}
// 车辆轨迹
export function car_line(params) {
return request({
url:'/SafeCompanyVehicleTrack/getById',
method:'get',
params
})
}

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 40 KiB

@ -360,7 +360,7 @@ export default {
height: 34%;
width: 100%;
margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
.title {

@ -307,7 +307,7 @@ export default {
height: 28.06%;
width: 100%;
margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
.title {

@ -369,7 +369,7 @@ export default {
height: 36.42%;
width: 100%;
margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
.title {

@ -454,7 +454,7 @@ export default {
.xfwp {
width: calc(33.33% - 13.33px);
height: 100%;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
display: flex;
flex-wrap: wrap;

@ -263,7 +263,7 @@ export default {
height: 25.64%;
width: 100%;
margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
.title {

@ -243,7 +243,7 @@ export default {
height: calc(37.94% - 40px);
width: 100%;
margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
.title {

@ -274,7 +274,7 @@ export default {
height: calc(37.94% - 40px);
width: 100%;
margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
.title {

@ -219,7 +219,7 @@ export default {
.xfwp {
width: calc(33.33% - 13.33px);
height: 100%;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
display: flex;
flex-wrap: wrap;

@ -153,7 +153,7 @@ export default {
.xfwp {
width: calc(33.33% - 13.33px);
height: 100%;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
display: flex;
flex-wrap: wrap;

@ -96,11 +96,11 @@ export default {
);
var car_marker = new BMap.Marker(car_point, { icon: car_icon }); //
map.addOverlay(car_marker);
car_marker.addEventListener("click",function() {
car_marker.addEventListener("click", function () {
//
//
that.$emit('get_car_text',item)
})
that.$emit("get_car_text", item);
});
});
}, 500);
map.centerAndZoom(
@ -198,7 +198,7 @@ export default {
}
},
//
cause_car_line_map(item) {
cause_car_line_map(item, new_line) {
let BMap = window.BMap;
let map = new BMap.Map("container", {
style: {
@ -208,7 +208,7 @@ export default {
//let that = this; //
//let label = new BMap.Label();
setTimeout(() => {
var point = new BMap.Point(item.longitude, item.latitude)
var point = new BMap.Point(item.longitude, item.latitude);
// ;
var myIcon = {};
myIcon = new BMap.Icon(
@ -220,12 +220,24 @@ export default {
);
var marker = new BMap.Marker(point, { icon: myIcon }); //
map.addOverlay(marker);
},500)
//
let line_point = [];
for (let i = 0; i < new_line.length; i++) {
line_point.push(
new BMap.Point(new_line[i].longitude, new_line[i].latitude)
);
}
console.log("line_point", line_point);
let pl = new BMap.Polyline(line_point, {
strokeColor: "blue",
strokeWeight: 6,
strokeOpacity: 0.5,
});
console.log("pl", pl);
map.addOverlay(pl);
}, 500);
map.centerAndZoom(
new BMap.Point(item.longitude, item.latitude),
16
); //
map.centerAndZoom(new BMap.Point(item.longitude, item.latitude), 16); //
map.setMinZoom(12); //
map.setMaxZoom(19);
map.enableScrollWheelZoom(true);

@ -158,6 +158,7 @@ import {
queryCompany,
queryVideo,
car_point,
car_line,
} from "@/api/factorResources";
export default {
name: "factor",
@ -168,7 +169,7 @@ export default {
return {
company_list: [], //
video_list: [], //
car_list:[], //
car_list: [], //
search: {
word: "",
select: "企业",
@ -179,7 +180,7 @@ export default {
],
btn_video: "", //
btn_item: "", //
btn_car:'', //
btn_car: "", //
company_flag: "0", //
///////////
text_company: "",
@ -251,25 +252,25 @@ export default {
queryVideo(param).then((res) => {
this.video_list = res.data;
this.company_list = [];
this.car_list = []
this.car_list = [];
//
this.$refs.factorMap.init_map();
});
},
//
async get_car() {
this.company_flag = '0'
this.company_flag = "0";
let res = await car_point();
console.log("resss", res);
if(res.code == 200) {
this.car_list = res.data
if (res.code == 200) {
this.car_list = res.data;
this.company_list = [];
this.video_list = []
this.video_list = [];
//
this.$refs.factorMap.init_map();
// this.btn_car = `(${res.data.length})`;
} else if (res.code == 500) {
this.$message.warning(res.msg)
this.$message.warning(res.msg);
}
},
//
@ -323,20 +324,35 @@ export default {
}
},
//
get_car_text(item) {
async get_car_text(item) {
let params = {
vehicleNo: item.vehicleNo,
};
let res = await car_line(params);
if (res.code == 200) {
console.log("res", res);
let arr = [
{ longitude: 121.597849, latitude: 29.904037 },
{ longitude: 121.597864, latitude: 29.904234 },
];
const new_line = arr.map((item) => ({
longitude: item.longitude,
latitude: item.latitude,
}));
this.$message.success("车辆轨迹查询中...");
//
console.log('item',item);
this.$refs.factorMap.cause_car_line_map(item)
this.$refs.factorMap.cause_car_line_map(item, new_line);
}
},
async get_car_point() {
let res = await car_point();
console.log("resss", res);
if(res.code == 200) {
if (res.code == 200) {
// this.car_list = res.data
this.btn_car = `危化品车辆(${res.data.length})`;
} else if (res.code == 500) {
this.$message.warning(res.msg)
this.$message.warning(res.msg);
}
},
//

@ -193,7 +193,7 @@ export default {
height: 23%;
width: 100%;
margin-bottom: 20px;
background: url("~@/assets/safetyIndex/主屏板块1.png") no-repeat;
background: url("~@/assets/safetyIndex/modelback.png") no-repeat;
background-size: 100% 100%;
.title {

@ -335,7 +335,7 @@ export default {
height: 23%;
width: 100%;
margin-bottom: 20px;
background: url("~@/assets/safetyIndex/主屏板块1.png") no-repeat;
background: url("~@/assets/safetyIndex/modelback.png") no-repeat;
background-size: 100% 100%;
.title {

@ -73,7 +73,7 @@ export default {
height: 22.9%;
width: 100%;
margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
}
@ -81,7 +81,7 @@ export default {
height: 37.56%;
width: 100%;
margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
}
}

@ -133,7 +133,7 @@ export default {
height: 37.7%;
width: 100%;
margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;

@ -219,7 +219,7 @@ export default {
height: 37.7%;
width: 100%;
margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;

@ -511,7 +511,7 @@ export default {
height: 35.84%;
width: 100%;
margin-bottom: 20px;
background: url("~@/assets/safetyIndex/主屏板块1.png") no-repeat;
background: url("~@/assets/safetyIndex/modelback.png") no-repeat;
background-size: 100% 100%;
.title {

@ -87,7 +87,7 @@ export default {
height: 35.84%;
width: 100%;
margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块1.png') no-repeat;
background: url('~@/assets/safetyIndex/modelback.png') no-repeat;
background-size: 100% 100%;
.title {

Loading…
Cancel
Save