|  |  | 
 |  |  | <template> | 
 |  |  |   <div class="main_home"> | 
 |  |  |     <!-- <div style="position: fixed;z-index: 99999"><video  style="height: 100px;width: 500px" src="rtsp://10.50.250.253:554/openUrl/K2y2vE4" controls></video></div> --> | 
 |  |  |     <div class="home_header"> | 
 |  |  |       <div class="mb10 fs17">下午好,{{ userInfo.realname }}</div> | 
 |  |  |       <div class="fs13"> | 
 |  |  | 
 |  |  |               <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="top">长期相关方分布</el-radio-button> | 
 |  |  |                   <el-radio-button label="right">内部人员分布</el-radio-button> | 
 |  |  |                 </el-radio-group> | 
 |  |  |                 <!-- <div class="df_ac more"> | 
 |  |  |                   更多<i class="el-icon-arrow-right"></i> | 
 |  |  |                 </div> --> | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       tabPosition: 'top', | 
 |  |  |       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) { | 
 |  |  | 
 |  |  |     funcClick (item) { | 
 |  |  |       if (item.name == '考勤工作台') { | 
 |  |  |         getAppHeaderNav(4).then(res => { | 
 |  |  |           window.open(res, '_blank') | 
 |  |  |         }) | 
 |  |  |       } | 
 |  |  |       if (item.name == '食堂消费入口') { | 
 |  |  |         getAppHeaderNav(6).then(res => { | 
 |  |  |           window.open(res, '_blank') | 
 |  |  |         }) | 
 |  |  |       } | 
 |  |  | 
 |  |  |         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: { |