| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div id="PersonEcharts" :class="[peopletype == 0 ? 'echarts-box':'people-table']"></div> |
| | | <div id="PersonEcharts" class="echarts-box"></div> |
| | | <!-- :class="{'people-table' : peopletype == 1 }" --> |
| | | <!-- <div id="keyPersonEcharts" class="people-table" v-show="peopletype == 1"></div> --> |
| | | |
| | |
| | | |
| | | peopleTabClick (type) { |
| | | this.peopletype = type |
| | | homePersonmyChart.off('click') |
| | | homePersonmyChart.dispose() |
| | | this.$nextTick(() => { |
| | | if (type == 0) { |
| | | homePersonmyChart.dispose() |
| | | this.initPersonEcharts() |
| | | homePersonmyChart.off('click') |
| | | this.clickPeopleChart() |
| | | } else { |
| | | homePersonmyChart.dispose() |
| | | this.initkeyPersonEcharts() |
| | | homePersonmyChart.off('click') |
| | | this.clickkeyPersonChart() |
| | | } |
| | | |
| | | homePersonmyChart.resize() |
| | | }) |
| | | }, |
| | | |
| | |
| | | margin-left: 108px; |
| | | } |
| | | |
| | | .people-table { |
| | | height: calc(100% - 40px); |
| | | height: 250px; |
| | | width: 400px; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .back { |
| | | color: #fff; |
| | | position: absolute; |
| | |
| | | .choosed { |
| | | color: #fff; |
| | | } |
| | | |
| | | & > div:nth-of-type(2) { |
| | | font-size: 14px; |
| | | } |
| | |
| | | .echarts-box { |
| | | flex: 1; |
| | | width: 100%; |
| | | height: calc(100% - 104px); |
| | | } |
| | | |
| | | .sub-tab + .echarts-box { |