|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="content">
|
|
|
+ <div class="content" :style="zoom">
|
|
|
<div class="header">
|
|
|
<div class="title"> <img src="@/assets/images/组_16@2x.png" /> 南宁北排综合生产数据平台</div>
|
|
|
<div class="right">
|
|
@@ -230,6 +230,18 @@ const tableRowClassName = ({ row, rowIndex }) => {
|
|
|
return ''
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+const zoom = ref("zoom:100%");
|
|
|
+var screenWidth = document.body.clientWidth; //监听页面缩放
|
|
|
+var screenHeight = document.body.clientHeight;
|
|
|
+zoom.value = "zoom:" + (100*screenHeight / 1080) + "%"
|
|
|
+window.onresize = () => {
|
|
|
+ return (() => {
|
|
|
+ screenWidth = document.body.clientWidth;
|
|
|
+ screenHeight = document.body.clientHeight;
|
|
|
+ zoom.value = "zoom:" + (100*screenHeight / 1080) + "%"
|
|
|
+ })();
|
|
|
+};
|
|
|
const changemapshow = () => {
|
|
|
addmarks();
|
|
|
}
|
|
@@ -791,6 +803,9 @@ function addmarks() {
|
|
|
//YYYY年MM月DD日 ddd A HH:mm:ss
|
|
|
timestring.value = localLocale.format("LL dddd A LTS")
|
|
|
}, 1000)
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
|
|
|
</script>
|