|  |  | 
 |  |  |               <img src="@/assets/icons/home_icon2.png" alt="" /> | 
 |  |  |             </div> | 
 |  |  |             <div class="content"> | 
 |  |  |               <div>访客人次(人):{{ headerData.visitUserNum }}</div> | 
 |  |  |               <div>签离人次(人):{{ headerData.signLevelNum }}</div> | 
 |  |  |               <div>入园人次(人):{{ headerData.visitUserNum }}</div> | 
 |  |  |               <div>出园人次(人):{{ headerData.signLevelNum }}</div> | 
 |  |  |             </div> | 
 |  |  |           </div> | 
 |  |  |           <div class="card"> | 
 |  |  | 
 |  |  |             </div> | 
 |  |  |             <div class="wrap static2"> | 
 |  |  |               <div class="header"> | 
 |  |  |                 <div class="home_title">长期相关方分布</div> | 
 |  |  | <!--                <div class="home_title">长期相关方分布</div>--> | 
 |  |  |                 <el-radio-group v-model="tabPosition" @change="changeType"> | 
 |  |  |                   <el-radio-button label="right">内部人员分布</el-radio-button> | 
 |  |  |                   <el-radio-button label="top">长期相关方分布</el-radio-button> | 
 |  |  |                 </el-radio-group> | 
 |  |  |                 <!-- <div class="df_ac more"> | 
 |  |  |                   更多<i class="el-icon-arrow-right"></i> | 
 |  |  |                 </div> --> | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       tabPosition: 'right', | 
 |  |  |       colors, | 
 |  |  |       nowDate: '', | 
 |  |  |       nowWeek: '', | 
 |  |  | 
 |  |  |         { name: '访客报备', path: '', url: require('@/assets/icons/home_func1.png'), path: '/business/reportRecord' }, | 
 |  |  |         { name: '隐患随手拍', path: '', url: require('@/assets/icons/home_func2.png'), path: '/operation/danger/record' }, | 
 |  |  |         { name: '预约会议室', path: '', url: require('@/assets/icons/home_func3.png'), path: '/meeting/bookings' }, | 
 |  |  |         { name: '考勤工作台', path: '', url: require('@/assets/icons/home_func4.png') } | 
 |  |  |         { name: '考勤工作台', path: '', url: require('@/assets/icons/home_func4.png') }, | 
 |  |  |         { name: '食堂消费', path: '', url: require('@/assets/icons/8.png') } | 
 |  |  |       ], | 
 |  |  |       isShowDetail: false, | 
 |  |  |       isShowReport: false, | 
 |  |  | 
 |  |  |     this.initData() | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     changeType(e) { | 
 |  |  |       console.log(e) | 
 |  |  |       this.initEchart2() | 
 |  |  |     }, | 
 |  |  |     getNoticeList(){ | 
 |  |  |       syncHkNotice().then(res => { | 
 |  |  |  | 
 |  |  | 
 |  |  |         if (res == undefined || res == null) { | 
 |  |  |           return | 
 |  |  |         } | 
 |  |  |         const myWindow = window.open(res) | 
 |  |  |         console.log('单点登录地址------', res) | 
 |  |  |  | 
 |  |  |         const myWindow = top.window.open(res) | 
 |  |  |         console.log('myWindow---', myWindow) | 
 |  |  |         setTimeout(() => { | 
 |  |  |           const params = { | 
 |  |  |             componentId: 'dfe', | 
 |  |  | 
 |  |  |             }, | 
 |  |  |             msgType: 'tlnc' | 
 |  |  |           } | 
 |  |  |           const argus = JSON.parse(row.param5) | 
 |  |  |           console.log('row.param5 Obj---', argus) | 
 |  |  |           // const argus = JSON.stringify(params) | 
 |  |  |           myWindow.postMessage('{"method":"goToApp","argument":' + row.param5 + '}', '*') | 
 |  |  |         }, 3000) | 
 |  |  |         }, 8000) | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     SubSuccess (str) { | 
 |  |  | 
 |  |  |         getAppHeaderNav(4).then(res => { | 
 |  |  |           window.open(res, '_blank') | 
 |  |  |         }) | 
 |  |  |         return | 
 |  |  |       } | 
 |  |  |       if (item.name == '食堂消费') { | 
 |  |  |         getAppHeaderNav(6).then(res => { | 
 |  |  |           window.open(res, '_blank') | 
 |  |  |         }) | 
 |  |  |         return | 
 |  |  |       } | 
 |  |  |       this.$router.push(item.path) | 
 |  |  |     }, | 
 |  |  | 
 |  |  |         this.headerData = res || {} | 
 |  |  |         const arr = [] | 
 |  |  |         arr.push({ name: '访客', value: this.headerData.inParkVisitUserNum }) | 
 |  |  |         arr.push({ name: '内部员工', value: this.headerData.todayInParkUserNum - this.headerData.inParkLwUserNum - this.headerData.inParkVisitUserNum }) | 
 |  |  |         arr.push({ name: '内部员工', value: this.headerData.todayInParkUserNum - this.headerData.inParkLwUserNum - this.headerData.inParkVisitUserNum - this.headerData.inParkDriverUserNum }) | 
 |  |  |         arr.push({ name: '长期相关方', value: this.headerData.inParkLwUserNum }) | 
 |  |  |         arr.push({ name: '货运司机', value: this.headerData.inParkDriverUserNum }) | 
 |  |  |         arr.sort((a, b) => b.value - a.value) | 
 |  |  |         this.manningRatio = arr | 
 |  |  |         this.initEchart1() | 
 |  |  | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     initEchart2 () { | 
 |  |  |       console.log('initEchart2') | 
 |  |  |       const myChart = echarts.init(document.getElementById('echart2')) | 
 |  |  |       const that = this | 
 |  |  |       myChart.setOption({ | 
 |  |  | 
 |  |  |         }, | 
 |  |  |         yAxis: { | 
 |  |  |           type: 'category', | 
 |  |  |           data: that.staticData.lwList.map(i => i.name) | 
 |  |  |           data: that.tabPosition === 'top' ? that.staticData.lwList.map(i => i.name) : that.staticData.internalList.map(i => i.name) | 
 |  |  |         }, | 
 |  |  |         series: [ | 
 |  |  |           { | 
 |  |  |             data: that.staticData.lwList.map(i => i.num), | 
 |  |  |             data: that.tabPosition === 'top' ? that.staticData.lwList.map(i => i.num) : that.staticData.internalList.map(i => i.num), | 
 |  |  |             type: 'bar', | 
 |  |  |             barWidth: 10, | 
 |  |  |             itemStyle: { | 
 |  |  | 
 |  |  |             <div>${params[0].name}</div> | 
 |  |  |             <div style="display: flex;align-items: center;"> | 
 |  |  |               <div style="width: 10px;height: 10px;border-radius: 50%;background-color: #6feef0;"></div> | 
 |  |  |               <span style="margin-left: 6px;">${params[0].value}</span> | 
 |  |  |               <span style="margin-left: 6px;">${params[0].value || 0}</span> | 
 |  |  |               <div>辆</div> | 
 |  |  |             </div> | 
 |  |  |           </div> | 
 |  |  | 
 |  |  |   width: 100%; | 
 |  |  |   height: 100%; | 
 |  |  |   overflow: auto; | 
 |  |  |   padding: 20px; | 
 |  |  |   padding: 20px 20px 40px 20px; | 
 |  |  |   padding-top: 92px; | 
 |  |  |  | 
 |  |  |   .home_header { |