Browse Source

集团 项目首页修改

fujunwen 4 years ago
parent
commit
324574314b
2 changed files with 44 additions and 44 deletions
  1. 3 4
      src/views/homepage/index.vue
  2. 41 40
      src/views/statistics/index.vue

+ 3 - 4
src/views/homepage/index.vue

@@ -60,7 +60,7 @@
                                     </span>
                                 </p>
                                 <p class='desc'>
-                                    {{option.type ===1 ? '即将逾期/未完成/当月总任务' : '即将逾期/未完成/年总任务'  }}
+                                    {{option.type ===1 ? '即将逾期/未完成/当月总任务' : '即将逾期/未完成/年总任务'  }}
                                 </p>
                             </div>
                         </div>
@@ -245,7 +245,6 @@ export default {
                     size: 13
                 }
             }
-
             getChangeList(params).then(res => {
                 if (res.result == 'success' && res.data) {
                     let result = res.data
@@ -254,7 +253,7 @@ export default {
                         if (item.objtype === 0) {
                             item.type = '专维'
                         } else if (item.objtype === 1) {
-                            item.type = '维保'
+                            item.type = '重要维保'
                         } else if (item.objtype === 2) {
                             item.type = '第三方检测'
                         } else if (item.objtype === 3) {
@@ -262,7 +261,7 @@ export default {
                         } else if (item.objtype === 4) {
                             item.type = '重要维修'
                         } else {
-                            item.type = '重点关注'
+                            item.type = '其他事项'
                         }
                     })
 

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

@@ -123,7 +123,7 @@
                     <transition name="selectDownUpExtendTop">
                         <div class="tool-tip" v-if="item.showToolTip">
                             <h5 style="font-weight:bold;">{{item.title + '比值'}}</h5>
-                            <p>{{item.title === '专维' ? '逾期未完成/即将逾期/年总任务' : '即将逾期/当月总任务'}}</p>
+                            <p>{{item.title === '专维' ? '逾期未完成/即将逾期/年总任务' : '即将逾期/当月总任务'}}</p>
                             <div class="tip-triangle" :style="{left: item.title === '第三方检测' ? '12.5rem': '7.8rem'}"> </div>
                         </div>
                     </transition>
@@ -190,7 +190,7 @@ export default {
                 "东南": 'dongnan',
                 "其他": 'Other'
             },
-            provinceCities: {  // 各个区域的的中心坐标 缩放级别
+            provinceCities: {  // 各个区域的的中心坐标 缩放级别 
                 "青岛": {  center: [36.06667, 120.33333], zoom: 8 },
                 "北京": {  center: [39.604882122321174, 116.43660987308282], zoom: 8 },
                 "天津": {  center: [39.130593, 117.260892], zoom: 7 },
@@ -263,7 +263,7 @@ export default {
         ...mapGetters(['plazas', 'plazaId', 'accessLevel'])
     },
     watch: {
-
+         
     },
     created() {
         this.currentTime()
@@ -340,7 +340,7 @@ export default {
             }
         },
         /**
-         * @Description 通过导航进行导航
+         * @Description 通过导航进行导航 
          * @Param id 所选区域的id
          * @Param index 点击项的序号
          */
@@ -354,8 +354,8 @@ export default {
             this.currentLevel = level
             this.currentZoneData = data
             this.getEventStatusData(level, data.ccode)
-            this.queryPlazaInfoCount(data.ccode, data.level, data.cid)
-            this.getSystemList(data.ccode, data.level)
+            this.queryPlazaInfoCount(data.ccode, data.level, data.cid) 
+            this.getSystemList(data.ccode, data.level) 
             if (level === 1) {
                 this.pantGroupMap(data, this.currentSysId)
             } else if (level === 2) {
@@ -404,7 +404,7 @@ export default {
             } else {   // 点击项为广场时 直接跳转到详情页  地图不用响应
              
                 let pathData = {fromGroup: 'true'}
-                let routeData = this.$router.resolve({
+                let routeData = this.$router.resolve({  
                     name:'/home/homePage',
                 })
                 window.open(routeData.href, '_blank');
@@ -413,11 +413,11 @@ export default {
                     plazaName: data.cname,
                     plazaId: data.ccode
                 }
-                this.$store.commit('SETPLAZENAME', data.cname)
+                this.$store.commit('SETPLAZENAME', data.cname) 
                 localStorage.setItem('PLAZAID', data.ccode)
             }
         },
-
+   
         /**
          * @Description  查询项目信息统计数量
          * @Param  ccode  管理分区编码 必填
@@ -504,7 +504,7 @@ export default {
             })
         },
          /**
-        * @Description 展开 维保 第三方检测 专维
+        * @Description 展开 维保 第三方检测 专维 
         * @Param  item 展开的某一项
         */
         toggerPanel(item) {
@@ -539,7 +539,7 @@ export default {
         /**
         *@Description 根据数据计算维保/第三方检测/专维各自颜色条的长度  维保、第三方检测是用即将逾期数据判断;专维是如果有逾期未完成直接标红,如果没有,按照即将逾期的数量显示颜色
         *@Param item 某一项的数据
-        *@Param title 标题
+        *@Param title 标题 
         */
         barStyle(item, title) {
             let bg = ''
@@ -567,11 +567,11 @@ export default {
             }
         },
         /**
-         * @Description 根据数据来返 维保/第三方检测/专维 三个模块中显示条的颜色
+         * @Description 根据数据来返 维保/第三方检测/专维 三个模块中显示条的颜色 
          * @Param num 即将逾期数 / 逾期未完成数
          * @Param total 总数
          */
-        selectColorByNum (num, total) {
+        selectColorByNum (num, total) {    
             let devide =  num / total
             if ( (num > 1 && num <=24  ) || (  devide > 0.1 && devide <=0.2 ) ) {
                 return 0
@@ -581,7 +581,7 @@ export default {
                 return 2
             }
         },
-
+  
         /**
         * @Description 根据数据 判定地图上图标的显示显示颜色
         * @Param data 作为判断的数据
@@ -608,7 +608,7 @@ export default {
             this.times = moment().format('YYYY.MM.DD HH:mm')
             setTimeout(this.currentTime, 1000)
         },
-
+ 
          /**
         * @Description 格式化时间
         * @method param empty
@@ -628,7 +628,7 @@ export default {
         * @method param plazaId 广场id  如果是广场则此参数必填 其他情况下非必填
         */
         getSystemList(ccode, level) {
-            let params = null
+            let params = null 
             if (level === 0) {
                 params = {getParams:{plazaId: ccode, level}}
             } else {
@@ -674,7 +674,7 @@ export default {
          * @Param ccode 管理分区编码 必填
          * @Param level 1集团 2中心 3区域 0广场 必填
          */
-        getEventStatusData(level, ccode) {
+        getEventStatusData(level, ccode) {  
             let params = {
                 getParams: {
                     level,
@@ -751,13 +751,13 @@ export default {
                     }
                 }
             }).addTo(myMaps)
-            if (this.currentLevel === 1) {//1集团
+            if (this.currentLevel === 1) {//1集团 
                 this.pantGroupMap(this.currentZoneData, this.currentSysId)
             } else if (this.currentLevel === 2) {  // 2中心
                 this.pantZonesMap(this.currentZoneData, this.currentSysId)
-            } else if (this.currentLevel === 3) {  // 3区域
+            } else if (this.currentLevel === 3) {  // 3区域 
                 this.pantProjectsMap(this.currentZoneData, this.currentSysId)
-            }
+            }  
         },
         /**
          * @Description 清空地图 并添加全国底图
@@ -820,7 +820,7 @@ export default {
                 let promise = new Promise((resolve, reject) => {
                     let params = {
                         getParams: {
-                            smsxt: this.currentSysId,
+                            smsxt: this.currentSysId,  
                             level: 2,    // 中心
                             ccode: item.ccode
                         }
@@ -893,7 +893,7 @@ export default {
                 let promise = new Promise((resolve, reject) => {
                     let params = {
                         getParams: {
-                            smsxt: this.currentSysId,
+                            smsxt: this.currentSysId, 
                             level: 3,   // 区域
                             ccode: item.ccode
                         }
@@ -901,7 +901,7 @@ export default {
                     querySystemCard(params).then(res => {
                         if (res.result === 'success') {
                             let name = item.cname.split('区域')[0]
-
+                            
                             let num = 0
                             if (res.data) {
                                 let equip = res.data[0]
@@ -961,7 +961,7 @@ export default {
                     let params = {
                         getParams: {
                             plazaId: item.cid,   // 所查对象是广场的时候plazaId必传
-                            smsxt: this.currentSysId,
+                            smsxt: this.currentSysId,  
                             level: 0,   // 广场
                             ccode: item.ccode
                         }
@@ -1027,14 +1027,14 @@ export default {
                 html: type =='group' ? name :`<div>${name}</div>`,
                 className: 'my-leaflet-div-icon',
                 iconSize: 30
-            })
+            }) 
             let circleIcon = L.icon({
                 iconUrl: require(`../../assets/images/icons/${color}.png`),
                 iconSize: [24, 24],
                 iconAnchor: [16, 38],
             });
-
-            if (color  && center) {
+ 
+            if (color  && center) { 
                 let popup = L.popup({closeOnClick:true,offset: [-3,-20]}).setLatLng(center).setContent(contentHtml)
                 let marker = L.marker(center, { icon: textIcon }).addTo(groupLayer)
                 let marker2 = L.marker(center,{ icon: circleIcon} ).addTo(groupLayer)
@@ -1059,10 +1059,10 @@ export default {
                     this.createNavpathByData(data)
                     if (type === 'group') {
                         this.pantZonesMap(data, this.currentSysId)
-                    }
+                    } 
                     if (type === 'zone') {
                         this.pantProjectsMap(data, this.currentSysId)
-                    }
+                    } 
                     if (type === 'project') {
                         let routeData = this.$router.resolve({
                             name:'/home/homePage',
@@ -1073,9 +1073,9 @@ export default {
                             plazaName: data.cname,
                             plazaId: data.ccode
                         }
-                        this.$store.commit('SETPLAZENAME', data.cname)
+                        this.$store.commit('SETPLAZENAME', data.cname) 
                         localStorage.setItem('PLAZAID', data.ccode)
-                    }
+                    }   
                 })
             }
         },
@@ -1109,7 +1109,7 @@ export default {
                 return ''
             }
         },
-
+        
     },
     beforeDestroy() {
         window.removeEventListener('resize', this.reinitalMap)
@@ -1149,7 +1149,7 @@ export default {
         box-shadow: 0px 2px 10px 0px rgba(31, 35, 41, 0.1);
         overflow: hidden;
         .home {
-            width: 285px;
+            width: 265px;
             height: 48px;
             // line-height: 48px;
             text-align: center;
@@ -1300,9 +1300,9 @@ export default {
                 margin-left: 1.2rem;
             }
         }
-
+        
         .system-general {
-            width: 29.4%;
+            width: 25.4%;
             box-sizing: border-box;
             background: white;
             .system-main-title {
@@ -1328,7 +1328,7 @@ export default {
                             display: flex;
                             align-items: center;
                             width: 25%;
-                            padding: 1.2rem 0 1.2rem 1rem ;
+                            padding: 1.2rem 0 1.2rem 1rem ;  
                             border-right: 1px solid #EFF0F1;
                             .img {
                                 height: 2.8rem;
@@ -1435,7 +1435,7 @@ export default {
             }
         }
         .map-box {
-            width: calc(52.6% - 2.4rem);
+            width: calc(56.6% - 2.4rem);
             margin: 0 12px;
             .cards-list {
                 display: flex;
@@ -1484,9 +1484,9 @@ export default {
                 #map {
                     height: 70vh;
                     overflow: hidden;
-
+                    
                     svg {
-                        pointer-events: none;
+                        pointer-events: none; 
                     }
                 }
                 .legend {
@@ -1596,4 +1596,5 @@ export default {
         }
     }
 }
-</style>
+</style> 
+