人事人才

zhangxiaoxu123456

2022-04-18 ec7621dcb5140b2aac0416ae4eeeacdb8a692531

人事人才

 src/pages/show/personnelTalents/PersonnelTalents.vue

@@ -27,7 +27,6 @@
</script>
<style lang="scss">
.personnelTalents__warp {
  height: calc(100% - 0.35156rem);
  .el-menu {
    background-color: transparent;
    border-right: none;
@@ -103,7 +102,7 @@
    }
  }
  .personnelTalents-right {
    height: 100%;
    height: 5.27344rem;
    flex: 1;
    padding: 0 0.078125rem /* 20/256 */
  ;

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

@@ -37,13 +37,15 @@
        </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>
@@ -187,7 +189,7 @@
          trigger: 'axis'
        },
        legend: {
          right: '5%',
          right: '2%',
          top: 'center',
          orient: 'vertical',
          itemWidth: nowSize(30),
@@ -199,9 +201,10 @@
          }
        },
        grid: {
          left: '5%',
          right: '20%',
          bottom: '0%',
          left: '22%',
          top: '25%',
          right: '25%',
          bottom: '2%',
          containLabel: true
        },
        xAxis: {
@@ -342,7 +345,6 @@
    border-bottom: 1px solid #8E8E8E;
  }
}

.PT_navEchart--title {
  .el-radio {
    width: 1.171875rem;
@@ -400,21 +402,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>