mt-fe-group/dezhou-screen
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update

Browse Source
This commit is contained in:
g7hoo 2023-05-13 15:04:41 +08:00
parent d1ba6ffe61
commit 38cf9236cb
2 changed files with 207 additions and 177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/boxes/FanRuntime.vue
View File

@ -3,7 +3,8 @@
<Container usage="Table"> <Container usage="Table">
<SubContainer title="风机运行情况" icon="docs" padding="34px"> <SubContainer title="风机运行情况" icon="docs" padding="34px">
<div class="tables flex" style="height: 100%"> <div class="tables flex" style="height: 100%">
<table class="table-1 flex-1 align-start"> <div class="table-wrapper flex-1 align-start">
<table class="table-1">
<thead> <thead>
<!-- <tr style="font-size: 8px; background: #044a84; opacity: 19%"> --> <!-- <tr style="font-size: 8px; background: #044a84; opacity: 19%"> -->
<tr class="t-row"> <tr class="t-row">
@ -34,7 +35,8 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<!--
<div class="vertical-line"></div> <div class="vertical-line"></div>
<table class="table-2 flex-1 align-start"> <table class="table-2 flex-1 align-start">
<thead> <thead>
@ -60,7 +62,7 @@
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table> -->
</div> </div>
</SubContainer> </SubContainer>
</Container> </Container>
@ -108,6 +110,17 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import "../../assets/styles/functions"; @import "../../assets/styles/functions";
::-webkit-scrollbar {
width: 6px;
background: #eee1;
}
::-webkit-scrollbar-thumb {
width: 6px;
border-radius: 8px;
background: #eee3;
}
.flex-1 { .flex-1 {
flex: 1; flex: 1;
// background: #eee; // background: #eee;
@ -124,8 +137,14 @@ export default {
transparent transparent
); );
} }
.table-wrapper {
padding-right: 6px;
height: 400px;
overflow-y: auto;
}
table { table {
width: 100%;
border-spacing: adjust(1px); border-spacing: adjust(1px);
} }
@ -137,15 +156,25 @@ table {
height: adjust(13.88px); height: adjust(13.88px);
} }
.tables > table {
overflow-y: auto;
}
.align-start { .align-start {
align-self: flex-start; align-self: flex-start;
} }
thead > tr th:first-child {
text-align: center;
}
thead > tr th { thead > tr th {
font-size: adjust(8px); font-size: adjust(9px);
padding: adjust(1px) adjust(3px); line-height: 1.5;
padding: adjust(2px) adjust(8px);
font-weight: 400; font-weight: 400;
background: #044a8446; background: #044a8446;
text-align: left;
} }
tbody > tr:nth-child(odd) { tbody > tr:nth-child(odd) {
@ -153,8 +182,9 @@ tbody > tr:nth-child(odd) {
} }
tbody > tr td { tbody > tr td {
font-size: adjust(7px); font-size: adjust(9px);
padding: adjust(1px) adjust(6px); line-height: 1.25;
padding: adjust(2px) adjust(8px);
font-weight: 400; font-weight: 400;
background: inherit; background: inherit;
} }

2
src/components/boxes/OutWater.vue
View File

@ -67,7 +67,7 @@ export default {
} }
.wave { .wave {
transform: translateX(adjust(-16px)); transform: translateX(adjust(-16px)) rotateY(0.5turn);
width: adjust(w(793px)); width: adjust(w(793px));
height: adjust(h(76px)); height: adjust(h(76px));
background: url(../../assets/inwater.png) no-repeat; background: url(../../assets/inwater.png) no-repeat;