mt-fe-group/11-mes-new
13
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update 3d techybox layout

Browse Source
This commit is contained in:
lb
2022-11-15 16:19:05 +08:00
parent a767b0a14c
commit 86b69caad8
2 changed files with 33 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/views/3DOverview/index.vue
View File

@@ -18,30 +18,31 @@
<LeftContentPublicConsume />
</techy-container>
</div>
<div class="techy-body-part__middle">
<TechyBox>
<div class="techy-body-part__middle__inner">
<p>
<b>产线名称 :</b>
<span>A产线</span>
</p>
<p>
<b>设备名称 :</b>
<span>清洗机</span>
</p>
<p>
<b>累计加工 :</b>
<span>20</span>
</p>
<p>
<b>通信状态 :</b>
<span class="round-dot">运行中</span>
</p>
</div>
</TechyBox>
</div>
</div>
<div class="techy-body-part__middle">
<TechyBox>
<div class="techy-body-part__middle__inner">
<p>
<b>产线名称 :</b>
<span>A产线</span>
</p>
<p>
<b>设备名称 :</b>
<span>清洗机</span>
</p>
<p>
<b>累计加工 :</b>
<span>20</span>
</p>
<p>
<b>通信状态 :</b>
<span class="round-dot">运行中</span>
</p>
</div>
</TechyBox>
</div>
<div class="techy-body-part__right">
<div class="realtime">
@@ -218,6 +219,7 @@ export default {
padding: calc(24px * var(--beilv));
padding-bottom: 0;
display: flex;
justify-content: space-between;
gap: calc(16px * var(--beilv));
}
@@ -279,11 +281,12 @@ export default {
/* height: calc(512px * var(--beilv));
flex: 1; */
width: calc(472px * var(--beilv));
overflow: hidden;
overflow: unset;
display: flex;
flex-direction: column;
gap: calc(16px * var(--beilv));
position: relative;
}
.techy-body-part__right-col-2 {
@@ -292,9 +295,15 @@ export default {
gap: calc(100vmin / 1920 * 36);
}
.techy-body-part__middle {
/* .techy-body-part__middle {
flex: 1;
position: relative;
} */
.techy-body-part__middle {
position: absolute;
top: 0;
right: calc(-16px * var(--beilv));
}
.techy-body-part__middle .techy-box {