| | |
| | | <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="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) { |
| | |
| | | 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: { |