调整页面

zhangxiaoxu123456

2022-04-11 0a32f5094e5a2622ed148854f91b606910dec216

调整页面

 package.json

@@ -20,6 +20,7 @@
    "nprogress": "^0.2.0",
    "postcss-px2rem-exclude": "^0.0.6",
    "sass-loader": "^7.3.1",
    "v-fit-columns": "^0.2.0",
    "vcolorpicker": "^0.1.8",
    "vue": "^2.6.11",
    "vue-router": "^3.1.6",

 src/assets/css/mixin.scss

@@ -1,5 +1,4 @@
@mixin overflow-y($h) {
   max-height: $h;
@mixin overflow-y() {
   overflow-y: auto;
   touch-action: pan-y;
   -webkit-overflow-scrolling: touch;

 src/main.js

@@ -6,7 +6,11 @@
import { getStore, setStore, removeStore } from "./libs/store"
import store from './store'
import 'lib-flexible/flexible.js'

import Plugin from 'v-fit-columns';

Vue.use(ElementUI);
Vue.use(Plugin);

Vue.prototype.getStore = getStore;
Vue.prototype.setStore = setStore;

 src/pages/show/index/index.vue

@@ -964,7 +964,8 @@

          }
          .shuju-scroll{
            @include overflow-y(280)
            max-height: 1.09375rem  /* 280/256 */;
            @include overflow-y()
          }
          .shuju-table-line2{
            width: 100%;

 src/pages/show/jiuyeAndChuangye/jiuyeAndChuangye.vue

@@ -102,8 +102,9 @@
      flex: 1;
      padding: 0 0.078125rem  /* 20/256 */;
      box-sizing: border-box;
      @include overflow-y(150px);
      height: 100%;
      height: 5.27344rem;
      @include overflow-y()

    }
  }


 src/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue

@@ -4,7 +4,7 @@
        <h1>劳动就业统计表</h1>
        <div class="danwei-box">单位:人</div>
        <el-table
          max-height="640"
          :max-height="640"
          :data="tableData"
          :header-cell-style="handleheader"
          stripe
@@ -14,14 +14,12 @@
            align="center"
            prop="date"
            label="指标名称"
            fixed="left"
            width="220">
            fixed="left">
          </el-table-column>
          <el-table-column
            prop="name"
            align="center"
            label="去年完成"
            width="180">
            label="去年完成">
          </el-table-column>
          <el-table-column
            prop="address"
@@ -91,8 +89,7 @@
          <el-table-column
            prop="address"
            align="center"
            label="当前完成率"
            width="160">
            label="当前完成率">
          </el-table-column>
        </el-table>
      </div>

 src/pages/show/jiuyeAndChuangye/jiuyeChildren/zhiyePeixun.vue

@@ -1,10 +1,14 @@
<template>
  <div class="zhiyePeixun-wrap">
    <el-table
      stripe
      border
      :data="tableData"
      max-height="640"
      :header-cell-style="handleheader"
      style="width: 100%">
      <el-table-column
        fixed="left"
        prop="year"
        label="年份"
        align="center"

 src/pages/show/shehuiBaozhang/shehuiBaozhang.vue

@@ -68,26 +68,27 @@
      border-right:none;
    }
    .el-menu-item, .el-submenu__title{
      height: 8rem;
      margin: 3rem 0;
      height: 0.3125rem  /* 80/256 */;
      margin: 0.1171875rem  /* 30/256 */ 0;
    }
    .el-menu-item{
      background:url("../../../assets/images/jiuye-menu-normal.png") no-repeat center;
      background-size: 100% 100%;
      width: 19.2rem;
      height: 8rem;
      width: 0.75rem  /* 192/256 */;
      height: 0.3125rem  /* 80/256 */;
    }
    .el-menu-item.is-active{
      background:url("../../../assets/images/jiuye-menu-active.png") no-repeat center;
      background-size: 100% 100%;
      width: 19.2rem;
      height: 8rem;
      width: 0.75rem  /* 192/256 */;
      height: 0.3125rem  /* 80/256 */;
    }
  }

</style>
<style lang="scss" scoped>
  @import "../../../assets/css/base";
  @import "../../../assets/css/mixin";
  .shehuiBaozhang-wrap{
    width: 100%;
    padding: 0.078125rem  /* 20/256 */;
@@ -95,7 +96,7 @@
    display: flex;
    .shehuiBaozhang-menu-left{
      width: 0.9375rem  /* 240/256 */;
      height: 4.87890625rem  /* 1249/256 */  /* 1249/10 */;
      height: 5.2734375rem  /* 1350/256 */;
      background:url("../../../assets/images/jiuye-menu-bj.png") no-repeat center;
      background-size: 100% 100%;
      padding: 0.15625rem  /* 40/256 */ 0;
@@ -115,6 +116,8 @@
      flex: 1;
      padding: 0 0.078125rem  /* 20/256 */;
      box-sizing: border-box;
      height: 0.5859375rem  /* 150/256 */;
      @include overflow-y();
    }
  }


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

@@ -95,6 +95,7 @@
          width="160">
        </el-table-column>
      </el-table>

    </div>
  </div>
</template>