人事人才样式

zhangxiaoxu123456

2022-04-18 3f6457753940c5bb41aa1055da903259c74c7c6b

 src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue

@@ -37,18 +37,21 @@
        </el-table-column>
      </el-table>
      <!-- 单选框 -->
      <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>
        </el-radio-group>
      <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>
          </el-radio-group>
        </div>
        <div class="PT_unitPersonnel--Echarts"></div>
      </div>
      <div class="PT_unitPersonnel--Echarts"></div>
    </div>
  </div>
</template>

<script>

import nowSize from "../../../../libs/nowSize";

const CARE_GORY = ['事业单位', '在职人员', '年人均收入']
@@ -187,7 +190,7 @@
          trigger: 'axis'
        },
        legend: {
          right: '5%',
          right: '2%',
          top: 'center',
          orient: 'vertical',
          itemWidth: nowSize(30),
@@ -199,9 +202,10 @@
          }
        },
        grid: {
          left: '5%',
          right: '20%',
          bottom: '0%',
          left: '22%',
          top: '25%',
          right: '25%',
          bottom: '2%',
          containLabel: true
        },
        xAxis: {
@@ -342,7 +346,6 @@
    border-bottom: 1px solid #8E8E8E;
  }
}

.PT_navEchart--title {
  .el-radio {
    width: 1.171875rem;
@@ -400,21 +403,25 @@
  }

  .PT_unitPersonnel--Echarts {
    width: 1920px;
    //height:600px;
    margin-top: 60px;
    width: 100%;
    height:100%;
    //height: 600px;
    height: calc(100% - 640Px - 0.33203125rem /* 85/256 */
    );
    display: inline-block;
  }
  .PT_unitPersonnel--echart-box{
    width: 100%;
    margin-top: 0.234375rem  /* 60/256 */;
    height: calc(100% - 640Px - 0.254375rem  /* 60/256 */);
    position: relative;
    .PT_navEchart--title {
      width: 1.171875rem;
      display: inline-block;
      position: absolute;
      left: 100px;
      top: 50%;
      transform: translateY(-50%);
    }
  }

  .PT_navEchart--title {
    width: 1.171875rem;
    display: inline-block;
    position: relative;
    left: 100px;
    top: -250px;
  }
}
</style>