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

人员背景审查

Browse Source
pull/117/head
lukeyan 2 years ago
parent 2585ecb477
commit a945cde3d5
7 changed files with 1025 additions and 957 deletions
Show Stats Download Patch File Download Diff File

3
public/baiduapi.js
Unescape View File

@ -6034,7 +6034,7 @@ window.BMAP_AUTHENTIC_KEY = "iSZit9hpxlgGq28nmIyFk8lQQ21widby";
}) })
} }
}); });
var Ad = new nd(I.pa + "marker_red_sprite.png", new M(19, 25), { var Ad = new nd(I.pa + "", new M(19, 25), {
anchor: new M(10, 25), anchor: new M(10, 25),
infoWindowAnchor: new M(10, 0) infoWindowAnchor: new M(10, 0)
}) })
@ -6043,7 +6043,6 @@ window.BMAP_AUTHENTIC_KEY = "iSZit9hpxlgGq28nmIyFk8lQQ21widby";
imageOffset: new M(-19, -13) imageOffset: new M(-19, -13)
}); });
function W(a, b) { function W(a, b) {
kb.call(this);
b = b || {}; b = b || {};
this.point = a; this.point = a;
this.Tq = this.map = p; this.Tq = this.map = p;

BIN
public/images/marker_red_sprite.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
public/images/red.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

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

@ -1,203 +1,234 @@
<template> <template>
<div> <div>
<div class="bmap" id="container" ref="container"></div> <div class="bmap" id="container" ref="container"></div>
<el-button class="fanhui" @click="goBack" v-if="isGoBack">返回</el-button> <el-button class="fanhui" @click="goBack" v-if="isGoBack">返回</el-button>
</div> </div>
</template> </template>
<script> <script>
import MapLine from "../../../public/zhenhaiLine.json" import MapLine from "../../../public/zhenhaiLine.json";
import MapPoint from "../../../public/zhenhaiPoint.json" import MapPoint from "../../../public/zhenhaiPoint.json";
import styleJson from "../../../public/custom_map_config.json" import styleJson from "../../../public/custom_map_config.json";
import { topMap, topMapOne } from '@/api/offLineMap' import { topMap, topMapOne } from "@/api/offLineMap";
export default { export default {
name: 'zhenhaimap', name: "zhenhaimap",
data() { data() {
return { return {
dongtaiPoint: [121.604192, 29.971189], dongtaiPoint: [121.604192, 29.971189],
isGoBack: false, isGoBack: false,
villageList: [], villageList: [],
villageSumList: [], villageSumList: [],
flag: true, flag: true,
companyList: [], companyList: [],
label1: {} label1: {},
} };
}, },
mounted() { mounted() {
topMap({ scoreType: 'season' }).then(res => { topMap({ scoreType: "season" }).then((res) => {
this.companyList = res.data this.companyList = res.data;
this.initMap() this.initMap();
}) });
},
methods: {
goBack() {
this.initMap();
this.isGoBack = false;
this.$emit("goBack");
}, },
methods: { initMap() {
goBack() { var BMap = window.BMap;
this.initMap() // console.log(BMap, 'BMap');
this.isGoBack = false var map = new BMap.Map("container", {
this.$emit('goBack') style: {
styleJson,
}, },
initMap() { });
var BMap = window.BMap let that = this;
// console.log(BMap, 'BMap'); map.centerAndZoom(
var map = new BMap.Map('container', { new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]),
style: { 12
styleJson );
} map.setMinZoom(12);
}); map.setMaxZoom(19);
let that = this map.enableScrollWheelZoom(true);
map.centerAndZoom(new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]), 12); // hjrequest({
map.setMinZoom(12) // url: '/yc/dt/statistical/village',
map.setMaxZoom(19) // method: 'get',
map.enableScrollWheelZoom(true); // params: { areaCode: that.areaCode }
// hjrequest({ // }).then((res) => {
// url: '/yc/dt/statistical/village', // that.villageSumList = res.data
// method: 'get', // })
// params: { areaCode: that.areaCode } // console.log(MapLine, 'MapLine');
// }).then((res) => { for (var i = 0, n = MapLine.features.length; i < n; i++) {
// that.villageSumList = res.data showBoundaryEx(MapLine.features[i]);
// }) }
// console.log(MapLine, 'MapLine'); var label = new BMap.Label();
for (var i = 0, n = MapLine.features.length; i < n; i++) { showPoint();
showBoundaryEx(MapLine.features[i]); // 城市区域划分，例如九龙湖镇区域，骆驼街道区域等等...区域边界为不规则多边形
function showBoundaryEx(city) {
var paths = [];
var list = city.geometry.coordinates;
// console.log(list.length, 'list[0].length')
//console.log(list[1], 'list[1].length')
var polygon = {};
if (list.length > 1) {
for (let a = 0; a < list.length; a++) {
paths = [];
for (let i = 0; i < list[a][0].length; i++) {
let lat = list[a][0][i][1],
lng = list[a][0][i][0];
paths.push(new BMap.Point(lng, lat));
} }
var label = new BMap.Label(); polygon = new BMap.Polygon(paths, {
showPoint() fillColor: "#3b4c44",
function showBoundaryEx(city) { strokeColor: "#0f1423",
var paths = [] fillOpacity: 0.6,
var list = city.geometry.coordinates strokeWeight: 1,
// console.log(list.length, 'list[0].length') }); //创建多边形
//console.log(list[1], 'list[1].length') map.addOverlay(polygon); //增加多边形
var polygon = {} }
if (list.length > 1) { // // console.log(list, 'length');
for (let a = 0; a < list.length; a++) { } else {
paths = [] // console.log(list[0], ' list[0]');
for (let i = 0; i < list[a][0].length; i++) { for (let i = 0; i < list[0].length; i++) {
let lat = list[a][0][i][1], let lat = list[0][i][1],
lng = list[a][0][i][0]; lng = list[0][i][0];
paths.push(new BMap.Point(lng, lat)); paths.push(new BMap.Point(lng, lat));
} }
polygon = new BMap.Polygon(paths, { // console.log(list, 'length');
fillColor: '#3b4c44', polygon = new BMap.Polygon(paths, {
strokeColor: "#0f1423", fillColor: "#3b4c44",
fillOpacity: 0.6, strokeColor: "#0f1423",
strokeWeight: 1 fillOpacity: 0.6,
}); //创建多边形 strokeWeight: 1,
map.addOverlay(polygon); //增加多边形 }); //创建多边形
} map.addOverlay(polygon); //增加多边形
// // console.log(list, 'length'); }
} else { polygon.infowindow = new BMap.InfoWindow();
// console.log(list[0], ' list[0]'); polygon.infowindow.name = city.properties.name;
for (let i = 0; i < list[0].length; i++) { polygon.addEventListener("mouseover", function () {
let lat = list[0][i][1], polygon.setFillColor("#ffa500");
lng = list[0][i][0]; });
paths.push(new BMap.Point(lng, lat)); polygon.addEventListener("mouseout", function () {
} map.removeOverlay(label);
// console.log(list, 'length'); polygon.setFillColor("#3b4c44");
polygon = new BMap.Polygon(paths, { });
fillColor: '#3b4c44',
strokeColor: "#0f1423",
fillOpacity: 0.6,
strokeWeight: 1
}); //创建多边形
map.addOverlay(polygon); //增加多边形
}
polygon.infowindow = new BMap.InfoWindow();
polygon.infowindow.name = city.properties.name;
polygon.addEventListener("mouseover", function () {
polygon.setFillColor("#ffa500");
});
polygon.addEventListener("mouseout", function () {
map.removeOverlay(label);
polygon.setFillColor('#3b4c44');
});
//开始用"mouseover","mouseout"发现,鼠标移动过快,会多个省份也高亮了.所以改成 click了 //开始用"mouseover","mouseout"发现,鼠标移动过快,会多个省份也高亮了.所以改成 click了
polygon.addEventListener("click", function () { polygon.addEventListener("click", function () {
console.log(city.properties.name, 'city.properties.name'); console.log(city.properties.name, "city.properties.name");
if (city.properties.name == '骆驼街道') { if (city.properties.name == "骆驼街道") {
map.centerAndZoom(new BMap.Point(121.58887, 29.986122), 15); map.centerAndZoom(new BMap.Point(121.58887, 29.986122), 15);
that.isGoBack = true that.isGoBack = true;
} else if (city.properties.name == '招宝山街道') { } else if (city.properties.name == "招宝山街道") {
map.centerAndZoom(new BMap.Point(121.713707, 29.95656), 15); map.centerAndZoom(new BMap.Point(121.713707, 29.95656), 15);
that.isGoBack = true that.isGoBack = true;
} else if (city.properties.name == '蛟川街道') { } else if (city.properties.name == "蛟川街道") {
map.centerAndZoom(new BMap.Point(121.686105, 29.947339), 15); map.centerAndZoom(new BMap.Point(121.686105, 29.947339), 15);
that.isGoBack = true that.isGoBack = true;
} else if (city.properties.name == '庄市街道') { } else if (city.properties.name == "庄市街道") {
map.centerAndZoom(new BMap.Point(121.627037, 29.925579), 15); map.centerAndZoom(new BMap.Point(121.627037, 29.925579), 15);
that.isGoBack = true that.isGoBack = true;
} else if (city.properties.name == '贵驷街道') { } else if (city.properties.name == "贵驷街道") {
map.centerAndZoom(new BMap.Point(121.624142, 29.985606), 15); map.centerAndZoom(new BMap.Point(121.624142, 29.985606), 15);
that.isGoBack = true that.isGoBack = true;
} else if (city.properties.name == '澥浦镇') { } else if (city.properties.name == "澥浦镇") {
map.centerAndZoom(new BMap.Point(121.607133, 30.037162), 15); map.centerAndZoom(new BMap.Point(121.607133, 30.037162), 15);
that.isGoBack = true that.isGoBack = true;
} else if (city.properties.name == '九龙湖镇') { } else if (city.properties.name == "九龙湖镇") {
map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15); map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15);
that.isGoBack = true that.isGoBack = true;
} }
// let streetCode = that.streetCodeList.filter((item) => { // let streetCode = that.streetCodeList.filter((item) => {
// if (item.areaName == city.properties.name) { // if (item.areaName == city.properties.name) {
// return item.areaCode // return item.areaCode
// } // }
// }); // });
// let goStreetData = { areaCode: that.areaCode, streetCode: streetCode[0].areaCode } // let goStreetData = { areaCode: that.areaCode, streetCode: streetCode[0].areaCode }
// that.$emit('goStreet', streetCode[0].areaCode) // that.$emit('goStreet', streetCode[0].areaCode)
// hjrequest({ // hjrequest({
// url: '/yc/dt/statistical/villages', // url: '/yc/dt/statistical/villages',
// method: 'get', // method: 'get',
// params: goStreetData // params: goStreetData
// }).then((res) => { // }).then((res) => {
// that.villageList = res.data // that.villageList = res.data
// that.villageList.forEach((item) => { // that.villageList.forEach((item) => {
// var point = new BMap.Point(item.longitude, item.latitude); // var point = new BMap.Point(item.longitude, item.latitude);
// var marker = new BMap.Marker(point); // 创建标注 // var marker = new BMap.Marker(point); // 创建标注
// map.addOverlay(marker); // map.addOverlay(marker);
// var content = item.villageName; // var content = item.villageName;
// var label = new BMap.Label(content, { // 创建文本标注 // var label = new BMap.Label(content, { // 创建文本标注
// position: point, // 设置标注的地理位置 // position: point, // 设置标注的地理位置
// offset: new BMap.Size(-10, -50) // 设置标注的偏移量 // offset: new BMap.Size(-10, -50) // 设置标注的偏移量
// }) // })
// label.setStyle({ backgroundColor: ' rgba(0, 0, 0, 0)', border: '0', color: 'yellow', fontSize: '20px' }) // label.setStyle({ backgroundColor: ' rgba(0, 0, 0, 0)', border: '0', color: 'yellow', fontSize: '20px' })
// map.addOverlay(label); // map.addOverlay(label);
// marker.addEventListener("click", function () { // marker.addEventListener("click", function () {
// // Cookies.set('village_current', item.villageCode) // // Cookies.set('village_current', item.villageCode)
// window.open(window.location.origin + '/#/communityShow', '_blank'); // window.open(window.location.origin + '/#/communityShow', '_blank');
// }); // });
// }) // })
// }) // })
that.companyList.forEach((item) => { that.companyList.forEach((item) => {
var point = new BMap.Point(item.longitude, item.latitude); var point = new BMap.Point(item.longitude, item.latitude);
console.log(point, 'point'); console.log(point, "point");
var marker = new BMap.Marker(point); // 创建标注 // var myIcon = new BMap.Icon(
map.addOverlay(marker); // "../../../public/images/marker_red_sprite.png",
var content = item.companyName; // new BMap.Size(23, 25),
var label = new BMap.Label(content, { // 创建文本标注 // {
position: point, // 设置标注的地理位置 // anchor: new BMap.Size(10, 25),
offset: new BMap.Size(-10, -50) // 设置标注的偏移量 // imageOffset: new BMap.Size(0, 0 - 25), // 设置图片偏移
}) // }
label.setStyle({ backgroundColor: ' rgba(0, 0, 0, 0)', border: '0', color: '#0060ce', fontSize: '16px' }) // );
map.addOverlay(label); var marker = new BMap.Marker(point); // 创建标注
marker.addEventListener("click", function () { // 向地图添加覆盖物
map.removeOverlay(that.label1); map.addOverlay(marker);
topMapOne({ companyId: item.companyId, companyName: item.companyName }).then(res => { var content = item.companyName;
that.label1 = new BMap.Label(); // 各公司点位
that.label1.setStyle({ var label = new BMap.Label(content, {
color: 'blue', // 创建文本标注
borderRadius: '5px', position: point, // 设置标注的地理位置
borderColor: '#ccc', offset: new BMap.Size(-10, -50), // 设置标注的偏移量
padding: '10px', });
fontSize: '16px', label.setStyle({
fontFamily: '微软雅黑', backgroundColor: " rgba(0, 0, 0, 0)",
transform: 'translateX(-50%) translateY(calc(-100% - 10px))' border: "0",
}); color: "#0060ce",
fontSize: "16px",
});
map.addOverlay(label);
marker.addEventListener("click", function () {
map.removeOverlay(that.label1);
topMapOne({
companyId: item.companyId,
companyName: item.companyName,
}).then((res) => {
that.label1 = new BMap.Label();
that.label1.setStyle({
color: "blue",
borderRadius: "5px",
borderColor: "#ccc",
padding: "10px",
fontSize: "16px",
fontFamily: "微软雅黑",
transform: "translateX(-50%) translateY(calc(-100% - 10px))",
});
that.label1.setPosition(new BMap.Point(item.longitude, item.latitude)); that.label1.setPosition(
that.label1.setOffset(new BMap.Size(130, -10)) new BMap.Point(item.longitude, item.latitude)
that.label1.setStyle({ width: '372px', height: '242px', background: 'url(pbImg/bz49.png) no-repeat', backgroundSize: '100% 100%', border: '0', color: '#fff', padding: '13px 20px' }) );
that.label1.setContent(` that.label1.setOffset(new BMap.Size(130, -10));
that.label1.setStyle({
width: "372px",
height: "242px",
background: "url(pbImg/bz49.png) no-repeat",
backgroundSize: "100% 100%",
border: "0",
color: "#fff",
padding: "13px 20px",
});
that.label1.setContent(`
<div style='width:100%;display:flex;justify-content: space-between;align-items: center;border-bottom:1px solid #657E83;'> <h4 style='margin:12px;font-size: 14px;color: #EBFFF4;letter-spacing: 1px;line-height: 24px;text-shadow: 0 0 9px rgba(21,255,195,0.77);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;'>${res.data.companyName}</h4><div class='closeBtn' style='font-size: 14px;color: #30C4FF;letter-spacing: 1px;font-weight: 400;'>企业看板<i style='display:inline-block; background: url(pbImg/跳转.png) no-repeat;width:16px;height:14px;background-size: 100% 100%;"'></i></div><div class='closeBtn1' style='background: url(pbImg/关闭.png) no-repeat;width:20px;height:20px;background-size: 100% 100%;position:relative;z-index:200000000; <div style='width:100%;display:flex;justify-content: space-between;align-items: center;border-bottom:1px solid #657E83;'> <h4 style='margin:12px;font-size: 14px;color: #EBFFF4;letter-spacing: 1px;line-height: 24px;text-shadow: 0 0 9px rgba(21,255,195,0.77);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;'>${res.data.companyName}</h4><div class='closeBtn' style='font-size: 14px;color: #30C4FF;letter-spacing: 1px;font-weight: 400;'>企业看板<i style='display:inline-block; background: url(pbImg/跳转.png) no-repeat;width:16px;height:14px;background-size: 100% 100%;"'></i></div><div class='closeBtn1' style='background: url(pbImg/关闭.png) no-repeat;width:20px;height:20px;background-size: 100% 100%;position:relative;z-index:200000000;
margin-top:-15px;"'></div></div> margin-top:-15px;"'></div></div>
<div style='height:70px;width:100%;margin-top:15px;background: url(pbImg/编组.png);display:flex;justify-content: space-around;align-items: center;'> <div style='height:70px;width:100%;margin-top:15px;background: url(pbImg/编组.png);display:flex;justify-content: space-around;align-items: center;'>
@ -245,78 +276,77 @@ export default {
</div> </div>
</div> </div>
`); `);
map.addOverlay(that.label1); map.addOverlay(that.label1);
let closebtn = document.querySelector('.closeBtn') let closebtn = document.querySelector(".closeBtn");
let closeBtn1 = document.querySelector('.closeBtn1') let closeBtn1 = document.querySelector(".closeBtn1");
closeBtn1.addEventListener('click', () => { closeBtn1.addEventListener("click", () => {
map.removeOverlay(that.label1);
map.removeOverlay(that.label1);
})
//console.log(btn, 'btn');
closebtn.addEventListener('click', () => {
that.$emit('toArchives', item)
map.removeOverlay(that.label1);
})
})
});
})
polygon.removeEventListener('mousemove')
}); });
//console.log(btn, 'btn');
closebtn.addEventListener("click", () => {
that.$emit("toArchives", item);
map.removeOverlay(that.label1);
});
});
});
});
polygon.removeEventListener("mousemove");
});
}
function showPoint() {
console.log(MapPoint, "MapPoint");
for (let i = 0; i < MapPoint.features.length; i++) {
var opts = {
position: new BMap.Point(
MapPoint.features[i].geometry.coordinates[0],
MapPoint.features[i].geometry.coordinates[1]
), // 指定文本标注所在的地理位置
offset: new BMap.Size(-30, -30), // 设置文本偏移量
};
} // 创建文本标注对象
function showPoint() { var label1 = new BMap.Label(
console.log(MapPoint, 'MapPoint'); MapPoint.features[i].properties.name,
opts
for (let i = 0; i < MapPoint.features.length; i++) { );
var opts = { // 自定义文本标注样式
position: new BMap.Point(MapPoint.features[i].geometry.coordinates[0], MapPoint.features[i].geometry.coordinates[1]), // 指定文本标注所在的地理位置 label1.setStyle({
offset: new BMap.Size(-30, -30) // 设置文本偏移量 color: "orange",
}; borderRadius: "5px",
borderColor: "#ccc",
// 创建文本标注对象 padding: "10px",
var label1 = new BMap.Label(MapPoint.features[i].properties.name, opts); fontSize: "16px",
// 自定义文本标注样式 height: "20px",
label1.setStyle({ lineHeight: "20px",
color: 'orange', backgroundColor: "rgba(0,0,0,0)",
borderRadius: '5px', border: "0",
borderColor: '#ccc', fontFamily: "微软雅黑",
padding: '10px', });
fontSize: '16px', map.addOverlay(label1);
height: '20px', }
lineHeight: '20px', }
backgroundColor: 'rgba(0,0,0,0)', },
border: '0', },
fontFamily: '微软雅黑' };
});
map.addOverlay(label1);
}
}
},
}
}
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.bmap { .bmap {
width: 100%; width: 100%;
height: 100%; height: 100%;
border: 1px solid #000000; border: 1px solid #000000;
} }
.fanhui { .fanhui {
display: inline-block; display: inline-block;
width: 50px; width: 50px;
height: 20px; height: 20px;
position: absolute; position: absolute;
left: 49%; left: 49%;
bottom: 30px; bottom: 30px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
z-index: 50; z-index: 50;
} }
</style> </style>

