适配

src/views/components/AddDialog/tab2.vue

@@ -132,16 +132,8 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column
-          label="安全风险等级"
-          align="center"
-          prop="riskLevel"
-        />
-        <el-table-column
-          label="标准化等级"
-          align="center"
-          prop="standLevel"
-        />
+        <el-table-column label="安全风险等级" align="center" prop="riskLevel" />
+        <el-table-column label="标准化等级" align="center" prop="standLevel" />
         <el-table-column
           label="上次检查时间"
           align="center"
@@ -781,6 +773,7 @@ export default {
         display: flex;
         align-items: center;
         justify-content: center;
+        white-space: nowrap;
         .look {
           display: flex;
           align-items: center;

src/views/yingji/enforcing.vue

@@ -445,13 +445,13 @@ export default {
 
     this.getList();
     // 设置表格高度 100% 125%
-     let screen = window.screen;
+    let screen = window.screen;
     let screenWidth = window.screen.width;
     let screenHeight = window.screen.height;
     if (screenWidth == 1366) {
-      this.tableHeight = 440;
+      this.tableHeight = 420;
     } else {
-      this.tableHeight = detectZoom == 100 ? 700 : 480;
+      this.tableHeight = detectZoom == 100 ? 600 : 480;
     }
   },
   dicts: ["inspection_method", "check_source", "document_type"],
@@ -697,7 +697,8 @@ export default {
   .content {
     // padding: 15px 10px;
     .filtrate {
-      padding-bottom: 10px;
+      padding: 31px 0 12px 0;
+      // padding-bottom: 10px;
       .select-input {
         // margin-right: 10px;
         margin-top: 20px;

src/views/yingji/enterprise.vue

@@ -369,9 +369,9 @@ export default {
     let screenWidth = window.screen.width;
     let screenHeight = window.screen.height;
     if (screenWidth == 1366) {
-      this.tableHeight = 440;
+      this.tableHeight = 420;
     } else {
-      this.tableHeight = detectZoom == 100 ? 700 : 480;
+      this.tableHeight = detectZoom == 100 ? 600 : 480;
     }
   },
   methods: {
@@ -517,7 +517,9 @@ export default {
   padding: 0 20px;
   background-color: #fff;
   .filtrate {
-    padding-top: 10px;
+    // padding-top: 10px;
+    padding: 31px 0 12px 0;
+
     .btn-search {
       background: #2378ec;
       color: #ffffff;

src/views/yingji/home.vue

@@ -92,8 +92,7 @@
           v-loading="load1"
           :data="tableData"
           style="width: 100%"
-                  :height="tableHeight"
-
+          :height="tableHeight"
           :border="false"
           :row-class-name="tableRowClassName"
         >
@@ -334,8 +333,7 @@ export default {
       title: "",
       isDialogShow: false,
       tableInfoData: [],
-            tableHeight: 530,
-
+      tableHeight: 530,
     };
   },
   components: {
@@ -347,8 +345,15 @@ export default {
   created() {
     this.queryParams.plannedYear = this.$moment(new Date()).format("yyyy");
     this.getList();
-// 设置表格高度 100% 125%
-    this.tableHeight = detectZoom == 100 ? 730 : 530;
+    // 设置表格高度 100% 125%
+    let screen = window.screen;
+    let screenWidth = window.screen.width;
+    let screenHeight = window.screen.height;
+    if (screenWidth == 1366) {
+      this.tableHeight = 500;
+    } else {
+      this.tableHeight = detectZoom == 100 ? 750 : 530;
+    }
     if (JSON.parse(sessionStorage.getItem("USER_P_STATUS")) == 1) {
       // 原始密码修改
       this.resetPwd();

src/views/yingji/planManage.vue

@@ -552,9 +552,9 @@ export default {
     let screenWidth = window.screen.width;
     let screenHeight = window.screen.height;
     if (screenWidth == 1366) {
-      this.tableHeight = 420;
+      this.tableHeight = 400;
     } else {
-      this.tableHeight = detectZoom == 100 ? 650 : 450;
+      this.tableHeight = detectZoom == 100 ? 600 : 450;
     }
   },
 };
@@ -604,6 +604,7 @@ export default {
       display: flex;
       align-items: center;
       justify-content: center;
+      white-space: nowrap;
       .look,
       .change,
       .delete {

vue.config.js

@@ -15,7 +15,7 @@ const px2rem = require("postcss-px2rem"); //将项目中的px转成rem,以达到
 // 配置基本大小
 const postcss = px2rem({
   // 基准大小 baseSize，需要和rem.js中相同
-  remUnit: 16,
+  remUnit: 14,
 });
 
 // vue.config.js 配置说明