Browse Source

Merge branch 'aly_dev' of http://39.106.8.246:3003/web/wanda-bm-guide into aly_dev

yx 4 years ago
parent
commit
150757fa0a

+ 4 - 4
public/systemConf.js

@@ -24,11 +24,11 @@ var __systemConf = {
     systemCode: 'wandaBmGuide',
     conf: {
         // 阿里云
-        // editerUrl: 'http://60.205.177.43:80/wandaEditer/', // 编辑器地址
-        // wandaBmGuideUrl: 'http://60.205.177.43:80/wandaBmGuide/', //管理书地址
+        editerUrl: 'http://60.205.177.43:80/wandaEditer/', // 编辑器地址
+        wandaBmGuideUrl: 'http://60.205.177.43:80/wandaBmGuide/', //管理书地址
         // http://glsms.wanda-dev.cn/ 测试服
-        editerUrl: 'http://glsms.wanda-dev.cn/wandaEditer/', // 编辑器地址
-        wandaBmGuideUrl: 'http://glsms.wanda-dev.cn/wandaBmGuide/', //管理书地址
+        // editerUrl: 'http://glsms.wanda-dev.cn/wandaEditer/', // 编辑器地址
+        // wandaBmGuideUrl: 'http://glsms.wanda-dev.cn/wandaBmGuide/', //管理书地址
         // editerUrl: 'http://localhost:8091/wandaEditer/', // 编辑器地址
         // wandaBmGuideUrl: 'http://localhost:8090/wandaBmGuide/', //管理书地址
     },

+ 10 - 2
src/App.vue

@@ -18,7 +18,8 @@ export default {
             key: '23f30a832a862c58637a4aadbf50a566',
             appName: '万达可视化系统',
             mapServerURL: `http://map.wanda.cn/editor`,
-            mapthemeUrl: `http://map.wanda.cn/editor/webtheme`
+            mapthemeUrl: `http://map.wanda.cn/editor/webtheme`,
+            isMounted: false
         }
     },
     /**
@@ -34,7 +35,9 @@ export default {
             localStorage.setItem('beforeunload', state)
         })
     },
-    mounted() {},
+    mounted() {
+        this.isMounted = true
+    },
     computed: {
         ...mapGetters(['plazaId', 'fmapID', 'haveFengMap', 'accessLevel'])
     },
@@ -74,6 +77,11 @@ export default {
             } else {
                 window.fengmapData = null
             }
+        },
+        isMounted(isMounted) {
+            if (isMounted && this.plazaId) {
+                this.getFengMap()
+            }
         }
     }
 }

+ 2 - 1
src/components/menuList.vue

@@ -194,7 +194,8 @@ export default {
     box-shadow: 0px 2px 10px 0px rgba(31, 35, 41, 0.1);
     // overflow: hidden;
     .home {
-        width: 265px;
+        min-width: 265px;
+        max-width: 320px;
         height: 48px;
         // line-height: 48px;
         text-align: center;

+ 1 - 1
src/store/index.js

@@ -170,7 +170,7 @@ export default new Vuex.Store({
         },
         getFloors(context) {
             queryFloor({
-                plazaId: context.state.plazaId,
+                plazaId: context.state.plazaId || localStorage.getItem('PLAZAID'),
             }).then((res) => {
                 if (res.result == 'success') {
                     context.commit('SETFLOORS', res.data)

+ 22 - 18
src/utils/ganttChart/GanttChart_day.js

@@ -50,7 +50,7 @@ export function GanttChartDay(options) {
   // 当前视图开始时间,向前推N天
   this.startAt = moment().subtract(this.daysCount / 3, 'days');
   this.endAt = moment(this.startAt).add(this.daysCount, 'days');
-  this.graphDiv = document.getElementById(options['chartContainer']);
+  this.graphDiv = document.getElementById(options['chartParentContainer']);
   // 图形容器组
   this.graphGroup = null;
   // 上一次拖动的事件
@@ -168,7 +168,7 @@ let lastClickAt = null;
  * 改变graphDiv 滚动距离
  * 到达边界距离后,刷新页面
  */
