| | |
| | | <div class="header"> |
| | | <!-- <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-button label="top">长期相关方分布</el-radio-button> |
| | | </el-radio-group> |
| | | <!-- <div class="df_ac more"> |
| | | 更多<i class="el-icon-arrow-right"></i> |
| | |
| | | }, |
| | | data () { |
| | | return { |
| | | tabPosition: 'top', |
| | | tabPosition: 'right', |
| | | colors, |
| | | nowDate: '', |
| | | nowWeek: '', |
| | |
| | | { 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/8.png') } |
| | | { name: '食堂消费', path: '', url: require('@/assets/icons/8.png') } |
| | | ], |
| | | isShowDetail: false, |
| | | isShowReport: false, |
| | |
| | | getAppHeaderNav(4).then(res => { |
| | | window.open(res, '_blank') |
| | | }) |
| | | return |
| | | } |
| | | if (item.name == '食堂消费入口') { |
| | | if (item.name == '食堂消费') { |
| | | getAppHeaderNav(6).then(res => { |
| | | window.open(res, '_blank') |
| | | }) |
| | | return |
| | | } |
| | | this.$router.push(item.path) |
| | | }, |
| | |
| | | const myChart = echarts.init(document.getElementById('echart2')) |
| | | const that = this |
| | | myChart.setOption({ |
| | | dataZoom: [ |
| | | { |
| | | type: 'slider', // 滑动条类型 |
| | | orient: 'vertical', |
| | | left: 'left', |
| | | start: 0, // 起始位置(百分比) |
| | | end: 40, // 结束位置(百分比),控制初始显示范围 |
| | | width: 4, |
| | | dataBackground: { |
| | | areaStyle: { opacity: 0 }, // 设置背景透明 |
| | | lineStyle: { opacity: 0 } // 设置背景透明 |
| | | }, |
| | | moveOnMouseWheel: true, |
| | | }, |
| | | { |
| | | type: 'inside', // 用于监听滚轮事件 |
| | | orient: 'vertical', |
| | | start: 0, |
| | | end: 40, |
| | | minSpan: 40, |
| | | dataBackground: { |
| | | areaStyle: { opacity: 0 } // 设置背景透明 |
| | | }, |
| | | maxSpan: 40, |
| | | zoomLock: true, // 锁定缩放(仅允许平移) |
| | | moveOnMouseWheel: true, // 启用滚轮平移 |
| | | } |
| | | ], |
| | | grid: { |
| | | top: '4%', |
| | | left: '2%', |
| | |
| | | <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 { |