付延余
2022-04-28 cfb813f540e11cbadf041b295c342b02da97da56
src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue
@@ -46,7 +46,7 @@
          </el-radio>
        </el-radio-group>
      </div>
      <div class="PT_unitPersonnel--Echarts"></div>
      <div class="PT_unitPersonnel--Echarts" v-show="isShow"></div>
    </div>
  </div>
@@ -55,7 +55,7 @@
<script>
import nowSize from "../../../../libs/nowSize";
import {getPersonTable} from '@/api/personnelTalents'
import {getPersonTable} from '@/api/personnelTalents';
export default {
  name: "PersonnelTalents_UnitPersonnel",
@@ -143,7 +143,13 @@
      ],
      checkedCategory: '事业单位',
      CARE_GORY: ['事业单位', '在职人员', '年人均收入'],
      tableHeight: window.innerHeight - nowSize(1000)
      tableHeight: window.innerHeight - nowSize(1000),
      isShow:true,
      echartSeries:{
        jumin:[120, 132, 101, 134, 90, 230],
        chengzhen:[220, 182, 191, 234, 290, 330],
        nongcun:[150, 232, 201, 154, 190, 330]
      }
    }
  },
  mounted() {
@@ -271,17 +277,17 @@
          {
            name: '居民人均可支配收入',
            type: 'line',
            data: [120, 132, 101, 134, 90, 230]
            data: this.echartSeries.jumin
          },
          {
            name: '城镇居民',
            type: 'line',
            data: [220, 182, 191, 234, 290, 330]
            data: this.echartSeries.chengzhen
          },
          {
            name: '农村居民',
            type: 'line',
            data: [150, 232, 201, 154, 190, 330]
            data: this.echartSeries.nongcun
          }
        ]
      };
@@ -293,6 +299,20 @@
    // 通过点击更换echarts图表信息
    selectEcharts(index) {
      console.log(index);
      switch(index){
        case 0:
          this.isShow = true;
          this.echartSeries = {
            jumin:[120, 132, 101, 134, 90, 230],
            chengzhen:[220, 182, 191, 234, 290, 330],
            nongcun:[150, 232, 201, 154, 190, 330]
          }
          this.Init_echarts()
          break;
        default:
          this.isShow = false;
          break;
      }
    },
    // 29. 查询事业单位人员情况表格数据接口
    getPersonTable() {