-GanttChartDay.prototype.doDrag = function(sEvent, eEvent) {  
+GanttChartDay.prototype.doDrag = function(sEvent, eEvent) {
   if (sEvent == null) {
     sEvent = this.startEvent;
   }
@@ -192,6 +192,7 @@ GanttChartDay.prototype.doDrag = function(sEvent, eEvent) {
     this.offsetDis = this.viewWidth;
     this.pageTo('next');
   }
+  // console.log()
   this.graphDiv.scrollLeft = this.offsetDis;
 }
 
@@ -200,7 +201,7 @@ GanttChartDay.prototype.doDrag = function(sEvent, eEvent) {
  */
 GanttChartDay.prototype.initDragHandler = function() {
   this.graphDiv.scrollLeft = this.offsetDis;
-  let _canvas = document.getElementsByTagName('canvas')[1];
+  let _canvas = this._canvas;
   _canvas.addEventListener('mousedown', (ev) => {
     this.draging = true;
     this.startEvent = ev;
@@ -256,6 +257,7 @@ GanttChartDay.prototype.drawTimeZone = function() {
   console.log('时间段', this.startAt.format('YYYY-MM-DD'),this.endAt.format('YYYY-MM-DD'));
   let start = moment(this.startAt);
   let timeGroup = this.gCanvas.addGroup();
+  this.timeGroupEl = timeGroup
   timeGroup._tname = 'TimeGroup';
   // 绘制第一级
   timeGroup.addShape('text', {
@@ -292,7 +294,7 @@ GanttChartDay.prototype.drawTimeZone = function() {
   // 绘制第二级
   let nowAtStr = moment().format('YYYY-MM-DD')
   this.timeZoneLineEls = []
-  for (let i = 0; i < this.daysCount; i++) {
+  for (let i = 1; i <= this.daysCount; i++) {
     let tempAt = startSecond.add(1, 'days')
     let timeText = tempAt.format('DD');
     if(timeText == '01'){
@@ -339,7 +341,7 @@ GanttChartDay.prototype.drawTimeZone = function() {
     }
     timeGroup.addShape('text', {
       attrs: {
-        x: 40 * i,
+        x: 40 * i + 5,
         y: 40,
         fontSize: 10,
         text: timeText,
@@ -464,19 +466,21 @@ GanttChartDay.prototype.drawTasks = function() {
         taskGroup = this.graphGroup.addGroup();
         taskGroup._tname = 'TaskGroup_' + topTask.id;
         topTask.gGroup = taskGroup;
-  
-        // 组名背景矩形
-        let TopGroupRectEl = taskGroup.addShape('rect', {
-          attrs: {
-            x: 0,
-            y: topTask.renderOptions.startY,
-            width: this.cWidth,
-            height: this.taskRowHeight,
-            fill: '#F5F6F7',
-            radius: [2, 4],
-          },
-        });
-        TopGroupRectEl.setZIndex(-1)
+        
+        if (false) {
+          // 组名背景矩形
+          let TopGroupRectEl = taskGroup.addShape('rect', {
+            attrs: {
+              x: 0,
+              y: topTask.renderOptions.startY,
+              width: this.cWidth,
+              height: this.taskRowHeight,
+              fill: '#F5F6F7',
+              radius: [2, 4],
+            },
+          });
+          TopGroupRectEl.setZIndex(-1)
+        }
         // 第二层循环,用于 区分具体多少任务,例如,维保-商管1/商管2...
         topTask.dataList.forEach((taskP, index) => {
           let taskPGroup = taskGroup.addGroup()

+ 20 - 15
src/utils/ganttChart/GanttChart_month.js

@@ -28,7 +28,7 @@ export function GanttChartMonth(options) {
   // 拖动定时器
   this.dragTimer = null;
   // 每天的间隔宽度
-  this.dayStep = parseInt(this.cWidth/365);
+  this.dayStep = parseInt(this.cWidth/365*2/3);
   // 分组标题高度
   this.groupTitleHeight = 18;
   // 任务矩形高度
@@ -328,7 +328,7 @@ GanttChartMonth.prototype.drawTimeZone = function() {
     let daysCount = moment(`${year}-${i}`).dayOfYear()
     timeGroup.addShape('text', {
       attrs: {
-        x: this.dayStep * daysCount,
+        x: this.dayStep * daysCount + 180,
         y: 40,
         fontSize: 10,
         text: timeText,
@@ -406,10 +406,13 @@ GanttChartMonth.prototype.postDrawTasksCallBack = function(){
   if(true){
     let todayAt = new Date()
     if(this.startAt < todayAt && this.endAt > todayAt){
+      let duraStartAt = new Date() - new Date(this.startAt.format('YYYY-MM-DD'));
+      let secondsStartAt = duraStartAt/1000
+      this.todayTimeLineOffsetPos = secondsStartAt*this.timePerPix
       this.todayTimeLineEl = this.gCanvas.addShape('rect',{
         attrs: {
           x: this.todayTimeLineOffsetPos,
-          y: 40,
+          y: 50,
           width: 4,
           height: this.cHeight,
           fill: '#CDE9FF',
@@ -457,18 +460,20 @@ GanttChartMonth.prototype.drawTasks = function() {
         taskGroup._tname = 'TaskGroup_' + topTask.id;
         topTask.gGroup = taskGroup;
   
-        // 组名背景矩形
-        let TopGroupRectEl = taskGroup.addShape('rect', {
-          attrs: {
-            x: 0,
-            y: topTask.renderOptions.startY,
-            width: this.cWidth,
-            height: this.taskRowHeight,
-            fill: '#F5F6F7',
-            radius: [2, 4],
-          },
-        });
-        TopGroupRectEl.setZIndex(-1)
+        if(false){
+          // 组名背景矩形
+          let TopGroupRectEl = taskGroup.addShape('rect', {
+            attrs: {
+              x: 0,
+              y: topTask.renderOptions.startY,
+              width: this.cWidth,
+              height: this.taskRowHeight,
+              fill: '#F5F6F7',
+              radius: [2, 4],
+            },
+          });
+          TopGroupRectEl.setZIndex(-1)
+        }
         // 第二层循环,用于 区分具体多少任务,例如,维保-商管1/商管2...
         topTask.dataList.forEach((taskP, index) => {
           let taskPGroup = taskGroup.addGroup()

+ 2 - 4
src/views/analysis/CoreDeviceReport.vue

@@ -161,7 +161,6 @@ import { Select, Input } from 'meri-design'
 import { querySystemList, queryEquipmentList, queryTableData, queryHistoryTableData, queryDetailData } from '../../api/coreDeviceReport'
 import _ from 'lodash'
 import moment from 'moment'
-import { log } from 'util'
 export default {
     data() {
         return {
@@ -278,8 +277,7 @@ export default {
          */
         getEquipmentOfSystem() {
             let param = {
-                plazaId: this.plazaId,
-                ccode: 1002347
+                plazaId: this.plazaId
             }
             if (this.systemId !== '') {
                 param.smsxt = this.systemId
@@ -341,7 +339,7 @@ export default {
                     return o.isActive
                 }).category_code
             }
-            let url = `/data/sms_asset/query?plazaId=${this.plazaId}3&page=${this.curPage}&size=${this.pageSize}&orderBy=is_exception,0`
+            let url = `/data/sms_asset/query?plazaId=${this.plazaId}&page=${this.curPage}&size=${this.pageSize}&orderBy=is_exception,0`
             if (_.trim(this.searchKey) !== '') {
                 url = `${url}&keyword=${this.searchKey}:sbjc,sbjbm`
             }

+ 18 - 9
src/views/analysis/GanttChart.vue

@@ -37,14 +37,14 @@
       <div class="chart-container" id="chartContainer" ref="chartContainer">
         <div id="ganttContainer"></div>
       </div>
-      <el-dialog :title="detailTitle" :visible.sync="showDetail" width="840px">
+      <el-dialog :title="ganttDetail.name" :visible.sync="showDetail" width="840px">
         <div class="dialog-container">
           <div class="row task-status">
             <div>
               <Task class="icon" />
               <div class="title">任务状态</div>
             </div>
-            <div :style="{'background': ganttDetail.color && ganttDetail.color[1]?ganttDetail.color[1] : '', 'color': ganttDetail.color && ganttDetail.color[0]?ganttDetail.color[0] : ''}">{{ganttDetail.status}}</div>
+            <div v-show="ganttDetail.status" :style="{'background': ganttDetail.color && ganttDetail.color[1]?ganttDetail.color[1] : '', 'color': ganttDetail.color && ganttDetail.color[0]?ganttDetail.color[0] : ''}">{{ganttDetail.status}}</div>
           </div>
           <div class="row">
             <div>
@@ -152,6 +152,7 @@ import ExpandArrow from "../../assets/svg/expand_arrow.svg";
 export default {
   data() {
     return {
+      plazaId: 1000423, // 广场id
       systemList: [], // 系统列表
       systemId: "", // 系统名称
       legends: [
@@ -187,7 +188,7 @@ export default {
 
       // 弹窗相关
       showDetail: false, // 弹框显示状态
-      detailTitle: "", // 弹窗标题
+      // detailTitle: "", // 弹窗标题
       pictures: [
         // {
         //   id: 1,
@@ -229,6 +230,10 @@ export default {
 
   computed: {},
 
+  beforeMount() {
+    let PLAZAID = localStorage.getItem('PLAZAID');
+    this.plazaId = Number(PLAZAID) || 1000423;
+  },
   mounted() {
     document.addEventListener('click', () => {
       setTimeout(() => {
@@ -327,7 +332,7 @@ export default {
       let time = this.disQueryTime();
       let param = {
         smsxt: this.systemId,
-        plazaId: 1000423,
+        plazaId: this.plazaId,
         startDate: this.startTime, // time[0]
         endDate: this.endTime // time[1]
       };
@@ -429,7 +434,7 @@ export default {
      */
     showDialog(task) {
       this.showDetail = true;
-      this.detailTitle = task._pdata.description;
+      // this.detailTitle = task._pdata.description;
       this.curTask = task;
       this.getGanttDetailData();
       this.getPictureOrReportData(0);
@@ -439,21 +444,24 @@ export default {
      * 获取甘特图详情
      */
     getGanttDetailData() {
+      const { id, statusType } = this.curTask._pdata;
       let param = {
-        plazaId: 1000423,
-        type: 2,
-        id: 1078467
+        plazaId: this.plazaId,
+        type: statusType,
+        id: id
       };
       queryGanttDetail("/data/base/queryGanttChartDetails", param).then(res => {
         const { result, data } = res;
         if (result === "success") {
+          if (!data) return
           const {
             status,
             planStartDate,
             planEndDate,
             realStartDate,
             realEndDate,
-            statusType
+            statusType,
+            name
           } = data;
           let color;
           switch (statusType) {
@@ -476,6 +484,7 @@ export default {
           let newData = {
             status,
             color: color,
+            name: name,
             planTime: this.dealDetailTime(planStartDate, planEndDate),
             realTime: this.dealDetailTime(realStartDate, realEndDate)
           };

+ 20 - 18
src/views/analysis/SpecificationUpdateRecord.vue

@@ -50,6 +50,7 @@ import _ from 'lodash';
 export default {
   data () {
     return {
+      plazaId: 1000423, // 广场id
       incidentList: [], // 事件列表
       oraginIncidentList: [
         {id: 'all', name: '全部'},
@@ -72,7 +73,10 @@ export default {
   components: {},
 
   computed: {},
-
+  beforeMount() {
+    let PLAZAID = localStorage.getItem('PLAZAID');
+    this.plazaId = Number(PLAZAID) || 1000423;
+  },
   mounted() {
     this.initTimePicker();
     this.getEvenType();
@@ -86,6 +90,8 @@ export default {
       let endTime = new Date(),
           startTime = new Date(endTime.getTime() - 1000*60*60*24*30);
       this.timeVal = [startTime, endTime];
+      this.startTime = moment.unix(new Date(startTime).getTime() / 1000).format('YYYYMMDDHHmmss');
+      this.endTime = moment.unix(new Date(endTime).getTime() / 1000).format('YYYYMMDDHHmmss');
     },
     /**
      * 获取事件类型
@@ -97,18 +103,20 @@ export default {
           objtype: 'objtype'
         }
       }
-      queryEventypes(`/data/base/queryOptions?plazaId=1000423`, [query]).then((res) => {
+      queryEventypes(`/data/base/queryOptions?plazaId=${this.plazaId}`, [query]).then((res) => {
         const { result, data } = res;
         if (result === 'success') {
           let newData = [this.oraginIncidentList[0]];
-          _.forEach(data.rpt_change_record.objtype, (item) => {
-            newData.push({
-              id: item.key,
-              name: _.find(this.oraginIncidentList, (o) => {return item.key === o.id}).name
+          if (!_.isEmpty(data)) {
+            _.forEach(data.rpt_change_record.objtype, (item) => {
+              newData.push({
+                id: item.key,
+                name: _.find(this.oraginIncidentList, (o) => {return item.key === o.id}).name
+              })
             })
-          })
-          this.incidentList = newData;
-          this.getTableData();
+            this.incidentList = newData;
+            this.getTableData();
+          }
         }
       })
     },
@@ -119,15 +127,9 @@ export default {
       let param = {
         page: this.curPage,
         size: this.pageSize,
-        plazaId: 1000423,
-        // changeDateStartDate: 20171027000000,
-        // changeDateEndDate: 20171028000000,
-      }
-      if (this.startTime !== '') {
-        param.changeDateStartDate = this.startTime;
-      }
-      if (this.endTime !== '') {
-        param.changeDateEndDate = this.endTime;
+        plazaId: this.plazaId,
+        changeDateStartDate: this.startTime,
+        changeDateEndDate: this.endTime,
       }
       if (this.incidentType !== 'all') {
         param.objtype = this.incidentType;

+ 51 - 32
src/views/statistics/index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class='overview'>
         <!-- 顶部路由 -->
-        <div class='menu'>
+        <!-- <div class='menu'>
             <div class='home' @click='$emit("update:modelNum", 0)'>
                 <div class='downright'></div>
                 <div class='home-box'>
@@ -14,7 +14,7 @@
                     <span class='span3'>{{times}}</span>
                 </span>
             </div>
-        </div>
+        </div> -->
         <!-- 面包屑 -->
         <nav class='navigation'>
             <section class='crumbs'>
@@ -113,7 +113,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>
@@ -128,7 +128,7 @@
                                         <span>{{option.rptGlsmsStatistics.total}}</span>
                                     </span>
                                     <span v-else>
-                                        <span>{{option.rptGlsmsStatistics.unfinished}} /</span>
+                                        <span>{{option.rptGlsmsStatistics.due_num}} /</span>
                                         <span>{{option.rptGlsmsStatistics.total}}</span>
                                     </span>
                                 </div>
@@ -252,6 +252,11 @@ export default {
                 9: { inner: 2000, outer: 4000, offset: 0.08 },
                 10: { inner: 1000, outer: 2000, offset: 0.04 },
                 11: { inner: 1000, outer: 2000, offset: 0.04 }
+            },
+            barColors :{
+                0: 'linear-gradient(to right, #F54E45 , #F54E45)',   // 蓝色
+                1: 'linear-gradient(to right, #F58300 , #F58300)',   // 黄色
+                2: 'linear-gradient(to right, #369CF7 , #025BAA)'    // 红色
             }
         }
     },
@@ -311,8 +316,11 @@ export default {
         navgateFromCrumbs(id, index) {
             let data = this.getDataByCityCcode(id)
             if (!data) return
-            this.currentZoneData = data
             let level = data.level //1集团 2中心 3区域 0广场
+            this.currentZoneData = data
+            this.currentLevel = level
+            this.getEventStatusData(level, data.ccode)
+            this.queryPlazaInfoCount(data.ccode, data.level, data.cid) 
             if (level === 1) {
                 this.pantGroupMap(data, this.currentSysId)
             } else if (level === 2) {
@@ -324,8 +332,6 @@ export default {
         },
         // 获取 区域/中心/项目
         selectProjectItem(ids, data) {
-             localStorage.setItem('PLAZAID', '')
-             this.$store.commit('STOREPLAZAID', '') 
             this.currentLevel = data.level
             if (data.level === 0) {  //  level=0时 plazaId必填
                 this.queryPlazaInfoCount(data.ccode, data.level, data.cid)
@@ -412,6 +418,7 @@ export default {
                     this.currentLevel = level // 初始化的时候判断是哪一级    //1集团 2中心 3区域 0广场
                     data.open = true  // 默认展开第一级
                     this.regulateDistrictData = [data]
+                    this.currentDistrictData = res.treeData
                     this.getSystemList(data.ccode,level )
                     this.getEventStatusData(level, data.ccode)
                     if (level === 0) {  //  level=0时 plazaId必填
@@ -472,31 +479,40 @@ export default {
             }
         },
         /**
-         * 计算长度
+         * 计算长度  维保、第三方检测是用即将逾期数据判断;专维是如果有逾期未完成直接标红,如果没有,按照即将逾期的数量显示颜色
          */
-        barStyle(item) {
-            let type = item.type
+        barStyle(item, title) {
+            let bg = ''
+            let type = this.selectColorByNum(item.due_num, item.total)
             let ratio = 0
-            if (item.title === '专维') {
+            if (title === '专维') {
+                if (item.unfinished>0) {
+                    bg = 'linear-gradient(to right, #F54E45 , #F54E45)'  
+                    // bg='red'
+                } else {
+                    bg = this.barColors[type]
+                }
                 ratio = ((item.unfinished + item.due_num) / item.total) * 100
             } else {
-                ratio = (item.unfinished / item.total) * 100
-            }
-            let bg = ''
-            if (type === 0) {
-                bg = 'linear-gradient(to right, #F54E45 , #F54E45)'
-            }
-            if (type === 1) {
-                bg = 'linear-gradient(to right, #F58300 , #F58300)'
-            }
-            if (type === 2) {
-                bg = 'linear-gradient(to right, #369CF7 , #025BAA)'
+                bg = this.barColors[type]
+                ratio = (item.due_num / item.total) * 100
             }
             return {
                 width: ratio + '%',
                 backgroundImage: bg
             }
         },
+        selectColorByNum (num, total) {   //  >=   <=
+            let devide =  num / total
+            // console.log(num, devide)
+            if ( (num > 1 && num <=24  ) || (  devide > 0.1 && devide <=0.2 ) ) {
+                return 0
+            } else if ( (num > 24 && num <= 49  ) || (  devide > 0.2 && devide <=0.5 ) ) {
+                return 1
+            } else {
+                return 2
+            }
+        },
         // 根据数据渲染颜色
          /**
         * @description 获取集团 中心 区域 项目 数据树数据
@@ -606,11 +622,11 @@ export default {
                 if (res.result === 'success') {
                     let data = res.data
                     let orginalObj = { 
-                        0:{title:'专维',data:[], expand: 0, showToolTip:false},
                         1:{title:'维保',data:[], expand: 0, showToolTip:false},
-                        2:{title:'第三方检测',data:[], expand: 0, showToolTip:false}
+                        2:{title:'第三方检测',data:[], expand: 0, showToolTip:false},
+                        0:{title:'专维',data:[], expand: 0, showToolTip:false},
                     }
-                    let arr = []
+                    let arr = new Array(3)
                     for (let key in data) {
                         let obj = {}
                         let sortData = data[key]
@@ -629,9 +645,9 @@ export default {
                             orginalObj[key].data =  sortBy(sortData, option => {return option.sort }).reverse()
                         }
                     }
-                    for ( let key in orginalObj) {
-                        arr.push(orginalObj[key])
-                    }
+                    arr[0] = orginalObj[1]
+                    arr[1] = orginalObj[2]
+                    arr[2] = orginalObj[0]
                     this.maintainList = arr
                 }
             })
@@ -887,8 +903,6 @@ export default {
                 className: 'my-leaflet-div-icon',
                 iconSize: 30
             })
-             localStorage.setItem('PLAZAID', '')
-             this.$store.commit('STOREPLAZAID', '') 
             setTimeout(()=>{
                 let zoom = myMaps.getZoom()
                 let sizes = this.circleSize[zoom]
@@ -902,6 +916,10 @@ export default {
                         popup.openOn(myMaps)
                     })
                     feaureGroup.on('click', ev => {
+                        this.currentZoneData = data
+                        this.currentLevel = data.level
+                        this.getEventStatusData(data.level, data.ccode)
+                        this.queryPlazaInfoCount(data.ccode, data.level) 
                         groupLayer.clearLayers()
                         this.createNavpathByData(data)
                         if (type === 'group') {
@@ -1003,7 +1021,8 @@ export default {
         box-shadow: 0px 2px 10px 0px rgba(31, 35, 41, 0.1);
         overflow: hidden;
         .home {
-            width: 265px;
+           min-width: 265px;
+           max-width: 320px;
             height: 48px;
             // line-height: 48px;
             text-align: center;
@@ -1235,7 +1254,7 @@ export default {
                                     span {
                                         position: absolute;
                                         top: -1.6rem;
-                                        right: -1rem;
+                                        right: -2rem;
                                         padding: 2px 4px;
                                         border-radius: 0.9rem;
                                         font-size: 1.2rem;