暂存

package-lock.json

@@ -16,6 +16,7 @@
         "@wangeditor/editor": "^5.1.1",
         "@wangeditor/editor-for-vue": "^1.0.1",
         "ant-design-vue": "^1.7.2",
+        "autofit.js": "^3.1.4",
         "axios": "^0.26.0",
         "core-js": "^3.8.3",
         "countup.js": "^2.0.8",
@@ -4542,6 +4543,11 @@
         "node": ">= 4.5.0"
       }
     },
+    "node_modules/autofit.js": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmmirror.com/autofit.js/-/autofit.js-3.1.4.tgz",
+      "integrity": "sha512-SLKn73fHeWsxJZJ5yisCYLvw0U10OLjrcOEWlPHvSRvIcvQHwuSemFtrcoTM+zccwtVWi3dwfJxT282728j9HQ=="
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.2",
       "resolved": "https://registry.npmmirror.com/autoprefixer/-/autoprefixer-10.4.2.tgz",
@@ -20315,6 +20321,11 @@
       "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
       "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg=="
     },
+    "autofit.js": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmmirror.com/autofit.js/-/autofit.js-3.1.4.tgz",
+      "integrity": "sha512-SLKn73fHeWsxJZJ5yisCYLvw0U10OLjrcOEWlPHvSRvIcvQHwuSemFtrcoTM+zccwtVWi3dwfJxT282728j9HQ=="
+    },
     "autoprefixer": {
       "version": "10.4.2",
       "resolved": "https://registry.npmmirror.com/autoprefixer/-/autoprefixer-10.4.2.tgz",

package.json

@@ -17,6 +17,7 @@
     "@wangeditor/editor": "^5.1.1",
     "@wangeditor/editor-for-vue": "^1.0.1",
     "ant-design-vue": "^1.7.2",
+    "autofit.js": "^3.1.4",
     "axios": "^0.26.0",
     "core-js": "^3.8.3",
     "countup.js": "^2.0.8",

src/HManagement/serviceDataScreen/index.vue

@@ -83,6 +83,12 @@ export default {
         that.windowWidth = window.fullHeight
       })()
     };