2
src/views/applySupermarket/index.vue
Unescape View File

@ -3,7 +3,7 @@
<div class="supermarket_body"> <div class="supermarket_body">
<div class="supermarket_title"> <div class="supermarket_title">
<div class="supermarket_title_01" @click="back_list">应用超市</div> <div class="supermarket_title_01" @click="back_list">应用超市</div>
<div v-if="is_flag != '0'" class="supermarket_title_02">>>处置详情</div> <div v-if="is_flag != '0'" class="supermarket_title_02">>>人员背景审查</div>
</div> </div>
<div class="supermarket_list"> <div class="supermarket_list">
<div v-if="is_flag === '0'" class="list_boxs"> <div v-if="is_flag === '0'" class="list_boxs">

28
src/views/head.vue
Unescape View File

@ -50,14 +50,8 @@
</div> </div>
<div class="user_box" v-show="user_show"> <div class="user_box" v-show="user_show">
<div class="user_box_body"> <div class="user_box_body">
<!-- 用户头像 -->
<div class="user_box_img">
<img src="../assets/companyFile/12110.png" />
</div>
<!-- 用户姓名 -->
<div class="user_name">王警官</div>
<!-- 用户个人中心 --> <!-- 用户个人中心 -->
<div class="user_center">个人中心</div> <div class="user_center">修改密码</div>
<!-- 用户退出登录 --> <!-- 用户退出登录 -->
<div class="user_check_login" @click="logout">退出登录</div> <div class="user_check_login" @click="logout">退出登录</div>
</div> </div>
@ -170,7 +164,7 @@ export default {
top: 70px; top: 70px;
right: 10px; right: 10px;
width: 180px; width: 180px;
height: 200px; height: 100px;
// border: 0.1px solid #33cccc; // border: 0.1px solid #33cccc;
padding: 10px; padding: 10px;
background: url("~@/assets/archives/023.png") no-repeat; background: url("~@/assets/archives/023.png") no-repeat;
@ -178,25 +172,9 @@ export default {
z-index: 2; z-index: 2;
.user_box_body { .user_box_body {
width: 160px; width: 160px;
height: 180px; height: 80px;
// border: 0.1px solid #33cccc; // border: 0.1px solid #33cccc;
} }
.user_box_img {
width: 60px;
height: 60px;
margin: 5px auto;
img {
width: 60px;
height: 60px;
}
}
.user_name {
width: 160px;
height: 25px;
color: #d9e7ff;
font-size: 15px;
text-align: center;
}
.user_center { .user_center {
width: 160px; width: 160px;
height: 40px; height: 40px;

1413
src/views/safetyIndex/toubu.vue
View File

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