| | |
| | | <!-- 单选框 --> |
| | | <div class="PT_unitPersonnel--echart-box"> |
| | | <div class="PT_navEchart--title"> |
| | | <el-radio-group v-model="checkedCategory"> |
| | | <el-radio v-for="categoryItem in careGory" :label="categoryItem" :key="categoryItem">{{ categoryItem }} |
| | | <el-radio-group v-model="checkedCategory" > |
| | | <el-radio v-for="(categoryItem,index) in CARE_GORY" :label="categoryItem" :key="index" @change="selectEcharts(index)">{{ categoryItem }} |
| | | </el-radio> |
| | | </el-radio-group> |
| | | </div> |
| | |
| | | <script> |
| | | |
| | | import nowSize from "../../../../libs/nowSize"; |
| | | |
| | | const CARE_GORY = ['事业单位', '在职人员', '年人均收入'] |
| | | export default { |
| | | name: "PersonnelTalents_UnitPersonnel", |
| | | data() { |
| | |
| | | }, |
| | | ], |
| | | checkedCategory: '事业单位', |
| | | careGory: CARE_GORY, |
| | | tableHeight: window.innerHeight - nowSize(900) |
| | | CARE_GORY:['事业单位', '在职人员', '年人均收入'], |
| | | tableHeight: window.innerHeight - nowSize(1000) |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | }, |
| | | getHeight() { |
| | | this.tableHeight = window.innerHeight - nowSize(900) |
| | | }, |
| | | // 通过点击更换echarts图表信息 |
| | | selectEcharts(index){ |
| | | console.log(index); |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | destroy() { |
| | | window.addEventListener('resize',this.getHeight) |
| | | } |
| | | |
| | | } |
| | | </script> |
| | | <style lang="scss"> |
| | |
| | | background: transparent; |
| | | border-radius: 1%; |
| | | box-sizing: content-box; |
| | | |
| | | border: 0.0078125rem /* 2/256 */ solid #DCDFE6; |
| | | &::after { |
| | | content: ''; |
| | | width: 0; |
| | |
| | | width: 100%; |
| | | margin-top: 0.234375rem /* 60/256 */ |
| | | ; |
| | | height: calc(100% - 2.34375rem /* 600/256 */ - 0.254375rem /* 60/256 */ |
| | | height: calc(100% - 2.5rem /* 640/256 */ - 0.254375rem /* 60/256 */ |
| | | ); |
| | | position: relative; |
| | | |