update 3d techybox layout

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

View File

@ -1,58 +1,6 @@
<template>
<div class="left-content-order fix-table">
<techy-table :page="1" :limit="8" :show-index="false" :table-config="tableProps" :table-data="tableData" />
<!--
<el-table
key="LeftContentOrder1"
border
:data="tableData"
:header-cell-style="{ background: 'rgba(79,114,136,0.29)' }"
height="100%"
>
<el-table-column
label="订单编号"
prop="orderCode"
:show-overflow-tooltip="true"
:resizable="true"
align="center"
/>
<el-table-column
label="客户名称"
prop="clientName"
:show-overflow-tooltip="true"
:resizable="true"
align="center"
/>
<el-table-column label="规格" prop="specs" :resizable="true" align="center" :width="100" />
<el-table-column label="完成度" prop="finished" :resizable="true" align="center" :width="100">
<template slot-scope="scope">
<el-progress
class="lb-progress-bar"
type="circle"
:percentage="scope.row.finished"
:width="14"
:stroke-width="2"
color="#47FF27"
/>
</template>
</el-table-column>
</el-table>
</div> -->
<!-- <div class="el-table-wrapper">
<el-table
key="LeftContentOrder2"
border
:data="tableData2"
:header-cell-style="{ background: 'rgba(79,114,136,0.29)' }"
>
<el-table-column label="订单编号" prop="orderCode" :show-overflow-tooltip="true" :resizable="true" />
<el-table-column label="客户名称" prop="clientName" :show-overflow-tooltip="true" :resizable="true" />
<el-table-column label="规格" prop="specs" :resizable="true" />
<el-table-column label="完成度" prop="finished" :resizable="true" />
</el-table>
</div> -->
</div>
</template>

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 {