root/screenkb-tianneng
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

分辨率改960

Browse Source
This commit is contained in:
caill
2024-08-25 11:32:32 +08:00
parent a49a2ba1e9
commit fe1e44af9f
4 changed files with 82 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=0.25, maximum-scale=1.0, minimum-scale=0.25, user-scalable=no, target-densitydpi=device-dpi" />
<title>天能涂板暂存库可视化看板</title> <title>天能涂板暂存库可视化看板</title>
</head> </head>
<body class="clearfix"> <body class="clearfix">

62
src/pages/Setup.vue
View File

@@ -1,5 +1,7 @@
<template> <template>
<div class="container"> <div class="container">
<!-- <p>width:{{ width }}</p>
<p>height: {{ height }}</p> -->
<div class="content"> <div class="content">
<h1>天能涂板暂存库可视化看板</h1> <h1>天能涂板暂存库可视化看板</h1>
<div class="login_wrap"> <div class="login_wrap">
@@ -39,10 +41,18 @@ export default {
// index: this.$store.getters.equipId, // index: this.$store.getters.equipId,
baseUrl: this.$store.getters.baseUrl, baseUrl: this.$store.getters.baseUrl,
setTime: this.$store.getters.setTime / 1000, setTime: this.$store.getters.setTime / 1000,
fullscreen: false fullscreen: false,
width: '',
height: ''
} }
}, },
methods: { methods: {
checkWH () {
setTimeout(() => {
this.width = document.body.clientWidth
this.height = document.body.clientHeight
}, 8000)
},
_config () { _config () {
if (this.setTime > 10800) { if (this.setTime > 10800) {
this.$message({ this.$message({
@@ -58,30 +68,30 @@ export default {
} }
this.$store.dispatch('setConfig', obj) this.$store.dispatch('setConfig', obj)
this.$router.push('/index') this.$router.push('/index')
let element = document.documentElement // let element = document.documentElement
if (this.fullscreen) { // if (this.fullscreen) {
if (document.exitFullscreen) { // if (document.exitFullscreen) {
document.exitFullscreen() // document.exitFullscreen()
} else if (document.webkitCancelFullScreen) { // } else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen() // document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) { // } else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen() // document.mozCancelFullScreen()
} else if (document.msExitFullscreen) { // } else if (document.msExitFullscreen) {
document.msExitFullscreen() // document.msExitFullscreen()
} // }
} else { // } else {
if (element.requestFullscreen) { // if (element.requestFullscreen) {
element.requestFullscreen() // element.requestFullscreen()
} else if (element.webkitRequestFullScreen) { // } else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen() // element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) { // } else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen() // element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) { // } else if (element.msRequestFullscreen) {
// IE11 // // IE11
element.msRequestFullscreen() // element.msRequestFullscreen()
} // }
} // }
this.fullscreen = !this.fullscreen // this.fullscreen = !this.fullscreen
} }
} }
} }
@@ -92,6 +102,8 @@ export default {
.container .container
_wh(100%, 100%) _wh(100%, 100%)
background center / 100% 100% url('../images/bg.jpg') no-repeat background center / 100% 100% url('../images/bg.jpg') no-repeat
p
_font(12px, 12px ,#fff,,)
.content .content
position relative position relative
z-index 1 z-index 1

78
src/pages/modules/home/left.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="n_container"> <div class="n_container">
<div class="zd-row"> <div class="zd-row allHeight">
<div class="zd-col-10 hwpl_wrap_1"> <div class="zd-col-10 allHeight hwpl_wrap_1">
<div class="zd-row jcflexstart state_wrap"> <div class="zd-row jcflexstart state_wrap">
<div class="state_icon bg_col_1"></div> <div class="state_icon bg_col_1"></div>
<div class="state_title">满货位</div> <div class="state_title">满货位</div>
@@ -50,35 +50,37 @@
</div> </div>
</div> </div>
</div> </div>
<div class="zd-row flexWrap hw_wrap"> <div class="hwpl_wrap_i">
<div class="hw_item" v-for="e in point2" :key="e.point_code"> <div class="zd-row flexWrap hw_wrap">
<div class="hw_item_i"> <div class="hw_item" v-for="e in point2" :key="e.point_code">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p> <div class="hw_item_i">
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p> <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
</div>
</div> </div>
</div> </div>
</div> <div class="zd-row flexWrap hw_wrap">
<div class="zd-row flexWrap hw_wrap"> <div class="hw_item" v-for="e in point3" :key="e.point_code">
<div class="hw_item" v-for="e in point3" :key="e.point_code"> <div class="hw_item_i">
<div class="hw_item_i"> <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p> <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p> </div>
</div> </div>
</div> </div>
</div> <div class="zd-row flexWrap hw_wrap">
<div class="zd-row flexWrap hw_wrap"> <div class="hw_item" v-for="e in point4" :key="e.point_code">
<div class="hw_item" v-for="e in point4" :key="e.point_code"> <div class="hw_item_i">
<div class="hw_item_i"> <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p> <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p> </div>
</div> </div>
</div> </div>
</div> <div class="zd-row flexWrap hw_wrap">
<div class="zd-row flexWrap hw_wrap"> <div class="hw_item" v-for="e in point5" :key="e.point_code">
<div class="hw_item" v-for="e in point5" :key="e.point_code"> <div class="hw_item_i">
<div class="hw_item_i"> <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p> <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p> </div>
</div> </div>
</div> </div>
</div> </div>
@@ -86,9 +88,9 @@
<div class="zd-col-1 gd_wrap"> <div class="zd-col-1 gd_wrap">
<p class="txt">A<br>G<br>V<br>过<br>道</p> <p class="txt">A<br>G<br>V<br>过<br>道</p>
</div> </div>
<div class="zd-col-12 hwpl_wrap_2"> <div class="zd-col-12 allHeight hwpl_wrap_2">
<div class="zd-row flexWrap rowReverse"> <div class="zd-row allHeight flexWrap rowReverse">
<div class="hw_item" v-for="e in point1" :key="e.point_code" :class="{'hw_item_active': e.point_status === '2'}"> <div class="hw_item hw_item_2" v-for="e in point1" :key="e.point_code" :class="{'hw_item_active': e.point_status === '2'}">
<div class="hw_item_i"> <div class="hw_item_i">
<p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p> <p class="zd-row jcflexcenter hw_p1">{{ e.point_code }}</p>
<p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p> <p class="zd-row jcflexcenter hw_p2">{{ e.material_name }}</p>
@@ -357,7 +359,7 @@ export default {
.n_container .n_container
_wh(100%, 100%) _wh(100%, 100%)
background center / 100% 100% url('../../../images/bg-center.png') no-repeat background center / 100% 100% url('../../../images/bg-center.png') no-repeat
padding .25rem 0 .25rem .25rem padding 2.2% 0 2.2% 2.2%
.hwpl_wrap_1 .hwpl_wrap_1
width 4.32rem width 4.32rem
.hwpl_wrap_2 .hwpl_wrap_2
@@ -407,18 +409,23 @@ export default {
.num_value .num_value
_font(.11rem, .1rem, #fff,,right) _font(.11rem, .1rem, #fff,,right)
font-family: 'YouSheBiaoTiHei'; font-family: 'YouSheBiaoTiHei';
.hwpl_wrap_i
_wh(100%, calc(100% - 2.015rem))
.hw_wrap .hw_wrap
margin-bottom .5rem height 23.4%
margin-bottom 3%
&:last-child &:last-child
margin-bottom 0 margin-bottom 0
.hw_item .hw_item
_wh(.58rem, .545rem) _wh(.58rem, 32%)
padding 0.14rem 0.01rem 0 0.01rem padding .5%
margin-bottom .04rem margin-bottom 1%
border-radius 4px border-radius 4px
background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%)); background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%));
border 4px solid rgba(42, 189, 251, 50%) border 4px solid rgba(42, 189, 251, 50%)
overflow hidden overflow hidden
.hw_item_2
height 4.94%
.hw_item_i .hw_item_i
_wh(100%, 100%) _wh(100%, 100%)
background-image linear-gradient(to bottom, transparent 11px, rgba(22, 62, 113, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(22, 62, 113, 20%) 1px) background-image linear-gradient(to bottom, transparent 11px, rgba(22, 62, 113, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(22, 62, 113, 20%) 1px)
@@ -433,13 +440,12 @@ export default {
_font(.09rem, .09rem,#EFF2FF,,) _font(.09rem, .09rem,#EFF2FF,,)
// font-family: 'YouSheBiaoTiHei' // font-family: 'YouSheBiaoTiHei'
font-family: "SourceHanSansCN-Bold"; font-family: "SourceHanSansCN-Bold";
height .09rem height 50%
margin-bottom: 0.05rem
text-shadow: 0px 1px 1px #A0D4FF; text-shadow: 0px 1px 1px #A0D4FF;
.hw_p2 .hw_p2
_font(.1rem, .1rem, #EFF2FF,,center) _font(.1rem, .1rem, #EFF2FF,,center)
font-family: "SourceHanSansCN-Bold"; font-family: "SourceHanSansCN-Bold";
height 0.2rem height 50%
.txt .txt
_font(.2rem, .4rem, #fff,,center) _font(.2rem, .4rem, #fff,,center)
font-family: "YouSheBiaoTiHei" font-family: "YouSheBiaoTiHei"

4
src/style/reset.css
View File

@@ -73,8 +73,8 @@ li {
html, body { html, body {
width: 100%; width: 100%;
height: 100%; height: 100%;
width: 3840px; /* width: 3840px;
height: 2560px; height: 2560px; */
} }
body { body {