ZheJiangNingBo
/
pingAnQiYeWeb
7
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Merge branch 'liwei' of http://8.136.197.230:3000/ZheJiangNingBo/pingAnQiYeWeb into liwei

Browse Source
master
loveflow 11 months ago
parent 49dfb017ad f93b087e2c
commit 8a2616b0e9
14 changed files with 8442 additions and 8414 deletions
Show Stats Download Patch File Download Diff File

1
public/index.html
Unescape View File

@ -28,5 +28,6 @@
</noscript> -->
<div id="app"></div>
<!-- built files will be auto injected -->
<script src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=CSfWwqFqSVkQaqcAAMxKyXg6Moe9UUqA"></script>
</body>
</html>

5
public/static/config.js
Unescape View File

@ -1,9 +1,12 @@
window.$mapCfg = {
mapType: "online", //在线；offline:离线
lgt: "", //经度
lat: "", //纬度
center: [121.619992, 30.025703],
zoom: 12,
tiles_path: "http://172.18.113.50:8118",
minZoom: 12,
maxZoom: 13,
tiles_path: "",
tiles_hybrid: "", //卫星瓦片图的地址，为空默认在 offlinemap/tiles_hybrid/ 目录
tiles_self: "", //自定义图层的地址，为空默认在 offlinemap/tiles_self/ 目录
};

10
src/components/offLineMap/index.vue
Unescape View File

