就业创业细节

zhangxiaoxu123456

2022-04-24 31181a5ed1e8cb393ad90fd19f6baea72b3cc423

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

@@ -2,6 +2,7 @@
  <div class="PersonnelTalents_unitPersonnel--warp">
    <div class="PT_unitPersonnel--table">
      <el-table
        :max-height="640"
        :data="tableData"
        stripe
        border
@@ -36,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 = ['事业单位', '在职人员', '年人均收入']
@@ -186,7 +190,7 @@
          trigger: 'axis'
        },
        legend: {
          right: '5%',
          right: '2%',
          top: 'center',
          orient: 'vertical',
          itemWidth: nowSize(30),
@@ -198,9 +202,10 @@
          }
        },
        grid: {
          left: '5%',
          right: '20%',
          bottom: '0%',
          left: '2%',
          top: '25%',
          right: '18%',
          bottom: '0',
          containLabel: true
        },
        xAxis: {
@@ -353,7 +358,7 @@
    }

    .el-radio__input {
      margin-bottom: 5px;
      margin-bottom: 0.01953125rem;

      &.is-checked {
        .el-radio__inner {
@@ -370,9 +375,9 @@
      }

      .el-radio__inner {
        width: 40px;
        height: 40px;
        margin-right: 17px;
        width: 0.15625rem;
        height: 0.15625rem;
        margin-right: 0.06640625rem;
        background: transparent;
        border-radius: 1%;
        box-sizing: content-box;
@@ -393,27 +398,38 @@
.PersonnelTalents_unitPersonnel--warp {
  width: 100%;
  height: 100%;

  .PT_unitPersonnel--table {
    width: 100%;
    height: 100%;
  }

  .PT_unitPersonnel--Echarts {
    width: 1920px;
    height:550px;
    margin-top: 120px;
    //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% - 600Px - 0.254375rem /* 60/256 */
    );
    position: relative;

    .PT_navEchart--title {
      width: 1px;
      display: inline-block;
      position: absolute;
      left: 0.390625rem;
      top: 50%;
      transform: translateY(-50%);
    }

    .PT_unitPersonnel--Echarts {
      width: 85%;
      height: 100%;
      position: absolute;
      left: 1.2890625rem;
      display: inline-block;
    }
  }

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