营销政策

付延余

2022-04-11 ab81cb6bac16d50e6ca7d0624572cfd177dc662e

 src/pages/show/businessPolicy/BusinessPolicy.vue

@@ -27,36 +27,67 @@
            alt=""
          />
        </div>
        <div class="tableLeft">
        <div class="BusinessPolicyTable">
          <el-table
            stripe
            :data="tableData"
            style="width: 100%"
            max-height="100.6rem"
            max-height="1006px"
            :header-row-style="tableHeaderRow"
            :row-class-name="tableRowClassName"
          >
            <el-table-column prop="keshi" label="科室" width="140">
            <el-table-column prop="keshi" label="科室" min-width="10">
            </el-table-column>
            <el-table-column
              prop="zhengchemingcheng"
              label="政策名称"
              width="355"
              min-width="30"
            >
            </el-table-column>
            <el-table-column
              prop="shengxiaoDate"
              label="生效日期范围"
              width="355"
              min-width="30"
            >
            </el-table-column>
            <el-table-column prop="huijiqiyeNum" label="惠及企业数">
            <el-table-column
              prop="huijiqiyeNum"
              label="惠及企业数"
              min-width="15"
            >
            </el-table-column>
            <el-table-column prop="money" label="减免金额"> </el-table-column>
            <el-table-column prop="money" label="减免金额" min-width="15">
            </el-table-column>
          </el-table>
        </div>
      </div>
      <div class="downCentent_item"></div>
      <div class="downCentent_item">
        <div class="BusinessPolicyTable">
          <el-table
            stripe
            :data="tableData"
            style="width: 100%"
            max-height="1006px"
            :header-row-style="tableHeaderRow"
            :row-class-name="tableRowClassName"
          >
            <el-table-column prop="keshi" label="科室" min-width="10">
            </el-table-column>
            <el-table-column
              prop="zhengchemingcheng"
              label="政策名称"
              min-width="30"
            >
            </el-table-column>
            <el-table-column
              prop="shengxiaoDate"
              label="生效日期范围"
              min-width="30"
            >
            </el-table-column>
          </el-table>
        </div>
      </div>
    </div>
  </div>
</template>
@@ -65,6 +96,55 @@
  data() {
    return {
      tableData: [
        {
          keshi: "失业处",
          zhengchemingcheng: "失业保险稳岗返还政策",
          shengxiaoDate: "2021/3—2022/12",
          huijiqiyeNum: "100家",
          money: "277万元"
        },
        {
          keshi: "失业处",
          zhengchemingcheng: "失业保险稳岗返还政策",
          shengxiaoDate: "2021/3—2022/12",
          huijiqiyeNum: "100家",
          money: "277万元"
        },
        {
          keshi: "失业处",
          zhengchemingcheng: "失业保险稳岗返还政策",
          shengxiaoDate: "2021/3—2022/12",
          huijiqiyeNum: "100家",
          money: "277万元"
        },
        {
          keshi: "失业处",
          zhengchemingcheng: "失业保险稳岗返还政策",
          shengxiaoDate: "2021/3—2022/12",
          huijiqiyeNum: "100家",
          money: "277万元"
        },
        {
          keshi: "失业处",
          zhengchemingcheng: "失业保险稳岗返还政策",
          shengxiaoDate: "2021/3—2022/12",
          huijiqiyeNum: "100家",
          money: "277万元"
        },
        {
          keshi: "失业处",
          zhengchemingcheng: "失业保险稳岗返还政策",
          shengxiaoDate: "2021/3—2022/12",
          huijiqiyeNum: "100家",
          money: "277万元"
        },
        {
          keshi: "失业处",
          zhengchemingcheng: "失业保险稳岗返还政策",
          shengxiaoDate: "2021/3—2022/12",
          huijiqiyeNum: "100家",
          money: "277万元"
        },
        {
          keshi: "失业处",
          zhengchemingcheng: "失业保险稳岗返还政策",
@@ -174,7 +254,7 @@
</script>
<style lang="scss">
@import "../../../assets/css/base";
.tableLeft {
.BusinessPolicyTable {
  width: 115.4rem;
  position: absolute;
  top: 7.2rem;
@@ -188,10 +268,6 @@
  .el-table th.el-table__cell.is-leaf {
    border: none;
  }
  // .el-table .success-row {
  //   background-color: rgba(81, 210, 255, 0.1);
  // }
  // .workStatistics-table {
  .el-table tr {
    background: transparent;
  }
@@ -199,30 +275,15 @@
  .el-table th.el-table__cell {
    background: transparent;
  }
  // .el-table__fixed,
  // .el-table__fixed-right,
  // .el-table__fixed-right::before,
  // .el-table__fixed::before {
  //   background-color: #51d2ff;
  // }
  .el-table--striped
    .el-table__body
    tr.el-table__row--striped
    td.el-table__cell {
    // background-color: rgba(1, 68, 117, 1);
    background: transparent;
  }
  .el-table thead {
    color: #111111;
  }
  // .el-table td.el-table__cell,
  // .el-table th.el-table__cell.is-leaf {
  //   border-bottom: 1px solid #8e8e8e;
  // }
  // .el-table--border .el-table__cell,
  // .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  //   border-right: 1px solid #8e8e8e;
  // }
  .el-table .el-table__cell {
    padding: 2rem 0;
  }