taoge_xiaodi/maintenance_system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
shi
2025-11-15 18:33:27 +08:00
parent f45470185f
commit 040aaab246
5 changed files with 27 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/ueScreen/components/date.vue
View File

@ -13,7 +13,6 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- 月份选择器 --> <!-- 月份选择器 -->
<div class="picker-group"> <div class="picker-group">
<div class="picker-input" @click="isMonthOpen = !isMonthOpen" :class="{ 'open': isMonthOpen }"> <div class="picker-input" @click="isMonthOpen = !isMonthOpen" :class="{ 'open': isMonthOpen }">
@ -205,7 +204,7 @@ $vh_base: 1080;
right: 0; right: 0;
max-height: vh(200); /* 限制最大高度并可滚动 */ max-height: vh(200); /* 限制最大高度并可滚动 */
overflow-y: auto; overflow-y: auto;
background-color: rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.3);
border-radius: vw(4); border-radius: vw(4);
box-shadow: 0 vh(4) vh(12) rgba(0, 0, 0, 0.15); /* 更明显的阴影 */ box-shadow: 0 vh(4) vh(12) rgba(0, 0, 0, 0.15); /* 更明显的阴影 */
list-style: none; list-style: none;

9
src/views/ueScreen/components/leftPage.vue
View File

@ -5,7 +5,7 @@
<div class="left"> <div class="left">
<span class="top"> <span class="top">
<span class="num">365</span> <span class="num">365</span>
<span class="unit">day</span> <!-- <span class="unit">day</span> -->
</span> </span>
<span class="desc"> <span class="desc">
运行天数 运行天数
@ -103,7 +103,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import SmallTitle from './smalltitle.vue'; import SmallTitle from './smalltitle.vue';
import { ref } from 'vue';
// 模拟数据量，用于拖动条渲染 // 模拟数据量，用于拖动条渲染
const operationData = ref({ const operationData = ref({
@ -389,19 +388,19 @@ const powerGenerationData = ref([
.infoName { .infoName {
margin-left: vw(17); margin-left: vw(17);
font-size: vh(20); font-size: vw(16);
width: vw(200); width: vw(200);
height: vh(28); height: vh(28);
} }
.infoValue { .infoValue {
margin-left: vw(62); margin-left: vw(62);
font-size: vh(20); font-size: vw(16);
} }
.infoUnit { .infoUnit {
margin-left: vw(34); margin-left: vw(34);
font-size: vh(18); font-size: vw(16);
color: rgba(125, 255, 253, 1); color: rgba(125, 255, 253, 1);
} }
} }

2
src/views/ueScreen/components/project.vue
View File

@ -157,7 +157,7 @@ $vh_base: 1080;
right: 0; right: 0;
max-height: vh(200); /* 限制最大高度并可滚动 */ max-height: vh(200); /* 限制最大高度并可滚动 */
overflow-y: auto; overflow-y: auto;
background-color: rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.3);
border-radius: vw(4); border-radius: vw(4);
box-shadow: 0 vh(4) vh(12) rgba(0, 0, 0, 0.15); /* 更明显的阴影 */ box-shadow: 0 vh(4) vh(12) rgba(0, 0, 0, 0.15); /* 更明显的阴影 */
list-style: none; list-style: none;

32
src/views/ueScreen/components/rightPage.vue
View File

@ -49,9 +49,9 @@ import EchartBoxTwo from '@/components/EchartBox/index.vue';
import { option1, option2, option3 } from './options'; import { option1, option2, option3 } from './options';
import Smalltitle from './smalltitle.vue'; import Smalltitle from './smalltitle.vue';
const option_fdssgl = ref(option1); const option_fdssgl = ref(null);
const option_fdzlqs = ref(option2); const option_fdzlqs = ref(null);
const option_dzfhqx = ref(option3); const option_dzfhqx = ref(null);
const errorListRef = ref<HTMLElement | null>(null); const errorListRef = ref<HTMLElement | null>(null);
const errorList = ref([1, 2, 3, 4, 5, 6, 7]); const errorList = ref([1, 2, 3, 4, 5, 6, 7]);
@ -67,23 +67,27 @@ const handleWheel = (event: WheelEvent) => {
const reszieFont = () => { const reszieFont = () => {
const fontSize = Math.sqrt(window.innerWidth) / 3; const fontSize = Math.sqrt(window.innerWidth) / 3;
option_fdssgl.value.xAxis.axisLabel.fontSize = fontSize; option1.xAxis.axisLabel.fontSize = fontSize;
option_fdssgl.value.yAxis.axisLabel.fontSize = fontSize; option1.yAxis.axisLabel.fontSize = fontSize;
option_fdssgl.value.legend.textStyle.fontSize = fontSize; option1.legend.textStyle.fontSize = fontSize;
option_fdzlqs.value.xAxis.axisLabel.fontSize = fontSize; option2.xAxis.axisLabel.fontSize = fontSize;
option_fdzlqs.value.yAxis.axisLabel.fontSize = fontSize; option2.yAxis.axisLabel.fontSize = fontSize;
option_fdzlqs.value.legend.textStyle.fontSize = fontSize; option2.legend.textStyle.fontSize = fontSize;
option_fdzlqs.value.yAxis.nameTextStyle.fontSize = fontSize; option2.yAxis.nameTextStyle.fontSize = fontSize;
option_dzfhqx.value.xAxis.axisLabel.fontSize = fontSize; option3.xAxis.axisLabel.fontSize = fontSize;
option_dzfhqx.value.yAxis.axisLabel.fontSize = fontSize; option3.yAxis.axisLabel.fontSize = fontSize;
option_dzfhqx.value.legend.textStyle.fontSize = fontSize; option3.legend.textStyle.fontSize = fontSize;
option_fdssgl.value = option1;
option_fdzlqs.value = option2;
option_dzfhqx.value = option3;
} }
onMounted(() => { onMounted(() => {
reszieFont();
window.addEventListener('resize', reszieFont); window.addEventListener('resize', reszieFont);
window.addEventListener('wheel', handleWheel, { passive: false }); window.addEventListener('wheel', handleWheel, { passive: false });
// passive: false 是关键，允许我们在事件处理函数中调用 event.preventDefault() // passive: false 是关键，允许我们在事件处理函数中调用 event.preventDefault()
}); });

6
src/views/ueScreen/index.vue
View File

@ -2,8 +2,8 @@
<div class="ueScreen"> <div class="ueScreen">
<Header :isFull="isFull" @changePage="handleChangePage" /> <Header :isFull="isFull" @changePage="handleChangePage" />
<div class="content_box"> <div class="content_box">
<LeftPage class="left" :style="{ left: isHideOther ? '-25vw' : '0' }" /> <LeftPage class="left" :style="{ left: isHideOther ? '-25vw' : '1vw' }" />
<RightPage class="right" :style="{ right: isHideOther ? '-25vw' : '0' }" /> <RightPage class="right" :style="{ right: isHideOther ? '-25vw' : '1vw' }" />
</div> </div>
</div> </div>
</template> </template>
@ -93,7 +93,7 @@ $vh_base: 1080;
.ueScreen { .ueScreen {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
// background-image: url('@/assets/ueimg/bj.png'); background-image: url('@/assets/ueimg/bj.png');
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;