人员背景审查

public/baiduapi.js

@@ -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),
         infoWindowAnchor: new M(10, 0)
     })
@@ -6043,7 +6043,6 @@ window.BMAP_AUTHENTIC_KEY = "iSZit9hpxlgGq28nmIyFk8lQQ21widby";
             imageOffset: new M(-19, -13)
         });
     function W(a, b) {
-        kb.call(this);
         b = b || {};
         this.point = a;
         this.Tq = this.map = p;

src/components/offLineMap/index.vue

@@ -6,12 +6,12 @@
 </template>
 
 <script>
-import MapLine from "../../../public/zhenhaiLine.json"
-import MapPoint from "../../../public/zhenhaiPoint.json"
-import styleJson from "../../../public/custom_map_config.json"
-import { topMap, topMapOne } from '@/api/offLineMap'
+import MapLine from "../../../public/zhenhaiLine.json";
+import MapPoint from "../../../public/zhenhaiPoint.json";
+import styleJson from "../../../public/custom_map_config.json";
+import { topMap, topMapOne } from "@/api/offLineMap";
 export default {
-    name: 'zhenhaimap',
+  name: "zhenhaimap",
   data() {
     return {
       dongtaiPoint: [121.604192, 29.971189],
@@ -20,34 +20,36 @@ export default {
       villageSumList: [],
       flag: true,
       companyList: [],
-            label1: {}
-        }
+      label1: {},
+    };
   },
   mounted() {
-        topMap({ scoreType: 'season' }).then(res => {
-            this.companyList = res.data
-            this.initMap()
-        })
-
+    topMap({ scoreType: "season" }).then((res) => {
+      this.companyList = res.data;
+      this.initMap();
+    });
   },
   methods: {
     goBack() {
-            this.initMap()
-            this.isGoBack = false
-            this.$emit('goBack')
+      this.initMap();
+      this.isGoBack = false;
+      this.$emit("goBack");
     },
     initMap() {
-            var BMap = window.BMap
+      var BMap = window.BMap;
       // console.log(BMap, 'BMap');
-            var map = new BMap.Map('container', {
+      var map = new BMap.Map("container", {
         style: {
-                    styleJson
-                }
+          styleJson,
+        },
       });
-            let that = this
-            map.centerAndZoom(new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]), 12);
-            map.setMinZoom(12)
-            map.setMaxZoom(19)
+      let that = this;
+      map.centerAndZoom(
+        new BMap.Point(this.dongtaiPoint[0], this.dongtaiPoint[1]),
+        12
+      );
+      map.setMinZoom(12);
+      map.setMaxZoom(19);
       map.enableScrollWheelZoom(true);
       // hjrequest({
       //     url: '/yc/dt/statistical/village',
@@ -61,26 +63,27 @@ export default {
         showBoundaryEx(MapLine.features[i]);
       }
       var label = new BMap.Label();
-            showPoint()
+      showPoint();
+      // 城市区域划分，例如九龙湖镇区域，骆驼街道区域等等...区域边界为不规则多边形
       function showBoundaryEx(city) {
-                var paths = []
-                var list = city.geometry.coordinates
+        var paths = [];
+        var list = city.geometry.coordinates;
         // console.log(list.length, 'list[0].length')
         //console.log(list[1], 'list[1].length')
-                var polygon = {}
+        var polygon = {};
         if (list.length > 1) {
           for (let a = 0; a < list.length; a++) {
-                        paths = []
+            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));
             }
             polygon = new BMap.Polygon(paths, {
-                            fillColor: '#3b4c44',
+              fillColor: "#3b4c44",
               strokeColor: "#0f1423",
               fillOpacity: 0.6,
-                            strokeWeight: 1
+              strokeWeight: 1,
             }); //创建多边形
             map.addOverlay(polygon); //增加多边形
           }
@@ -94,10 +97,10 @@ export default {
           }
           // console.log(list, 'length');
           polygon = new BMap.Polygon(paths, {
-                        fillColor: '#3b4c44',
+            fillColor: "#3b4c44",
             strokeColor: "#0f1423",
             fillOpacity: 0.6,
-                        strokeWeight: 1
+            strokeWeight: 1,
           }); //创建多边形
           map.addOverlay(polygon); //增加多边形
         }
@@ -108,34 +111,33 @@ export default {
         });
         polygon.addEventListener("mouseout", function () {
           map.removeOverlay(label);
-                    polygon.setFillColor('#3b4c44');
+          polygon.setFillColor("#3b4c44");
         });
 
