zhanghan11/tzipc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: zhanghan11:9b6df9e701b917507753a983ebf94e3310bc62bc
Branches Tags
zhanghan11:main
zhanghan11:bh_child_tz
..
compare: zhanghan11:6cdd1daecb370b32b202cfc553abc2ee1b17777a
Branches Tags
zhanghan11:bh_child_tz
zhanghan11:main

No commits in common. "9b6df9e701b917507753a983ebf94e3310bc62bc" and "6cdd1daecb370b32b202cfc553abc2ee1b17777a" have entirely different histories.
9b6df9e701 ... 6cdd1daecb

1 changed files with 6 additions and 44 deletions
Show Stats Expand all files Collapse all files

50
tzipc-ui/src/views/zf/bigscreen/index.vue
View File

@ -5,17 +5,14 @@
<div class="card-item-wrapper">
<div class="card-big-title">{{ title1 }}数据监控</div>
<div class="card-sub-title">油膜轴承振动监测</div>
<div class="card-main-item-wrapper" id="chart1" style="height:calc(100% - 8.1rem);"></div>
<div class="scroll-text-wrapper" style="height: 1.7rem;">
<div class="scroll-inner"></div>
</div>
<div class="card-main-item-wrapper" id="chart1" style="height:calc(100% - 6.4rem);"></div>
</div>
</div>
<div class="grid-item-wrapper" style="grid-row: span 2;grid-column: span 2;padding: 2rem;">
<div class="device-image">
<div @click="handleTypeChange(['rtd', 'rto'])"></div>
<div @click="handleTypeChange(['ftd', 'fto'])"></div>
<div @click="handleTypeChange(['rbd', 'rbo'])"></div>
<div @click="handleTypeChange(['ftd', 'fto'])"></div>
<div @click="handleTypeChange(['fbd', 'fbo'])"></div>
</div>
</div>
@ -23,28 +20,19 @@
<div class="card-item-wrapper">
<div class="card-big-title">{{ title2 }}数据监控</div>
<div class="card-sub-title">油膜轴承振动监测</div>
<div class="card-main-item-wrapper" id="chart2" style="height:calc(100% - 8.1rem);"></div>
<div class="scroll-text-wrapper" style="height: 1.7rem;">
<div class="scroll-inner"></div>
</div>
<div class="card-main-item-wrapper" id="chart2" style="height:calc(100% - 6.4rem);"></div>
</div>
</div>
<div class="grid-item-wrapper">
<div class="card-item-wrapper">
<div class="card-sub-title">油液颗粒度特性</div>
<div class="card-main-item-wrapper" id="chart3" style="height:calc(100% - 4.5rem);"></div>
<div class="scroll-text-wrapper" style="height: 1.7rem;">
<div class="scroll-inner"></div>
</div>
<div class="card-main-item-wrapper" id="chart3" style="height:calc(100% - 2.8rem);"></div>
</div>
</div>
<div class="grid-item-wrapper">
<div class="card-item-wrapper">
<div class="card-sub-title">油液颗粒度特性</div>
<div class="card-main-item-wrapper" id="chart4" style="height:calc(100% - 4.5rem);"></div>
<div class="scroll-text-wrapper" style="height: 1.7rem;">
<div class="scroll-inner"></div>
</div>
<div class="card-main-item-wrapper" id="chart4" style="height:calc(100% - 2.8rem);"></div>
</div>
</div>
<div class="grid-item-wrapper" style="grid-column: span 2;">
@ -204,6 +192,7 @@ export default {
this.initBottomR2(ov)
this.initBottomR3(owc)
console.log('ssat', ssat);
this.r1 = ssat
this.r2 = rot
}
@ -261,9 +250,6 @@ export default {
data: vz,
},
],
grid: {
bottom: "20%",
}
}), true, true);
window.addEventListener("resize", () => {
chartIns && chartIns.resize();
@ -305,9 +291,6 @@ export default {
data: vz,
},
],
grid: {
bottom: "20%",
}
}), true, true);
window.addEventListener("resize", () => {
chartIns && chartIns.resize();
@ -869,25 +852,4 @@ export default {
flex-direction: column-reverse;
}
}
.scroll-text-wrapper {
border: 1px solid #ff0000b5;
background-color: #eb16161a;
display: flex;
justify-content: center;
align-items: center;
font-size: .8rem;
position: relative;
overflow: hidden;
.scroll-inner {
position: absolute;
width: 100%;
animation: scrollAnimation 10s linear infinite;
}
}
@keyframes scrollAnimation {
0% { left: 100%; }
100% { left: -100%; }
}
</style>