社会保障细节样式

zhangxiaoxu123456

2022-04-24 038b8a1d35652b8967f520583069aef5422e7484

 src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shehuiBaoxian.vue

@@ -2,7 +2,7 @@
  <div class="shehuiBaoxian-wrap">
    <div class="shehuiBaoxian-table">
      <h1>社会保险参保人员统计表</h1>
      <div class="danwei-box">单位:万人</div>
        <div class="danwei-box">单位:万人</div>
      <el-table
        max-height="640"
        :data="tableData"
@@ -84,8 +84,8 @@
          label="12月">
        </el-table-column>
      </el-table>
      <div class="shehuiBaoxianEcharts" id="shehuiBaoxianEcharts"></div>
    </div>
      <div class="shehuiBaoxianEcharts" id="shehuiBaoxianEcharts"></div>
  </div>
</template>

@@ -152,7 +152,7 @@
                        itemWidth: nowSize(30),
                        itemHeight: nowSize(4),
                        itemGap: nowSize(50),
                        right:'2%',
                        right:'8%',
                        top: 'center',
                        orient: 'vertical',
                        textStyle: {
@@ -163,7 +163,7 @@
                    grid: {
                        top: '15%',
                        left: '4%',
                        right: '20%',
                        right: '25%',
                        bottom: '3%',
                        containLabel: true
                    },
@@ -287,7 +287,6 @@
    height: 100%;
    .shehuiBaoxian-table{
      width: 100%;
      height: 100%;
      position: relative;
      .danwei-box{
        position: absolute;
@@ -305,6 +304,7 @@
      }
    }
    .shehuiBaoxianEcharts{
      width: 100%;
      height: calc(100% - 640px - 0.33203125rem  /* 85/256 */);
    }
  }