@ -14,7 +14,9 @@ export default {
name: "zhenhaimap",
data() {
return {
dongtaiPoint: [121.604192, 29.971189],
dongtaiPoint: window.$mapCfg.center,
minZoom: window.$mapCfg.minZoom,
maxZoom: window.$mapCfg.maxZoom,
isGoBack: false,
villageList: [],
villageSumList: [],
@ -48,8 +50,8 @@ export default {
new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]),
12
);
map.setMinZoom(12);
map.setMaxZoom(19);
map.setMinZoom(this.minZoom); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(this.maxZoom);
map.enableScrollWheelZoom(true);
// hjrequest({
// url: '/yc/dt/statistical/village',
@ -335,4 +337,4 @@ export default {
align-items: center;
z-index: 50;
}
</style>
</style>

1
src/views/applySupermarket/legalAdvice/index.vue
Unescape View File

@ -100,6 +100,7 @@ export default {
margin-top: -2vh;
.legalLeft {
display: none;
width: 360px;
background: url("~@/assets/companyFile/menuback.png") no-repeat;
padding: 20px;

14
src/views/compositeIndex/components/homeMap.vue
Unescape View File

@ -10,11 +10,13 @@ export default {
data() {
return {
// center_point: [121.607097, 30.036752],
center_point: [121.625992, 30.025703],
center_point: window.$mapCfg.center,
minZoom: window.$mapCfg.minZoom,
maxZoom: window.$mapCfg.maxZoom,
};
},
mounted() {
this.init_map()
this.init_map();
},
methods: {
// 创建地图
@ -30,11 +32,11 @@ export default {
new build_map.Point(this.center_point[0], this.center_point[1]),
15
); // 根据中心点去创建地图
map.setMinZoom(12); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(19);
map.setMinZoom(this.minZoom); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(this.maxZoom);
map.enableScrollWheelZoom(true);
showPoint();
console.log('MapLine',MapLine.features);
console.log("MapLine", MapLine.features);
// 只需要懈浦镇区域展示
showBoundaryEx(MapLine.features[5]); // 传入懈浦镇边界数据，准备创造懈浦镇多边形
//////////////// 创造边界--多边形 /////////////////
@ -131,4 +133,4 @@ export default {
width: 100vw;
height: 91vh;
}
</style>
</style>

9
src/views/compositeIndex/components/mapWrap.vue
Unescape View File

@ -11,6 +11,8 @@ export default {
data() {
return {
center_point: window.$mapCfg.center,
minZoom: window.$mapCfg.minZoom,
maxZoom: window.$mapCfg.maxZoom,
};
},
mounted() {
@ -27,7 +29,8 @@ export default {
initMap(data) {
// 创建地图实例
let BMapGL = window.BMap;
let map = new BMapGL.Map("container"); // 创建地图实例
let map = new BMapGL.Map("container", {
}); // 创建地图实例
let company_list = data;
console.log("data01", company_list);
@ -116,8 +119,8 @@ export default {
new BMapGL.Point(this.center_point[0], this.center_point[1]),
14
); // 创建点坐标
map.setMinZoom(12); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(19);
map.setMinZoom(this.minZoom); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(this.maxZoom);
map.enableScrollWheelZoom(true);
},
},

2
src/views/enterpriseTopic/fireSafety/ssTable.vue
Unescape View File

@ -85,7 +85,7 @@ export default {
margin-top: 10px;
display: flex;
flex-direction: column;
height: vw(58);
height: vw(70);
background: url("~@/assets/images/topic/cust.png") no-repeat center center;
background-size: 100% 100%;
padding: 0 8px;

7
src/views/enterpriseTopic/fireSafety/xfsjTable.vue
Unescape View File

@ -7,7 +7,7 @@
<div class="label">事件类型：</div>
<div class="value">{{ item.flowType }}</div>
</div>
<div class="item">
<div class="item" style="flex: 1.3">
<div class="label">关联企业：</div>
<div class="value">{{ item.cmy }}</div>
</div>
@ -76,7 +76,7 @@ export default {
margin-top: 10px;
display: flex;
flex-direction: column;
height: vw(58);
height: vw(70);
background: url("~@/assets/images/topic/cust.png") no-repeat center center;
background-size: 100% 100%;
padding: 8px;
@ -94,6 +94,9 @@ export default {
color: #d0deee;
}
.value {
margin-right: vw(6);
word-break: keep-all;
overflow: hidden;
flex: 1;
color: #ffffff;
}

18
src/views/factor/components/factorMap.vue
Unescape View File

@ -38,10 +38,12 @@ export default {
data() {
return {
center_point: window.$mapCfg.center,
minZoom: window.$mapCfg.minZoom,
maxZoom: window.$mapCfg.maxZoom,
};
},
mounted() {
console.log(this.center_point)
console.log(this.minZoom);
this.init_map();
},
methods: {
@ -125,7 +127,9 @@ export default {
imageOffset: new BMap.Size(0, 0, 5), // 设置图片偏移
}
);
var camera_marker = new BMap.Marker(camera_point, { icon: camera_icon }); // 创建点位
var camera_marker = new BMap.Marker(camera_point, {
icon: camera_icon,
}); // 创建点位
map.addOverlay(camera_marker);
// camera_marker.addEventListener("click", function () {
// // 查看车辆轨迹
@ -138,8 +142,8 @@ export default {
new BMap.Point(this.center_point[0], this.center_point[1]),
14
); // 创建点坐标
map.setMinZoom(12); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(19);
map.setMinZoom(this.minZoom); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(this.maxZoom);
map.enableScrollWheelZoom(true);
showPoint(); // 分区区名
// for (var i = 0, n = MapLine.features.length; i < n; i++) {
@ -290,8 +294,8 @@ export default {
}, 500);
map.centerAndZoom(new BMap.Point(item.longitude, item.latitude), 8); // 创建点坐标
map.setMinZoom(12); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(19);
map.setMinZoom(this.minZoom); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(this.maxZoom);
map.enableScrollWheelZoom(true);
// showBoundaryx(MapLine.features[5]);
@ -357,4 +361,4 @@ export default {
width: 100%;
height: 100%;
}
</style>
</style>

18
src/views/factorResources/map.vue
Unescape View File

@ -14,8 +14,10 @@ export default {
props: ["companyInfoList", "deviceVideoInfoList"],
data() {
return {
mapType:['BMAP_NORMAL_MAP', 'BMAP_SATELLITE_MAP'],
dongtaiPoint: [121.604192, 29.977299],
mapType: ["BMAP_NORMAL_MAP", "BMAP_SATELLITE_MAP"],
dongtaiPoint: window.$mapCfg.center,
minZoom: window.$mapCfg.minZoom,
maxZoom: window.$mapCfg.maxZoom,
WaringList: this.companyInfoList,
VideoInfoList: this.deviceVideoInfoList,
villageList: [],
@ -62,15 +64,15 @@ export default {
styleJson,
},
});
console.log('mapppp',map);
console.log("mapppp", map);
// console.log(this.WaringList, 'waringList');
let that = this;
map.centerAndZoom(
new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]),
13
);
map.setMinZoom(12);
map.setMaxZoom(19);
map.setMinZoom(this.minZoom); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(this.maxZoom);
map.enableScrollWheelZoom(true);
// map.setMapType(this.mapType[1]);
// hjrequest({
@ -172,9 +174,9 @@ export default {
});
map.addOverlay(label);
label.addEventListener("click", function () {
that.$emit("showCameraData", item);
that.$emit("showCameraData", item);
});
});
})
});
}
function showPoint() {
@ -288,4 +290,4 @@ export default {
align-items: center;
z-index: 50;
}
</style>
</style>

20
src/views/realtimeWarning/components/warnMap.vue
Unescape View File

@ -16,7 +16,9 @@ export default {
},
data() {
return {
center_point: [121.619992,30.025703],
center_point: window.$mapCfg.center,
minZoom: window.$mapCfg.minZoom,
maxZoom: window.$mapCfg.maxZoom,
trans_list: [], // 接收右边展示页点击传过来的公司进行重新打点
is_flag: false, // 判断右边是否点击传输公司信息，没传则正常全区域打点，传了则重新打点
};
@ -185,13 +187,13 @@ export default {
new BMap.Point(this.center_point[0], this.center_point[1]),
14
); // 创建点坐标
map.setMinZoom(12); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(19);
map.setMinZoom(this.minZoom); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(this.maxZoom);
map.enableScrollWheelZoom(true);
showPoint();
// for (var i = 0, n = MapLine.features.length; i < n; i++) {
// showBoundaryEx(MapLine.features[i]);
// }
// }
// 只需要懈浦镇区域展示
showBoundaryEx(MapLine.features[5]); // 传入懈浦镇边界数据，准备创造懈浦镇多边形
@ -199,7 +201,7 @@ export default {
function showBoundaryEx(city) {
var paths = [];
var list = city.geometry.coordinates;
console.log('city.geometry.coordinates',list[0]);
console.log("city.geometry.coordinates", list[0]);
var polygon = {};
if (list.length > 1) {
for (let a = 0; a < list.length; a++) {
@ -215,7 +217,7 @@ export default {
fillOpacity: 0.6,
strokeWeight: 1,
}); //创建多边形
polygon.disableMassClear()
polygon.disableMassClear();
map.addOverlay(polygon); //增加多边形
}
} else {
@ -228,7 +230,7 @@ export default {
fillOpacity: 0.6,
strokeWeight: 1,
}); //创建多边形
polygon.disableMassClear()
polygon.disableMassClear();
map.addOverlay(polygon); //增加多边形
}
polygon.infowindow = new BMap.InfoWindow();
@ -289,7 +291,7 @@ export default {
border: "0",
fontFamily: "微软雅黑",
});
unit_name.disableMassClear()
unit_name.disableMassClear();
map.addOverlay(unit_name);
}
}
@ -319,4 +321,4 @@ export default {
// background: url("../../../../public/pbImg/redcity.png") no-repeat !important;
// background-size: 100% 100% !important;
// }
</style>
</style>

167
src/views/realtimeWarning/map.vue
Unescape View File

@ -24,7 +24,9 @@ export default {
},
data() {
return {
dongtaiPoint: [121.604192, 29.977299],
dongtaiPoint: window.$mapCfg.center,
minZoom: window.$mapCfg.minZoom,
maxZoom: window.$mapCfg.maxZoom,
WaringList: this.waringList,
villageList: [],
villageSumList: [],
@ -63,8 +65,8 @@ export default {
new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]),
13
);
map.setMinZoom(12);
map.setMaxZoom(19);
map.setMinZoom(this.minZoom); // 初始化地图，设置中心点坐标和地图级别
map.setMaxZoom(this.maxZoom);
map.enableScrollWheelZoom(true);
// hjrequest({
// url: '/yc/dt/statistical/village',
@ -154,11 +156,13 @@ export default {
var point = new BMap.Point(item.longitude, item.latitude);
// 自定义图标
var myIcon = new BMap.Icon(
require("@/assets/realtimeWarning/redcity.png"), new BMap.Size(60, 60),{
anchor:new BMap.Size(100,25)
require("@/assets/realtimeWarning/redcity.png"),
new BMap.Size(60, 60),
{
anchor: new BMap.Size(100, 25),
}
);
var marker = new BMap.Marker(point,{icon:myIcon}); // 创建点位
var marker = new BMap.Marker(point, { icon: myIcon }); // 创建点位
map.addOverlay(marker);
var content = item.companyName;
var label = new BMap.Label(content, {
@ -265,80 +269,80 @@ font-weight: 400;'>转处置</div>
map.addOverlay(label1);
}
}
// function showPic() {
// console.log(that.WaringList, "that.WaringList");
// that.WaringList.forEach((item) => {
// // 创建小车图标
// var myIcon = new BMap.Icon(
// "public/dongtai/awrni.png",
// new BMap.Size(80, 80)
// );
// myIcon.setImageUrl("/dongtai/awrni.png");
// // 创建Marker标注，使用小车图标
// var marker = new BMap.Marker(
// new BMap.Point(item.longitude, item.latitude),
// {
// icon: myIcon,
// }
// );
// console.log(marker, "marker");
// map.addOverlay(marker);
// marker.addEventListener("click", function () {
// var label = new BMap.Label();
// label.setStyle({
// color: "blue",
// borderRadius: "5px",
// borderColor: "#ccc",
// padding: "10px",
// fontSize: "16px",
// fontFamily: "微软雅黑",
// transform: "translateX(-50%) translateY(calc(-100% - 10px))",
// });
// // 点位点击弹窗
// label.setPosition(new BMap.Point(item.longitude, item.latitude));
// label.setOffset(new BMap.Size(130, -10));
// label.setStyle({
// width: "340px",
// height: "238px",
// background: "url(pbImg/气泡弹窗1.png) no-repeat",
// backgroundSize: "100% 100%",
// border: "0",
// color: "#fff",
// zIndex: 2000000000,
// });
// label.setContent(`
// <div style='width:100%;display:flex;justify-content: space-between;align-items: center;'> <h4 style='margin:12px;font-size: 14px;color: #FFE6D9;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; '>${item.companyName}</h4><div class='closeBtn' style='background: url(pbImg/关闭.png) no-repeat;width:20px;height:20px;background-size: 100% 100%;margin-right:10px;"'></div></div>
// <div style='margin:0 auto;font-size: 14px;width:316px;height:108px;padding:0 12px;background: rgba(108,128,151,0.20);border: 1px solid rgba(73,84,97,1);'>
// <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">一级指标：</span>${item.levelIndexOne}</h4>
// <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">预警指标：</span>"${item.levelIndexThree}"异常</h4>
// <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">预警时间：</span>${item.alarmTime}</h4>
// <div class='zhuanchuzhiBtn' style='width:80px;height:34px;font-size: 14px;
// color: #FFFFFF;
// text-align:center;
// line-height:34px;
// background: url(pbImg/2121.png) no-repeat;
// margin-top:20px;
// background-size: 100% 100%;
// letter-spacing: 0;
// margin-left:80px;
// font-weight: 400;'>转处置</div>
// </div>
// `);
// map.addOverlay(label);
// let btn = document.querySelector(".zhuanchuzhiBtn");
// btn.addEventListener("click", () => {
// that.$emit("zhuanchuzhi", item);
// });
// let closebtn = document.querySelector(".closeBtn");
// closebtn.addEventListener("click", () => {
// map.removeOverlay(label);
// });
// // label.addEventListener('mouseout', function () {
// // map.removeOverlay(label);
// // })
// });
// });
// }
// function showPic() {
// console.log(that.WaringList, "that.WaringList");
// that.WaringList.forEach((item) => {
// // 创建小车图标
// var myIcon = new BMap.Icon(
// "public/dongtai/awrni.png",
// new BMap.Size(80, 80)
// );
// myIcon.setImageUrl("/dongtai/awrni.png");
// // 创建Marker标注，使用小车图标
// var marker = new BMap.Marker(
// new BMap.Point(item.longitude, item.latitude),
// {
// icon: myIcon,
// }
// );
// console.log(marker, "marker");
// map.addOverlay(marker);
// marker.addEventListener("click", function () {
// var label = new BMap.Label();
// label.setStyle({
// color: "blue",
// borderRadius: "5px",
// borderColor: "#ccc",
// padding: "10px",
// fontSize: "16px",
// fontFamily: "微软雅黑",
// transform: "translateX(-50%) translateY(calc(-100% - 10px))",
// });
// // 点位点击弹窗
// label.setPosition(new BMap.Point(item.longitude, item.latitude));
// label.setOffset(new BMap.Size(130, -10));
// label.setStyle({
// width: "340px",
// height: "238px",
// background: "url(pbImg/气泡弹窗1.png) no-repeat",
// backgroundSize: "100% 100%",
// border: "0",
// color: "#fff",
// zIndex: 2000000000,
// });
// label.setContent(`
// <div style='width:100%;display:flex;justify-content: space-between;align-items: center;'> <h4 style='margin:12px;font-size: 14px;color: #FFE6D9;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; '>${item.companyName}</h4><div class='closeBtn' style='background: url(pbImg/关闭.png) no-repeat;width:20px;height:20px;background-size: 100% 100%;margin-right:10px;"'></div></div>
// <div style='margin:0 auto;font-size: 14px;width:316px;height:108px;padding:0 12px;background: rgba(108,128,151,0.20);border: 1px solid rgba(73,84,97,1);'>
// <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">一级指标：</span>${item.levelIndexOne}</h4>
// <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">预警指标：</span>"${item.levelIndexThree}"异常</h4>
// <h4 style='height:33%;opacity: 0.8;margin:0;line-height:38px;font-weight:300;'><span style="color:#D0DEEE;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">预警时间：</span>${item.alarmTime}</h4>
// <div class='zhuanchuzhiBtn' style='width:80px;height:34px;font-size: 14px;
// color: #FFFFFF;
// text-align:center;
// line-height:34px;
// background: url(pbImg/2121.png) no-repeat;
// margin-top:20px;
// background-size: 100% 100%;
// letter-spacing: 0;
// margin-left:80px;
// font-weight: 400;'>转处置</div>
// </div>
// `);
// map.addOverlay(label);
// let btn = document.querySelector(".zhuanchuzhiBtn");
// btn.addEventListener("click", () => {
// that.$emit("zhuanchuzhi", item);
// });
// let closebtn = document.querySelector(".closeBtn");
// closebtn.addEventListener("click", () => {
// map.removeOverlay(label);
// });
// // label.addEventListener('mouseout', function () {
// // map.removeOverlay(label);
// // })
// });
// });
// }
},
flexPoint() {
var pointAll = document.querySelectorAll(".BMap_Marker.BMap_noprint");
@ -372,6 +376,5 @@ font-weight: 400;'>转处置</div>
justify-content: center;
align-items: center;
z-index: 50;
}
</style>
</style>

4
src/views/systemManagement/floatPopulation/index.vue
Unescape View File

@ -6,7 +6,7 @@
<span>流动人口</span>
</div>
<div class="cardBody">
<div class="cardBody loveflow">
<div class="flexSpaceBetween">
<div class="tableOperator"></div>
<div class="searchWrap">
@ -342,6 +342,7 @@ export default {
color: #ffffff;
background: #1b3736;
border: 1px solid #fff;
overflow: hidden;
.floatLeft {
margin-right: 12px;
img {
@ -354,6 +355,7 @@ export default {
.item {
display: flex;
line-height: 24px;
overflow: hidden;
.label {
width: 80px;
text-align: right;

16580
yarn.lock
View File

File diff suppressed because it is too large Load Diff
Write Preview
Loading…
Cancel
Save