细节样式

zhangxiaoxu123456

2022-04-13 36cf18823077f16c4e20bd941b40f56ef4aaa89c

细节样式

 src/pages/components/juminYanglaoBaoxian/baoxianForm.vue

@@ -1,5 +1,5 @@
<template>
  <div class="baoxianForm-wrap">
  <div class="baoxianForm-wrap" :style="{paddingTop : paddingTop + 'rem'}">
    <el-table
      border
      style="width: 100%"
@@ -82,6 +82,14 @@
<script>
    export default {
        name: "baoxianForm",
        props: {
            paddingTop: {
                type: Number,
                default: 0.078125
            }
        },
        computed: {
        },
        data() {
            return {
                tableData:[{
@@ -103,8 +111,8 @@
  @import "../../../assets/css/base";
  .baoxianForm-wrap{
    width: 100%;
    height: calc(100% - 0.234375rem  /* 60/256 */);
    padding-top: 0.234375rem  /* 60/256 */;
    height: 100%;
    box-sizing: border-box;
    .el-table th.el-table__cell{
      background-color:$color-blue;
    }

 src/pages/components/qiyezhigongShebao/zhigongShebao.vue

@@ -96,7 +96,9 @@
  @import "../../../assets/css/base";
  .zhigongShebao-wrap{
    width: 100%;
    padding-top: 0.078125rem  /* 20/256 */;
    height: 100%;
    box-sizing: border-box;
    padding-top: 0.234375rem  /* 60/256 */;
    .el-table th.el-table__cell{
      background-color:$color-blue;
    }

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

@@ -1,7 +1,7 @@
<template>
  <div class="juminYanglaoBaoxian-wrap">
    <div class="danwei-box">单位：人</div>
    <baoxianForm></baoxianForm>
    <baoxianForm :paddingTop="0.234375"></baoxianForm>
  </div>
</template>

@@ -24,7 +24,7 @@
  @import "../../../../assets/css/base";
  .juminYanglaoBaoxian-wrap{
    width: 100%;
    height: 100%;
    height: calc(100% - 0.078125rem  /* 20/256 */);
    position: relative;
    .danwei-box{
      position: absolute;
@@ -32,5 +32,8 @@
      top: 0;
      color: $color-white;
    }
    .baoxianForm{
      padding-top: 0.078125rem  /* 20/256 */;
    }
  }
</style>

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

@@ -1,7 +1,7 @@
<template>
    <div class="juminYanglaoBaoxian-wrap">
      <div class="danwei-box">单位：人</div>
      <baoxianForm></baoxianForm>
      <baoxianForm :paddingTop="0.234375"></baoxianForm>
    </div>
</template>


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

@@ -1,7 +1,7 @@
<template>
    <div class="qiyezhigongShebao-wrap">
       <div class="danwei-box">单位：人</div>
      <zhigongShebao></zhigongShebao>
       <zhigongShebao></zhigongShebao>
    </div>
</template>


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

@@ -14,7 +14,7 @@
      <el-tab-pane label="工伤保险" name="fourth">
        <baoxianForm></baoxianForm>
      </el-tab-pane>
      <el-tab-pane label="失业保险" name="five ">
      <el-tab-pane label="失业保险" name="five">
        <baoxianForm></baoxianForm>
      </el-tab-pane>
    </el-tabs>

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

@@ -1,7 +1,7 @@
<template>
  <div class="shiyeBaoxian-wrap">
    <div class="danwei-box">单位：人</div>
    <baoxianForm></baoxianForm>
    <baoxianForm :paddingTop="0.234375"></baoxianForm>
  </div>
</template>