update 3d techybox layout
This commit is contained in:
parent
a767b0a14c
commit
86b69caad8
@ -1,58 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="left-content-order fix-table">
|
<div class="left-content-order fix-table">
|
||||||
<techy-table :page="1" :limit="8" :show-index="false" :table-config="tableProps" :table-data="tableData" />
|
<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>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -18,30 +18,31 @@
|
|||||||
<LeftContentPublicConsume />
|
<LeftContentPublicConsume />
|
||||||
</techy-container>
|
</techy-container>
|
||||||
</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>
|
</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="techy-body-part__right">
|
||||||
<div class="realtime">
|
<div class="realtime">
|
||||||
@ -218,6 +219,7 @@ export default {
|
|||||||
padding: calc(24px * var(--beilv));
|
padding: calc(24px * var(--beilv));
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
gap: calc(16px * var(--beilv));
|
gap: calc(16px * var(--beilv));
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -279,11 +281,12 @@ export default {
|
|||||||
/* height: calc(512px * var(--beilv));
|
/* height: calc(512px * var(--beilv));
|
||||||
flex: 1; */
|
flex: 1; */
|
||||||
width: calc(472px * var(--beilv));
|
width: calc(472px * var(--beilv));
|
||||||
overflow: hidden;
|
overflow: unset;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: calc(16px * var(--beilv));
|
gap: calc(16px * var(--beilv));
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.techy-body-part__right-col-2 {
|
.techy-body-part__right-col-2 {
|
||||||
@ -292,9 +295,15 @@ export default {
|
|||||||
gap: calc(100vmin / 1920 * 36);
|
gap: calc(100vmin / 1920 * 36);
|
||||||
}
|
}
|
||||||
|
|
||||||
.techy-body-part__middle {
|
/* .techy-body-part__middle {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
} */
|
||||||
|
|
||||||
|
.techy-body-part__middle {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: calc(-16px * var(--beilv));
|
||||||
}
|
}
|
||||||
|
|
||||||
.techy-body-part__middle .techy-box {
|
.techy-body-part__middle .techy-box {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user