+    // autofit.init({
+    //   dh: 1135,
+    //   dw: 1920,
+    //   el:"body",
+    //   resize: true
+    // })
   },
   watch: {
     windowWidth (val) {
@@ -243,125 +249,36 @@ export default {
 <style scoped>
 .bg-img {
   background: url("../../assets/icons/bgScreen.jpg") no-repeat;
-  /*height:810px ;*/
-  /*width: 1440px;*/
   background-size: 100% 100%;
-  width: 100vh;
+  width: 100vw;
   height: 100vh;
   margin: 0;
   padding: 0;
 }
 .select-style{
-  width: 30%;
-  padding-top: 12px;
+  width: 30vw;
+  padding-top: 0.625vw;
 }
-/*@media (min-height: 866px) {*/
-/*  .title-style {*/
-/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
-/*    font-weight: bold;*/
-/*    font-size: 44px;*/
-/*    color: #E6F4FF;*/
-/*    text-shadow: 0px 2px 4px #A9D7F9;*/
-/*    text-align: left;*/
-/*    font-style: normal;*/
-/*    text-transform: none;*/
-/*    padding-top: 15px;*/
-/*  }*/
-/*}*/
-/*@media (min-height: 1092px) {*/
-/*  .title-style {*/
-/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
-/*    font-weight: bold;*/
-/*    font-size: 44px;*/
-/*    color: #E6F4FF;*/
-/*    text-shadow: 0px 2px 4px #A9D7F9;*/
-/*    text-align: left;*/
-/*    font-style: normal;*/
-/*    text-transform: none;*/
-/*    padding-top: 20px;*/
-/*  }*/
-/*}*/
-/*@media (min-height: 1206px) {*/
-/*  .title-style {*/
-/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
-/*    font-weight: bold;*/
-/*    font-size: 44px;*/
-/*    color: #E6F4FF;*/
-/*    text-shadow: 0px 2px 4px #A9D7F9;*/
-/*    text-align: left;*/
-/*    font-style: normal;*/
-/*    text-transform: none;*/
-/*    padding-top: 20px;*/
-/*  }*/
-/*}*/
-/*@media (min-height: 1134px) {*/
-/*  .title-style {*/
-/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
-/*    font-weight: bold;*/
-/*    font-size: 44px;*/
-/*    color: #E6F4FF;*/
-/*    text-shadow: 0px 2px 4px #A9D7F9;*/
-/*    text-align: left;*/
-/*    font-style: normal;*/
-/*    text-transform: none;*/
-/*    padding-top: 25px;*/
-/*  }*/
-/*}*/
-/*@media (min-height: 1391px) {*/
-/*  .title-style {*/
-/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
-/*    font-weight: bold;*/
-/*    font-size: 44px;*/
-/*    color: #E6F4FF;*/
-/*    text-shadow: 0px 2px 4px #A9D7F9;*/
-/*    text-align: left;*/
-/*    font-style: normal;*/
-/*    text-transform: none;*/
-/*    padding-top: 30px;*/
-/*  }*/
-/*}*/
-/*@media (min-height: 1506px) {*/
-/*  .title-style {*/
-/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
-/*    font-weight: bold;*/
-/*    font-size: 44px;*/
-/*    color: #E6F4FF;*/
-/*    text-shadow: 0px 2px 4px #A9D7F9;*/
-/*    text-align: left;*/
-/*    font-style: normal;*/
-/*    text-transform: none;*/
-/*    padding-top: 40px;*/
-/*  }*/
-/*}*/
 .title-style {
+  width: 30vw;
   font-family: Microsoft YaHei, Microsoft YaHei;
   font-weight: bold;
   font-size: 2.292vw;
   color: #E6F4FF;
+  line-height: 0.000vw;
   text-shadow: 0.000vw 0.104vw 0.208vw #A9D7F9;
   text-align: left;
   font-style: normal;
   text-transform: none;
   padding-top: 1.042vw;
 }
-/*.title-style {*/
-/*  font-family: Microsoft YaHei, Microsoft YaHei;*/
-/*  font-weight: bold;*/
-/*  font-size: 1.733vw ;*/
-/*  color: #E6F4FF;*/
-/*  text-shadow: 0.000vw 0.533vw 0.967vw #A9D7F9;*/
-/*  text-align: left;*/
-/*  font-style: normal;*/
-/*  text-transform: none;*/
-/*  padding-top: 0.833vw;*/
-/*}*/
 .time-style{
   font-family: Microsoft YaHei, Microsoft YaHei;
-  width: 30vw;
   font-weight: 400;
   font-size: 0.938vw;
   color: #E6F4FF;
-  text-align: right;
+  line-height: 0.000vw;
+  text-align: left;
   font-style: normal;
   text-transform: none;
   padding-top: 0.938vw;
@@ -386,7 +303,7 @@ export default {
   justify-content: space-between
 }
 .content-style{
-  margin: 1.042vw 1.042vw 1.042vw 1.042vw;
+  margin: 2.604vw 1.042vw 1.042vw 1.042vw;
   border: 0.052vw solid #5daf34;
   height: calc(100vh - 11.458vw);
 }

src/main.js

@@ -39,6 +39,8 @@ import '@/style/theme/font-icon/iconfont.css';
 
 import {messages} from './locales/lang.json';
 
+import autofit from 'autofit.js'
+
 Vue.use(Steps)
 Vue.use(Table)
 
@@ -61,6 +63,7 @@ Vue.prototype.$axios = axios
 
 Vue.use(Directive)
 
+Vue.use(autofit)
 
 
 Vue.prototype.tableHieght = 'calc(100vh - 302px)'