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

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

@ -6,12 +6,12 @@
</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],
@ -20,34 +20,36 @@ export default {
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: { methods: {
goBack() { goBack() {
this.initMap() this.initMap();
this.isGoBack = false this.isGoBack = false;
this.$emit('goBack') this.$emit("goBack");
}, },
initMap() { initMap() {
var BMap = window.BMap var BMap = window.BMap;
// console.log(BMap, 'BMap'); // console.log(BMap, 'BMap');
var map = new BMap.Map('container', { var map = new BMap.Map("container", {
style: { style: {
styleJson styleJson,
} },
}); });
let that = this let that = this;
map.centerAndZoom(new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]), 12); map.centerAndZoom(
map.setMinZoom(12) new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]),
map.setMaxZoom(19) 12
);
map.setMinZoom(12);
map.setMaxZoom(19);
map.enableScrollWheelZoom(true); map.enableScrollWheelZoom(true);
// hjrequest({ // hjrequest({
// url: '/yc/dt/statistical/village', // url: '/yc/dt/statistical/village',
@ -61,26 +63,27 @@ export default {
showBoundaryEx(MapLine.features[i]); showBoundaryEx(MapLine.features[i]);
} }
var label = new BMap.Label(); var label = new BMap.Label();
showPoint() showPoint();
// 城市区域划分，例如九龙湖镇区域，骆驼街道区域等等...区域边界为不规则多边形
function showBoundaryEx(city) { function showBoundaryEx(city) {
var paths = [] var paths = [];
var list = city.geometry.coordinates var list = city.geometry.coordinates;
// console.log(list.length, 'list[0].length') // console.log(list.length, 'list[0].length')
//console.log(list[1], 'list[1].length') //console.log(list[1], 'list[1].length')
var polygon = {} var polygon = {};
if (list.length > 1) { if (list.length > 1) {
for (let a = 0; a < list.length; a++) { for (let a = 0; a < list.length; a++) {
paths = [] paths = [];
for (let i = 0; i < list[a][0].length; i++) { for (let i = 0; i < list[a][0].length; i++) {
let lat = list[a][0][i][1], let lat = list[a][0][i][1],
lng = list[a][0][i][0]; lng = list[a][0][i][0];
paths.push(new BMap.Point(lng, lat)); paths.push(new BMap.Point(lng, lat));
} }
polygon = new BMap.Polygon(paths, { polygon = new BMap.Polygon(paths, {
fillColor: '#3b4c44', fillColor: "#3b4c44",
strokeColor: "#0f1423", strokeColor: "#0f1423",
fillOpacity: 0.6, fillOpacity: 0.6,
strokeWeight: 1 strokeWeight: 1,
}); //创建多边形 }); //创建多边形
map.addOverlay(polygon); //增加多边形 map.addOverlay(polygon); //增加多边形
} }
@ -94,10 +97,10 @@ export default {
} }
// console.log(list, 'length'); // console.log(list, 'length');
polygon = new BMap.Polygon(paths, { polygon = new BMap.Polygon(paths, {
fillColor: '#3b4c44', fillColor: "#3b4c44",
strokeColor: "#0f1423", strokeColor: "#0f1423",
fillOpacity: 0.6, fillOpacity: 0.6,
strokeWeight: 1 strokeWeight: 1,
}); //创建多边形 }); //创建多边形
map.addOverlay(polygon); //增加多边形 map.addOverlay(polygon); //增加多边形
} }
@ -108,34 +111,33 @@ export default {
}); });
polygon.addEventListener("mouseout", function () { polygon.addEventListener("mouseout", function () {
map.removeOverlay(label); map.removeOverlay(label);
polygon.setFillColor('#3b4c44'); 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) {
@ -170,33 +172,62 @@ export default {
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 myIcon = new BMap.Icon(
// "../../../public/images/marker_red_sprite.png",
// new BMap.Size(23, 25),
// {
// anchor: new BMap.Size(10, 25),
// imageOffset: new BMap.Size(0, 0 - 25), // 设置图片偏移
// }
// );
var marker = new BMap.Marker(point); // 创建标注 var marker = new BMap.Marker(point); // 创建标注
// 向地图添加覆盖物
map.addOverlay(marker); map.addOverlay(marker);
var content = item.companyName; var content = item.companyName;
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: '#0060ce', fontSize: '16px' }) label.setStyle({
backgroundColor: " rgba(0, 0, 0, 0)",
border: "0",
color: "#0060ce",
fontSize: "16px",
});
map.addOverlay(label); map.addOverlay(label);
marker.addEventListener("click", function () { marker.addEventListener("click", function () {
map.removeOverlay(that.label1); map.removeOverlay(that.label1);
topMapOne({ companyId: item.companyId, companyName: item.companyName }).then(res => { topMapOne({
companyId: item.companyId,
companyName: item.companyName,
}).then((res) => {
that.label1 = new BMap.Label(); that.label1 = new BMap.Label();
that.label1.setStyle({ that.label1.setStyle({
color: 'blue', color: "blue",
borderRadius: '5px', borderRadius: "5px",
borderColor: '#ccc', borderColor: "#ccc",
padding: '10px', padding: "10px",
fontSize: '16px', fontSize: "16px",
fontFamily: '微软雅黑', fontFamily: "微软雅黑",
transform: 'translateX(-50%) translateY(calc(-100% - 10px))' 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.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(` 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>
@ -246,55 +277,57 @@ export default {
</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'); //console.log(btn, 'btn');
closebtn.addEventListener('click', () => { closebtn.addEventListener("click", () => {
that.$emit('toArchives', item) that.$emit("toArchives", item);
map.removeOverlay(that.label1); map.removeOverlay(that.label1);
})
})
}); });
})
polygon.removeEventListener('mousemove')
}); });
});
});
polygon.removeEventListener("mousemove");
});
} }
function showPoint() { function showPoint() {
console.log(MapPoint, 'MapPoint'); console.log(MapPoint, "MapPoint");
for (let i = 0; i < MapPoint.features.length; i++) { for (let i = 0; i < MapPoint.features.length; i++) {
var opts = { var opts = {
position: new BMap.Point(MapPoint.features[i].geometry.coordinates[0], MapPoint.features[i].geometry.coordinates[1]), // 指定文本标注所在的地理位置 position: new BMap.Point(
offset: new BMap.Size(-30, -30) // 设置文本偏移量 MapPoint.features[i].geometry.coordinates[0],
MapPoint.features[i].geometry.coordinates[1]
), // 指定文本标注所在的地理位置
offset: new BMap.Size(-30, -30), // 设置文本偏移量
}; };
// 创建文本标注对象 // 创建文本标注对象
var label1 = new BMap.Label(MapPoint.features[i].properties.name, opts); var label1 = new BMap.Label(
MapPoint.features[i].properties.name,
opts
);
// 自定义文本标注样式 // 自定义文本标注样式
label1.setStyle({ label1.setStyle({
color: 'orange', color: "orange",
borderRadius: '5px', borderRadius: "5px",
borderColor: '#ccc', borderColor: "#ccc",
padding: '10px', padding: "10px",
fontSize: '16px', fontSize: "16px",
height: '20px', height: "20px",
lineHeight: '20px', lineHeight: "20px",
backgroundColor: 'rgba(0,0,0,0)', backgroundColor: "rgba(0,0,0,0)",
border: '0', border: "0",
fontFamily: '微软雅黑' fontFamily: "微软雅黑",
}); });
map.addOverlay(label1); map.addOverlay(label1);
} }
} }
}, },
} },
} };
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@ -304,8 +337,6 @@ export default {
border: 1px solid #000000; border: 1px solid #000000;
} }
.fanhui { .fanhui {
display: inline-block; display: inline-block;
width: 50px; width: 50px;
@ -317,6 +348,5 @@ export default {
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;

337
src/views/safetyIndex/toubu.vue
Unescape View File

@ -5,73 +5,134 @@
<div class="toprightIcon"></div> <div class="toprightIcon"></div>
<div class="topHead"> <div class="topHead">
<div class="topHeadItem" @click="goMore('平安')"> <div class="topHeadItem" @click="goMore('平安')">
平安&nbsp;&nbsp;<span class="blue">{{ statisticsAlarmData.safeSum }}</span><span 平安&nbsp;&nbsp;<span class="blue">{{
class="jia">&nbsp;家</span> statisticsAlarmData.safeSum
}}</span
><span class="jia">&nbsp;家</span>
</div> </div>
<div class="shu"></div> <div class="shu"></div>
<div class="topHeadItem" @click="goMore('石化总数')"> <div class="topHeadItem" @click="goMore('石化总数')">
石化企业总数&nbsp;&nbsp;<span class="yellow">{{ statisticsAlarmData.companySum }}</span><span 石化企业总数&nbsp;&nbsp;<span class="yellow">{{
class="jia">&nbsp;家</span> statisticsAlarmData.companySum
}}</span
><span class="jia">&nbsp;家</span>
</div> </div>
<div class="shu"></div> <div class="shu"></div>
<div class="topHeadItem" @click="goMore('预警')"> <div class="topHeadItem" @click="goMore('预警')">
预警&nbsp;&nbsp;<span class="red">{{ statisticsAlarmData.alarmSum }}</span><span 预警&nbsp;&nbsp;<span class="red">{{
class="jia">&nbsp;家</span> statisticsAlarmData.alarmSum
}}</span
><span class="jia">&nbsp;家</span>
</div> </div>
</div> </div>
<div class="topBottom"> <div class="topBottom">
<div class="topBottomItem" @click="goMore('剧毒')"> <div class="topBottomItem" @click="goMore('剧毒')">
<img src="../../assets/safetyIndex/涉危企业.png" alt=""> <img src="../../assets/safetyIndex/涉危企业.png" alt="" />
<div class="itemBox"> <div class="itemBox">
<div class="qiye">{{ statisticsDangerData[0] ? statisticsDangerData[0].companyTypeName : '' }}</div> <div class="qiye">
<div class="qiyeshu"><span class="qiyenum">{{ {{
statisticsDangerData[0] ? statisticsDangerData[0].companyTypeSum : 0 }}</span> statisticsDangerData[0]
&nbsp;家</div> ? statisticsDangerData[0].companyTypeName
: ""
}}
</div>
<div class="qiyeshu">
<span class="qiyenum">{{
statisticsDangerData[0]
? statisticsDangerData[0].companyTypeSum
: 0
}}</span>
&nbsp;家
</div>
</div> </div>
</div> </div>
<div class="topBottomItem" @click="goMore('易制爆')"> <div class="topBottomItem" @click="goMore('易制爆')">
<img src="../../assets/safetyIndex/易制爆企业2.png" alt=""> <img src="../../assets/safetyIndex/易制爆企业2.png" alt="" />
<div class="itemBox"> <div class="itemBox">
<div class="qiye">{{ statisticsDangerData[2] ? statisticsDangerData[2].companyTypeName : '' }}</div> <div class="qiye">
<div class="qiyeshu"><span class="qiyenum">{{ {{
statisticsDangerData[1] ? statisticsDangerData[1].companyTypeSum : 0 }}</span> statisticsDangerData[2]
&nbsp;家</div> ? statisticsDangerData[2].companyTypeName
: ""
}}
</div>
<div class="qiyeshu">
<span class="qiyenum">{{
statisticsDangerData[1]
? statisticsDangerData[1].companyTypeSum
: 0
}}</span>
&nbsp;家
</div>
</div> </div>
</div> </div>
<div class="topBottomItem" @click="goMore('易制毒')"> <div class="topBottomItem" @click="goMore('易制毒')">
<img src="../../assets/safetyIndex/易制毒2.png" alt=""> <img src="../../assets/safetyIndex/易制毒2.png" alt="" />
<div class="itemBox"> <div class="itemBox">
<div class="qiye">{{ statisticsDangerData[1] ? statisticsDangerData[1].companyTypeName : '' }}</div> <div class="qiye">
<div class="qiyeshu"><span class="qiyenum">{{ {{
statisticsDangerData[2] ? statisticsDangerData[2].companyTypeSum : 0 }}</span> statisticsDangerData[1]
&nbsp;家</div> ? statisticsDangerData[1].companyTypeName
: ""
}}
</div>
<div class="qiyeshu">
<span class="qiyenum">{{
statisticsDangerData[2]
? statisticsDangerData[2].companyTypeSum
: 0
}}</span>
&nbsp;家
</div>
</div> </div>
</div> </div>
<div class="topBottomItem" @click="goMore('放射源')"> <div class="topBottomItem" @click="goMore('放射源')">
<img src="../../assets/safetyIndex/放射源2.png" alt=""> <img src="../../assets/safetyIndex/放射源2.png" alt="" />
<div class="itemBox"> <div class="itemBox">
<div class="qiye">{{ statisticsDangerData[3] ? statisticsDangerData[3].companyTypeName : '' }}</div> <div class="qiye">
<div class="qiyeshu"><span class="qiyenum">{{ {{
statisticsDangerData[3] ? statisticsDangerData[3].companyTypeSum : 0 }}</span> statisticsDangerData[3]
&nbsp;家</div> ? statisticsDangerData[3].companyTypeName
: ""
}}
</div>
<div class="qiyeshu">
<span class="qiyenum">{{
statisticsDangerData[3]
? statisticsDangerData[3].companyTypeSum
: 0
}}</span>
&nbsp;家
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<el-select v-model="Selectvalue" placeholder="请选择" class="topSelect" v-if="Selectvalue == '排名'"> <el-select
<el-option label="排名" value="排名"> v-model="Selectvalue"
</el-option> placeholder="请选择"
<el-option label="地图" value="地图"> class="topSelect"
</el-option> v-if="Selectvalue == '排名'"
>
<el-option label="排名" value="排名"> </el-option>
<el-option label="地图" value="地图"> </el-option>
</el-select> </el-select>
<el-select v-model="Selectvalue" placeholder="请选择" class="topSelect1" v-else> <el-select
<el-option label="排名" value="排名"> v-model="Selectvalue"
</el-option> placeholder="请选择"
<el-option label="地图" value="地图"> class="topSelect1"
</el-option> v-else
>
<el-option label="排名" value="排名"> </el-option>
<el-option label="地图" value="地图"> </el-option>
</el-select> </el-select>
<div class="middleBox" v-if="Selectvalue == '排名'"> <div class="middleBox" v-if="Selectvalue == '排名'">
<el-tabs type="border-card" class="topTabs" v-model="topTabsName" @tab-click="gettopSort()"> <el-tabs
type="border-card"
class="topTabs"
v-model="topTabsName"
@tab-click="gettopSort()"
>
<el-tab-pane label="月度" name="month"></el-tab-pane> <el-tab-pane label="月度" name="month"></el-tab-pane>
<el-tab-pane label="季度" name="season"></el-tab-pane> <el-tab-pane label="季度" name="season"></el-tab-pane>
<el-tab-pane label="年度" name="year"></el-tab-pane> <el-tab-pane label="年度" name="year"></el-tab-pane>
@ -79,56 +140,65 @@
<div class="second" v-if="topSortData.length > 1" @click="toCanban(1)"> <div class="second" v-if="topSortData.length > 1" @click="toCanban(1)">
<div class="mingci"> <div class="mingci">
<img src="../../assets/safetyIndex/第二名.png" alt="">&nbsp; <img src="../../assets/safetyIndex/第二名.png" alt="" />&nbsp;
总得分：&nbsp;<span>{{ topSortData[1].score }}</span> 总得分：&nbsp;<span>{{ topSortData[1].score }}</span>
</div> </div>
<div class="tupian"> <div class="tupian">
<img :src="topSortData[1].picUrl" alt=""> <img :src="topSortData[1].picUrl" alt="" />
</div> </div>
<div class="companyMsg"> <div class="companyMsg">
<div class="mingcheng"> <div class="mingcheng">
企业名称&nbsp;&nbsp;<span>{{ topSortData[1].companyName }}</span> 企业名称&nbsp;&nbsp;<span>{{ topSortData[1].companyName }}</span>
</div> </div>
<div class="mingcheng"> <div class="mingcheng">
企业地址&nbsp;&nbsp;
企业地址&nbsp;&nbsp; <el-tooltip :content="topSortData[1].companyAddress" placement="top-start"><span>{{ <el-tooltip
topSortData[1].companyAddress }}</span></el-tooltip> :content="topSortData[1].companyAddress"
placement="top-start"
><span>{{ topSortData[1].companyAddress }}</span></el-tooltip
>
</div> </div>
</div> </div>
</div> </div>
<div class="third" v-if="topSortData.length > 2" @click="toCanban(0)"> <div class="third" v-if="topSortData.length > 2" @click="toCanban(0)">
<div class="mingci"> <div class="mingci">
<img src="../../assets/safetyIndex/第三名.png" alt="">&nbsp; <img src="../../assets/safetyIndex/第三名.png" alt="" />&nbsp;
总得分：&nbsp;<span>{{ topSortData[2].score }}</span> 总得分：&nbsp;<span>{{ topSortData[2].score }}</span>
</div> </div>
<div class="tupian"> <div class="tupian">
<img :src="topSortData[2].picUrl" alt=""> <img :src="topSortData[2].picUrl" alt="" />
</div> </div>
<div class="companyMsg"> <div class="companyMsg">
<div class="mingcheng"> <div class="mingcheng">
企业名称&nbsp;&nbsp;<span>{{ topSortData[2].companyName }}</span> 企业名称&nbsp;&nbsp;<span>{{ topSortData[2].companyName }}</span>
</div> </div>
<div class="mingcheng"> <div class="mingcheng">
企业地址&nbsp;&nbsp;<el-tooltip :content="topSortData[2].companyAddress" placement="top-start"><span>{{ 企业地址&nbsp;&nbsp;<el-tooltip
topSortData[2].companyAddress }}</span></el-tooltip> :content="topSortData[2].companyAddress"
placement="top-start"
><span>{{ topSortData[2].companyAddress }}</span></el-tooltip
>
</div> </div>
</div> </div>
</div> </div>
<div class="first" v-if="topSortData.length" @click="toCanban(2)"> <div class="first" v-if="topSortData.length" @click="toCanban(2)">
<div class="mingci"> <div class="mingci">
<img src="../../assets/safetyIndex/第一名.png" alt="">&nbsp; <img src="../../assets/safetyIndex/第一名.png" alt="" />&nbsp;
总得分：&nbsp;<span>{{ topSortData[0].score }}</span> 总得分：&nbsp;<span>{{ topSortData[0].score }}</span>
</div> </div>
<div class="tupian"> <div class="tupian">
<img :src="topSortData[0].picUrl" alt=""> <img :src="topSortData[0].picUrl" alt="" />
</div> </div>
<div class="companyMsg"> <div class="companyMsg">
<div class="mingcheng"> <div class="mingcheng">
企业名称&nbsp;&nbsp;<span>{{ topSortData[0].companyName }}</span> 企业名称&nbsp;&nbsp;<span>{{ topSortData[0].companyName }}</span>
</div> </div>
<div class="mingcheng"> <div class="mingcheng">
企业地址&nbsp;&nbsp;<el-tooltip :content="topSortData[0].companyAddress" placement="top-start"><span>{{ 企业地址&nbsp;&nbsp;<el-tooltip
topSortData[0].companyAddress }}</span></el-tooltip> :content="topSortData[0].companyAddress"
placement="top-start"
><span>{{ topSortData[0].companyAddress }}</span></el-tooltip
>
</div> </div>
</div> </div>
</div> </div>
@ -137,76 +207,84 @@
</div> </div>
</template> </template>
<script> <script>
import { statisticsAlarm, statisticsDanger, statisticsDetail, topSort } from '@/api/safetyIndex' import {
statisticsAlarm,
import offLineMap from '@/components/offLineMap' statisticsDanger,
statisticsDetail,
topSort,
} from "@/api/safetyIndex";
import offLineMap from "@/components/offLineMap";
export default { export default {
data() { data() {
return { return {
Selectvalue: '排名', Selectvalue: "排名",
topTabsName: 'month', topTabsName: "month",
statisticsAlarmData: {}, statisticsAlarmData: {},
statisticsDangerData: [], statisticsDangerData: [],
statisticsDetailData: {}, statisticsDetailData: {},
topSortData: [], topSortData: [],
} };
}, },
components: { components: {
offLineMap offLineMap,
}, },
created() { created() {
this.getStatisticsAlarm() this.getStatisticsAlarm();
this.getstatisticsDanger() this.getstatisticsDanger();
// this.getstatisticsDetail() // this.getstatisticsDetail()
this.gettopSort() this.gettopSort();
}, },
methods: { methods: {
getStatisticsAlarm() { getStatisticsAlarm() {
statisticsAlarm().then(res => { statisticsAlarm().then((res) => {
this.statisticsAlarmData = res.data this.statisticsAlarmData = res.data;
}) });
}, },
getstatisticsDanger() { getstatisticsDanger() {
statisticsDanger().then(res => { statisticsDanger().then((res) => {
this.statisticsDangerData = res.data this.statisticsDangerData = res.data;
}) });
}, },
getstatisticsDetail() { getstatisticsDetail() {
statisticsDetail().then(res => { statisticsDetail().then((res) => {
this.statisticsDetailData = res.data this.statisticsDetailData = res.data;
}) });
}, },
gettopSort() { gettopSort() {
this.$emit('tabChange', this.topTabsName) this.$emit("tabChange", this.topTabsName);
topSort({ scoreType: this.topTabsName }).then(res => { topSort({ scoreType: this.topTabsName }).then((res) => {
this.topSortData = res.data this.topSortData = res.data;
}) });
}, },
goMore(val) { goMore(val) {
console.log(val, 'val'); console.log(val, "val");
this.$router.push({ path: '/home/enterpriseRank', query: { companyParamName: val } }) this.$router.push({
path: "/home/enterpriseRank",
query: { companyParamName: val },
});
}, },
toCanban(index) { toCanban(index) {
sessionStorage.setItem('companyID', this.topSortData[index].companyId) sessionStorage.setItem("companyID", this.topSortData[index].companyId);
this.$router.push({ this.$router.push({
path: '/home/companyCanban', path: "/home/companyCanban",
}) });
}, },
toArchives(val) { toArchives(val) {
sessionStorage.setItem('companyID', val.companyId) sessionStorage.setItem("companyID", val.companyId);
this.$router.push({ this.$router.push({
path: '/home/companyCanban', path: "/home/companyCanban",
}) });
}
}, },
} },
};
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.toubu { .toubu {
width: 100%; width: 100%;
height: calc(58.84% + 20px); height: calc(58.84% + 20px);
background: url('~@/assets/safetyIndex/主屏板块4.png') no-repeat; background: url("~@/assets/safetyIndex/主屏板块4.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 35px 20px 20px; padding: 35px 20px 20px;
box-sizing: border-box; box-sizing: border-box;
@ -220,7 +298,7 @@ export default {
.topBox { .topBox {
width: 100%; width: 100%;
height: 30%; height: 30%;
background: url('~@/assets/safetyIndex/90981.png') no-repeat; background: url("~@/assets/safetyIndex/90981.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
@ -231,7 +309,7 @@ export default {
width: 18px; width: 18px;
height: 18px; height: 18px;
position: absolute; position: absolute;
background: url('~@/assets/safetyIndex/装饰6710.png') no-repeat; background: url("~@/assets/safetyIndex/装饰6710.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
left: 18px; left: 18px;
top: 15px; top: 15px;
@ -241,7 +319,7 @@ export default {
width: 18px; width: 18px;
height: 18px; height: 18px;
position: absolute; position: absolute;
background: url('~@/assets/safetyIndex/装饰6710.png') no-repeat; background: url("~@/assets/safetyIndex/装饰6710.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
right: 18px; right: 18px;
top: 15px; top: 15px;
@ -261,13 +339,13 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 16px; font-size: 16px;
color: #D0DEEE; color: #d0deee;
letter-spacing: 1.14px; letter-spacing: 1.14px;
font-weight: 500; font-weight: 500;
.blue { .blue {
font-size: 20px; font-size: 20px;
color: #66D9FF; color: #66d9ff;
letter-spacing: 1.25px; letter-spacing: 1.25px;
text-align: right; text-align: right;
font-weight: 700; font-weight: 700;
@ -275,7 +353,7 @@ export default {
.yellow { .yellow {
font-size: 20px; font-size: 20px;
color: #FEF699; color: #fef699;
letter-spacing: 1.25px; letter-spacing: 1.25px;
text-align: right; text-align: right;
font-weight: 700; font-weight: 700;
@ -284,7 +362,7 @@ export default {
.red { .red {
font-family: AlimamaShuHeiTi; font-family: AlimamaShuHeiTi;
font-size: 20px; font-size: 20px;
color: #FA3737; color: #fa3737;
letter-spacing: 1.25px; letter-spacing: 1.25px;
text-align: right; text-align: right;
font-weight: 700; font-weight: 700;
@ -292,19 +370,23 @@ export default {
.jia { .jia {
font-size: 12px; font-size: 12px;
color: #FFFFFF; color: #ffffff;
letter-spacing: 1.25px; letter-spacing: 1.25px;
line-height: 18px; line-height: 18px;
font-weight: 600; font-weight: 600;
opacity: 0.5; opacity: 0.5;
} }
} }
.shu { .shu {
width: 1px; width: 1px;
height: 40px; height: 40px;
background-image: linear-gradient(180deg, rgba(71, 88, 99, 0.00) 0%, #79919D 48%, rgba(69, 88, 97, 0.00) 100%); background-image: linear-gradient(
180deg,
rgba(71, 88, 99, 0) 0%,
#79919d 48%,
rgba(69, 88, 97, 0) 100%
);
} }
} }
@ -318,7 +400,7 @@ export default {
.topBottomItem { .topBottomItem {
height: 100%; height: 100%;
width: calc(25% - 15px); width: calc(25% - 15px);
background: url('~@/assets/safetyIndex/23111.png') no-repeat; background: url("~@/assets/safetyIndex/23111.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
@ -335,7 +417,7 @@ export default {
.qiye { .qiye {
font-size: 14px; font-size: 14px;
color: #C4E5FF; color: #c4e5ff;
letter-spacing: 0.78px; letter-spacing: 0.78px;
font-weight: 500; font-weight: 500;
} }
@ -349,15 +431,14 @@ export default {
.qiyenum { .qiyenum {
font-size: 20px; font-size: 20px;
color: #EBF9FF; color: #ebf9ff;
letter-spacing: 1px; letter-spacing: 1px;
line-height: 37px; line-height: 37px;
text-shadow: 0 0 9px #159AFF; text-shadow: 0 0 9px #159aff;
font-weight: 700; font-weight: 700;
} }
} }
} }
} }
} }
} }
@ -378,18 +459,14 @@ export default {
.el-input__inner { .el-input__inner {
height: 30px; height: 30px;
background: url('~@/assets/safetyIndex/选择框.png') no-repeat; background: url("~@/assets/safetyIndex/选择框.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 14px; font-size: 14px;
color: #C4E5FF; color: #c4e5ff;
letter-spacing: 1px; letter-spacing: 1px;
text-align: center; text-align: center;
font-weight: 400; font-weight: 400;
border: 0; border: 0;
} }
} }
} }
@ -414,15 +491,11 @@ export default {
// background-size: 100% 100%; // background-size: 100% 100%;
background: rgba(38, 88, 76, 0.8); background: rgba(38, 88, 76, 0.8);
font-size: 14px; font-size: 14px;
color: #C4E5FF; color: #c4e5ff;
letter-spacing: 1px; letter-spacing: 1px;
text-align: center; text-align: center;
font-weight: 400; font-weight: 400;
border: 0; border: 0;
} }
} }
} }
@ -442,7 +515,7 @@ export default {
.second { .second {
width: 31.34%; width: 31.34%;
height: 80%; height: 80%;
background: url('~@/assets/safetyIndex/39088132.png') no-repeat; background: url("~@/assets/safetyIndex/39088132.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 5px 27px 12px 10px; padding: 5px 27px 12px 10px;
box-sizing: border-box; box-sizing: border-box;
@ -464,7 +537,7 @@ export default {
span { span {
font-size: 16px; font-size: 16px;
color: #FFFCEB; color: #fffceb;
letter-spacing: 2px; letter-spacing: 2px;
line-height: 16px; line-height: 16px;
text-shadow: 0 0 9px rgba(255, 236, 21, 0.58); text-shadow: 0 0 9px rgba(255, 236, 21, 0.58);
@ -506,7 +579,7 @@ export default {
span { span {
font-size: 14px; font-size: 14px;
color: #D0DEEE; color: #d0deee;
letter-spacing: 0.75px; letter-spacing: 0.75px;
font-weight: 500; font-weight: 500;
} }
@ -517,7 +590,7 @@ export default {
.third { .third {
width: 31.34%; width: 31.34%;
height: 80%; height: 80%;
background: url('~@/assets/safetyIndex/编组 352111.png') no-repeat; background: url("~@/assets/safetyIndex/编组 352111.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 5px 10px 12px 27px; padding: 5px 10px 12px 27px;
box-sizing: border-box; box-sizing: border-box;
@ -539,7 +612,7 @@ export default {
span { span {
font-size: 16px; font-size: 16px;
color: #FFFCEB; color: #fffceb;
letter-spacing: 2px; letter-spacing: 2px;
line-height: 16px; line-height: 16px;
text-shadow: 0 0 9px rgba(255, 31, 21, 0.75); text-shadow: 0 0 9px rgba(255, 31, 21, 0.75);
@ -581,13 +654,12 @@ export default {
span { span {
font-size: 14px; font-size: 14px;
color: #D0DEEE; color: #d0deee;
letter-spacing: 0.75px; letter-spacing: 0.75px;
font-weight: 500; font-weight: 500;
} }
} }
} }
} }
.first { .first {
@ -598,7 +670,7 @@ export default {
left: 50%; left: 50%;
top: 30px; top: 30px;
margin-left: -20.5%; margin-left: -20.5%;
background: url('~@/assets/safetyIndex/编组 3521.png') no-repeat; background: url("~@/assets/safetyIndex/编组 3521.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 10px 16px 16px; padding: 10px 16px 16px;
text-align: center; text-align: center;
@ -610,7 +682,7 @@ export default {
color: rgba(235, 249, 255, 0.8); color: rgba(235, 249, 255, 0.8);
font-size: 14px; font-size: 14px;
color: #EBF9FF; color: #ebf9ff;
letter-spacing: 1.75px; letter-spacing: 1.75px;
font-weight: 400; font-weight: 400;
@ -621,10 +693,10 @@ export default {
span { span {
font-size: 20px; font-size: 20px;
color: #EBF9FF; color: #ebf9ff;
letter-spacing: 2.5px; letter-spacing: 2.5px;
line-height: 37px; line-height: 37px;
text-shadow: 0 0 9px #159AFF; text-shadow: 0 0 9px #159aff;
font-weight: 700; font-weight: 700;
} }
} }
@ -663,7 +735,7 @@ export default {
span { span {
font-size: 14px; font-size: 14px;
color: #D0DEEE; color: #d0deee;
letter-spacing: 0.75px; letter-spacing: 0.75px;
font-weight: 500; font-weight: 500;
} }
@ -671,22 +743,19 @@ export default {
} }
} }
.topTabs { .topTabs {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
} }
/deep/.el-tabs--border-card { /deep/.el-tabs--border-card {
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
border: 0; border: 0;
height: 30px; height: 30px;
width: calc(100% - 40px); width: calc(100% - 40px);
margin: 0; margin: 0;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
.el-tabs__header { .el-tabs__header {
display: inline-block; display: inline-block;
@ -700,21 +769,20 @@ export default {
display: inline-block; display: inline-block;
width: auto; width: auto;
display: flex; display: flex;
} }
.el-tabs__item { .el-tabs__item {
width: 70px; width: 70px;
height: 30px; height: 30px;
border: 0; border: 0;
color: #8FABBF; color: #8fabbf;
padding: 5px; padding: 5px;
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: url('~@/assets/safetyIndex/编组 6221.png') no-repeat; background: url("~@/assets/safetyIndex/编组 6221.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.paneInner { .paneInner {
@ -724,21 +792,14 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
} }
.el-tabs__item.is-active { .el-tabs__item.is-active {
background: url('~@/assets/safetyIndex/90866.png') no-repeat; background: url("~@/assets/safetyIndex/90866.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
border: 0; border: 0;
color: #4BFFAD; color: #4bffad;
padding: 5px; padding: 5px;
box-sizing: border-box; box-sizing: border-box;

Write Preview
Loading…
Cancel
Save