| | |
| | | <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: '', |
| | |
| | | this.initData() |
| | | }, |
| | | methods: { |
| | | changeType(e) { |
| | | console.log(e) |
| | | this.initEchart2() |
| | | }, |
| | | getNoticeList(){ |
| | | syncHkNotice().then(res => { |
| | | |
| | |
| | | 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: { |