Browse Source

集团首页修改样式

fujunwen 4 years ago
parent
commit
c715e5a5f8
1 changed files with 42 additions and 40 deletions
  1. 42 40
      src/views/statistics/index.vue

+ 42 - 40
src/views/statistics/index.vue

@@ -412,16 +412,10 @@ export default {
       crumbsHtml: [], // 导航数据
       zoneNames: {
         // 各个中心对应的拼音名称
-        东北: "dongbei",
-        西北: "xibei",
-        华北: "huabei",
-        华中: "huazhong",
-        华东: "huadong",
-        中南: "zhongnan",
-        西南: "xinan",
-        华南: "huanan",
-        东南: "dongnan",
-        其他: "Other",
+        东区: "dong",
+        西区: "xi",
+        北区: "bei",
+        南区: "nan",
       },
       provinceCities: {
         // 各个区域的的中心坐标 缩放级别
@@ -461,15 +455,15 @@ export default {
       },
       zoneCenter: {
         // 各个区域的中心坐标
-        dongbei: [43.161614, 124.396818], // 取自 东北运营中心 长春区域 四平万达广场
-        xibei: [37.999781, 106.197518], // 西北  银川区域 吴忠万达广场     zoom 5
-        huabei: [39.019075, 117.686953], // 华北中心  天津区域  天津塘沽万达广场
-        huazhong: [33.999249, 113.872131], // 华中 郑州 许昌万达广场
-        huadong: [31.477565, 119.923391], // 华东 南京 泰州
-        zhongnan: [28.860875644389676, 114.55131767165491],
-        huanan: [22.635788, 110.17923], // 华南 南宁 玉林万达广场
-        dongnan: [26.657907, 119.545678], //东南 福州 宁德万达广场
-        xinan: [28.749998, 104.648788], // 西南 成都 宜宾万达广场
+        dong: [30.323, 120.502], // 取自 东北运营中心 长春区域 四平万达广场
+        xi: [36.08462129606931, 103.4527754086213], // 西北  银川区域 吴忠万达广场     zoom 5
+        bei: [39.604882122321174, 116.43660987308282], // 华北中心  天津区域  天津塘沽万达广场
+        // huazhong: [33.999249, 113.872131], // 华中 郑州 许昌万达广场
+        // huadong: [31.477565, 119.923391], // 华东 南京 泰州
+        // zhongnan: [28.860875644389676, 114.55131767165491],
+        // huanan: [22.635788, 110.17923], // 华南 南宁 玉林万达广场
+        // dongnan: [26.657907, 119.545678], //东南 福州 宁德万达广场
+        nan: [28.12, 112.59], // 西南 成都 宜宾万达广场
       },
       legendList: [
         // 地图图例数据
@@ -504,12 +498,27 @@ export default {
     };
   },
   computed: {
-    ...mapGetters(["plazas", "plazaId", "accessLevel"]),
+    ...mapGetters(["plazas", "plazaId", "accessLevel", "userInfo"]),
+  },
+  watch: {
+      /**
+       * 监听皮肤模式
+       * 皮肤模式切换后,存储用户名,皮肤模式
+       */
+    skinMode(newV){
+      localStorage.setItem(`${this.userInfo.username}__skinMode`, newV)
+    },
   },
-  watch: {},
   components: { Tabs, Dialog },
   created() {
     this.currentTime();
+    /**
+     * 使用localStorage中储存的, 当前用户的皮肤模式
+     */
+    let skinMode = localStorage.getItem(`${this.userInfo.username}__skinMode`)
+    if(skinMode){
+        this.skinMode = skinMode
+    }
   },
   mounted() {
     this.getFrameworkTreeData();
@@ -1079,12 +1088,10 @@ export default {
       queryEventStatus(params).then((res) => {
         if (res.result === "success") {
           let data = res.data;
+          console.log(data)
           data[0].forEach((item) => {
-            if (
-              typeof item.rptGlsmsStatistics.overdue_unfinished === "undefined"
-            ) {
-              item.rptGlsmsStatistics.overdue_unfinished = 0;
-            }
+            const val = item.rptGlsmsStatistics.overdue_unfinished
+            item.rptGlsmsStatistics.overdue_unfinished = val === "undefined" ? 0 : val
           });
           let orginalObj = {
             1: { title: "维保", data: [], expand: 0, showToolTip: false },
@@ -1094,7 +1101,7 @@ export default {
           let arr = new Array(3);
           for (let key in data) {
             let obj = {};
-            let sortData = data[key];
+            let sortData = data[key].filter(item => item.cname);
             if (data.hasOwnProperty(key)) {
               // 维保,第三方检测排名按照即将逾期任务数量从多到少排序,多的靠前。专维按照 逾期未完成 + 即将逾期任务数据排序,多的靠前
               // due_num 即将逾期    unfinished 逾期未完成
@@ -1111,7 +1118,7 @@ export default {
               }
               orginalObj[key].data = sortBy(sortData, (option) => {
                 return option.sort;
-              }).reverse();
+              });
             }
           }
           arr[0] = orginalObj[1];
@@ -1342,14 +1349,9 @@ export default {
       this.clearAllLayers();
       let name = data.cname.substr(0, 2);
       let zone = this.zoneNames[name];
-      let zoom, inner, outer, offset;
-      if (zone === "huadong") {
-        zoom = 8;
-      } else if (zone == "xibei") {
-        zoom = 5;
-      } else {
-        zoom = 6;
-      }
+      let inner, outer, offset;
+      let zoom = 5
+    
       this.flyTo(this.zoneCenter[zone], zoom);
       let groupLayer = new L.layerGroup();
       let promiseAll = [];
@@ -1371,8 +1373,7 @@ export default {
           };
           querySystemCard(params).then((res) => {
             if (res.result === "success") {
-              let name = item.cname.split("区域")[0];
-
+              let name = item.cname.split("城市")[0];
               let num = 0;
               if (res.data) {
                 let equip = res.data[0];
@@ -1401,7 +1402,8 @@ export default {
         this.loadingInstance.close();
         if (this.currentLevel === 2) {
           layerArr.forEach((item) => {
-            let city = that.provinceCities[item.name];
+            let name = item.name.split("城市")[0]
+            let city = that.provinceCities[name];
             let center = city.center;
             let contentHtml = that.createPopupHtmlContent(
               item.list.assetTypeList,
@@ -1430,7 +1432,7 @@ export default {
      */
     pantProjectsMap(data) {
       this.clearAllLayers();
-      let name = data.cname.split("区域")[0];
+      let name = data.cname.split("城市")[0];
       let geo = this.provinceCities[name];
       let that = this;
       let promiseAll = [];