update 3d techybox layout
This commit is contained in:
parent
a767b0a14c
commit
86b69caad8
@ -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>
|
||||
|
||||
|
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user