增加自适应插件

package.json

@@ -52,6 +52,7 @@
     "quill": "1.3.7",
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
+    "v-scale-screen": "^1.0.2",
     "vue": "2.6.12",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",

src/main.js

@@ -41,8 +41,10 @@ import VueMeta from 'vue-meta'
 import DictData from '@/components/DictData'
 // 打印插件
 import Print from 'print-js'
+import VScaleScreen from 'v-scale-screen'
 
 // 全局方法挂载
+
 Vue.prototype.$echarts = echarts
 Vue.prototype.getDicts = getDicts
 Vue.prototype.getConfigKey = getConfigKey
@@ -63,6 +65,7 @@ Vue.component('FileUpload', FileUpload)
 Vue.component('ImageUpload', ImageUpload)
 Vue.component('ImagePreview', ImagePreview)
 
+Vue.use(VScaleScreen)
 Vue.use(directive)
 Vue.use(plugins)
 Vue.use(VueMeta)

src/views/kanban/dailyoutput/index.vue

@@ -1,4 +1,5 @@
 <template>
+  <v-scale-screen width="1920" height="1080" :fullScreen="false">
   <div class="app-container home" style="height: 100vh; overflow: hidden">
     <div class="head">
       <div class="head-content">
@@ -7,6 +8,13 @@
       <div class="head-logo">
         <img src="../../../assets/images/logo.png" alt="" />
       </div>
+      <div class="back">
+        <el-button
+          @click="back()"
+          type="primary"
+          icon="el-icon-s-home"
+        ></el-button>
+      </div>
     </div>
     <div class="content-top">
       <div class="factory">
@@ -147,6 +155,7 @@
       <!-- <div class="item"></div> -->
     </div>
   </div>
+  </v-scale-screen>
 </template>
 
 <script>
@@ -189,17 +198,25 @@ export default {
       optionDatalist3: [],
       optionDatalist4: [],
       colorlist: ["#005aff", "#f8b551"],
-      datetime: "",
+      datetime: null,
+      time1: null,
     };
   },
   created() {},
+  destroyed(){
+    clearInterval(this.time1)
+    this.time1 = null
+  },
   mounted() {
-    this.datetime = moment().subtract(2, "day").format("yyyy-MM-DD");
+    // this.datetime = moment().subtract(2, "day").format("yyyy-MM-DD");
     //console.log('zhuanhuahou',this.dateRangeone)
     this.selectFactorylist();
     this.gettime();
   },
   methods: {
+    back() {
+      this.$router.push({ path: "/index" });
+    },
     gettime() {
       this.gettimedata = moment().format("YYYY-MM-DD HH:mm:ss ");
       setInterval(() => {
@@ -214,6 +231,9 @@ export default {
           this.getLineList = response.data;
           this.selectxt = this.getLineList[0].parentName;
           this.initChart1();
+          this.time1 = setInterval(() => {
+            this.initChart1();
+          }, 1000 * 60 * 1);
           // this.initChart2();
           // this.initChart3();
           // this.initChart4();
@@ -1650,6 +1670,11 @@ export default {
         // width: ;
       }
     }
+    .back {
+      position: absolute;
+      right: 0px;
+      top: 5px;
+    }
   }
   .content-top {
     display: flex;
@@ -1797,4 +1822,9 @@ export default {
   /*给自定义的图标实现点击下来功能*/
   pointer-events: none;
 }
+::v-deep .el-button--primary {
+  color: #ffffff;
+  background-color: #325e82;
+  border-color: #0a0f19;
+}
 </style>