-
         //开始用"mouseover","mouseout"发现,鼠标移动过快,会多个省份也高亮了.所以改成 click了
         polygon.addEventListener("click", function () {
-                    console.log(city.properties.name, 'city.properties.name');
-                    if (city.properties.name == '骆驼街道') {
+          console.log(city.properties.name, "city.properties.name");
+          if (city.properties.name == "骆驼街道") {
             map.centerAndZoom(new BMap.Point(121.58887, 29.986122), 15);
-                        that.isGoBack = true
-                    } else if (city.properties.name == '招宝山街道') {
+            that.isGoBack = true;
+          } else if (city.properties.name == "招宝山街道") {
             map.centerAndZoom(new BMap.Point(121.713707, 29.95656), 15);
-                        that.isGoBack = true
-                    } else if (city.properties.name == '蛟川街道') {
+            that.isGoBack = true;
+          } else if (city.properties.name == "蛟川街道") {
             map.centerAndZoom(new BMap.Point(121.686105, 29.947339), 15);
-                        that.isGoBack = true
-                    } else if (city.properties.name == '庄市街道') {
+            that.isGoBack = true;
+          } else if (city.properties.name == "庄市街道") {
             map.centerAndZoom(new BMap.Point(121.627037, 29.925579), 15);
-                        that.isGoBack = true
-                    } else if (city.properties.name == '贵驷街道') {
+            that.isGoBack = true;
+          } else if (city.properties.name == "贵驷街道") {
             map.centerAndZoom(new BMap.Point(121.624142, 29.985606), 15);
-                        that.isGoBack = true
-                    } else if (city.properties.name == '澥浦镇') {
+            that.isGoBack = true;
+          } else if (city.properties.name == "澥浦镇") {
             map.centerAndZoom(new BMap.Point(121.607133, 30.037162), 15);
-                        that.isGoBack = true
-                    } else if (city.properties.name == '九龙湖镇') {
+            that.isGoBack = true;
+          } else if (city.properties.name == "九龙湖镇") {
             map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15);
-                        that.isGoBack = true
+            that.isGoBack = true;
           }
           // let streetCode = that.streetCodeList.filter((item) => {
           //     if (item.areaName == city.properties.name) {
@@ -170,33 +172,62 @@ export default {
 
           that.companyList.forEach((item) => {
             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); // 创建标注
+            // 向地图添加覆盖物
             map.addOverlay(marker);
             var content = item.companyName;
-                        var label = new BMap.Label(content, {       // 创建文本标注
+            // 各公司点位
+            var label = new BMap.Label(content, {
+              // 创建文本标注
               position: point, // 设置标注的地理位置
-                            offset: new BMap.Size(-10, -50)           // 设置标注的偏移量
-                        })
-                        label.setStyle({ backgroundColor: ' rgba(0, 0, 0, 0)', border: '0', color: '#0060ce', fontSize: '16px' })
+              offset: new BMap.Size(-10, -50), // 设置标注的偏移量
+            });
+            label.setStyle({
+              backgroundColor: " rgba(0, 0, 0, 0)",
+              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 => {
+              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))'
+                  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.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.setPosition(
+                  new BMap.Point(item.longitude, item.latitude)
+                );
+                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;
                                 margin-top:-15px;"'></div></div>
@@ -246,55 +277,57 @@ export default {
                                 </div>
                               `);
                 map.addOverlay(that.label1);
-                                let closebtn = document.querySelector('.closeBtn')
-                                let closeBtn1 = document.querySelector('.closeBtn1')
-                                closeBtn1.addEventListener('click', () => {
-
+                let closebtn = document.querySelector(".closeBtn");
+                let closeBtn1 = document.querySelector(".closeBtn1");
+                closeBtn1.addEventListener("click", () => {
                   map.removeOverlay(that.label1);
-                                })
+                });
                 //console.log(btn, 'btn');
-                                closebtn.addEventListener('click', () => {
-                                    that.$emit('toArchives', item)
+                closebtn.addEventListener("click", () => {
+                  that.$emit("toArchives", item);
                   map.removeOverlay(that.label1);
-                                })
-                            })
                 });
-                    })
-                    polygon.removeEventListener('mousemove')
               });
-
+            });
+          });
+          polygon.removeEventListener("mousemove");
+        });
       }
       function showPoint() {
-                console.log(MapPoint, 'MapPoint');
-
+        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) // 设置文本偏移量
+            position: new BMap.Point(
+              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({
-                        color: 'orange',
-                        borderRadius: '5px',
-                        borderColor: '#ccc',
-                        padding: '10px',
-                        fontSize: '16px',
-                        height: '20px',
-                        lineHeight: '20px',
-                        backgroundColor: 'rgba(0,0,0,0)',
-                        border: '0',
-                        fontFamily: '微软雅黑'
+            color: "orange",
+            borderRadius: "5px",
+            borderColor: "#ccc",
+            padding: "10px",
+            fontSize: "16px",
+            height: "20px",
+            lineHeight: "20px",
+            backgroundColor: "rgba(0,0,0,0)",
+            border: "0",
+            fontFamily: "微软雅黑",
           });
           map.addOverlay(label1);
         }
       }
-
     },
-    }
-}
+  },
+};
 </script>
 
 <style scoped lang="less">
@@ -304,8 +337,6 @@ export default {
   border: 1px solid #000000;
 }
 
-
-
 .fanhui {
   display: inline-block;
   width: 50px;
@@ -317,6 +348,5 @@ export default {
   justify-content: center;
   align-items: center;
   z-index: 50;
-
 }
 </style>

src/views/applySupermarket/index.vue

@@ -3,7 +3,7 @@
   <div class="supermarket_body">
     <div class="supermarket_title">
       <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 class="supermarket_list">
       <div v-if="is_flag === '0'" class="list_boxs">

src/views/head.vue

@@ -50,14 +50,8 @@
       </div>
       <div class="user_box" v-show="user_show">
         <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>
@@ -170,7 +164,7 @@ export default {
     top: 70px;
     right: 10px;
     width: 180px;
-    height: 200px;
+    height: 100px;
     // border: 0.1px solid #33cccc;
     padding: 10px;
     background: url("~@/assets/archives/023.png") no-repeat;
@@ -178,25 +172,9 @@ export default {
     z-index: 2;
     .user_box_body {
       width: 160px;
-      height: 180px;
+      height: 80px;
       // 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 {
       width: 160px;
       height: 40px;

src/views/safetyIndex/toubu.vue

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