适配

package.json

@@ -37,6 +37,7 @@
   },
   "dependencies": {
     "@riophae/vue-treeselect": "0.4.0",
+    "autofit.js": "^2.0.1",
     "axios": "0.24.0",
     "clipboard": "2.0.8",
     "core-js": "3.25.3",

src/App.vue

@@ -1,3 +1,11 @@
+<!--
+ * @Author: laozt 2721205210@qq.com
+ * @Date: 2023-12-20 13:07:20
+ * @LastEditors: laozt 2721205210@qq.com
+ * @LastEditTime: 2024-01-12 18:05:29
+ * @FilePath: \suzhouyingjiPC\src\App.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
 <template>
   <div id="app">
     <router-view />
@@ -9,6 +17,7 @@
 import ThemePicker from "@/components/ThemePicker";
 import { xzTree } from "@/api/yingji/keyEnterprise.js";
 // import { mapState } from "vuex";
+// import autofit from "autofit.js";
 
 export default {
   name: "App",
@@ -34,6 +43,17 @@ export default {
       localStorage.setItem("TREE_DATA", JSON.stringify(res.data));
     });
   },
+  mounted() {
+    // autofit.init(
+    //   {
+    //     designHeight: 1080,
+    //     designWidth: 1920,
+    //     renderDom: "#app",
+    //     resize: true,
+    //   },
+    //   false
+    // );
+  },
   computed: {
     // ...mapState({
     //   isorgpwd: (state) => state.user.isorgpwd,

src/utils/detectZoom.js

@@ -16,5 +16,4 @@ if (ratio) {
 }
 // ratio 就是获取到的百分比
 // console.log(ratio);
-
 export default ratio

src/views/components/AddDialog/tab2.vue

@@ -99,7 +99,6 @@
           label="企业名称"
           align="center"
           prop="enterpriseName"
-          width="200"
           show-overflow-tooltip
         />
         <el-table-column
@@ -111,7 +110,6 @@
         <el-table-column
           prop="district"
           label="行政区划"
-          width="130"
           header-align="center"
           show-overflow-tooltip
         >
@@ -134,13 +132,21 @@
             </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"
           prop="examineEndTime"
-          width="180"
+          width="120"
         >
           <template slot-scope="scope">
             <span>{{
@@ -149,7 +155,12 @@
           </template>
         </el-table-column>
 
-        <el-table-column label="操作" header-align="center">
+        <el-table-column
+          width="100"
+          fixed="right"
+          label="操作"
+          header-align="center"
+        >
           <template slot-scope="scope">
             <div class="tabs-btns">
               <div class="look" @click="handleAddDrafts(scope.row)">

src/views/yingji/enforcing.vue

@@ -445,7 +445,14 @@ export default {
 
     this.getList();
     // 设置表格高度 100% 125%
-    this.tableHeight = detectZoom == 100 ? 700 : 480;
+     let screen = window.screen;
+    let screenWidth = window.screen.width;
+    let screenHeight = window.screen.height;
+    if (screenWidth == 1366) {
+      this.tableHeight = 440;
+    } else {
+      this.tableHeight = detectZoom == 100 ? 700 : 480;
+    }
   },
   dicts: ["inspection_method", "check_source", "document_type"],
   methods: {

src/views/yingji/enterprise.vue

@@ -365,7 +365,14 @@ export default {
   created() {
     this.getList();
     // 设置表格高度 100% 125%
-    this.tableHeight = detectZoom == 100 ?  700: 480;
+    let screen = window.screen;
+    let screenWidth = window.screen.width;
+    let screenHeight = window.screen.height;
+    if (screenWidth == 1366) {
+      this.tableHeight = 440;
+    } else {
+      this.tableHeight = detectZoom == 100 ? 700 : 480;
+    }
   },
   methods: {
     /** 查询企业新列表 */

src/views/yingji/planManage.vue

@@ -548,7 +548,14 @@ export default {
     // 初始化
     this.getList();
     // 设置表格高度 100% 125%
-    this.tableHeight = detectZoom == 100 ? 650 : 450;
+    let screen = window.screen;
+    let screenWidth = window.screen.width;
+    let screenHeight = window.screen.height;
+    if (screenWidth == 1366) {
+      this.tableHeight = 420;
+    } else {
+      this.tableHeight = detectZoom == 100 ? 650 : 450;
+    }
   },
 };
 </script>

vue.config.js

@@ -65,9 +65,9 @@ module.exports = {
         sassOptions: { outputStyle: "expanded" },
       },
       // px to rem
-      // postcss: {
-      //   plugins: [postcss],
-      // },
+      postcss: {
+        plugins: [postcss],
+      },
     },
   },
   configureWebpack: {