| | |
| | | <div class="PersonnelTalents_unitPersonnel--warp"> |
| | | <div class="PT_unitPersonnel--table"> |
| | | <el-table |
| | | :max-height="640" |
| | | :max-height="tableHeight" |
| | | :data="tableData" |
| | | stripe |
| | | border |
| | |
| | | <el-table-column label="全省排位" prop="quanshengpaiming2"></el-table-column> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <!-- 单选框 --> |
| | | <div class="PT_unitPersonnel--echart-box"> |
| | | <div class="PT_navEchart--title"> |
| | |
| | | </div> |
| | | <div class="PT_unitPersonnel--Echarts"></div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | }, |
| | | ], |
| | | checkedCategory: '事业单位', |
| | | careGory: CARE_GORY |
| | | careGory: CARE_GORY, |
| | | tableHeight: window.innerHeight - nowSize(900) |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | } |
| | | }, |
| | | Init_echarts() { |
| | | const myChart = this.$echarts.init(document.querySelector('.PT_unitPersonnel--Echarts')); |
| | | const option = { |
| | | color: ['#FF5151', '#51FF5D', '#FFD151'], |
| | | title: { |
| | |
| | | } |
| | | ] |
| | | }; |
| | | const myChart = this.$echarts.init(document.querySelector('.PT_unitPersonnel--Echarts')); |
| | | option && myChart.setOption(option) |
| | | }, |
| | | getHeight() { |
| | | this.tableHeight = window.innerHeight - nowSize(900) |
| | | } |
| | | }, |
| | | created() { |
| | | window.addEventListener('resize',this.getHeight) |
| | | }, |
| | | destroy() { |
| | | window.addEventListener('resize',this.getHeight) |
| | | } |
| | | } |
| | | </script> |
| | |
| | | |
| | | .PT_unitPersonnel--table { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | |
| | |
| | | width: 100%; |
| | | margin-top: 0.234375rem /* 60/256 */ |
| | | ; |
| | | height: calc(100% - 600Px - 0.254375rem /* 60/256 */ |
| | | height: calc(100% - 2.34375rem /* 600/256 */ - 0.254375rem /* 60/256 */ |
| | | ); |
| | | position: relative; |
| | | |