1.右上角手表应急添加日月周累计(庆阳大屏)
This commit is contained in:
2025-04-27 09:37:20 +08:00
parent 5c3bf4a7ed
commit 48a137133d
2 changed files with 54 additions and 2 deletions
@@ -41,6 +41,7 @@
:refreshState="refreshState" :refreshState="refreshState"
:setting="setting" :setting="setting"
:set-inter="true" :set-inter="true"
:show-statistics="true"
:time-interval="getTimeInterval()" :time-interval="getTimeInterval()"
@emit-view-detail="handleEmployeeDialog" @emit-view-detail="handleEmployeeDialog"
/> />
@@ -24,6 +24,29 @@
</div> </div>
</vue3-seamless-scroll> </vue3-seamless-scroll>
</div> </div>
<div class="bottom-d" v-if="showStatistics">
<div>
<div>
日累计
<span>{{ 0 }}</span>
</div>
</div>
<div>
<div>
周累计
<span>{{ 0 }}</span>
</div>
</div>
<div>
<div>
月累计
<span>{{ 0 }}</span>
</div>
</div>
</div>
<Dialog :openVis="openInfor" width="30%" title="健康报警员工信息" @close="handlePoliceClose"> <Dialog :openVis="openInfor" width="30%" title="健康报警员工信息" @close="handlePoliceClose">
<template #container> <template #container>
<div class="police-con" :class="[themeType]"> <div class="police-con" :class="[themeType]">
@@ -109,6 +132,10 @@
type: Object, type: Object,
default: () => {}, default: () => {},
}, },
showStatistics: {
type: Boolean,
default: () => false,
},
}); });
const { themeType } = useTheme(); const { themeType } = useTheme();
const emit = defineEmits(['emit-view-detail']); const emit = defineEmits(['emit-view-detail']);
@@ -210,6 +237,10 @@
} }
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.terminal-container {
display: flex;
flex-direction: column;
}
.right-text { .right-text {
font-weight: 100; font-weight: 100;
cursor: pointer; cursor: pointer;
@@ -226,14 +257,17 @@
} }
.inner { .inner {
height: calc(100% - 40px); flex: 1;
overflow: hidden;
//height: calc(100% - 40px);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 20px 0;
.scroll { .scroll {
width: 98%; width: 98%;
height: 88%; height: 100%;
overflow: hidden; overflow: hidden;
.item { .item {
@@ -289,6 +323,23 @@
.ant-row { .ant-row {
margin-bottom: 10px; margin-bottom: 10px;
} }
.bottom-d {
display: flex;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.4);
justify-content: space-around;
color: #ffffff;
padding: 5px 0;
border-radius: 5px;
font-weight: bold;
font-size: 18px;
span {
font-size: 28px !important;
padding: 0 3px;
}
}
</style> </style>
<!--<style lang="less">--> <!--<style lang="less">-->
<!-- .dialog-con {--> <!-- .dialog-con {-->