diff --git a/public/baiduapi.js b/public/baiduapi.js
index 78415c0..8e9f33d 100644
--- a/public/baiduapi.js
+++ b/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;
diff --git a/public/images/marker_red_sprite.png b/public/images/marker_red_sprite.png
index 38a5900..9aa486d 100644
Binary files a/public/images/marker_red_sprite.png and b/public/images/marker_red_sprite.png differ
diff --git a/public/images/red.png b/public/images/red.png
new file mode 100644
index 0000000..38a5900
Binary files /dev/null and b/public/images/red.png differ
diff --git a/src/components/offLineMap/index.vue b/src/components/offLineMap/index.vue
index 559da43..7c70e42 100644
--- a/src/components/offLineMap/index.vue
+++ b/src/components/offLineMap/index.vue
@@ -1,203 +1,234 @@
 <template>
-    <div>
-        <div class="bmap" id="container" ref="container"></div>
-        <el-button class="fanhui" @click="goBack" v-if="isGoBack">返回</el-button>
-    </div>
+  <div>
+    <div class="bmap" id="container" ref="container"></div>
+    <el-button class="fanhui" @click="goBack" v-if="isGoBack">返回</el-button>
+  </div>
 </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',
-    data() {
-        return {
-            dongtaiPoint: [121.604192, 29.971189],
-            isGoBack: false,
-            villageList: [],
-            villageSumList: [],
-            flag: true,
-            companyList: [],
-            label1: {}
-        }
-    },
-    mounted() {
-        topMap({ scoreType: 'season' }).then(res => {
-            this.companyList = res.data
-            this.initMap()
-        })
-
+  name: "zhenhaimap",
+  data() {
+    return {
+      dongtaiPoint: [121.604192, 29.971189],
+      isGoBack: false,
+      villageList: [],
+      villageSumList: [],
+      flag: true,
+      companyList: [],
+      label1: {},
+    };
+  },
+  mounted() {
+    topMap({ scoreType: "season" }).then((res) => {
+      this.companyList = res.data;
+      this.initMap();
+    });
+  },
+  methods: {
+    goBack() {
+      this.initMap();
+      this.isGoBack = false;
+      this.$emit("goBack");
     },
-    methods: {
-        goBack() {
-            this.initMap()
-            this.isGoBack = false
-            this.$emit('goBack')
+    initMap() {
+      var BMap = window.BMap;
+      // console.log(BMap, 'BMap');
+      var map = new BMap.Map("container", {
+        style: {
+          styleJson,
         },
-        initMap() {
-            var BMap = window.BMap
-            // console.log(BMap, 'BMap');
-            var map = new BMap.Map('container', {
-                style: {
-                    styleJson
-                }
-            });
-            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',
-            //     method: 'get',
-            //     params: { areaCode: that.areaCode }
-            // }).then((res) => {
-            //     that.villageSumList = res.data
-            // })
-            // console.log(MapLine, 'MapLine');
-            for (var i = 0, n = MapLine.features.length; i < n; i++) {
-                showBoundaryEx(MapLine.features[i]);
+      });
+      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',
+      //     method: 'get',
+      //     params: { areaCode: that.areaCode }
+      // }).then((res) => {
+      //     that.villageSumList = res.data
+      // })
+      // console.log(MapLine, 'MapLine');
+      for (var i = 0, n = MapLine.features.length; i < n; i++) {
+        showBoundaryEx(MapLine.features[i]);
+      }
+      var label = new BMap.Label();
+      showPoint();
+      // 城市区域划分，例如九龙湖镇区域，骆驼街道区域等等...区域边界为不规则多边形
+      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();
-            showPoint()
-            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));
-                        }
-                        polygon = new BMap.Polygon(paths, {
-                            fillColor: '#3b4c44',
-                            strokeColor: "#0f1423",
-                            fillOpacity: 0.6,
-                            strokeWeight: 1
-                        }); //创建多边形
-                        map.addOverlay(polygon); //增加多边形
-                    }
-                    // // console.log(list, 'length');
-                } else {
-                    // console.log(list[0], ' list[0]');
-                    for (let i = 0; i < list[0].length; i++) {
-                        let lat = list[0][i][1],
-                            lng = list[0][i][0];
-                        paths.push(new BMap.Point(lng, lat));
-                    }
-                    // console.log(list, 'length');
-                    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');
-                });
-
+            polygon = new BMap.Polygon(paths, {
+              fillColor: "#3b4c44",
+              strokeColor: "#0f1423",
+              fillOpacity: 0.6,
+              strokeWeight: 1,
+            }); //创建多边形
+            map.addOverlay(polygon); //增加多边形
+          }
+          // // console.log(list, 'length');
+        } else {
+          // console.log(list[0], ' list[0]');
+          for (let i = 0; i < list[0].length; i++) {
+            let lat = list[0][i][1],
+              lng = list[0][i][0];
+            paths.push(new BMap.Point(lng, lat));
+          }
+          // console.log(list, 'length');
+          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了
-                polygon.addEventListener("click", function () {
-                    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 == '招宝山街道') {
-                        map.centerAndZoom(new BMap.Point(121.713707, 29.95656), 15);
-                        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 == '庄市街道') {
-                        map.centerAndZoom(new BMap.Point(121.627037, 29.925579), 15);
-                        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 == '澥浦镇') {
-                        map.centerAndZoom(new BMap.Point(121.607133, 30.037162), 15);
-                        that.isGoBack = true
-                    } else if (city.properties.name == '九龙湖镇') {
-                        map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15);
-                        that.isGoBack = true
-                    }
-                    // let streetCode = that.streetCodeList.filter((item) => {
-                    //     if (item.areaName == city.properties.name) {
-                    //         return item.areaCode
-                    //     }
-                    // });
-                    //   let goStreetData = { areaCode: that.areaCode, streetCode: streetCode[0].areaCode }
-                    // that.$emit('goStreet', streetCode[0].areaCode)
-                    // hjrequest({
-                    //     url: '/yc/dt/statistical/villages',
-                    //     method: 'get',
-                    //     params: goStreetData
-                    // }).then((res) => {
-                    //     that.villageList = res.data
-                    // that.villageList.forEach((item) => {
-                    //     var point = new BMap.Point(item.longitude, item.latitude);
-                    //     var marker = new BMap.Marker(point);        // 创建标注   
-                    //     map.addOverlay(marker);
-                    //     var content = item.villageName;
-                    //     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: 'yellow', fontSize: '20px' })
-                    //     map.addOverlay(label);
-                    //     marker.addEventListener("click", function () {
-                    //        // Cookies.set('village_current', item.villageCode)
-                    //         window.open(window.location.origin + '/#/communityShow', '_blank');
-                    //     });
-                    // })
-                    // })
+        //开始用"mouseover","mouseout"发现,鼠标移动过快,会多个省份也高亮了.所以改成 click了
+        polygon.addEventListener("click", function () {
+          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 == "招宝山街道") {
+            map.centerAndZoom(new BMap.Point(121.713707, 29.95656), 15);
+            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 == "庄市街道") {
+            map.centerAndZoom(new BMap.Point(121.627037, 29.925579), 15);
+            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 == "澥浦镇") {
+            map.centerAndZoom(new BMap.Point(121.607133, 30.037162), 15);
+            that.isGoBack = true;
+          } else if (city.properties.name == "九龙湖镇") {
+            map.centerAndZoom(new BMap.Point(121.558532, 30.039457), 15);
+            that.isGoBack = true;
+          }
+          // let streetCode = that.streetCodeList.filter((item) => {
+          //     if (item.areaName == city.properties.name) {
+          //         return item.areaCode
+          //     }
+          // });
+          //   let goStreetData = { areaCode: that.areaCode, streetCode: streetCode[0].areaCode }
+          // that.$emit('goStreet', streetCode[0].areaCode)
+          // hjrequest({
+          //     url: '/yc/dt/statistical/villages',
+          //     method: 'get',
+          //     params: goStreetData
+          // }).then((res) => {
+          //     that.villageList = res.data
+          // that.villageList.forEach((item) => {
+          //     var point = new BMap.Point(item.longitude, item.latitude);
+          //     var marker = new BMap.Marker(point);        // 创建标注
+          //     map.addOverlay(marker);
+          //     var content = item.villageName;
+          //     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: 'yellow', fontSize: '20px' })
+          //     map.addOverlay(label);
+          //     marker.addEventListener("click", function () {
+          //        // Cookies.set('village_current', item.villageCode)
+          //         window.open(window.location.origin + '/#/communityShow', '_blank');
+          //     });
+          // })
+          // })
 
-                    that.companyList.forEach((item) => {
-                        var point = new BMap.Point(item.longitude, item.latitude);
-                        console.log(point, 'point');
-                        var marker = new BMap.Marker(point);        // 创建标注   
-                        map.addOverlay(marker);
-                        var content = item.companyName;
-                        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' })
-                        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.companyList.forEach((item) => {
+            var point = new BMap.Point(item.longitude, item.latitude);
+            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, {
+              // 创建文本标注
+              position: point, // 设置标注的地理位置
+              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) => {
+                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.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.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>
                                 <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>
                               `);
-                                map.addOverlay(that.label1);
-                                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)
-                                    map.removeOverlay(that.label1);
-                                })
-                            })
-                        });
-                    })
-                    polygon.removeEventListener('mousemove')
+                map.addOverlay(that.label1);
+                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);
+                  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() {
-                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) // 设置文本偏移量
-                    };
-
-                    // 创建文本标注对象
-                    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: '微软雅黑'
-                    });
-                    map.addOverlay(label1);
-                }
-            }
-
-        },
-    }
-}
+          // 创建文本标注对象
+          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: "微软雅黑",
+          });
+          map.addOverlay(label1);
+        }
+      }
+    },
+  },
+};
 </script>
 
 <style scoped lang="less">
 .bmap {
-    width: 100%;
-    height: 100%;
-    border: 1px solid #000000;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #000000;
 }
 
-
-
 .fanhui {
-    display: inline-block;
-    width: 50px;
-    height: 20px;
-    position: absolute;
-    left: 49%;
-    bottom: 30px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 50;
-
+  display: inline-block;
+  width: 50px;
+  height: 20px;
+  position: absolute;
+  left: 49%;
+  bottom: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 50;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/applySupermarket/index.vue b/src/views/applySupermarket/index.vue
index 8f267a3..b921a7f 100644
--- a/src/views/applySupermarket/index.vue
+++ b/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">
diff --git a/src/views/head.vue b/src/views/head.vue
index 8a47f98..730a9d9 100644
--- a/src/views/head.vue
+++ b/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;
diff --git a/src/views/safetyIndex/toubu.vue b/src/views/safetyIndex/toubu.vue
index 109d9cc..18c9b45 100644
--- a/src/views/safetyIndex/toubu.vue
+++ b/src/views/safetyIndex/toubu.vue
@@ -1,753 +1,814 @@
 <template>
-    <div class="toubu">
-        <div class="topBox" v-if="Selectvalue == '排名'">
-            <div class="topleftIcon"></div>
-            <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>
-                </div>
-                <div class="shu"></div>
-                <div class="topHeadItem" @click="goMore('石化总数')">
-                    石化企业总数&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>
-                </div>
+  <div class="toubu">
+    <div class="topBox" v-if="Selectvalue == '排名'">
+      <div class="topleftIcon"></div>
+      <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>
+        </div>
+        <div class="shu"></div>
+        <div class="topHeadItem" @click="goMore('石化总数')">
+          石化企业总数&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>
+        </div>
+      </div>
+      <div class="topBottom">
+        <div class="topBottomItem" @click="goMore('剧毒')">
+          <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="topBottom">
-                <div class="topBottomItem" @click="goMore('剧毒')">
-                    <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>
-                </div>
-                <div class="topBottomItem" @click="goMore('易制爆')">
-                    <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>
-                </div>
-                <div class="topBottomItem" @click="goMore('易制毒')">
-                    <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>
-                </div>
-                <div class="topBottomItem" @click="goMore('放射源')">
-                    <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>
-                </div>
+          </div>
+        </div>
+        <div class="topBottomItem" @click="goMore('易制爆')">
+          <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>
         </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>
-        <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-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>
-            </el-tabs>
-
-            <div class="second" v-if="topSortData.length > 1" @click="toCanban(1)">
-                <div class="mingci">
-                    <img src="../../assets/safetyIndex/第二名.png" alt="">&nbsp;
-                    总得分：&nbsp;<span>{{ topSortData[1].score }}</span>
-                </div>
-                <div class="tupian">
-                    <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>
-                    </div>
-                </div>
+        <div class="topBottomItem" @click="goMore('易制毒')">
+          <img src="../../assets/safetyIndex/易制毒2.png" alt="" />
+          <div class="itemBox">
+            <div class="qiye">
+              {{
+                statisticsDangerData[1]
+                  ? statisticsDangerData[1].companyTypeName
+                  : ""
+              }}
             </div>
-            <div class="third" v-if="topSortData.length > 2" @click="toCanban(0)">
-                <div class="mingci">
-                    <img src="../../assets/safetyIndex/第三名.png" alt="">&nbsp;
-                    总得分：&nbsp;<span>{{ topSortData[2].score }}</span>
-                </div>
-                <div class="tupian">
-                    <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>
-                    </div>
-                </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="" />
+          <div class="itemBox">
+            <div class="qiye">
+              {{
+                statisticsDangerData[3]
+                  ? statisticsDangerData[3].companyTypeName
+                  : ""
+              }}
             </div>
-            <div class="first" v-if="topSortData.length" @click="toCanban(2)">
-                <div class="mingci">
-                    <img src="../../assets/safetyIndex/第一名.png" alt="">&nbsp;
-                    总得分：&nbsp;<span>{{ topSortData[0].score }}</span>
-                </div>
-                <div class="tupian">
-                    <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>
-                    </div>
-                </div>
+            <div class="qiyeshu">
+              <span class="qiyenum">{{
+                statisticsDangerData[3]
+                  ? statisticsDangerData[3].companyTypeSum
+                  : 0
+              }}</span>
+              &nbsp;家
             </div>
+          </div>
         </div>
-        <offLineMap class="middleBox2" @toArchives="toArchives" v-else></offLineMap>
+      </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>
+    <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-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>
+      </el-tabs>
+
+      <div class="second" v-if="topSortData.length > 1" @click="toCanban(1)">
+        <div class="mingci">
+          <img src="../../assets/safetyIndex/第二名.png" alt="" />&nbsp;
+          总得分：&nbsp;<span>{{ topSortData[1].score }}</span>
+        </div>
+        <div class="tupian">
+          <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
+            >
+          </div>
+        </div>
+      </div>
+      <div class="third" v-if="topSortData.length > 2" @click="toCanban(0)">
+        <div class="mingci">
+          <img src="../../assets/safetyIndex/第三名.png" alt="" />&nbsp;
+          总得分：&nbsp;<span>{{ topSortData[2].score }}</span>
+        </div>
+        <div class="tupian">
+          <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
+            >
+          </div>
+        </div>
+      </div>
+      <div class="first" v-if="topSortData.length" @click="toCanban(2)">
+        <div class="mingci">
+          <img src="../../assets/safetyIndex/第一名.png" alt="" />&nbsp;
+          总得分：&nbsp;<span>{{ topSortData[0].score }}</span>
+        </div>
+        <div class="tupian">
+          <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
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+    <offLineMap class="middleBox2" @toArchives="toArchives" v-else></offLineMap>
+  </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',
-            statisticsAlarmData: {},
-            statisticsDangerData: [],
-            statisticsDetailData: {},
-            topSortData: [],
-        }
+  data() {
+    return {
+      Selectvalue: "排名",
+      topTabsName: "month",
+      statisticsAlarmData: {},
+      statisticsDangerData: [],
+      statisticsDetailData: {},
+      topSortData: [],
+    };
+  },
+  components: {
+    offLineMap,
+  },
+  created() {
+    this.getStatisticsAlarm();
+    this.getstatisticsDanger();
+    // this.getstatisticsDetail()
+    this.gettopSort();
+  },
+  methods: {
+    getStatisticsAlarm() {
+      statisticsAlarm().then((res) => {
+        this.statisticsAlarmData = res.data;
+      });
     },
-    components: {
-        offLineMap
+    getstatisticsDanger() {
+      statisticsDanger().then((res) => {
+        this.statisticsDangerData = res.data;
+      });
     },
-    created() {
-        this.getStatisticsAlarm()
-        this.getstatisticsDanger()
-        // this.getstatisticsDetail()
-        this.gettopSort()
+    getstatisticsDetail() {
+      statisticsDetail().then((res) => {
+        this.statisticsDetailData = res.data;
+      });
     },
-    methods: {
-        getStatisticsAlarm() {
-            statisticsAlarm().then(res => {
-                this.statisticsAlarmData = res.data
-            })
-        },
-        getstatisticsDanger() {
-            statisticsDanger().then(res => {
-                this.statisticsDangerData = res.data
-            })
-        },
-        getstatisticsDetail() {
-            statisticsDetail().then(res => {
-                this.statisticsDetailData = res.data
-            })
-        },
-        gettopSort() {
-            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 } })
-        },
-        toCanban(index) {
-            sessionStorage.setItem('companyID', this.topSortData[index].companyId)
-            this.$router.push({
-                path: '/home/companyCanban',
-            })
-        },
-        toArchives(val) {
-            sessionStorage.setItem('companyID', val.companyId)
-
-            this.$router.push({
-                path: '/home/companyCanban',
-            })
-        }
+    gettopSort() {
+      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 },
+      });
+    },
+    toCanban(index) {
+      sessionStorage.setItem("companyID", this.topSortData[index].companyId);
+      this.$router.push({
+        path: "/home/companyCanban",
+      });
+    },
+    toArchives(val) {
+      sessionStorage.setItem("companyID", val.companyId);
+
+      this.$router.push({
+        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-size: 100% 100%;
+  padding: 35px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+
+  .middleBox2 {
+    width: 100%;
+    height: 100%;
+  }
+
+  .topBox {
     width: 100%;
-    height: calc(58.84% + 20px);
-    background: url('~@/assets/safetyIndex/主屏板块4.png') no-repeat;
+    height: 30%;
+    background: url("~@/assets/safetyIndex/90981.png") no-repeat;
     background-size: 100% 100%;
-    padding: 35px 20px 20px;
     box-sizing: border-box;
     position: relative;
-
-    .middleBox2 {
-        width: 100%;
-        height: 100%;
+    padding: 8px 0;
+    cursor: pointer;
+
+    .topleftIcon {
+      width: 18px;
+      height: 18px;
+      position: absolute;
+      background: url("~@/assets/safetyIndex/装饰6710.png") no-repeat;
+      background-size: 100% 100%;
+      left: 18px;
+      top: 15px;
     }
 
-    .topBox {
-        width: 100%;
-        height: 30%;
-        background: url('~@/assets/safetyIndex/90981.png') no-repeat;
-        background-size: 100% 100%;
-        box-sizing: border-box;
-        position: relative;
-        padding: 8px 0;
-        cursor: pointer;
-
-        .topleftIcon {
-            width: 18px;
-            height: 18px;
-            position: absolute;
-            background: url('~@/assets/safetyIndex/装饰6710.png') no-repeat;
-            background-size: 100% 100%;
-            left: 18px;
-            top: 15px;
-        }
-
-        .toprightIcon {
-            width: 18px;
-            height: 18px;
-            position: absolute;
-            background: url('~@/assets/safetyIndex/装饰6710.png') no-repeat;
-            background-size: 100% 100%;
-            right: 18px;
-            top: 15px;
-        }
+    .toprightIcon {
+      width: 18px;
+      height: 18px;
+      position: absolute;
+      background: url("~@/assets/safetyIndex/装饰6710.png") no-repeat;
+      background-size: 100% 100%;
+      right: 18px;
+      top: 15px;
+    }
 
-        .topHead {
-            height: 40px;
-            width: 80%;
+    .topHead {
+      height: 40px;
+      width: 80%;
 
-            margin: 0 auto;
-            display: flex;
+      margin: 0 auto;
+      display: flex;
 
-            .topHeadItem {
-                height: 40px;
-                width: 33%;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                font-size: 16px;
-                color: #D0DEEE;
-                letter-spacing: 1.14px;
-                font-weight: 500;
-
-                .blue {
-                    font-size: 20px;
-                    color: #66D9FF;
-                    letter-spacing: 1.25px;
-                    text-align: right;
-                    font-weight: 700;
-                }
-
-                .yellow {
-                    font-size: 20px;
-                    color: #FEF699;
-                    letter-spacing: 1.25px;
-                    text-align: right;
-                    font-weight: 700;
-                }
-
-                .red {
-                    font-family: AlimamaShuHeiTi;
-                    font-size: 20px;
-                    color: #FA3737;
-                    letter-spacing: 1.25px;
-                    text-align: right;
-                    font-weight: 700;
-                }
-
-                .jia {
-                    font-size: 12px;
-                    color: #FFFFFF;
-                    letter-spacing: 1.25px;
-                    line-height: 18px;
-                    font-weight: 600;
-                    opacity: 0.5;
-
-                }
-            }
+      .topHeadItem {
+        height: 40px;
+        width: 33%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 16px;
+        color: #d0deee;
+        letter-spacing: 1.14px;
+        font-weight: 500;
+
+        .blue {
+          font-size: 20px;
+          color: #66d9ff;
+          letter-spacing: 1.25px;
+          text-align: right;
+          font-weight: 700;
+        }
 
-            .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%);
-            }
+        .yellow {
+          font-size: 20px;
+          color: #fef699;
+          letter-spacing: 1.25px;
+          text-align: right;
+          font-weight: 700;
         }
 
-        .topBottom {
-            height: 70px;
-            width: 95%;
-            margin: 5px auto;
-            display: flex;
-            justify-content: space-between;
-
-            .topBottomItem {
-                height: 100%;
-                width: calc(25% - 15px);
-                background: url('~@/assets/safetyIndex/23111.png') no-repeat;
-                background-size: 100% 100%;
-                display: flex;
-                justify-content: space-around;
-                align-items: center;
-
-                img {
-                    width: 46px;
-                    height: 35px;
-                }
-
-                .itemBox {
-                    width: 100px;
-                    height: 40px;
-
-                    .qiye {
-                        font-size: 14px;
-                        color: #C4E5FF;
-                        letter-spacing: 0.78px;
-                        font-weight: 500;
-                    }
-
-                    .qiyeshu {
-                        font-size: 12px;
-                        color: rgba(255, 255, 255, 0.5);
-                        letter-spacing: 1.25px;
-                        line-height: 18px;
-                        font-weight: 600;
-
-                        .qiyenum {
-                            font-size: 20px;
-                            color: #EBF9FF;
-                            letter-spacing: 1px;
-                            line-height: 37px;
-                            text-shadow: 0 0 9px #159AFF;
-                            font-weight: 700;
-                        }
-                    }
-                }
+        .red {
+          font-family: AlimamaShuHeiTi;
+          font-size: 20px;
+          color: #fa3737;
+          letter-spacing: 1.25px;
+          text-align: right;
+          font-weight: 700;
+        }
 
-            }
+        .jia {
+          font-size: 12px;
+          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) 0%,
+          #79919d 48%,
+          rgba(69, 88, 97, 0) 100%
+        );
+      }
     }
 
-    .topSelect {
-        position: absolute;
-        top: 35%;
-        right: 20px;
-        z-index: 22;
-
-        /deep/ .el-input {
-            width: 100px;
-            height: 30px;
-
-            .el-select__caret {
-                line-height: 30px;
-            }
-
-            .el-input__inner {
-                height: 30px;
-                background: url('~@/assets/safetyIndex/选择框.png') no-repeat;
-                background-size: 100% 100%;
-                font-size: 14px;
-                color: #C4E5FF;
-                letter-spacing: 1px;
-                text-align: center;
-                font-weight: 400;
-                border: 0;
-
+    .topBottom {
+      height: 70px;
+      width: 95%;
+      margin: 5px auto;
+      display: flex;
+      justify-content: space-between;
 
+      .topBottomItem {
+        height: 100%;
+        width: calc(25% - 15px);
+        background: url("~@/assets/safetyIndex/23111.png") no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
 
+        img {
+          width: 46px;
+          height: 35px;
+        }
 
+        .itemBox {
+          width: 100px;
+          height: 40px;
+
+          .qiye {
+            font-size: 14px;
+            color: #c4e5ff;
+            letter-spacing: 0.78px;
+            font-weight: 500;
+          }
+
+          .qiyeshu {
+            font-size: 12px;
+            color: rgba(255, 255, 255, 0.5);
+            letter-spacing: 1.25px;
+            line-height: 18px;
+            font-weight: 600;
+
+            .qiyenum {
+              font-size: 20px;
+              color: #ebf9ff;
+              letter-spacing: 1px;
+              line-height: 37px;
+              text-shadow: 0 0 9px #159aff;
+              font-weight: 700;
             }
+          }
         }
+      }
     }
+  }
 
-    .topSelect1 {
-        position: absolute;
-        top: 40px;
-        right: 25px;
-        z-index: 22;
+  .topSelect {
+    position: absolute;
+    top: 35%;
+    right: 20px;
+    z-index: 22;
 
-        /deep/ .el-input {
-            width: 100px;
-            height: 30px;
-
-            .el-select__caret {
-                line-height: 30px;
-            }
+    /deep/ .el-input {
+      width: 100px;
+      height: 30px;
 
-            .el-input__inner {
-                height: 30px;
-                // background: url('~@/assets/safetyIndex/选择框.png') no-repeat;
-                // background-size: 100% 100%;
-                background: rgba(38, 88, 76, 0.8);
-                font-size: 14px;
-                color: #C4E5FF;
-                letter-spacing: 1px;
-                text-align: center;
-                font-weight: 400;
-                border: 0;
+      .el-select__caret {
+        line-height: 30px;
+      }
 
+      .el-input__inner {
+        height: 30px;
+        background: url("~@/assets/safetyIndex/选择框.png") no-repeat;
+        background-size: 100% 100%;
+        font-size: 14px;
+        color: #c4e5ff;
+        letter-spacing: 1px;
+        text-align: center;
+        font-weight: 400;
+        border: 0;
+      }
+    }
+  }
+
+  .topSelect1 {
+    position: absolute;
+    top: 40px;
+    right: 25px;
+    z-index: 22;
+
+    /deep/ .el-input {
+      width: 100px;
+      height: 30px;
+
+      .el-select__caret {
+        line-height: 30px;
+      }
+
+      .el-input__inner {
+        height: 30px;
+        // background: url('~@/assets/safetyIndex/选择框.png') no-repeat;
+        // background-size: 100% 100%;
+        background: rgba(38, 88, 76, 0.8);
+        font-size: 14px;
+        color: #c4e5ff;
+        letter-spacing: 1px;
+        text-align: center;
+        font-weight: 400;
+        border: 0;
+      }
+    }
+  }
 
+  .middleBox {
+    width: 100%;
+    height: 67.5%;
+    margin-top: 10px;
+    position: relative;
+    padding-top: 30px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    position: relative;
 
+    .second {
+      width: 31.34%;
+      height: 80%;
+      background: url("~@/assets/safetyIndex/39088132.png") no-repeat;
+      background-size: 100% 100%;
+      padding: 5px 27px 12px 10px;
+      box-sizing: border-box;
+      text-align: center;
+      cursor: pointer;
+
+      .mingci {
+        height: 18px;
+        width: 100%;
+        font-size: 12px;
+        color: rgba(235, 249, 255, 0.8);
+        letter-spacing: 1.5px;
+        font-weight: 400;
+
+        img {
+          height: 18px;
+          width: 22px;
+        }
 
-            }
+        span {
+          font-size: 16px;
+          color: #fffceb;
+          letter-spacing: 2px;
+          line-height: 16px;
+          text-shadow: 0 0 9px rgba(255, 236, 21, 0.58);
+          font-weight: 700;
         }
-    }
+      }
 
-    .middleBox {
-        width: 100%;
-        height: 67.5%;
+      .tupian {
         margin-top: 10px;
-        position: relative;
-        padding-top: 30px;
-        box-sizing: border-box;
-        display: flex;
-        justify-content: space-between;
-        align-items: flex-end;
-        position: relative;
-
-        .second {
-            width: 31.34%;
-            height: 80%;
-            background: url('~@/assets/safetyIndex/39088132.png') no-repeat;
-            background-size: 100% 100%;
-            padding: 5px 27px 12px 10px;
-            box-sizing: border-box;
-            text-align: center;
-            cursor: pointer;
-
-            .mingci {
-                height: 18px;
-                width: 100%;
-                font-size: 12px;
-                color: rgba(235, 249, 255, 0.8);
-                letter-spacing: 1.5px;
-                font-weight: 400;
-
-                img {
-                    height: 18px;
-                    width: 22px;
-                }
-
-                span {
-                    font-size: 16px;
-                    color: #FFFCEB;
-                    letter-spacing: 2px;
-                    line-height: 16px;
-                    text-shadow: 0 0 9px rgba(255, 236, 21, 0.58);
-                    font-weight: 700;
-                }
-            }
-
-            .tupian {
-                margin-top: 10px;
-                width: 100%;
-                height: 105px;
-
-                img {
-                    width: 100%;
-                    height: 100%;
-                }
-            }
+        width: 100%;
+        height: 105px;
 
-            .companyMsg {
-                margin-top: 10px;
-                height: calc(100% - 143px);
-                width: 100%;
-                overflow: hidden;
-                text-overflow: ellipsis;
-
-                .mingcheng {
-                    padding-left: 5px;
-                    height: 50%;
-
-                    width: 100%;
-                    font-size: 12px;
-                    color: rgba(208, 222, 238, 0.8);
-                    letter-spacing: 0.86px;
-                    font-weight: 400;
-                    text-align: left;
-                    overflow: hidden;
-                    white-space: nowrap; //禁止换行
-                    text-overflow: ellipsis; //...
-
-                    span {
-                        font-size: 14px;
-                        color: #D0DEEE;
-                        letter-spacing: 0.75px;
-                        font-weight: 500;
-                    }
-                }
-            }
+        img {
+          width: 100%;
+          height: 100%;
         }
+      }
 
-        .third {
-            width: 31.34%;
-            height: 80%;
-            background: url('~@/assets/safetyIndex/编组 352111.png') no-repeat;
-            background-size: 100% 100%;
-            padding: 5px 10px 12px 27px;
-            box-sizing: border-box;
-            text-align: center;
-            cursor: pointer;
-
-            .mingci {
-                height: 18px;
-                width: 100%;
-                font-size: 12px;
-                color: rgba(235, 249, 255, 0.8);
-                letter-spacing: 1.5px;
-                font-weight: 400;
-
-                img {
-                    height: 18px;
-                    width: 22px;
-                }
-
-                span {
-                    font-size: 16px;
-                    color: #FFFCEB;
-                    letter-spacing: 2px;
-                    line-height: 16px;
-                    text-shadow: 0 0 9px rgba(255, 31, 21, 0.75);
-                    font-weight: 700;
-                }
-            }
-
-            .tupian {
-                margin-top: 10px;
-                width: 100%;
-                height: 105px;
-
-                img {
-                    width: 100%;
-                    height: 100%;
-                }
-            }
-
-            .companyMsg {
-                margin-top: 10px;
-                height: calc(100% - 143px);
-                width: 100%;
-                overflow: hidden;
-                text-overflow: ellipsis;
-
-                .mingcheng {
-                    padding-left: 5px;
-                    height: 50%;
-
-                    width: 100%;
-                    font-size: 12px;
-                    color: rgba(208, 222, 238, 0.8);
-                    letter-spacing: 0.86px;
-                    font-weight: 400;
-                    text-align: left;
-                    overflow: hidden;
-                    white-space: nowrap; //禁止换行
-                    text-overflow: ellipsis; //...
-
-                    span {
-                        font-size: 14px;
-                        color: #D0DEEE;
-                        letter-spacing: 0.75px;
-                        font-weight: 500;
-                    }
-                }
-            }
-
+      .companyMsg {
+        margin-top: 10px;
+        height: calc(100% - 143px);
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        .mingcheng {
+          padding-left: 5px;
+          height: 50%;
+
+          width: 100%;
+          font-size: 12px;
+          color: rgba(208, 222, 238, 0.8);
+          letter-spacing: 0.86px;
+          font-weight: 400;
+          text-align: left;
+          overflow: hidden;
+          white-space: nowrap; //禁止换行
+          text-overflow: ellipsis; //...
+
+          span {
+            font-size: 14px;
+            color: #d0deee;
+            letter-spacing: 0.75px;
+            font-weight: 500;
+          }
         }
+      }
+    }
 
-        .first {
-            position: absolute;
-            box-sizing: border-box;
-            width: 41%;
-            height: calc(100% - 30px);
-            left: 50%;
-            top: 30px;
-            margin-left: -20.5%;
-            background: url('~@/assets/safetyIndex/编组 3521.png') no-repeat;
-            background-size: 100% 100%;
-            padding: 10px 16px 16px;
-            text-align: center;
-            cursor: pointer;
-
-            .mingci {
-                height: 22px;
-                width: 100%;
-
-                color: rgba(235, 249, 255, 0.8);
-                font-size: 14px;
-                color: #EBF9FF;
-                letter-spacing: 1.75px;
-                font-weight: 400;
-
-                img {
-                    height: 20px;
-                    width: 24px;
-                }
-
-                span {
-                    font-size: 20px;
-                    color: #EBF9FF;
-                    letter-spacing: 2.5px;
-                    line-height: 37px;
-                    text-shadow: 0 0 9px #159AFF;
-                    font-weight: 700;
-                }
-            }
-
-            .tupian {
-                margin-top: 20px;
-                width: 100%;
-                height: 135px;
-
-                img {
-                    width: 100%;
-                    height: 100%;
-                }
-            }
-
-            .companyMsg {
-                margin-top: 10px;
-                height: calc(100% - 187px);
-                width: 100%;
-                overflow: hidden;
-                text-overflow: ellipsis;
-
-                .mingcheng {
-                    padding-left: 5px;
-                    height: 59%;
-
-                    width: 100%;
-                    font-size: 12px;
-                    color: rgba(208, 222, 238, 0.8);
-                    letter-spacing: 0.86px;
-                    font-weight: 400;
-                    text-align: left;
-                    overflow: hidden;
-                    white-space: nowrap; //禁止换行
-                    text-overflow: ellipsis; //...
-
-                    span {
-                        font-size: 14px;
-                        color: #D0DEEE;
-                        letter-spacing: 0.75px;
-                        font-weight: 500;
-                    }
-                }
-            }
+    .third {
+      width: 31.34%;
+      height: 80%;
+      background: url("~@/assets/safetyIndex/编组 352111.png") no-repeat;
+      background-size: 100% 100%;
+      padding: 5px 10px 12px 27px;
+      box-sizing: border-box;
+      text-align: center;
+      cursor: pointer;
+
+      .mingci {
+        height: 18px;
+        width: 100%;
+        font-size: 12px;
+        color: rgba(235, 249, 255, 0.8);
+        letter-spacing: 1.5px;
+        font-weight: 400;
+
+        img {
+          height: 18px;
+          width: 22px;
         }
 
-
-        .topTabs {
-            position: absolute;
-            top: 0;
-            left: 0;
+        span {
+          font-size: 16px;
+          color: #fffceb;
+          letter-spacing: 2px;
+          line-height: 16px;
+          text-shadow: 0 0 9px rgba(255, 31, 21, 0.75);
+          font-weight: 700;
         }
+      }
 
+      .tupian {
+        margin-top: 10px;
+        width: 100%;
+        height: 105px;
 
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
 
-        /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);
-
-            .el-tabs__header {
-                display: inline-block;
-                width: auto;
-                background: rgba(0, 0, 0, 0);
-                // background: linear-gradient(180deg, rgba(234, 241, 248, 0.1) 0%, rgba(208, 222, 238, 0.1) 100%);
-                // opacity: 0.7;
-                // border: 1px solid #5B748C;
-
-                .el-tabs__nav {
-                    display: inline-block;
-                    width: auto;
-                    display: flex;
-
-                }
+      .companyMsg {
+        margin-top: 10px;
+        height: calc(100% - 143px);
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        .mingcheng {
+          padding-left: 5px;
+          height: 50%;
+
+          width: 100%;
+          font-size: 12px;
+          color: rgba(208, 222, 238, 0.8);
+          letter-spacing: 0.86px;
+          font-weight: 400;
+          text-align: left;
+          overflow: hidden;
+          white-space: nowrap; //禁止换行
+          text-overflow: ellipsis; //...
+
+          span {
+            font-size: 14px;
+            color: #d0deee;
+            letter-spacing: 0.75px;
+            font-weight: 500;
+          }
+        }
+      }
+    }
 
-                .el-tabs__item {
-                    width: 70px;
-                    height: 30px;
-                    border: 0;
-                    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-size: 100% 100%;
+    .first {
+      position: absolute;
+      box-sizing: border-box;
+      width: 41%;
+      height: calc(100% - 30px);
+      left: 50%;
+      top: 30px;
+      margin-left: -20.5%;
+      background: url("~@/assets/safetyIndex/编组 3521.png") no-repeat;
+      background-size: 100% 100%;
+      padding: 10px 16px 16px;
+      text-align: center;
+      cursor: pointer;
+
+      .mingci {
+        height: 22px;
+        width: 100%;
 
-                    .paneInner {
-                        width: 100px;
-                        height: 100%;
-                        text-align: center;
-                        display: flex;
-                        justify-content: center;
-                        align-items: center;
+        color: rgba(235, 249, 255, 0.8);
+        font-size: 14px;
+        color: #ebf9ff;
+        letter-spacing: 1.75px;
+        font-weight: 400;
 
-                    }
+        img {
+          height: 20px;
+          width: 24px;
+        }
 
+        span {
+          font-size: 20px;
+          color: #ebf9ff;
+          letter-spacing: 2.5px;
+          line-height: 37px;
+          text-shadow: 0 0 9px #159aff;
+          font-weight: 700;
+        }
+      }
 
+      .tupian {
+        margin-top: 20px;
+        width: 100%;
+        height: 135px;
 
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
 
-                }
+      .companyMsg {
+        margin-top: 10px;
+        height: calc(100% - 187px);
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        .mingcheng {
+          padding-left: 5px;
+          height: 59%;
+
+          width: 100%;
+          font-size: 12px;
+          color: rgba(208, 222, 238, 0.8);
+          letter-spacing: 0.86px;
+          font-weight: 400;
+          text-align: left;
+          overflow: hidden;
+          white-space: nowrap; //禁止换行
+          text-overflow: ellipsis; //...
+
+          span {
+            font-size: 14px;
+            color: #d0deee;
+            letter-spacing: 0.75px;
+            font-weight: 500;
+          }
+        }
+      }
+    }
 
+    .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, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+
+      .el-tabs__header {
+        display: inline-block;
+        width: auto;
+        background: rgba(0, 0, 0, 0);
+        // background: linear-gradient(180deg, rgba(234, 241, 248, 0.1) 0%, rgba(208, 222, 238, 0.1) 100%);
+        // opacity: 0.7;
+        // border: 1px solid #5B748C;
+
+        .el-tabs__nav {
+          display: inline-block;
+          width: auto;
+          display: flex;
+        }
 
-                .el-tabs__item.is-active {
-                    background: url('~@/assets/safetyIndex/90866.png') no-repeat;
-                    background-size: 100% 100%;
-                    border: 0;
-                    color: #4BFFAD;
-                    padding: 5px;
-                    box-sizing: border-box;
+        .el-tabs__item {
+          width: 70px;
+          height: 30px;
+          border: 0;
+          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-size: 100% 100%;
+
+          .paneInner {
+            width: 100px;
+            height: 100%;
+            text-align: center;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+          }
+        }
 
-                    .paneInner {
-                        background: rgba(129, 255, 204, 0.26);
-                    }
-                }
-            }
+        .el-tabs__item.is-active {
+          background: url("~@/assets/safetyIndex/90866.png") no-repeat;
+          background-size: 100% 100%;
+          border: 0;
+          color: #4bffad;
+          padding: 5px;
+          box-sizing: border-box;
+
+          .paneInner {
+            background: rgba(129, 255, 204, 0.26);
+          }
         }
+      }
     }
+  }
 }
 </style>
\ No newline at end of file